xmlui 0.9.41 → 0.9.42

package/dist/lib/index.css

@@ -976,7 +976,12 @@
  * This function allows other CSS modules to get the value of the CSS variable specified in $componentVariable.
  Optionally, you can provide a $fallbackValue to set the variable's value if that is not defined.
  */
-._wrapper_1j9om_13 {
+@container (style(--screenSize: 0) or style(--screenSize: 1) or style(--screenSize: 2)) {
+  ._wrapper_1tnk2_14._verticalFullHeader_1tnk2_14 ._navPanelWrapper_1tnk2_14 {
+    display: none;
+  }
+}
+._wrapper_1tnk2_14 {
   --footer-height: 0px;
   --header-height: 0px;
   width: 100%;
@@ -986,66 +991,66 @@
   flex-direction: column;
   isolation: isolate;
 }
-._wrapper_1j9om_13._vertical_1j9om_23 {
+._wrapper_1tnk2_14._vertical_1tnk2_14 {
   flex-direction: row;
   overflow: initial;
 }
-._wrapper_1j9om_13._vertical_1j9om_23 ._contentWrapper_1j9om_27 {
+._wrapper_1tnk2_14._vertical_1tnk2_14 ._contentWrapper_1tnk2_32 {
   overflow: auto;
   scroll-padding-block: var(--xmlui-scroll-padding-block-Pages);
   position: relative;
   scrollbar-gutter: stable both-edges;
 }
-._wrapper_1j9om_13._vertical_1j9om_23 ._navPanelWrapper_1j9om_33 {
+._wrapper_1tnk2_14._vertical_1tnk2_14 ._navPanelWrapper_1tnk2_14 {
   width: var(--xmlui-width-navPanel-App);
   flex-shrink: 0;
 }
-._wrapper_1j9om_13._vertical_1j9om_23 ._PagesWrapper_1j9om_37 {
+._wrapper_1tnk2_14._vertical_1tnk2_14 ._PagesWrapper_1tnk2_42 {
   min-height: initial;
   flex: 1;
 }
-._wrapper_1j9om_13._vertical_1j9om_23 ._footerWrapper_1j9om_41 {
+._wrapper_1tnk2_14._vertical_1tnk2_14 ._footerWrapper_1tnk2_46 {
   position: static;
 }
-._wrapper_1j9om_13._vertical_1j9om_23._sticky_1j9om_44 ._footerWrapper_1j9om_41 {
+._wrapper_1tnk2_14._vertical_1tnk2_14._sticky_1tnk2_49 ._footerWrapper_1tnk2_46 {
   position: sticky;
   bottom: 0;
 }
-._wrapper_1j9om_13._horizontal_1j9om_48 {
+._wrapper_1tnk2_14._horizontal_1tnk2_53 {
   overflow: auto;
   scroll-padding-block: var(--xmlui-scroll-padding-block-Pages);
 }
-._wrapper_1j9om_13._horizontal_1j9om_48 ._PagesWrapper_1j9om_37 {
+._wrapper_1tnk2_14._horizontal_1tnk2_53 ._PagesWrapper_1tnk2_42 {
   min-height: initial;
 }
-._wrapper_1j9om_13._horizontal_1j9om_48 ._footerWrapper_1j9om_41 {
+._wrapper_1tnk2_14._horizontal_1tnk2_53 ._footerWrapper_1tnk2_46 {
   position: static;
 }
-._wrapper_1j9om_13._horizontal_1j9om_48._sticky_1j9om_44 {
+._wrapper_1tnk2_14._horizontal_1tnk2_53._sticky_1tnk2_49 {
   min-height: 100%;
 }
-._wrapper_1j9om_13._horizontal_1j9om_48._sticky_1j9om_44 ._footerWrapper_1j9om_41 {
+._wrapper_1tnk2_14._horizontal_1tnk2_53._sticky_1tnk2_49 ._footerWrapper_1tnk2_46 {
   position: sticky;
   bottom: 0;
 }
-._wrapper_1j9om_13._horizontal_1j9om_48 ._navPanelWrapper_1j9om_33 {
+._wrapper_1tnk2_14._horizontal_1tnk2_53 ._navPanelWrapper_1tnk2_14 {
   border-bottom: var(--xmlui-borderBottom-AppHeader);
   justify-content: end;
   background-color: var(--xmlui-backgroundColor-navPanel-App);
 }
-._wrapper_1j9om_13._verticalFullHeader_1j9om_70 {
+._wrapper_1tnk2_14._verticalFullHeader_1tnk2_14 {
   min-height: 100%;
   height: 100%;
   overflow: auto;
   scroll-padding-block: var(--xmlui-scroll-padding-block-Pages);
 }
-._wrapper_1j9om_13._verticalFullHeader_1j9om_70 ._navPanelWrapper_1j9om_33 {
+._wrapper_1tnk2_14._verticalFullHeader_1tnk2_14 ._navPanelWrapper_1tnk2_14 {
   width: var(--xmlui-width-navPanel-App);
   position: sticky;
   height: calc(var(--containerHeight, 100vh) - var(--footer-height) - var(--header-height));
   top: var(--header-height);
 }
-._wrapper_1j9om_13._verticalFullHeader_1j9om_70 ._navPanelWrapper_1j9om_33::before {
+._wrapper_1tnk2_14._verticalFullHeader_1tnk2_14 ._navPanelWrapper_1tnk2_14::before {
   content: "";
   position: absolute;
   top: 0;
@@ -1055,73 +1060,73 @@
   z-index: -1;
   background-color: var(--xmlui-backgroundColor-navPanel-App);
 }
-._wrapper_1j9om_13._verticalFullHeader_1j9om_70 ._PagesWrapper_1j9om_37 {
+._wrapper_1tnk2_14._verticalFullHeader_1tnk2_14 ._PagesWrapper_1tnk2_42 {
   overflow: initial;
   min-height: calc(var(--containerHeight, 100vh) - var(--header-height) - var(--footer-height));
   height: 100%;
 }
-._wrapper_1j9om_13._verticalFullHeader_1j9om_70 ._PagesWrapperInner_1j9om_97 {
+._wrapper_1tnk2_14._verticalFullHeader_1tnk2_14 ._PagesWrapperInner_1tnk2_102 {
   height: 100%;
 }
-._wrapper_1j9om_13._verticalFullHeader_1j9om_70 ._PagesWrapperInner_1j9om_97 > .xmlui-page-root {
+._wrapper_1tnk2_14._verticalFullHeader_1tnk2_14 ._PagesWrapperInner_1tnk2_102 > .xmlui-page-root {
   height: 100%;
 }
-._wrapper_1j9om_13._verticalFullHeader_1j9om_70 ._footerWrapper_1j9om_41 {
+._wrapper_1tnk2_14._verticalFullHeader_1tnk2_14 ._footerWrapper_1tnk2_46 {
   position: sticky;
   left: 0;
   right: 0;
   bottom: 0;
 }
-._wrapper_1j9om_13._scrollWholePage_1j9om_109 {
+._wrapper_1tnk2_14._scrollWholePage_1tnk2_114 {
   scrollbar-gutter: stable both-edges;
 }
-._wrapper_1j9om_13._scrollWholePage_1j9om_109 ._headerWrapper_1j9om_112 {
+._wrapper_1tnk2_14._scrollWholePage_1tnk2_114 ._headerWrapper_1tnk2_117 {
   margin-inline: calc(-1 * var(--scrollbar-width));
 }
-._wrapper_1j9om_13._scrollWholePage_1j9om_109 ._headerWrapper_1j9om_112 > div {
+._wrapper_1tnk2_14._scrollWholePage_1tnk2_114 ._headerWrapper_1tnk2_117 > div {
   padding-inline: var(--scrollbar-width);
 }
-._wrapper_1j9om_13._scrollWholePage_1j9om_109 ._footerWrapper_1j9om_41 {
+._wrapper_1tnk2_14._scrollWholePage_1tnk2_114 ._footerWrapper_1tnk2_46 {
   margin-inline: calc(-1 * var(--scrollbar-width));
 }
-._wrapper_1j9om_13._scrollWholePage_1j9om_109 ._footerWrapper_1j9om_41 > div {
+._wrapper_1tnk2_14._scrollWholePage_1tnk2_114 ._footerWrapper_1tnk2_46 > div {
   padding-inline: var(--scrollbar-width);
 }
-._wrapper_1j9om_13._scrollWholePage_1j9om_109._verticalFullHeader_1j9om_70 ._content_1j9om_27 {
+._wrapper_1tnk2_14._scrollWholePage_1tnk2_114._verticalFullHeader_1tnk2_14 ._content_1tnk2_32 {
   margin-inline: calc(-1 * var(--scrollbar-width));
 }
-._wrapper_1j9om_13._scrollWholePage_1j9om_109._verticalFullHeader_1j9om_70 ._contentWrapper_1j9om_27 {
+._wrapper_1tnk2_14._scrollWholePage_1tnk2_114._verticalFullHeader_1tnk2_14 ._contentWrapper_1tnk2_32 {
   padding-inline: var(--scrollbar-width);
 }
-._wrapper_1j9om_13:not(._scrollWholePage_1j9om_109) {
+._wrapper_1tnk2_14:not(._scrollWholePage_1tnk2_114) {
   overflow: hidden;
 }
-._wrapper_1j9om_13:not(._scrollWholePage_1j9om_109) ._content_1j9om_27 {
+._wrapper_1tnk2_14:not(._scrollWholePage_1tnk2_114) ._content_1tnk2_32 {
   min-height: 0;
   height: 100%;
 }
-._wrapper_1j9om_13:not(._scrollWholePage_1j9om_109) ._contentWrapper_1j9om_27 {
+._wrapper_1tnk2_14:not(._scrollWholePage_1tnk2_114) ._contentWrapper_1tnk2_32 {
   overflow: initial;
 }
-._wrapper_1j9om_13:not(._scrollWholePage_1j9om_109) ._PagesWrapper_1j9om_37 {
+._wrapper_1tnk2_14:not(._scrollWholePage_1tnk2_114) ._PagesWrapper_1tnk2_42 {
   overflow: auto;
   scroll-padding-block: var(--xmlui-scroll-padding-block-Pages);
   min-height: 0;
   height: 100%;
   scrollbar-gutter: stable both-edges;
 }
-._wrapper_1j9om_13:not(._scrollWholePage_1j9om_109) ._PagesWrapperInner_1j9om_97 {
+._wrapper_1tnk2_14:not(._scrollWholePage_1tnk2_114) ._PagesWrapperInner_1tnk2_102 {
   min-height: 100%;
   height: 0;
 }
-._wrapper_1j9om_13._noScrollbarGutters_1j9om_151 {
+._wrapper_1tnk2_14._noScrollbarGutters_1tnk2_156 {
   scrollbar-gutter: auto;
 }
-._wrapper_1j9om_13._noScrollbarGutters_1j9om_151 ._PagesWrapper_1j9om_37 {
+._wrapper_1tnk2_14._noScrollbarGutters_1tnk2_156 ._PagesWrapper_1tnk2_42 {
   scrollbar-gutter: auto;
 }
 
-._headerWrapper_1j9om_112 {
+._headerWrapper_1tnk2_117 {
   z-index: 1;
   min-height: 0;
   flex-shrink: 0;
@@ -1130,11 +1135,11 @@
   box-shadow: var(--xmlui-boxShadow-header-App);
   background-color: var(--xmlui-backgroundColor-AppHeader);
 }
-._headerWrapper_1j9om_112._sticky_1j9om_44 {
+._headerWrapper_1tnk2_117._sticky_1tnk2_49 {
   position: sticky;
 }
 
-._content_1j9om_27 {
+._content_1tnk2_32 {
   display: flex;
   flex-direction: row;
   isolation: isolate;
@@ -1143,7 +1148,7 @@
   max-width: var(--xmlui-maxWidth-App);
 }
 
-._contentWrapper_1j9om_27 {
+._contentWrapper_1tnk2_32 {
   position: relative;
   min-width: 0;
   flex: 1;
@@ -1154,21 +1159,21 @@
   border-left: var(--xmlui-borderLeft-content-App);
 }
 
-._navPanelWrapper_1j9om_33 {
+._navPanelWrapper_1tnk2_14 {
   display: flex;
   position: sticky;
   top: 0;
 }
-._navPanelWrapper_1j9om_33:empty {
+._navPanelWrapper_1tnk2_14:empty {
   display: none;
 }
 
-._PagesWrapper_1j9om_37 {
+._PagesWrapper_1tnk2_42 {
   flex: 1;
   isolation: isolate;
 }
 
-._PagesWrapperInner_1j9om_97 {
+._PagesWrapperInner_1tnk2_102 {
   --page-padding-left: var(--xmlui-space-4);
   --page-padding-right: var(--xmlui-space-4);
   --page-padding-top: var(--xmlui-space-5);
@@ -1186,7 +1191,7 @@
   display: flex;
   flex-direction: column;
 }
-._PagesWrapperInner_1j9om_97 > .xmlui-page-root {
+._PagesWrapperInner_1tnk2_102 > .xmlui-page-root {
   padding-top: var(--page-padding-top-override, var(--page-padding-top));
   padding-bottom: var(--page-padding-bottom-override, var(--page-padding-bottom));
   padding-right: var(--page-padding-right-override, var(--page-padding-right));
@@ -1198,7 +1203,7 @@
   margin-right: calc(-1 * var(--page-padding-right));
 }
 
-._footerWrapper_1j9om_41 {
+._footerWrapper_1tnk2_46 {
   flex-shrink: 0;
 }/*
  * This file contains all CSS variables AppEngine uses for styling the UI, including individual visual components.
@@ -1332,7 +1337,7 @@
  * This function allows other CSS modules to get the value of the CSS variable specified in $componentVariable.
  Optionally, you can provide a $fallbackValue to set the variable's value if that is not defined.
  */
-._header_gpl7m_13 {
+._header_rdljk_13 {
   position: relative;
   height: var(--xmlui-height-AppHeader);
   box-sizing: content-box;
@@ -1359,7 +1364,7 @@
   border-end-end-radius: var(--xmlui-borderEndEndRadius-AppHeader, var(--xmlui-borderRadius-AppHeader));
 }
 
-._headerInner_gpl7m_40 {
+._headerInner_rdljk_40 {
   height: 100%;
   flex: 1;
   gap: var(--xmlui-space-4);
@@ -1377,11 +1382,11 @@
   width: 100%;
   margin: 0 auto;
 }
-._headerInner_gpl7m_40._full_gpl7m_58 {
+._headerInner_rdljk_40._full_rdljk_58 {
   max-width: var(--xmlui-maxWidth-AppHeader);
 }
 
-._childrenWrapper_gpl7m_62 {
+._childrenWrapper_rdljk_62 {
   --stack-gap-default: var(--xmlui-space-2);
   display: flex;
   flex-direction: row;
@@ -1393,25 +1398,25 @@
   justify-content: var(--xmlui-align-content-AppHeader);
 }
 
-._subNavPanelSlot_gpl7m_74 {
+._subNavPanelSlot_rdljk_74 {
   display: flex;
   flex-direction: row;
 }
 
-._logoAndTitle_gpl7m_79 {
+._logoAndTitle_rdljk_79 {
   display: flex;
   align-items: center;
   gap: var(--xmlui-space-4);
   height: 100%;
 }
-._logoAndTitle_gpl7m_79:not(:empty) {
+._logoAndTitle_rdljk_79:not(:empty) {
   padding-right: var(--xmlui-space-2);
 }
-._logoAndTitle_gpl7m_79:empty {
+._logoAndTitle_rdljk_79:empty {
   display: none;
 }
 
-._logoContainer_gpl7m_92:not(:empty) {
+._logoContainer_rdljk_92:not(:empty) {
   flex-shrink: 0;
   display: flex;
   width: var(--xmlui-width-logo-AppHeader);
@@ -1424,16 +1429,16 @@
   padding-bottom: var(--xmlui-paddingBottom-logo-AppHeader, var(--xmlui-paddingVertical-logo-AppHeader, var(--xmlui-padding-logo-AppHeader)));
 }
 
-._customLogoContainer_gpl7m_105 {
+._customLogoContainer_rdljk_105 {
   display: flex;
   height: 100%;
   align-items: center;
 }
-._customLogoContainer_gpl7m_105 > img {
+._customLogoContainer_rdljk_105 > img {
   height: 100%;
 }
 
-._rightItems_gpl7m_114 {
+._rightItems_rdljk_114 {
   --stack-gap-default: var(--xmlui-space-2);
   gap: var(--stack-gap-default);
   height: 100%;
@@ -1441,11 +1446,11 @@
   flex-direction: row;
   align-items: center;
 }
-._rightItems_gpl7m_114:not(:empty) {
+._rightItems_rdljk_114:not(:empty) {
   padding-left: var(--xmlui-space-4);
 }
 
-._appHub_gpl7m_126 {
+._appHub_rdljk_126 {
   text-decoration: none;
   margin-right: var(--xmlui-space-4);
   width: 40px;
@@ -1453,12 +1458,21 @@
   color: var(--xmlui-textColor-subtitle);
   cursor: pointer;
 }
-._appHub_gpl7m_126:hover {
+._appHub_rdljk_126:hover {
   color: var(--xmlui-textColor-secondary);
 }
-._appHub_gpl7m_126 svg {
+._appHub_rdljk_126 svg {
   width: 100%;
   height: 100%;
+}
+
+._drawerToggle_rdljk_142._drawerToggle_rdljk_142 {
+  display: none;
+}
+@container (style(--screenSize: 0) or style(--screenSize: 1) or style(--screenSize: 2)) {
+  ._drawerToggle_rdljk_142._drawerToggle_rdljk_142 {
+    display: block;
+  }
 }/*
  * This file contains all CSS variables AppEngine uses for styling the UI, including individual visual components.
  *
@@ -6512,7 +6526,7 @@ button._selectTrigger_1cwq0_46._valid_1cwq0_37::placeholder {
  * This function allows other CSS modules to get the value of the CSS variable specified in $componentVariable.
  Optionally, you can provide a $fallbackValue to set the variable's value if that is not defined.
  */
-._datePicker_3t471_13 {
+._datePicker_f1yys_13 {
   display: flex;
   align-items: center;
   cursor: pointer;
@@ -6534,25 +6548,25 @@ button._selectTrigger_1cwq0_46._valid_1cwq0_37::placeholder {
   color: var(--xmlui-textColor-DatePicker-default);
   padding: var(--xmlui-padding-DatePicker-default);
 }
-._datePicker_3t471_13:hover {
+._datePicker_f1yys_13:hover {
   border-color: var(--xmlui-borderColor-DatePicker-default--hover);
   background-color: var(--xmlui-backgroundColor-DatePicker-default--hover);
   box-shadow: var(--xmlui-boxShadow-DatePicker-default--hover);
   color: var(--xmlui-textColor-DatePicker-default--hover);
 }
-._datePicker_3t471_13:focus {
+._datePicker_f1yys_13:focus {
   outline-width: var(--xmlui-outlineWidth-DatePicker-default--focus);
   outline-color: var(--xmlui-outlineColor-DatePicker-default--focus);
   outline-style: var(--xmlui-outlineStyle-DatePicker-default--focus);
   outline-offset: var(--xmlui-outlineOffset-DatePicker-default--focus);
 }
-._datePicker_3t471_13 ._placeholder_3t471_47 {
+._datePicker_f1yys_13 ._placeholder_f1yys_47 {
   color: var(--xmlui-textColor-placeholder-DatePicker-default);
 }
-._datePicker_3t471_13 ._adornment_3t471_50 {
+._datePicker_f1yys_13 ._adornment_f1yys_50 {
   color: var(--xmlui-textColor-adornment-DatePicker-default);
 }
-._datePicker_3t471_13._error_3t471_53 {
+._datePicker_f1yys_13._error_f1yys_53 {
   border-radius: var(--xmlui-borderRadius-DatePicker-error);
   border-color: var(--xmlui-borderColor-DatePicker-error);
   border-width: var(--xmlui-borderWidth-DatePicker-error);
@@ -6562,25 +6576,25 @@ button._selectTrigger_1cwq0_46._valid_1cwq0_37::placeholder {
   color: var(--xmlui-textColor-DatePicker-error);
   padding: var(--xmlui-padding-DatePicker-error);
 }
-._datePicker_3t471_13._error_3t471_53:hover {
+._datePicker_f1yys_13._error_f1yys_53:hover {
   border-color: var(--xmlui-borderColor-DatePicker-error--hover);
   background-color: var(--xmlui-backgroundColor-DatePicker-error--hover);
   box-shadow: var(--xmlui-boxShadow-DatePicker-error--hover);
   color: var(--xmlui-textColor-DatePicker-error--hover);
 }
-._datePicker_3t471_13._error_3t471_53:focus {
+._datePicker_f1yys_13._error_f1yys_53:focus {
   outline-width: var(--xmlui-outlineWidth-DatePicker-error--focus);
   outline-color: var(--xmlui-outlineColor-DatePicker-error--focus);
   outline-style: var(--xmlui-outlineStyle-DatePicker-error--focus);
   outline-offset: var(--xmlui-outlineOffset-DatePicker-error--focus);
 }
-._datePicker_3t471_13._error_3t471_53 ._placeholder_3t471_47 {
+._datePicker_f1yys_13._error_f1yys_53 ._placeholder_f1yys_47 {
   color: var(--xmlui-textColor-placeholder-DatePicker-error);
 }
-._datePicker_3t471_13._error_3t471_53 ._adornment_3t471_50 {
+._datePicker_f1yys_13._error_f1yys_53 ._adornment_f1yys_50 {
   color: var(--xmlui-textColor-adornment-DatePicker-error);
 }
-._datePicker_3t471_13._warning_3t471_81 {
+._datePicker_f1yys_13._warning_f1yys_81 {
   border-radius: var(--xmlui-borderRadius-DatePicker-warning);
   border-color: var(--xmlui-borderColor-DatePicker-warning);
   border-width: var(--xmlui-borderWidth-DatePicker-warning);
@@ -6590,25 +6604,25 @@ button._selectTrigger_1cwq0_46._valid_1cwq0_37::placeholder {
   color: var(--xmlui-textColor-DatePicker-warning);
   padding: var(--xmlui-padding-DatePicker-warning);
 }
-._datePicker_3t471_13._warning_3t471_81:hover {
+._datePicker_f1yys_13._warning_f1yys_81:hover {
   border-color: var(--xmlui-borderColor-DatePicker-warning--hover);
   background-color: var(--xmlui-backgroundColor-DatePicker-warning--hover);
   box-shadow: var(--xmlui-boxShadow-DatePicker-warning--hover);
   color: var(--xmlui-textColor-DatePicker-warning--hover);
 }
-._datePicker_3t471_13._warning_3t471_81:focus {
+._datePicker_f1yys_13._warning_f1yys_81:focus {
   outline-width: var(--xmlui-outlineWidth-DatePicker-warning--focus);
   outline-color: var(--xmlui-outlineColor-DatePicker-warning--focus);
   outline-style: var(--xmlui-outlineStyle-DatePicker-warning--focus);
   outline-offset: var(--xmlui-outlineOffset-DatePicker-warning--focus);
 }
-._datePicker_3t471_13._warning_3t471_81 ._placeholder_3t471_47 {
+._datePicker_f1yys_13._warning_f1yys_81 ._placeholder_f1yys_47 {
   color: var(--xmlui-textColor-placeholder-DatePicker-warning);
 }
-._datePicker_3t471_13._warning_3t471_81 ._adornment_3t471_50 {
+._datePicker_f1yys_13._warning_f1yys_81 ._adornment_f1yys_50 {
   color: var(--xmlui-textColor-adornment-DatePicker-warning);
 }
-._datePicker_3t471_13._valid_3t471_109 {
+._datePicker_f1yys_13._valid_f1yys_109 {
   border-radius: var(--xmlui-borderRadius-DatePicker-success);
   border-color: var(--xmlui-borderColor-DatePicker-success);
   border-width: var(--xmlui-borderWidth-DatePicker-success);
@@ -6618,35 +6632,35 @@ button._selectTrigger_1cwq0_46._valid_1cwq0_37::placeholder {
   color: var(--xmlui-textColor-DatePicker-success);
   padding: var(--xmlui-padding-DatePicker-success);
 }
-._datePicker_3t471_13._valid_3t471_109:hover {
+._datePicker_f1yys_13._valid_f1yys_109:hover {
   border-color: var(--xmlui-borderColor-DatePicker-success--hover);
   background-color: var(--xmlui-backgroundColor-DatePicker-success--hover);
   box-shadow: var(--xmlui-boxShadow-DatePicker-success--hover);
   color: var(--xmlui-textColor-DatePicker-success--hover);
 }
-._datePicker_3t471_13._valid_3t471_109:focus {
+._datePicker_f1yys_13._valid_f1yys_109:focus {
   outline-width: var(--xmlui-outlineWidth-DatePicker-success--focus);
   outline-color: var(--xmlui-outlineColor-DatePicker-success--focus);
   outline-style: var(--xmlui-outlineStyle-DatePicker-success--focus);
   outline-offset: var(--xmlui-outlineOffset-DatePicker-success--focus);
 }
-._datePicker_3t471_13._valid_3t471_109 ._placeholder_3t471_47 {
+._datePicker_f1yys_13._valid_f1yys_109 ._placeholder_f1yys_47 {
   color: var(--xmlui-textColor-placeholder-DatePicker-success);
 }
-._datePicker_3t471_13._valid_3t471_109 ._adornment_3t471_50 {
+._datePicker_f1yys_13._valid_f1yys_109 ._adornment_f1yys_50 {
   color: var(--xmlui-textColor-adornment-DatePicker-success);
 }
-._datePicker_3t471_13._disabled_3t471_137 {
+._datePicker_f1yys_13._disabled_f1yys_137 {
   cursor: not-allowed;
   background-color: var(--xmlui-backgroundColor-DatePicker--disabled);
   color: var(--xmlui-textColor-DatePicker--disabled);
   border-color: var(--xmlui-borderColor-DatePicker--disabled);
 }
-._datePicker_3t471_13._disabled_3t471_137 ._indicator_3t471_143, ._datePicker_3t471_13._disabled_3t471_137 ._datePickerInput_3t471_143 {
+._datePicker_f1yys_13._disabled_f1yys_137 ._indicator_f1yys_143, ._datePicker_f1yys_13._disabled_f1yys_137 ._datePickerInput_f1yys_143 {
   cursor: not-allowed;
 }
 
-._inlinePickerMenu_3t471_147 {
+._inlinePickerMenu_f1yys_147 {
   padding: 0;
   overflow-y: auto;
   width: 100%;
@@ -6661,25 +6675,25 @@ button._selectTrigger_1cwq0_46._valid_1cwq0_37::placeholder {
   color: var(--xmlui-textColor-DatePicker-default);
   padding: var(--xmlui-padding-DatePicker-default);
 }
-._inlinePickerMenu_3t471_147:hover {
+._inlinePickerMenu_f1yys_147:hover {
   border-color: var(--xmlui-borderColor-DatePicker-default--hover);
   background-color: var(--xmlui-backgroundColor-DatePicker-default--hover);
   box-shadow: var(--xmlui-boxShadow-DatePicker-default--hover);
   color: var(--xmlui-textColor-DatePicker-default--hover);
 }
-._inlinePickerMenu_3t471_147:focus {
+._inlinePickerMenu_f1yys_147:focus {
   outline-width: var(--xmlui-outlineWidth-DatePicker-default--focus);
   outline-color: var(--xmlui-outlineColor-DatePicker-default--focus);
   outline-style: var(--xmlui-outlineStyle-DatePicker-default--focus);
   outline-offset: var(--xmlui-outlineOffset-DatePicker-default--focus);
 }
-._inlinePickerMenu_3t471_147 ._placeholder_3t471_47 {
+._inlinePickerMenu_f1yys_147 ._placeholder_f1yys_47 {
   color: var(--xmlui-textColor-placeholder-DatePicker-default);
 }
-._inlinePickerMenu_3t471_147 ._adornment_3t471_50 {
+._inlinePickerMenu_f1yys_147 ._adornment_f1yys_50 {
   color: var(--xmlui-textColor-adornment-DatePicker-default);
 }
-._inlinePickerMenu_3t471_147._error_3t471_53 {
+._inlinePickerMenu_f1yys_147._error_f1yys_53 {
   border-radius: var(--xmlui-borderRadius-DatePicker-error);
   border-color: var(--xmlui-borderColor-DatePicker-error);
   border-width: var(--xmlui-borderWidth-DatePicker-error);
@@ -6689,25 +6703,25 @@ button._selectTrigger_1cwq0_46._valid_1cwq0_37::placeholder {
   color: var(--xmlui-textColor-DatePicker-error);
   padding: var(--xmlui-padding-DatePicker-error);
 }
-._inlinePickerMenu_3t471_147._error_3t471_53:hover {
+._inlinePickerMenu_f1yys_147._error_f1yys_53:hover {
   border-color: var(--xmlui-borderColor-DatePicker-error--hover);
   background-color: var(--xmlui-backgroundColor-DatePicker-error--hover);
   box-shadow: var(--xmlui-boxShadow-DatePicker-error--hover);
   color: var(--xmlui-textColor-DatePicker-error--hover);
 }
-._inlinePickerMenu_3t471_147._error_3t471_53:focus {
+._inlinePickerMenu_f1yys_147._error_f1yys_53:focus {
   outline-width: var(--xmlui-outlineWidth-DatePicker-error--focus);
   outline-color: var(--xmlui-outlineColor-DatePicker-error--focus);
   outline-style: var(--xmlui-outlineStyle-DatePicker-error--focus);
   outline-offset: var(--xmlui-outlineOffset-DatePicker-error--focus);
 }
-._inlinePickerMenu_3t471_147._error_3t471_53 ._placeholder_3t471_47 {
+._inlinePickerMenu_f1yys_147._error_f1yys_53 ._placeholder_f1yys_47 {
   color: var(--xmlui-textColor-placeholder-DatePicker-error);
 }
-._inlinePickerMenu_3t471_147._error_3t471_53 ._adornment_3t471_50 {
+._inlinePickerMenu_f1yys_147._error_f1yys_53 ._adornment_f1yys_50 {
   color: var(--xmlui-textColor-adornment-DatePicker-error);
 }
-._inlinePickerMenu_3t471_147._warning_3t471_81 {
+._inlinePickerMenu_f1yys_147._warning_f1yys_81 {
   border-radius: var(--xmlui-borderRadius-DatePicker-warning);
   border-color: var(--xmlui-borderColor-DatePicker-warning);
   border-width: var(--xmlui-borderWidth-DatePicker-warning);
@@ -6717,25 +6731,25 @@ button._selectTrigger_1cwq0_46._valid_1cwq0_37::placeholder {
   color: var(--xmlui-textColor-DatePicker-warning);
   padding: var(--xmlui-padding-DatePicker-warning);
 }
-._inlinePickerMenu_3t471_147._warning_3t471_81:hover {
+._inlinePickerMenu_f1yys_147._warning_f1yys_81:hover {
   border-color: var(--xmlui-borderColor-DatePicker-warning--hover);
   background-color: var(--xmlui-backgroundColor-DatePicker-warning--hover);
   box-shadow: var(--xmlui-boxShadow-DatePicker-warning--hover);
   color: var(--xmlui-textColor-DatePicker-warning--hover);
 }
-._inlinePickerMenu_3t471_147._warning_3t471_81:focus {
+._inlinePickerMenu_f1yys_147._warning_f1yys_81:focus {
   outline-width: var(--xmlui-outlineWidth-DatePicker-warning--focus);
   outline-color: var(--xmlui-outlineColor-DatePicker-warning--focus);
   outline-style: var(--xmlui-outlineStyle-DatePicker-warning--focus);
   outline-offset: var(--xmlui-outlineOffset-DatePicker-warning--focus);
 }
-._inlinePickerMenu_3t471_147._warning_3t471_81 ._placeholder_3t471_47 {
+._inlinePickerMenu_f1yys_147._warning_f1yys_81 ._placeholder_f1yys_47 {
   color: var(--xmlui-textColor-placeholder-DatePicker-warning);
 }
-._inlinePickerMenu_3t471_147._warning_3t471_81 ._adornment_3t471_50 {
+._inlinePickerMenu_f1yys_147._warning_f1yys_81 ._adornment_f1yys_50 {
   color: var(--xmlui-textColor-adornment-DatePicker-warning);
 }
-._inlinePickerMenu_3t471_147._valid_3t471_109 {
+._inlinePickerMenu_f1yys_147._valid_f1yys_109 {
   border-radius: var(--xmlui-borderRadius-DatePicker-success);
   border-color: var(--xmlui-borderColor-DatePicker-success);
   border-width: var(--xmlui-borderWidth-DatePicker-success);
@@ -6745,26 +6759,26 @@ button._selectTrigger_1cwq0_46._valid_1cwq0_37::placeholder {
   color: var(--xmlui-textColor-DatePicker-success);
   padding: var(--xmlui-padding-DatePicker-success);
 }
-._inlinePickerMenu_3t471_147._valid_3t471_109:hover {
+._inlinePickerMenu_f1yys_147._valid_f1yys_109:hover {
   border-color: var(--xmlui-borderColor-DatePicker-success--hover);
   background-color: var(--xmlui-backgroundColor-DatePicker-success--hover);
   box-shadow: var(--xmlui-boxShadow-DatePicker-success--hover);
   color: var(--xmlui-textColor-DatePicker-success--hover);
 }
-._inlinePickerMenu_3t471_147._valid_3t471_109:focus {
+._inlinePickerMenu_f1yys_147._valid_f1yys_109:focus {
   outline-width: var(--xmlui-outlineWidth-DatePicker-success--focus);
   outline-color: var(--xmlui-outlineColor-DatePicker-success--focus);
   outline-style: var(--xmlui-outlineStyle-DatePicker-success--focus);
   outline-offset: var(--xmlui-outlineOffset-DatePicker-success--focus);
 }
-._inlinePickerMenu_3t471_147._valid_3t471_109 ._placeholder_3t471_47 {
+._inlinePickerMenu_f1yys_147._valid_f1yys_109 ._placeholder_f1yys_47 {
   color: var(--xmlui-textColor-placeholder-DatePicker-success);
 }
-._inlinePickerMenu_3t471_147._valid_3t471_109 ._adornment_3t471_50 {
+._inlinePickerMenu_f1yys_147._valid_f1yys_109 ._adornment_f1yys_50 {
   color: var(--xmlui-textColor-adornment-DatePicker-success);
 }
 
-._datePickerMenu_3t471_265 {
+._datePickerMenu_f1yys_265 {
   padding: var(--xmlui-space-4);
   overflow-y: auto;
   height: fit-content;
@@ -6776,7 +6790,7 @@ button._selectTrigger_1cwq0_46._valid_1cwq0_37::placeholder {
 
 /* Variables declaration */
 /* prettier-ignore */
-._root_3t471_277 {
+._root_f1yys_277 {
   --rdp-day-height: 44px; /* The height of the day cells. */
   --rdp-day-width: 44px; /* The width of the day cells. */
   --rdp-day_button-border-radius: 100%; /* The border radius of the day cells. */
@@ -6812,31 +6826,31 @@ button._selectTrigger_1cwq0_46._valid_1cwq0_37::placeholder {
   --rdp-animation_timing: cubic-bezier(0.4, 0, 0.2, 1);
 }
 
-._root_3t471_277[dir=rtl] {
+._root_f1yys_277[dir=rtl] {
   --rdp-gradient-direction: -90deg;
 }
 
-._root_3t471_277[data-broadcast-calendar=true] {
+._root_f1yys_277[data-broadcast-calendar=true] {
   --rdp-outside-opacity: unset;
 }
 
 /* Root of the component. */
-._root_3t471_277 {
+._root_f1yys_277 {
   position: relative; /* Required to position the navigation toolbar. */
   box-sizing: border-box;
 }
 
-._root_3t471_277 * {
+._root_f1yys_277 * {
   box-sizing: border-box;
 }
 
-._day_3t471_331 {
+._day_f1yys_331 {
   width: var(--rdp-day-width);
   height: var(--rdp-day-height);
   text-align: center;
 }
 
-._day_button_3t471_337 {
+._day_button_f1yys_337 {
   background: none;
   padding: 0;
   margin: 0;
@@ -6851,15 +6865,15 @@ button._selectTrigger_1cwq0_46._valid_1cwq0_37::placeholder {
   border: var(--rdp-day_button-border);
   border-radius: var(--rdp-day_button-border-radius);
 }
-._day_button_3t471_337:hover {
+._day_button_f1yys_337:hover {
   background-color: var(--xmlui-backgroundColor-item-DatePicker--hover);
 }
 
-._day_button_3t471_337:disabled {
+._day_button_f1yys_337:disabled {
   cursor: revert;
 }
 
-._caption_label_3t471_360 {
+._caption_label_f1yys_360 {
   z-index: 1;
   position: relative;
   display: inline-flex;
@@ -6868,12 +6882,12 @@ button._selectTrigger_1cwq0_46._valid_1cwq0_37::placeholder {
   border: 0;
 }
 
-._dropdown_3t471_369:focus-visible ~ ._caption_label_3t471_360 {
+._dropdown_f1yys_369:focus-visible ~ ._caption_label_f1yys_360 {
   outline: 5px auto var(--xmlui-outlineColor--focus);
 }
 
-._button_next_3t471_373,
-._button_previous_3t471_374 {
+._button_next_f1yys_373,
+._button_previous_f1yys_374 {
   border: none;
   background: none;
   padding: 0;
@@ -6891,33 +6905,37 @@ button._selectTrigger_1cwq0_46._valid_1cwq0_37::placeholder {
   width: var(--rdp-nav_button-width);
   height: var(--rdp-nav_button-height);
 }
+._button_next_f1yys_373:hover,
+._button_previous_f1yys_374:hover {
+  background-color: var(--xmlui-backgroundColor-item-DatePicker--hover);
+}
 
-._button_next_3t471_373:disabled,
-._button_next_3t471_373[aria-disabled=true],
-._button_previous_3t471_374:disabled,
-._button_previous_3t471_374[aria-disabled=true] {
+._button_next_f1yys_373:disabled,
+._button_next_f1yys_373[aria-disabled=true],
+._button_previous_f1yys_374:disabled,
+._button_previous_f1yys_374[aria-disabled=true] {
   cursor: revert;
   opacity: var(--rdp-nav_button-disabled-opacity);
 }
 
-._chevron_3t471_401 {
+._chevron_f1yys_405 {
   display: inline-block;
   fill: var(--xmlui-backgroundColor-item-DatePicker--active);
 }
 
-._root_3t471_277[dir=rtl] ._nav_3t471_406 ._chevron_3t471_401 {
+._root_f1yys_277[dir=rtl] ._nav_f1yys_410 ._chevron_f1yys_405 {
   transform: rotate(180deg);
   transform-origin: 50%;
 }
 
-._dropdowns_3t471_411 {
+._dropdowns_f1yys_415 {
   position: relative;
   display: inline-flex;
   align-items: center;
   gap: var(--rdp-dropdown-gap);
 }
 
-._dropdown_3t471_369 {
+._dropdown_f1yys_369 {
   z-index: 2;
   /* Reset */
   opacity: 0;
@@ -6934,37 +6952,42 @@ button._selectTrigger_1cwq0_46._valid_1cwq0_37::placeholder {
   line-height: inherit;
 }
 
-._dropdown_root_3t471_435 {
+._dropdown_root_f1yys_439 {
   position: relative;
   display: inline-flex;
   align-items: center;
 }
+._dropdown_root_f1yys_439:hover {
+  background-color: var(--xmlui-backgroundColor-item-DatePicker--hover);
+  cursor: pointer;
+}
 
-._dropdown_root_3t471_435[data-disabled=true] ._chevron_3t471_401 {
+._dropdown_root_f1yys_439[data-disabled=true] ._chevron_f1yys_405 {
   opacity: var(--rdp-disabled-opacity);
 }
 
-._month_caption_3t471_445 {
+._month_caption_f1yys_453 {
   display: flex;
   align-content: center;
+  padding: var(--xmlui-space-3);
   height: var(--rdp-nav-height);
   font-weight: bold;
   font-size: large;
 }
 
-._root_3t471_277[data-nav-layout=around] ._month_3t471_445,
-._root_3t471_277[data-nav-layout=after] ._month_3t471_445 {
+._root_f1yys_277[data-nav-layout=around] ._month_f1yys_453,
+._root_f1yys_277[data-nav-layout=after] ._month_f1yys_453 {
   position: relative;
 }
 
-._root_3t471_277[data-nav-layout=around] ._month_caption_3t471_445 {
+._root_f1yys_277[data-nav-layout=around] ._month_caption_f1yys_453 {
   justify-content: center;
   margin-inline-start: var(--rdp-nav_button-width);
   margin-inline-end: var(--rdp-nav_button-width);
   position: relative;
 }
 
-._root_3t471_277[data-nav-layout=around] ._button_previous_3t471_374 {
+._root_f1yys_277[data-nav-layout=around] ._button_previous_f1yys_374 {
   position: absolute;
   inset-inline-start: 0;
   top: 0;
@@ -6972,7 +6995,7 @@ button._selectTrigger_1cwq0_46._valid_1cwq0_37::placeholder {
   display: inline-flex;
 }
 
-._root_3t471_277[data-nav-layout=around] ._button_next_3t471_373 {
+._root_f1yys_277[data-nav-layout=around] ._button_next_f1yys_373 {
   position: absolute;
   inset-inline-end: 0;
   top: 0;
@@ -6981,7 +7004,7 @@ button._selectTrigger_1cwq0_46._valid_1cwq0_37::placeholder {
   justify-content: center;
 }
 
-._months_3t471_482 {
+._months_f1yys_491 {
   position: relative;
   display: flex;
   flex-wrap: wrap;
@@ -6989,11 +7012,11 @@ button._selectTrigger_1cwq0_46._valid_1cwq0_37::placeholder {
   max-width: fit-content;
 }
 
-._month_grid_3t471_490 {
+._month_grid_f1yys_499 {
   border-collapse: collapse;
 }
 
-._nav_3t471_406 {
+._nav_f1yys_410 {
   position: absolute;
   inset-block-start: 0;
   inset-inline-end: 0;
@@ -7002,16 +7025,17 @@ button._selectTrigger_1cwq0_46._valid_1cwq0_37::placeholder {
   height: var(--rdp-nav-height);
 }
 
-._weekday_3t471_503 {
+._weekday_f1yys_512 {
   opacity: var(--rdp-weekday-opacity);
   padding: var(--rdp-weekday-padding);
   font-weight: 500;
   font-size: smaller;
+  color: var(--xmlui-textColor-secondary);
   text-align: var(--rdp-weekday-text-align);
   text-transform: var(--rdp-weekday-text-transform);
 }
 
-._week_number_3t471_512 {
+._week_number_f1yys_522 {
   opacity: var(--rdp-week_number-opacity);
   font-weight: 400;
   font-size: small;
@@ -7023,71 +7047,76 @@ button._selectTrigger_1cwq0_46._valid_1cwq0_37::placeholder {
 }
 
 /* DAY MODIFIERS */
-._today_3t471_524:not(._outside_3t471_524) {
+._today_f1yys_534:not(._outside_f1yys_534) {
   color: var(--xmlui-color-primary-500);
 }
 
-._selected_3t471_528 {
+._selected_f1yys_538 {
   font-weight: bold;
   font-size: large;
 }
 
-._selected_3t471_528 ._day_button_3t471_337 {
+._selected_f1yys_538 ._day_button_f1yys_337 {
   border: 2px solid var(--xmlui-borderColor-selectedItem-DatePicker);
 }
 
-._outside_3t471_524 {
+._outside_f1yys_534 {
   opacity: var(--rdp-outside-opacity);
 }
 
-._disabled_3t471_137 {
+._disabled_f1yys_137 {
   opacity: var(--rdp-disabled-opacity);
 }
 
-._hidden_3t471_545 {
+._hidden_f1yys_555 {
   visibility: hidden;
   color: var(--rdp-range_start-color);
 }
 
-._range_start_3t471_550 {
+._range_start_f1yys_560 {
   background: var(--rdp-range_start-background);
 }
 
-._range_start_3t471_550 ._day_button_3t471_337 {
+._range_start_f1yys_560 ._day_button_f1yys_337 {
   background-color: var(--rdp-range_start-date-background-color);
   color: var(--rdp-range_start-color);
 }
 
-._range_middle_3t471_559 {
+._range_middle_f1yys_569 {
   background-color: var(--rdp-range_middle-background-color);
 }
 
-._range_middle_3t471_559 ._day_button_3t471_337 {
+._range_middle_f1yys_569 ._day_button_f1yys_337 {
   border-color: transparent;
   border: unset;
   border-radius: unset;
   color: var(--rdp-range_middle-color);
 }
 
-._range_end_3t471_570 {
+._range_end_f1yys_580 {
   background: var(--rdp-range_end-background);
   color: var(--rdp-range_end-color);
 }
 
-._range_end_3t471_570 ._day_button_3t471_337 {
+._range_end_f1yys_580 ._day_button_f1yys_337 {
   color: var(--rdp-range_start-color);
   background-color: var(--rdp-range_end-date-background-color);
 }
 
-._range_start_3t471_550._range_end_3t471_570 {
+._range_start_f1yys_560._range_end_f1yys_580 {
   background: revert;
 }
 
-._focusable_3t471_584 {
+._focusable_f1yys_594 {
   cursor: pointer;
 }
 
-@keyframes _rdp-slide_in_left_3t471_1 {
+._datePickerValue_f1yys_598 {
+  display: flex;
+  flex: 1;
+}
+
+@keyframes _rdp-slide_in_left_f1yys_1 {
   0% {
     transform: translateX(-100%);
   }
@@ -7095,7 +7124,7 @@ button._selectTrigger_1cwq0_46._valid_1cwq0_37::placeholder {
     transform: translateX(0);
   }
 }
-@keyframes _rdp-slide_in_right_3t471_1 {
+@keyframes _rdp-slide_in_right_f1yys_1 {
   0% {
     transform: translateX(100%);
   }
@@ -7103,7 +7132,7 @@ button._selectTrigger_1cwq0_46._valid_1cwq0_37::placeholder {
     transform: translateX(0);
   }
 }
-@keyframes _rdp-slide_out_left_3t471_1 {
+@keyframes _rdp-slide_out_left_f1yys_1 {
   0% {
     transform: translateX(0);
   }
@@ -7111,7 +7140,7 @@ button._selectTrigger_1cwq0_46._valid_1cwq0_37::placeholder {
     transform: translateX(-100%);
   }
 }
-@keyframes _rdp-slide_out_right_3t471_1 {
+@keyframes _rdp-slide_out_right_f1yys_1 {
   0% {
     transform: translateX(0);
   }
@@ -7119,39 +7148,39 @@ button._selectTrigger_1cwq0_46._valid_1cwq0_37::placeholder {
     transform: translateX(100%);
   }
 }
-._weeks_before_enter_3t471_620 {
-  animation: _rdp-slide_in_left_3t471_1 var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
+._weeks_before_enter_f1yys_635 {
+  animation: _rdp-slide_in_left_f1yys_1 var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
 }
 
-._weeks_before_exit_3t471_624 {
-  animation: _rdp-slide_out_left_3t471_1 var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
+._weeks_before_exit_f1yys_639 {
+  animation: _rdp-slide_out_left_f1yys_1 var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
 }
 
-._weeks_after_enter_3t471_628 {
-  animation: _rdp-slide_in_right_3t471_1 var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
+._weeks_after_enter_f1yys_643 {
+  animation: _rdp-slide_in_right_f1yys_1 var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
 }
 
-._weeks_after_exit_3t471_632 {
-  animation: _rdp-slide_out_right_3t471_1 var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
+._weeks_after_exit_f1yys_647 {
+  animation: _rdp-slide_out_right_f1yys_1 var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
 }
 
-._root_3t471_277[dir=rtl] ._weeks_after_enter_3t471_628 {
-  animation: _rdp-slide_in_left_3t471_1 var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
+._root_f1yys_277[dir=rtl] ._weeks_after_enter_f1yys_643 {
+  animation: _rdp-slide_in_left_f1yys_1 var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
 }
 
-._root_3t471_277[dir=rtl] ._weeks_before_exit_3t471_624 {
-  animation: _rdp-slide_out_right_3t471_1 var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
+._root_f1yys_277[dir=rtl] ._weeks_before_exit_f1yys_639 {
+  animation: _rdp-slide_out_right_f1yys_1 var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
 }
 
-._root_3t471_277[dir=rtl] ._weeks_before_enter_3t471_620 {
-  animation: _rdp-slide_in_right_3t471_1 var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
+._root_f1yys_277[dir=rtl] ._weeks_before_enter_f1yys_635 {
+  animation: _rdp-slide_in_right_f1yys_1 var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
 }
 
-._root_3t471_277[dir=rtl] ._weeks_after_exit_3t471_632 {
-  animation: _rdp-slide_out_left_3t471_1 var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
+._root_f1yys_277[dir=rtl] ._weeks_after_exit_f1yys_647 {
+  animation: _rdp-slide_out_left_f1yys_1 var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
 }
 
-@keyframes _rdp-fade_in_3t471_1 {
+@keyframes _rdp-fade_in_f1yys_1 {
   from {
     opacity: 0;
   }
@@ -7159,7 +7188,7 @@ button._selectTrigger_1cwq0_46._valid_1cwq0_37::placeholder {
     opacity: 1;
   }
 }
-@keyframes _rdp-fade_out_3t471_1 {
+@keyframes _rdp-fade_out_f1yys_1 {
   from {
     opacity: 1;
   }
@@ -7167,20 +7196,20 @@ button._selectTrigger_1cwq0_46._valid_1cwq0_37::placeholder {
     opacity: 0;
   }
 }
-._caption_after_enter_3t471_668 {
-  animation: _rdp-fade_in_3t471_1 var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
+._caption_after_enter_f1yys_683 {
+  animation: _rdp-fade_in_f1yys_1 var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
 }
 
-._caption_after_exit_3t471_672 {
-  animation: _rdp-fade_out_3t471_1 var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
+._caption_after_exit_f1yys_687 {
+  animation: _rdp-fade_out_f1yys_1 var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
 }
 
-._caption_before_enter_3t471_676 {
-  animation: _rdp-fade_in_3t471_1 var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
+._caption_before_enter_f1yys_691 {
+  animation: _rdp-fade_in_f1yys_1 var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
 }
 
-._caption_before_exit_3t471_680 {
-  animation: _rdp-fade_out_3t471_1 var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
+._caption_before_exit_f1yys_695 {
+  animation: _rdp-fade_out_f1yys_1 var(--rdp-animation_duration) var(--rdp-animation_timing) forwards;
 }/*
  * This file contains all CSS variables AppEngine uses for styling the UI, including individual visual components.
  *
@@ -9059,11 +9088,39 @@ li .htmlOl {
  * This function allows other CSS modules to get the value of the CSS variable specified in $componentVariable.
  Optionally, you can provide a $fallbackValue to set the variable's value if that is not defined.
  */
-._nav_1gght_13 {
+._nav_ptcge_13 {
+  border-width: var(--xmlui-borderWidth-TableOfContents);
+  border-color: var(--xmlui-borderColor-TableOfContents);
+  border-style: var(--xmlui-borderStyle-TableOfContents);
+  border-left: var(--xmlui-borderLeft-TableOfContents, var(--xmlui-borderHorizontal-TableOfContents, var(--xmlui-border-TableOfContents)));
+  border-right: var(--xmlui-borderRight-TableOfContents, var(--xmlui-borderHorizontal-TableOfContents, var(--xmlui-border-TableOfContents)));
+  border-top: var(--xmlui-borderTop-TableOfContents, var(--xmlui-borderVertical-TableOfContents, var(--xmlui-border-TableOfContents)));
+  border-bottom: var(--xmlui-borderBottom-TableOfContents, var(--xmlui-borderVertical-TableOfContents, var(--xmlui-border-TableOfContents)));
+  border-left-style: var(--xmlui-borderLeftStyle-TableOfContents, var(--xmlui-borderHorizontalStyle-TableOfContents, var(--xmlui-borderStyle-TableOfContents)));
+  border-right-style: var(--xmlui-borderRightStyle-TableOfContents, var(--xmlui-borderHorizontalStyle-TableOfContents, var(--xmlui-borderStyle-TableOfContents)));
+  border-top-style: var(--xmlui-borderTopStyle-TableOfContents, var(--xmlui-borderVerticalStyle-TableOfContents, var(--xmlui-borderStyle-TableOfContents)));
+  border-bottom-style: var(--xmlui-borderBottomStyle-TableOfContents, var(--xmlui-borderVerticalStyle-TableOfContents, var(--xmlui-borderStyle-TableOfContents)));
+  border-left-width: var(--xmlui-borderLeftWidth-TableOfContents, var(--xmlui-borderHorizontalWidth-TableOfContents, var(--xmlui-borderWidth-TableOfContents)));
+  border-right-width: var(--xmlui-borderRightWidth-TableOfContents, var(--xmlui-borderHorizontalWidth-TableOfContents, var(--xmlui-borderWidth-TableOfContents)));
+  border-top-width: var(--xmlui-borderTopWidth-TableOfContents, var(--xmlui-borderVerticalWidth-TableOfContents, var(--xmlui-borderWidth-TableOfContents)));
+  border-bottom-width: var(--xmlui-borderBottomWidth-TableOfContents, var(--xmlui-borderVerticalWidth-TableOfContents, var(--xmlui-borderWidth-TableOfContents)));
+  border-left-color: var(--xmlui-borderLeftColor-TableOfContents, var(--xmlui-borderHorizontalColor-TableOfContents, var(--xmlui-borderColor-TableOfContents)));
+  border-right-color: var(--xmlui-borderRightColor-TableOfContents, var(--xmlui-borderHorizontalColor-TableOfContents, var(--xmlui-borderColor-TableOfContents)));
+  border-top-color: var(--xmlui-borderTopColor-TableOfContents, var(--xmlui-borderVerticalColor-TableOfContents, var(--xmlui-borderColor-TableOfContents)));
+  border-bottom-color: var(--xmlui-borderBottomColor-TableOfContents, var(--xmlui-borderVerticalColor-TableOfContents, var(--xmlui-borderColor-TableOfContents)));
+  border-start-start-radius: var(--xmlui-borderStartStartRadius-TableOfContents, var(--xmlui-borderRadius-TableOfContents));
+  border-start-end-radius: var(--xmlui-borderStartEndRadius-TableOfContents, var(--xmlui-borderRadius-TableOfContents));
+  border-end-start-radius: var(--xmlui-borderEndStartRadius-TableOfContents, var(--xmlui-borderRadius-TableOfContents));
+  border-end-end-radius: var(--xmlui-borderEndEndRadius-TableOfContents, var(--xmlui-borderRadius-TableOfContents));
+  padding: var(--xmlui-padding-TableOfContents);
+  padding-left: var(--xmlui-paddingLeft-TableOfContents, var(--xmlui-paddingHorizontal-TableOfContents, var(--xmlui-padding-TableOfContents)));
+  padding-right: var(--xmlui-paddingRight-TableOfContents, var(--xmlui-paddingHorizontal-TableOfContents, var(--xmlui-padding-TableOfContents)));
+  padding-top: var(--xmlui-paddingTop-TableOfContents, var(--xmlui-paddingVertical-TableOfContents, var(--xmlui-padding-TableOfContents)));
+  padding-bottom: var(--xmlui-paddingBottom-TableOfContents, var(--xmlui-paddingVertical-TableOfContents, var(--xmlui-padding-TableOfContents)));
   background-color: var(--xmlui-backgroundColor-TableOfContents);
-  min-width: 240px;
-  width: var(--xmlui-width-TableOfContents);
+  min-width: 250px;
   align-self: flex-start;
+  width: var(--xmlui-width-TableOfContents);
   height: var(--xmlui-height-TableOfContents);
   max-height: calc(100vh - var(--header-abs-height) - var(--footer-abs-height));
   overflow-y: auto;
@@ -9071,29 +9128,42 @@ li .htmlOl {
   z-index: 99;
   top: var(--header-height);
   position: sticky;
-  scrollbar-color: lab(48.438% 0 0/0.4) transparent;
   scrollbar-width: thin;
-  border-radius: var(--xmlui-borderRadius-TableOfContents);
-  border-color: var(--xmlui-borderColor-TableOfContents);
-  border-width: var(--xmlui-borderWidth-TableOfContents);
-  border-style: var(--xmlui-borderStyle-TableOfContents);
   margin-top: var(--xmlui-marginTop-TableOfContents);
   margin-bottom: var(--xmlui-marginBottom-TableOfContents);
-  padding: var(--xmlui-paddingVertical-TableOfContents) var(--xmlui-paddingHorizontal-TableOfContents);
 }
-._nav_1gght_13 ._list_1gght_35 {
+._nav_ptcge_13 ._list_ptcge_57 {
   margin: 0;
   padding: 0;
   list-style: none;
 }
-._nav_1gght_13 ._list_1gght_35 ._listItem_1gght_40 {
+._nav_ptcge_13 ._list_ptcge_57 ._listItem_ptcge_62 {
   list-style-type: none;
-  border-left: var(--xmlui-borderWidth-TableOfContentsItem) var(--xmlui-borderStyle-TableOfContentsItem) var(--xmlui-borderColor-TableOfContentsItem);
-}
-._nav_1gght_13 ._list_1gght_35 ._listItem_1gght_40 ._link_1gght_44 {
-  color: var(--xmlui-textColor-TableOfContentsItem);
-  overflow-wrap: break-word;
+  border-left: var(--xmlui-borderLeft-TableOfContentsItem, var(--xmlui-borderHorizontal-TableOfContentsItem, var(--xmlui-border-TableOfContentsItem)));
+  border-right: var(--xmlui-borderRight-TableOfContentsItem, var(--xmlui-borderHorizontal-TableOfContentsItem, var(--xmlui-border-TableOfContentsItem)));
+  border-top: var(--xmlui-borderTop-TableOfContentsItem, var(--xmlui-borderVertical-TableOfContentsItem, var(--xmlui-border-TableOfContentsItem)));
+  border-bottom: var(--xmlui-borderBottom-TableOfContentsItem, var(--xmlui-borderVertical-TableOfContentsItem, var(--xmlui-border-TableOfContentsItem)));
+  border-left-style: var(--xmlui-borderLeftStyle-TableOfContentsItem, var(--xmlui-borderHorizontalStyle-TableOfContentsItem, var(--xmlui-borderStyle-TableOfContentsItem)));
+  border-right-style: var(--xmlui-borderRightStyle-TableOfContentsItem, var(--xmlui-borderHorizontalStyle-TableOfContentsItem, var(--xmlui-borderStyle-TableOfContentsItem)));
+  border-top-style: var(--xmlui-borderTopStyle-TableOfContentsItem, var(--xmlui-borderVerticalStyle-TableOfContentsItem, var(--xmlui-borderStyle-TableOfContentsItem)));
+  border-bottom-style: var(--xmlui-borderBottomStyle-TableOfContentsItem, var(--xmlui-borderVerticalStyle-TableOfContentsItem, var(--xmlui-borderStyle-TableOfContentsItem)));
+  border-left-width: var(--xmlui-borderLeftWidth-TableOfContentsItem, var(--xmlui-borderHorizontalWidth-TableOfContentsItem, var(--xmlui-borderWidth-TableOfContentsItem)));
+  border-right-width: var(--xmlui-borderRightWidth-TableOfContentsItem, var(--xmlui-borderHorizontalWidth-TableOfContentsItem, var(--xmlui-borderWidth-TableOfContentsItem)));
+  border-top-width: var(--xmlui-borderTopWidth-TableOfContentsItem, var(--xmlui-borderVerticalWidth-TableOfContentsItem, var(--xmlui-borderWidth-TableOfContentsItem)));
+  border-bottom-width: var(--xmlui-borderBottomWidth-TableOfContentsItem, var(--xmlui-borderVerticalWidth-TableOfContentsItem, var(--xmlui-borderWidth-TableOfContentsItem)));
+  border-left-color: var(--xmlui-borderLeftColor-TableOfContentsItem, var(--xmlui-borderHorizontalColor-TableOfContentsItem, var(--xmlui-borderColor-TableOfContentsItem)));
+  border-right-color: var(--xmlui-borderRightColor-TableOfContentsItem, var(--xmlui-borderHorizontalColor-TableOfContentsItem, var(--xmlui-borderColor-TableOfContentsItem)));
+  border-top-color: var(--xmlui-borderTopColor-TableOfContentsItem, var(--xmlui-borderVerticalColor-TableOfContentsItem, var(--xmlui-borderColor-TableOfContentsItem)));
+  border-bottom-color: var(--xmlui-borderBottomColor-TableOfContentsItem, var(--xmlui-borderVerticalColor-TableOfContentsItem, var(--xmlui-borderColor-TableOfContentsItem)));
+  border-start-start-radius: var(--xmlui-borderStartStartRadius-TableOfContentsItem, var(--xmlui-borderRadius-TableOfContentsItem));
+  border-start-end-radius: var(--xmlui-borderStartEndRadius-TableOfContentsItem, var(--xmlui-borderRadius-TableOfContentsItem));
+  border-end-start-radius: var(--xmlui-borderEndStartRadius-TableOfContentsItem, var(--xmlui-borderRadius-TableOfContentsItem));
+  border-end-end-radius: var(--xmlui-borderEndEndRadius-TableOfContentsItem, var(--xmlui-borderRadius-TableOfContentsItem));
+}
+._nav_ptcge_13 ._list_ptcge_57 ._listItem_ptcge_62 ._link_ptcge_85 {
   display: block;
+  overflow-wrap: break-word;
+  color: var(--xmlui-textColor-TableOfContentsItem);
   padding: var(--xmlui-padding-TableOfContentsItem);
   padding-left: var(--xmlui-paddingLeft-TableOfContentsItem, var(--xmlui-paddingHorizontal-TableOfContentsItem, var(--xmlui-padding-TableOfContentsItem)));
   padding-right: var(--xmlui-paddingRight-TableOfContentsItem, var(--xmlui-paddingHorizontal-TableOfContentsItem, var(--xmlui-padding-TableOfContentsItem)));
@@ -9125,7 +9195,7 @@ li .htmlOl {
   writing-mode: var(--xmlui-writingMode-TableOfContentsItem);
   line-break: var(--xmlui-lineBreak-TableOfContentsItem);
 }
-._nav_1gght_13 ._list_1gght_35 ._listItem_1gght_40 ._link_1gght_44._head_1_1gght_79 {
+._nav_ptcge_13 ._list_ptcge_57 ._listItem_ptcge_62 ._link_ptcge_85._head_1_ptcge_120 {
   padding: var(--xmlui-padding-TableOfContentsItem-level-1);
   padding-left: var(--xmlui-paddingLeft-TableOfContentsItem-level-1, var(--xmlui-paddingHorizontal-TableOfContentsItem-level-1, var(--xmlui-padding-TableOfContentsItem-level-1)));
   padding-right: var(--xmlui-paddingRight-TableOfContentsItem-level-1, var(--xmlui-paddingHorizontal-TableOfContentsItem-level-1, var(--xmlui-padding-TableOfContentsItem-level-1)));
@@ -9157,7 +9227,7 @@ li .htmlOl {
   writing-mode: var(--xmlui-writingMode-TableOfContentsItem-level-1);
   line-break: var(--xmlui-lineBreak-TableOfContentsItem-level-1);
 }
-._nav_1gght_13 ._list_1gght_35 ._listItem_1gght_40 ._link_1gght_44._head_2_1gght_111 {
+._nav_ptcge_13 ._list_ptcge_57 ._listItem_ptcge_62 ._link_ptcge_85._head_2_ptcge_152 {
   padding: var(--xmlui-padding-TableOfContentsItem-level-2);
   padding-left: var(--xmlui-paddingLeft-TableOfContentsItem-level-2, var(--xmlui-paddingHorizontal-TableOfContentsItem-level-2, var(--xmlui-padding-TableOfContentsItem-level-2)));
   padding-right: var(--xmlui-paddingRight-TableOfContentsItem-level-2, var(--xmlui-paddingHorizontal-TableOfContentsItem-level-2, var(--xmlui-padding-TableOfContentsItem-level-2)));
@@ -9189,7 +9259,7 @@ li .htmlOl {
   writing-mode: var(--xmlui-writingMode-TableOfContentsItem-level-2);
   line-break: var(--xmlui-lineBreak-TableOfContentsItem-level-2);
 }
-._nav_1gght_13 ._list_1gght_35 ._listItem_1gght_40 ._link_1gght_44._head_3_1gght_143 {
+._nav_ptcge_13 ._list_ptcge_57 ._listItem_ptcge_62 ._link_ptcge_85._head_3_ptcge_184 {
   padding: var(--xmlui-padding-TableOfContentsItem-level-3);
   padding-left: var(--xmlui-paddingLeft-TableOfContentsItem-level-3, var(--xmlui-paddingHorizontal-TableOfContentsItem-level-3, var(--xmlui-padding-TableOfContentsItem-level-3)));
   padding-right: var(--xmlui-paddingRight-TableOfContentsItem-level-3, var(--xmlui-paddingHorizontal-TableOfContentsItem-level-3, var(--xmlui-padding-TableOfContentsItem-level-3)));
@@ -9221,7 +9291,7 @@ li .htmlOl {
   writing-mode: var(--xmlui-writingMode-TableOfContentsItem-level-3);
   line-break: var(--xmlui-lineBreak-TableOfContentsItem-level-3);
 }
-._nav_1gght_13 ._list_1gght_35 ._listItem_1gght_40 ._link_1gght_44._head_4_1gght_175 {
+._nav_ptcge_13 ._list_ptcge_57 ._listItem_ptcge_62 ._link_ptcge_85._head_4_ptcge_216 {
   padding: var(--xmlui-padding-TableOfContentsItem-level-4);
   padding-left: var(--xmlui-paddingLeft-TableOfContentsItem-level-4, var(--xmlui-paddingHorizontal-TableOfContentsItem-level-4, var(--xmlui-padding-TableOfContentsItem-level-4)));
   padding-right: var(--xmlui-paddingRight-TableOfContentsItem-level-4, var(--xmlui-paddingHorizontal-TableOfContentsItem-level-4, var(--xmlui-padding-TableOfContentsItem-level-4)));
@@ -9253,7 +9323,7 @@ li .htmlOl {
   writing-mode: var(--xmlui-writingMode-TableOfContentsItem-level-4);
   line-break: var(--xmlui-lineBreak-TableOfContentsItem-level-4);
 }
-._nav_1gght_13 ._list_1gght_35 ._listItem_1gght_40 ._link_1gght_44._head_5_1gght_207 {
+._nav_ptcge_13 ._list_ptcge_57 ._listItem_ptcge_62 ._link_ptcge_85._head_5_ptcge_248 {
   padding: var(--xmlui-padding-TableOfContentsItem-level-5);
   padding-left: var(--xmlui-paddingLeft-TableOfContentsItem-level-5, var(--xmlui-paddingHorizontal-TableOfContentsItem-level-5, var(--xmlui-padding-TableOfContentsItem-level-5)));
   padding-right: var(--xmlui-paddingRight-TableOfContentsItem-level-5, var(--xmlui-paddingHorizontal-TableOfContentsItem-level-5, var(--xmlui-padding-TableOfContentsItem-level-5)));
@@ -9285,7 +9355,7 @@ li .htmlOl {
   writing-mode: var(--xmlui-writingMode-TableOfContentsItem-level-5);
   line-break: var(--xmlui-lineBreak-TableOfContentsItem-level-5);
 }
-._nav_1gght_13 ._list_1gght_35 ._listItem_1gght_40 ._link_1gght_44._head_6_1gght_239 {
+._nav_ptcge_13 ._list_ptcge_57 ._listItem_ptcge_62 ._link_ptcge_85._head_6_ptcge_280 {
   padding: var(--xmlui-padding-TableOfContentsItem-level-6);
   padding-left: var(--xmlui-paddingLeft-TableOfContentsItem-level-6, var(--xmlui-paddingHorizontal-TableOfContentsItem-level-6, var(--xmlui-padding-TableOfContentsItem-level-6)));
   padding-right: var(--xmlui-paddingRight-TableOfContentsItem-level-6, var(--xmlui-paddingHorizontal-TableOfContentsItem-level-6, var(--xmlui-padding-TableOfContentsItem-level-6)));
@@ -9317,15 +9387,95 @@ li .htmlOl {
   writing-mode: var(--xmlui-writingMode-TableOfContentsItem-level-6);
   line-break: var(--xmlui-lineBreak-TableOfContentsItem-level-6);
 }
-._nav_1gght_13 ._list_1gght_35 ._listItem_1gght_40:hover ._link_1gght_44 {
+._nav_ptcge_13 ._list_ptcge_57 ._listItem_ptcge_62:hover {
+  border-left: var(--xmlui-borderLeft-TableOfContentsItem--hover, var(--xmlui-borderHorizontal-TableOfContentsItem--hover, var(--xmlui-border-TableOfContentsItem--hover)));
+  border-right: var(--xmlui-borderRight-TableOfContentsItem--hover, var(--xmlui-borderHorizontal-TableOfContentsItem--hover, var(--xmlui-border-TableOfContentsItem--hover)));
+  border-top: var(--xmlui-borderTop-TableOfContentsItem--hover, var(--xmlui-borderVertical-TableOfContentsItem--hover, var(--xmlui-border-TableOfContentsItem--hover)));
+  border-bottom: var(--xmlui-borderBottom-TableOfContentsItem--hover, var(--xmlui-borderVertical-TableOfContentsItem--hover, var(--xmlui-border-TableOfContentsItem--hover)));
+  border-left-style: var(--xmlui-borderLeftStyle-TableOfContentsItem--hover, var(--xmlui-borderHorizontalStyle-TableOfContentsItem--hover, var(--xmlui-borderStyle-TableOfContentsItem--hover)));
+  border-right-style: var(--xmlui-borderRightStyle-TableOfContentsItem--hover, var(--xmlui-borderHorizontalStyle-TableOfContentsItem--hover, var(--xmlui-borderStyle-TableOfContentsItem--hover)));
+  border-top-style: var(--xmlui-borderTopStyle-TableOfContentsItem--hover, var(--xmlui-borderVerticalStyle-TableOfContentsItem--hover, var(--xmlui-borderStyle-TableOfContentsItem--hover)));
+  border-bottom-style: var(--xmlui-borderBottomStyle-TableOfContentsItem--hover, var(--xmlui-borderVerticalStyle-TableOfContentsItem--hover, var(--xmlui-borderStyle-TableOfContentsItem--hover)));
+  border-left-width: var(--xmlui-borderLeftWidth-TableOfContentsItem--hover, var(--xmlui-borderHorizontalWidth-TableOfContentsItem--hover, var(--xmlui-borderWidth-TableOfContentsItem--hover)));
+  border-right-width: var(--xmlui-borderRightWidth-TableOfContentsItem--hover, var(--xmlui-borderHorizontalWidth-TableOfContentsItem--hover, var(--xmlui-borderWidth-TableOfContentsItem--hover)));
+  border-top-width: var(--xmlui-borderTopWidth-TableOfContentsItem--hover, var(--xmlui-borderVerticalWidth-TableOfContentsItem--hover, var(--xmlui-borderWidth-TableOfContentsItem--hover)));
+  border-bottom-width: var(--xmlui-borderBottomWidth-TableOfContentsItem--hover, var(--xmlui-borderVerticalWidth-TableOfContentsItem--hover, var(--xmlui-borderWidth-TableOfContentsItem--hover)));
+  border-left-color: var(--xmlui-borderLeftColor-TableOfContentsItem--hover, var(--xmlui-borderHorizontalColor-TableOfContentsItem--hover, var(--xmlui-borderColor-TableOfContentsItem--hover)));
+  border-right-color: var(--xmlui-borderRightColor-TableOfContentsItem--hover, var(--xmlui-borderHorizontalColor-TableOfContentsItem--hover, var(--xmlui-borderColor-TableOfContentsItem--hover)));
+  border-top-color: var(--xmlui-borderTopColor-TableOfContentsItem--hover, var(--xmlui-borderVerticalColor-TableOfContentsItem--hover, var(--xmlui-borderColor-TableOfContentsItem--hover)));
+  border-bottom-color: var(--xmlui-borderBottomColor-TableOfContentsItem--hover, var(--xmlui-borderVerticalColor-TableOfContentsItem--hover, var(--xmlui-borderColor-TableOfContentsItem--hover)));
+  border-start-start-radius: var(--xmlui-borderStartStartRadius-TableOfContentsItem--hover, var(--xmlui-borderRadius-TableOfContentsItem--hover));
+  border-start-end-radius: var(--xmlui-borderStartEndRadius-TableOfContentsItem--hover, var(--xmlui-borderRadius-TableOfContentsItem--hover));
+  border-end-start-radius: var(--xmlui-borderEndStartRadius-TableOfContentsItem--hover, var(--xmlui-borderRadius-TableOfContentsItem--hover));
+  border-end-end-radius: var(--xmlui-borderEndEndRadius-TableOfContentsItem--hover, var(--xmlui-borderRadius-TableOfContentsItem--hover));
+  background-color: var(--xmlui-backgroundColor-TableOfContentsItem--hover);
+}
+._nav_ptcge_13 ._list_ptcge_57 ._listItem_ptcge_62:hover ._link_ptcge_85 {
+  font-weight: var(--xmlui-fontWeight-TableOfContentsItem--hover);
   color: var(--xmlui-textColor-TableOfContentsItem--hover);
 }
-._nav_1gght_13 ._list_1gght_35 ._listItem_1gght_40._active_1gght_274 {
-  border-left: var(--xmlui-borderWidth-TableOfContentsItem--active) solid var(--xmlui-borderColor-TableOfContentsItem--active);
-}
-._nav_1gght_13 ._list_1gght_35 ._listItem_1gght_40._active_1gght_274 ._link_1gght_44 {
+._nav_ptcge_13 ._list_ptcge_57 ._listItem_ptcge_62:hover ._link_ptcge_85._head_1_ptcge_120 {
+  font-weight: var(--xmlui-fontWeight-TableOfContentsItem-level-1--hover);
+}
+._nav_ptcge_13 ._list_ptcge_57 ._listItem_ptcge_62:hover ._link_ptcge_85._head_2_ptcge_152 {
+  font-weight: var(--xmlui-fontWeight-TableOfContentsItem-level-2--hover);
+}
+._nav_ptcge_13 ._list_ptcge_57 ._listItem_ptcge_62:hover ._link_ptcge_85._head_3_ptcge_184 {
+  font-weight: var(--xmlui-fontWeight-TableOfContentsItem-level-3--hover);
+}
+._nav_ptcge_13 ._list_ptcge_57 ._listItem_ptcge_62:hover ._link_ptcge_85._head_4_ptcge_216 {
+  font-weight: var(--xmlui-fontWeight-TableOfContentsItem-level-4--hover);
+}
+._nav_ptcge_13 ._list_ptcge_57 ._listItem_ptcge_62:hover ._link_ptcge_85._head_5_ptcge_248 {
+  font-weight: var(--xmlui-fontWeight-TableOfContentsItem-level-5--hover);
+}
+._nav_ptcge_13 ._list_ptcge_57 ._listItem_ptcge_62:hover ._link_ptcge_85._head_6_ptcge_280 {
+  font-weight: var(--xmlui-fontWeight-TableOfContentsItem-level-6--hover);
+}
+._nav_ptcge_13 ._list_ptcge_57 ._listItem_ptcge_62._active_ptcge_357 {
+  border-left: var(--xmlui-borderLeft-TableOfContentsItem--active, var(--xmlui-borderHorizontal-TableOfContentsItem--active, var(--xmlui-border-TableOfContentsItem--active)));
+  border-right: var(--xmlui-borderRight-TableOfContentsItem--active, var(--xmlui-borderHorizontal-TableOfContentsItem--active, var(--xmlui-border-TableOfContentsItem--active)));
+  border-top: var(--xmlui-borderTop-TableOfContentsItem--active, var(--xmlui-borderVertical-TableOfContentsItem--active, var(--xmlui-border-TableOfContentsItem--active)));
+  border-bottom: var(--xmlui-borderBottom-TableOfContentsItem--active, var(--xmlui-borderVertical-TableOfContentsItem--active, var(--xmlui-border-TableOfContentsItem--active)));
+  border-left-style: var(--xmlui-borderLeftStyle-TableOfContentsItem--active, var(--xmlui-borderHorizontalStyle-TableOfContentsItem--active, var(--xmlui-borderStyle-TableOfContentsItem--active)));
+  border-right-style: var(--xmlui-borderRightStyle-TableOfContentsItem--active, var(--xmlui-borderHorizontalStyle-TableOfContentsItem--active, var(--xmlui-borderStyle-TableOfContentsItem--active)));
+  border-top-style: var(--xmlui-borderTopStyle-TableOfContentsItem--active, var(--xmlui-borderVerticalStyle-TableOfContentsItem--active, var(--xmlui-borderStyle-TableOfContentsItem--active)));
+  border-bottom-style: var(--xmlui-borderBottomStyle-TableOfContentsItem--active, var(--xmlui-borderVerticalStyle-TableOfContentsItem--active, var(--xmlui-borderStyle-TableOfContentsItem--active)));
+  border-left-width: var(--xmlui-borderLeftWidth-TableOfContentsItem--active, var(--xmlui-borderHorizontalWidth-TableOfContentsItem--active, var(--xmlui-borderWidth-TableOfContentsItem--active)));
+  border-right-width: var(--xmlui-borderRightWidth-TableOfContentsItem--active, var(--xmlui-borderHorizontalWidth-TableOfContentsItem--active, var(--xmlui-borderWidth-TableOfContentsItem--active)));
+  border-top-width: var(--xmlui-borderTopWidth-TableOfContentsItem--active, var(--xmlui-borderVerticalWidth-TableOfContentsItem--active, var(--xmlui-borderWidth-TableOfContentsItem--active)));
+  border-bottom-width: var(--xmlui-borderBottomWidth-TableOfContentsItem--active, var(--xmlui-borderVerticalWidth-TableOfContentsItem--active, var(--xmlui-borderWidth-TableOfContentsItem--active)));
+  border-left-color: var(--xmlui-borderLeftColor-TableOfContentsItem--active, var(--xmlui-borderHorizontalColor-TableOfContentsItem--active, var(--xmlui-borderColor-TableOfContentsItem--active)));
+  border-right-color: var(--xmlui-borderRightColor-TableOfContentsItem--active, var(--xmlui-borderHorizontalColor-TableOfContentsItem--active, var(--xmlui-borderColor-TableOfContentsItem--active)));
+  border-top-color: var(--xmlui-borderTopColor-TableOfContentsItem--active, var(--xmlui-borderVerticalColor-TableOfContentsItem--active, var(--xmlui-borderColor-TableOfContentsItem--active)));
+  border-bottom-color: var(--xmlui-borderBottomColor-TableOfContentsItem--active, var(--xmlui-borderVerticalColor-TableOfContentsItem--active, var(--xmlui-borderColor-TableOfContentsItem--active)));
+  border-start-start-radius: var(--xmlui-borderStartStartRadius-TableOfContentsItem--active, var(--xmlui-borderRadius-TableOfContentsItem--active));
+  border-start-end-radius: var(--xmlui-borderStartEndRadius-TableOfContentsItem--active, var(--xmlui-borderRadius-TableOfContentsItem--active));
+  border-end-start-radius: var(--xmlui-borderEndStartRadius-TableOfContentsItem--active, var(--xmlui-borderRadius-TableOfContentsItem--active));
+  border-end-end-radius: var(--xmlui-borderEndEndRadius-TableOfContentsItem--active, var(--xmlui-borderRadius-TableOfContentsItem--active));
+  background-color: var(--xmlui-backgroundColor-TableOfContentsItem--active);
+}
+._nav_ptcge_13 ._list_ptcge_57 ._listItem_ptcge_62._active_ptcge_357 ._link_ptcge_85 {
   color: var(--xmlui-color-TableOfContentsItem--active);
   font-weight: var(--xmlui-fontWeight-TableOfContentsItem--active);
+}
+._nav_ptcge_13 ._list_ptcge_57 ._listItem_ptcge_62._active_ptcge_357 ._link_ptcge_85._head_1_ptcge_120 {
+  font-weight: var(--xmlui-fontWeight-TableOfContentsItem-level-1--active);
+}
+._nav_ptcge_13 ._list_ptcge_57 ._listItem_ptcge_62._active_ptcge_357 ._link_ptcge_85._head_2_ptcge_152 {
+  font-weight: var(--xmlui-fontWeight-TableOfContentsItem-level-2--active);
+}
+._nav_ptcge_13 ._list_ptcge_57 ._listItem_ptcge_62._active_ptcge_357 ._link_ptcge_85._head_3_ptcge_184 {
+  font-weight: var(--xmlui-fontWeight-TableOfContentsItem-level-3--active);
+}
+._nav_ptcge_13 ._list_ptcge_57 ._listItem_ptcge_62._active_ptcge_357 ._link_ptcge_85._head_4_ptcge_216 {
+  font-weight: var(--xmlui-fontWeight-TableOfContentsItem-level-4--active);
+}
+._nav_ptcge_13 ._list_ptcge_57 ._listItem_ptcge_62._active_ptcge_357 ._link_ptcge_85._head_5_ptcge_248 {
+  font-weight: var(--xmlui-fontWeight-TableOfContentsItem-level-5--active);
+}
+._nav_ptcge_13 ._list_ptcge_57 ._listItem_ptcge_62._active_ptcge_357 ._link_ptcge_85._head_6_ptcge_280 {
+  font-weight: var(--xmlui-fontWeight-TableOfContentsItem-level-6--active);
 }/*
  * This file contains all CSS variables AppEngine uses for styling the UI, including individual visual components.
  *