npm - xmlui - Versions diffs - 0.9.21 → 0.9.25 - Mend

xmlui 0.9.21 → 0.9.25

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (102) hide show

package/dist/index.css CHANGED Viewed

@@ -376,7 +376,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.
  */
-._base_xbety_13 {
+._base_724s4_13 {
   display: flex;
   /* default flexbox alignment */
   justify-content: flex-start;
@@ -385,70 +385,74 @@
   min-width: 0;
   gap: var(--stack-gap-default);
 }
-._base_xbety_13._hoverContainer_xbety_22 .display-on-hover {
+._base_724s4_13._hoverContainer_724s4_22 .display-on-hover {
   transition: opacity 0.1s;
   opacity: 0;
   visibility: hidden;
 }
-._base_xbety_13._hoverContainer_xbety_22:has(.dropdown-visible) .display-on-hover {
+._base_724s4_13._hoverContainer_724s4_22:has(.dropdown-visible) .display-on-hover {
   opacity: 1;
   visibility: visible;
 }
-._base_xbety_13._hoverContainer_xbety_22:hover .display-on-hover, ._base_xbety_13._hoverContainer_xbety_22:focus-within .display-on-hover {
+._base_724s4_13._hoverContainer_724s4_22:hover .display-on-hover, ._base_724s4_13._hoverContainer_724s4_22:focus-within .display-on-hover {
   opacity: 1;
   visibility: visible;
 }
-._base_xbety_13._handlesClick_xbety_35 {
+._base_724s4_13._handlesClick_724s4_35 {
   cursor: pointer;
 }
-._vertical_xbety_39 {
+._vertical_724s4_39 {
   flex-direction: column;
   min-height: 0;
 }
-._vertical_xbety_39._reverse_xbety_43 {
+._vertical_724s4_39._reverse_724s4_43 {
   flex-direction: column-reverse;
 }
-._horizontal_xbety_47 {
+._horizontal_724s4_47 {
   flex-direction: row;
 }
-._horizontal_xbety_47._reverse_xbety_43 {
+._horizontal_724s4_47._reverse_724s4_43 {
   flex-direction: row-reverse;
 }
 /* Main axis */
-._justifyItemsStart_xbety_55 {
+._justifyItemsStart_724s4_55 {
   justify-content: flex-start;
 }
-._justifyItemsCenter_xbety_59 {
+._justifyItemsCenter_724s4_59 {
   justify-content: center;
 }
-._justifyItemsStretch_xbety_63 {
+._justifyItemsStretch_724s4_63 {
   justify-content: stretch;
 }
-._justifyItemsEnd_xbety_67 {
+._justifyItemsEnd_724s4_67 {
   justify-content: flex-end;
 }
 /* Cross axis */
-._alignItemsStart_xbety_72 {
+._alignItemsStart_724s4_72 {
   align-items: flex-start;
 }
-._alignItemsCenter_xbety_76 {
+._alignItemsCenter_724s4_76 {
   align-items: center;
 }
-._alignItemsStretch_xbety_80 {
+._alignItemsStretch_724s4_80 {
   align-items: stretch;
 }
-._alignItemsEnd_xbety_84 {
+._alignItemsEnd_724s4_84 {
   align-items: flex-end;
+}
+._alignItemsBaseline_724s4_88 {
+  align-items: baseline;
 }/*
  * This file contains all CSS variables AppEngine uses for styling the UI, including individual visual components.
  *
@@ -788,7 +792,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.
  */
-._content_mnwtn_13._base_mnwtn_13 {
+._content_buj87_13._base_buj87_13 {
   border-left: var(--xmlui-borderLeft-NavLink, var(--xmlui-borderHorizontal-NavLink, var(--xmlui-border-NavLink)));
   border-right: var(--xmlui-borderRight-NavLink, var(--xmlui-borderHorizontal-NavLink, var(--xmlui-border-NavLink)));
   border-top: var(--xmlui-borderTop-NavLink, var(--xmlui-borderVertical-NavLink, var(--xmlui-border-NavLink)));
@@ -823,6 +827,7 @@
   font-size: var(--xmlui-fontSize-NavLink);
   font-weight: var(--xmlui-fontWeight-NavLink);
   font-family: var(--xmlui-fontFamily-NavLink);
+  word-wrap: var(--xmlui-wordWrap-NavLink);
   position: relative;
   transition: color 0.1s, background-color 0.1s;
   color: var(--xmlui-textColor-NavLink);
@@ -830,13 +835,13 @@
   flex-shrink: 0;
   white-space: nowrap;
 }
-._content_mnwtn_13._base_mnwtn_13 ._icon_mnwtn_55 {
+._content_buj87_13._base_buj87_13 ._icon_buj87_56 {
   color: var(--xmlui-color-icon-NavLink);
 }
-._content_mnwtn_13._base_mnwtn_13 * {
+._content_buj87_13._base_buj87_13 * {
   color: var(--xmlui-textColor-NavLink);
 }
-._content_mnwtn_13._base_mnwtn_13._includeHoverIndicator_mnwtn_61:after {
+._content_buj87_13._base_buj87_13._includeHoverIndicator_buj87_62:after {
   transition: color 0.1s, background-color 0.1s;
   position: absolute;
   left: 0.1em;
@@ -846,83 +851,83 @@
   border-radius: var(--xmlui-borderRadius-indicator-NavLink);
   content: "";
 }
-._content_mnwtn_13._base_mnwtn_13:hover._displayActive_mnwtn_71, ._content_mnwtn_13._base_mnwtn_13:focus-visible {
+._content_buj87_13._base_buj87_13:hover._displayActive_buj87_72, ._content_buj87_13._base_buj87_13:focus-visible {
   color: var(--xmlui-textColor-NavLink--hover);
   background-color: var(--xmlui-backgroundColor-NavLink--hover);
 }
-._content_mnwtn_13._base_mnwtn_13:hover._displayActive_mnwtn_71 *, ._content_mnwtn_13._base_mnwtn_13:focus-visible * {
+._content_buj87_13._base_buj87_13:hover._displayActive_buj87_72 *, ._content_buj87_13._base_buj87_13:focus-visible * {
   color: var(--xmlui-textColor-NavLink--hover);
 }
-._content_mnwtn_13._base_mnwtn_13:hover._displayActive_mnwtn_71:after, ._content_mnwtn_13._base_mnwtn_13:focus-visible:after {
+._content_buj87_13._base_buj87_13:hover._displayActive_buj87_72:after, ._content_buj87_13._base_buj87_13:focus-visible:after {
   background-color: var(--xmlui-color-indicator-NavLink--hover);
 }
-._content_mnwtn_13._base_mnwtn_13:focus-visible {
+._content_buj87_13._base_buj87_13:focus-visible {
   outline-width: var(--xmlui-outlineWidth-NavLink--focus);
   outline-color: var(--xmlui-outlineColor-NavLink--focus);
   outline-style: var(--xmlui-outlineStyle-NavLink--focus);
   outline-offset: var(--xmlui-outlineOffset-NavLink--focus);
 }
-._content_mnwtn_13._base_mnwtn_13[role=menuitem] {
+._content_buj87_13._base_buj87_13[role=menuitem] {
   outline: none;
 }
-._content_mnwtn_13._base_mnwtn_13[role=menuitem]:not(:hover):focus-visible {
+._content_buj87_13._base_buj87_13[role=menuitem]:not(:hover):focus-visible {
   outline-width: var(--xmlui-outlineWidth-NavLink--focus);
   outline-color: var(--xmlui-outlineColor-NavLink--focus);
   outline-style: var(--xmlui-outlineStyle-NavLink--focus);
   outline-offset: var(--xmlui-outlineOffset-NavLink--focus);
 }
-._content_mnwtn_13._base_mnwtn_13:active._displayActive_mnwtn_71 {
+._content_buj87_13._base_buj87_13:active._displayActive_buj87_72 {
   color: var(--xmlui-textColor-NavLink--pressed);
   background-color: var(--xmlui-backgroundColor-NavLink--pressed);
   font-weight: var(--xmlui-fontWeight-NavLink--pressed);
 }
-._content_mnwtn_13._base_mnwtn_13:active._displayActive_mnwtn_71 * {
+._content_buj87_13._base_buj87_13:active._displayActive_buj87_72 * {
   font-weight: var(--xmlui-fontWeight-NavLink--pressed);
   color: var(--xmlui-textColor-NavLink--pressed);
 }
-._content_mnwtn_13._base_mnwtn_13:active._displayActive_mnwtn_71:after {
+._content_buj87_13._base_buj87_13:active._displayActive_buj87_72:after {
   background-color: var(--xmlui-color-indicator-NavLink--pressed);
 }
-._content_mnwtn_13._base_mnwtn_13._navItemActive_mnwtn_108 {
+._content_buj87_13._base_buj87_13._navItemActive_buj87_109 {
   color: var(--xmlui-textColor-NavLink--active);
   background-color: var(--xmlui-backgroundColor-NavLink--active);
   font-weight: var(--xmlui-fontWeight-NavLink--active);
 }
-._content_mnwtn_13._base_mnwtn_13._navItemActive_mnwtn_108 * {
+._content_buj87_13._base_buj87_13._navItemActive_buj87_109 * {
   font-weight: var(--xmlui-fontWeight-NavLink--active);
   color: var(--xmlui-textColor-NavLink--active);
 }
-._content_mnwtn_13._base_mnwtn_13._navItemActive_mnwtn_108 > * {
+._content_buj87_13._base_buj87_13._navItemActive_buj87_109 > * {
   z-index: 1;
 }
-._content_mnwtn_13._base_mnwtn_13._navItemActive_mnwtn_108:hover {
+._content_buj87_13._base_buj87_13._navItemActive_buj87_109:hover {
   color: var(--xmlui-textColor-NavLink--hover--active);
   background-color: var(--xmlui-backgroundColor-NavLink--hover--active);
 }
-._content_mnwtn_13._base_mnwtn_13._navItemActive_mnwtn_108:hover * {
+._content_buj87_13._base_buj87_13._navItemActive_buj87_109:hover * {
   color: var(--xmlui-textColor-NavLink--hover--active);
 }
-._content_mnwtn_13._base_mnwtn_13._navItemActive_mnwtn_108:after {
+._content_buj87_13._base_buj87_13._navItemActive_buj87_109:after {
   z-index: 0;
   background-color: var(--xmlui-color-indicator-NavLink--active);
 }
-._content_mnwtn_13._base_mnwtn_13._navItemActive_mnwtn_108:active {
+._content_buj87_13._base_buj87_13._navItemActive_buj87_109:active {
   color: var(--xmlui-textColor-NavLink--pressed--active);
   background-color: var(--xmlui-backgroundColor-NavLink--pressed--active);
   font-weight: var(--xmlui-fontWeight-NavLink--pressed);
 }
-._content_mnwtn_13._base_mnwtn_13._navItemActive_mnwtn_108:active * {
+._content_buj87_13._base_buj87_13._navItemActive_buj87_109:active * {
   font-weight: var(--xmlui-fontWeight-NavLink--pressed);
   color: var(--xmlui-textColor-NavLink--pressed--active);
 }
-._content_mnwtn_13._base_mnwtn_13._navItemActive_mnwtn_108:active:after {
+._content_buj87_13._base_buj87_13._navItemActive_buj87_109:active:after {
   background-color: var(--xmlui-color-indicator-NavLink--pressed);
 }
-._content_mnwtn_13._base_mnwtn_13._disabled_mnwtn_143 {
+._content_buj87_13._base_buj87_13._disabled_buj87_144 {
   cursor: not-allowed;
   color: var(--xmlui-textColor--disabled);
 }
-._content_mnwtn_13._base_mnwtn_13._vertical_mnwtn_147:after {
+._content_buj87_13._base_buj87_13._vertical_buj87_148:after {
   top: 0;
   bottom: 0;
   left: 0;
@@ -931,7 +936,7 @@
   height: auto;
   border-radius: var(--xmlui-borderRadius-indicator-NavLink);
 }
-._content_mnwtn_13._base_mnwtn_13._indented_mnwtn_156 {
+._content_buj87_13._base_buj87_13._indented_buj87_157 {
   padding-left: 2.4em;
   flex-shrink: 0;
 }/*
@@ -968,7 +973,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.
  */
-._wrapper_rebcu_13 {
+._wrapper_918vy_13 {
   --footer-height: 0px;
   --header-height: 0px;
   width: 100%;
@@ -978,195 +983,131 @@
   flex-direction: column;
   isolation: isolate;
 }
-._wrapper_rebcu_13._vertical_rebcu_23 {
+._wrapper_918vy_13._vertical_918vy_23 {
   flex-direction: row;
   overflow: initial;
 }
-._wrapper_rebcu_13._vertical_rebcu_23 ._contentWrapper_rebcu_27 {
+._wrapper_918vy_13._vertical_918vy_23 ._contentWrapper_918vy_27 {
   overflow: auto;
   scroll-padding-block: var(--xmlui-scroll-padding-block-Pages);
   position: relative;
   scrollbar-gutter: stable both-edges;
 }
-._wrapper_rebcu_13._vertical_rebcu_23 ._navPanelWrapper_rebcu_33 {
+._wrapper_918vy_13._vertical_918vy_23 ._navPanelWrapper_918vy_33 {
   width: var(--xmlui-width-navPanel-App);
   flex-shrink: 0;
 }
-._wrapper_rebcu_13._vertical_rebcu_23 ._PagesWrapper_rebcu_37 {
+._wrapper_918vy_13._vertical_918vy_23 ._PagesWrapper_918vy_37 {
   min-height: initial;
   flex: 1;
 }
-._wrapper_rebcu_13._vertical_rebcu_23 ._footerWrapper_rebcu_41 {
+._wrapper_918vy_13._vertical_918vy_23 ._footerWrapper_918vy_41 {
   position: static;
 }
-._wrapper_rebcu_13._vertical_rebcu_23._sticky_rebcu_44 ._contentWrapper_rebcu_27 {
-  scroll-padding-top: var(--header-height);
-}
-._wrapper_rebcu_13._vertical_rebcu_23._sticky_rebcu_44 ._footerWrapper_rebcu_41 {
+._wrapper_918vy_13._vertical_918vy_23._sticky_918vy_44 ._footerWrapper_918vy_41 {
   position: sticky;
   bottom: 0;
 }
-._wrapper_rebcu_13._horizontal_rebcu_51 {
+._wrapper_918vy_13._horizontal_918vy_48 {
   overflow: auto;
   scroll-padding-block: var(--xmlui-scroll-padding-block-Pages);
 }
-._wrapper_rebcu_13._horizontal_rebcu_51 ._PagesWrapper_rebcu_37 {
+._wrapper_918vy_13._horizontal_918vy_48 ._PagesWrapper_918vy_37 {
   min-height: initial;
 }
-._wrapper_rebcu_13._horizontal_rebcu_51 ._footerWrapper_rebcu_41 {
+._wrapper_918vy_13._horizontal_918vy_48 ._footerWrapper_918vy_41 {
   position: static;
 }
-._wrapper_rebcu_13._horizontal_rebcu_51._sticky_rebcu_44 {
-  scroll-padding-top: var(--header-height);
+._wrapper_918vy_13._horizontal_918vy_48._sticky_918vy_44 {
   min-height: 100%;
 }
-._wrapper_rebcu_13._horizontal_rebcu_51._sticky_rebcu_44 ._footerWrapper_rebcu_41 {
+._wrapper_918vy_13._horizontal_918vy_48._sticky_918vy_44 ._footerWrapper_918vy_41 {
   position: sticky;
   bottom: 0;
 }
-._wrapper_rebcu_13._horizontal_rebcu_51 ._navPanelWrapper_rebcu_33 {
+._wrapper_918vy_13._horizontal_918vy_48 ._navPanelWrapper_918vy_33 {
   border-bottom: var(--xmlui-borderBottom-AppHeader);
   justify-content: end;
 }
-._wrapper_rebcu_13._verticalFullHeader_rebcu_73 {
-  min-height: 100%;
-  height: 100%;
-  overflow: auto;
-  scroll-padding-block: var(--xmlui-scroll-padding-block-Pages);
-}
-._wrapper_rebcu_13._verticalFullHeader_rebcu_73 ._navPanelWrapper_rebcu_33 {
-  width: var(--xmlui-width-navPanel-App);
-  position: sticky;
-  height: calc(var(--containerHeight, 100vh) - var(--footer-height) - var(--header-height));
-  top: var(--header-height);
-}
-._wrapper_rebcu_13._verticalFullHeader_rebcu_73 ._PagesWrapper_rebcu_37 {
-  overflow: initial;
-  min-height: calc(var(--containerHeight, 100vh) - var(--header-height) - var(--footer-height));
-  height: 100%;
-}
-._wrapper_rebcu_13._verticalFullHeader_rebcu_73 ._PagesWrapperInner_rebcu_90 {
-  height: 100%;
-}
-._wrapper_rebcu_13._verticalFullHeader_rebcu_73 ._PagesWrapperInner_rebcu_90 > .xmlui-page-root {
-  height: 100%;
-}
-._wrapper_rebcu_13._verticalFullHeader_rebcu_73 ._footerWrapper_rebcu_41 {
-  position: sticky;
-  left: 0;
-  right: 0;
-  bottom: 0;
-}
-._wrapper_rebcu_13._verticalConstrained_rebcu_102 {
+._wrapper_918vy_13._verticalFullHeader_918vy_69 {
   min-height: 100%;
   height: 100%;
   overflow: auto;
   scroll-padding-block: var(--xmlui-scroll-padding-block-Pages);
 }
-._wrapper_rebcu_13._verticalConstrained_rebcu_102 ._header_rebcu_108 {
-  max-width: var(--xmlui-maxWidth-content-App);
-  margin: auto;
-}
-._wrapper_rebcu_13._verticalConstrained_rebcu_102 ._navPanelWrapper_rebcu_33 {
+._wrapper_918vy_13._verticalFullHeader_918vy_69 ._navPanelWrapper_918vy_33 {
   width: var(--xmlui-width-navPanel-App);
   position: sticky;
   height: calc(var(--containerHeight, 100vh) - var(--footer-height) - var(--header-height));
   top: var(--header-height);
 }
-._wrapper_rebcu_13._verticalConstrained_rebcu_102 ._PagesWrapper_rebcu_37 {
+._wrapper_918vy_13._verticalFullHeader_918vy_69 ._PagesWrapper_918vy_37 {
   overflow: initial;
   min-height: calc(var(--containerHeight, 100vh) - var(--header-height) - var(--footer-height));
   height: 100%;
 }
-._wrapper_rebcu_13._verticalConstrained_rebcu_102 ._PagesWrapperInner_rebcu_90 {
+._wrapper_918vy_13._verticalFullHeader_918vy_69 ._PagesWrapperInner_918vy_86 {
   height: 100%;
 }
-._wrapper_rebcu_13._verticalConstrained_rebcu_102 ._PagesWrapperInner_rebcu_90 > .xmlui-page-root {
+._wrapper_918vy_13._verticalFullHeader_918vy_69 ._PagesWrapperInner_918vy_86 > .xmlui-page-root {
   height: 100%;
 }
-._wrapper_rebcu_13._verticalConstrained_rebcu_102 ._footerWrapper_rebcu_41 {
+._wrapper_918vy_13._verticalFullHeader_918vy_69 ._footerWrapper_918vy_41 {
   position: sticky;
   left: 0;
   right: 0;
   bottom: 0;
 }
-._wrapper_rebcu_13._scrollWholePage_rebcu_135 {
+._wrapper_918vy_13._scrollWholePage_918vy_98 {
   scrollbar-gutter: stable both-edges;
 }
-._wrapper_rebcu_13._scrollWholePage_rebcu_135 ._headerWrapper_rebcu_138 {
-  margin-inline: calc(-1 * var(--scrollbar-width));
-}
-._wrapper_rebcu_13._scrollWholePage_rebcu_135 ._headerWrapper_rebcu_138 > div {
-  padding-inline: var(--scrollbar-width);
-}
-._wrapper_rebcu_13._scrollWholePage_rebcu_135 ._footerWrapper_rebcu_41 {
+._wrapper_918vy_13._scrollWholePage_918vy_98 ._headerWrapper_918vy_101 {
   margin-inline: calc(-1 * var(--scrollbar-width));
 }
-._wrapper_rebcu_13._scrollWholePage_rebcu_135 ._footerWrapper_rebcu_41 > div {
+._wrapper_918vy_13._scrollWholePage_918vy_98 ._headerWrapper_918vy_101 > div {
   padding-inline: var(--scrollbar-width);
 }
-._wrapper_rebcu_13._scrollWholePage_rebcu_135._verticalFullHeader_rebcu_73 {
-  scroll-padding-top: var(--header-height);
-}
-._wrapper_rebcu_13._scrollWholePage_rebcu_135._verticalFullHeader_rebcu_73 ._content_rebcu_27 {
-  margin-inline: calc(-1 * var(--scrollbar-width));
-}
-._wrapper_rebcu_13._scrollWholePage_rebcu_135._verticalFullHeader_rebcu_73 ._contentWrapper_rebcu_27 {
-  padding-inline: var(--scrollbar-width);
-}
-._wrapper_rebcu_13._scrollWholePage_rebcu_135._verticalConstrained_rebcu_102 {
-  scroll-padding-top: var(--header-height);
-}
-._wrapper_rebcu_13._scrollWholePage_rebcu_135._verticalConstrained_rebcu_102 ._content_rebcu_27 {
-  width: var(--xmlui-maxWidth-content-App);
+._wrapper_918vy_13._scrollWholePage_918vy_98 ._footerWrapper_918vy_41 {
   margin-inline: calc(-1 * var(--scrollbar-width));
-  margin: auto;
 }
-._wrapper_rebcu_13._scrollWholePage_rebcu_135._verticalConstrained_rebcu_102 ._contentWrapper_rebcu_27 {
+._wrapper_918vy_13._scrollWholePage_918vy_98 ._footerWrapper_918vy_41 > div {
   padding-inline: var(--scrollbar-width);
 }
-._wrapper_rebcu_13._scrollWholePage_rebcu_135._verticalConstrained_rebcu_102 ._headerWrapper_rebcu_138 > div {
-  width: var(--xmlui-maxWidth-content-App);
-}
-._wrapper_rebcu_13._scrollWholePage_rebcu_135._verticalConstrained_rebcu_102 ._footerWrapper_rebcu_41 {
+._wrapper_918vy_13._scrollWholePage_918vy_98._verticalFullHeader_918vy_69 ._content_918vy_27 {
   margin-inline: calc(-1 * var(--scrollbar-width));
 }
-._wrapper_rebcu_13._scrollWholePage_rebcu_135._verticalConstrained_rebcu_102 ._footerWrapper_rebcu_41 > div {
+._wrapper_918vy_13._scrollWholePage_918vy_98._verticalFullHeader_918vy_69 ._contentWrapper_918vy_27 {
   padding-inline: var(--scrollbar-width);
 }
-._wrapper_rebcu_13:not(._scrollWholePage_rebcu_135) {
+._wrapper_918vy_13:not(._scrollWholePage_918vy_98) {
   overflow: hidden;
 }
-._wrapper_rebcu_13:not(._scrollWholePage_rebcu_135) ._content_rebcu_27 {
+._wrapper_918vy_13:not(._scrollWholePage_918vy_98) ._content_918vy_27 {
   min-height: 0;
   height: 100%;
 }
-._wrapper_rebcu_13:not(._scrollWholePage_rebcu_135) ._contentWrapper_rebcu_27 {
+._wrapper_918vy_13:not(._scrollWholePage_918vy_98) ._contentWrapper_918vy_27 {
   overflow: initial;
 }
-._wrapper_rebcu_13:not(._scrollWholePage_rebcu_135)._verticalConstrained_rebcu_102 ._content_rebcu_27 {
-  width: var(--xmlui-maxWidth-content-App);
-  margin: auto;
-}
-._wrapper_rebcu_13:not(._scrollWholePage_rebcu_135) ._PagesWrapper_rebcu_37 {
+._wrapper_918vy_13:not(._scrollWholePage_918vy_98) ._PagesWrapper_918vy_37 {
   overflow: auto;
   scroll-padding-block: var(--xmlui-scroll-padding-block-Pages);
   min-height: 0;
   height: 100%;
   scrollbar-gutter: stable both-edges;
 }
-._wrapper_rebcu_13:not(._scrollWholePage_rebcu_135) ._PagesWrapperInner_rebcu_90 {
+._wrapper_918vy_13:not(._scrollWholePage_918vy_98) ._PagesWrapperInner_918vy_86 {
   min-height: 100%;
   height: 0;
 }
-._wrapper_rebcu_13._noScrollbarGutters_rebcu_204 {
+._wrapper_918vy_13._noScrollbarGutters_918vy_140 {
   scrollbar-gutter: auto;
 }
-._wrapper_rebcu_13._noScrollbarGutters_rebcu_204 ._PagesWrapper_rebcu_37 {
+._wrapper_918vy_13._noScrollbarGutters_918vy_140 ._PagesWrapper_918vy_37 {
   scrollbar-gutter: auto;
 }
-._headerWrapper_rebcu_138 {
+._headerWrapper_918vy_101 {
   z-index: 1;
   min-height: 0;
   flex-shrink: 0;
@@ -1175,17 +1116,20 @@
   box-shadow: var(--xmlui-boxShadow-header-App);
   background-color: var(--xmlui-backgroundColor-AppHeader);
 }
-._headerWrapper_rebcu_138._sticky_rebcu_44 {
+._headerWrapper_918vy_101._sticky_918vy_44 {
   position: sticky;
 }
-._content_rebcu_27 {
+._content_918vy_27 {
   display: flex;
   flex-direction: row;
   isolation: isolate;
+  align-self: center;
+  width: 100%;
+  max-width: var(--xmlui-maxWidth-App);
 }
-._contentWrapper_rebcu_27 {
+._contentWrapper_918vy_27 {
   position: relative;
   min-width: 0;
   flex: 1;
@@ -1196,21 +1140,21 @@
   border-left: var(--xmlui-borderLeft-content-App);
 }
-._navPanelWrapper_rebcu_33 {
+._navPanelWrapper_918vy_33 {
   display: flex;
   position: sticky;
   top: 0;
 }
-._navPanelWrapper_rebcu_33:empty {
+._navPanelWrapper_918vy_33:empty {
   display: none;
 }
-._PagesWrapper_rebcu_37 {
+._PagesWrapper_918vy_37 {
   flex: 1;
   isolation: isolate;
 }
-._PagesWrapperInner_rebcu_90 {
+._PagesWrapperInner_918vy_86 {
   --page-padding-left: var(--xmlui-space-4);
   --page-padding-right: var(--xmlui-space-4);
   --page-padding-top: var(--xmlui-space-5);
@@ -1228,7 +1172,7 @@
   display: flex;
   flex-direction: column;
 }
-._PagesWrapperInner_rebcu_90 > .xmlui-page-root {
+._PagesWrapperInner_918vy_86 > .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));
@@ -1240,7 +1184,7 @@
   margin-right: calc(-1 * var(--page-padding-right));
 }
-._footerWrapper_rebcu_41 {
+._footerWrapper_918vy_41 {
   flex-shrink: 0;
 }/*
  * This file contains all CSS variables AppEngine uses for styling the UI, including individual visual components.
@@ -1374,7 +1318,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_1m0kp_13 {
+._header_gpl7m_13 {
   position: relative;
   height: var(--xmlui-height-AppHeader);
   box-sizing: content-box;
@@ -1401,7 +1345,7 @@
   border-end-end-radius: var(--xmlui-borderEndEndRadius-AppHeader, var(--xmlui-borderRadius-AppHeader));
 }
-._headerInner_1m0kp_40 {
+._headerInner_gpl7m_40 {
   height: 100%;
   flex: 1;
   gap: var(--xmlui-space-4);
@@ -1419,11 +1363,11 @@
   width: 100%;
   margin: 0 auto;
 }
-._headerInner_1m0kp_40._full_1m0kp_58 {
-  max-width: 100%;
+._headerInner_gpl7m_40._full_gpl7m_58 {
+  max-width: var(--xmlui-maxWidth-AppHeader);
 }
-._childrenWrapper_1m0kp_62 {
+._childrenWrapper_gpl7m_62 {
   --stack-gap-default: var(--xmlui-space-2);
   display: flex;
   flex-direction: row;
@@ -1435,25 +1379,25 @@
   justify-content: var(--xmlui-align-content-AppHeader);
 }
-._subNavPanelSlot_1m0kp_74 {
+._subNavPanelSlot_gpl7m_74 {
   display: flex;
   flex-direction: row;
 }
-._logoAndTitle_1m0kp_79 {
+._logoAndTitle_gpl7m_79 {
   display: flex;
   align-items: center;
   gap: var(--xmlui-space-4);
   height: 100%;
 }
-._logoAndTitle_1m0kp_79:not(:empty) {
+._logoAndTitle_gpl7m_79:not(:empty) {
   padding-right: var(--xmlui-space-2);
 }
-._logoAndTitle_1m0kp_79:empty {
+._logoAndTitle_gpl7m_79:empty {
   display: none;
 }
-._logoContainer_1m0kp_92:not(:empty) {
+._logoContainer_gpl7m_92:not(:empty) {
   flex-shrink: 0;
   display: flex;
   width: var(--xmlui-width-logo-AppHeader);
@@ -1466,16 +1410,16 @@
   padding-bottom: var(--xmlui-paddingBottom-logo-AppHeader, var(--xmlui-paddingVertical-logo-AppHeader, var(--xmlui-padding-logo-AppHeader)));
 }
-._customLogoContainer_1m0kp_105 {
+._customLogoContainer_gpl7m_105 {
   display: flex;
   height: 100%;
   align-items: center;
 }
-._customLogoContainer_1m0kp_105 > img {
+._customLogoContainer_gpl7m_105 > img {
   height: 100%;
 }
-._rightItems_1m0kp_114 {
+._rightItems_gpl7m_114 {
   --stack-gap-default: var(--xmlui-space-2);
   gap: var(--stack-gap-default);
   height: 100%;
@@ -1483,11 +1427,11 @@
   flex-direction: row;
   align-items: center;
 }
-._rightItems_1m0kp_114:not(:empty) {
+._rightItems_gpl7m_114:not(:empty) {
   padding-left: var(--xmlui-space-4);
 }
-._appHub_1m0kp_126 {
+._appHub_gpl7m_126 {
   text-decoration: none;
   margin-right: var(--xmlui-space-4);
   width: 40px;
@@ -1495,10 +1439,10 @@
   color: var(--xmlui-textColor-subtitle);
   cursor: pointer;
 }
-._appHub_1m0kp_126:hover {
+._appHub_gpl7m_126:hover {
   color: var(--xmlui-textColor-secondary);
 }
-._appHub_1m0kp_126 svg {
+._appHub_gpl7m_126 svg {
   width: 100%;
   height: 100%;
 }/*
@@ -2228,7 +2172,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.
  */
-._heading_1ad65_13._h1_1ad65_13 {
+._heading_qi2wo_13._h1_qi2wo_13 {
   padding: var(--xmlui-padding-H1);
   padding-left: var(--xmlui-paddingLeft-H1, var(--xmlui-paddingHorizontal-H1, var(--xmlui-padding-H1)));
   padding-right: var(--xmlui-paddingRight-H1, var(--xmlui-paddingHorizontal-H1, var(--xmlui-padding-H1)));
@@ -2291,7 +2235,7 @@
   text-decoration-thickness: var(--xmlui-textDecorationThickness-H1);
   text-underline-offset: var(--xmlui-textUnderlineOffset-H1);
 }
-._heading_1ad65_13._h2_1ad65_76 {
+._heading_qi2wo_13._h2_qi2wo_76 {
   padding: var(--xmlui-padding-H2);
   padding-left: var(--xmlui-paddingLeft-H2, var(--xmlui-paddingHorizontal-H2, var(--xmlui-padding-H2)));
   padding-right: var(--xmlui-paddingRight-H2, var(--xmlui-paddingHorizontal-H2, var(--xmlui-padding-H2)));
@@ -2354,7 +2298,7 @@
   text-decoration-thickness: var(--xmlui-textDecorationThickness-H2);
   text-underline-offset: var(--xmlui-textUnderlineOffset-H2);
 }
-._heading_1ad65_13._h3_1ad65_139 {
+._heading_qi2wo_13._h3_qi2wo_139 {
   padding: var(--xmlui-padding-H3);
   padding-left: var(--xmlui-paddingLeft-H3, var(--xmlui-paddingHorizontal-H3, var(--xmlui-padding-H3)));
   padding-right: var(--xmlui-paddingRight-H3, var(--xmlui-paddingHorizontal-H3, var(--xmlui-padding-H3)));
@@ -2417,7 +2361,7 @@
   text-decoration-thickness: var(--xmlui-textDecorationThickness-H3);
   text-underline-offset: var(--xmlui-textUnderlineOffset-H3);
 }
-._heading_1ad65_13._h4_1ad65_202 {
+._heading_qi2wo_13._h4_qi2wo_202 {
   padding: var(--xmlui-padding-H4);
   padding-left: var(--xmlui-paddingLeft-H4, var(--xmlui-paddingHorizontal-H4, var(--xmlui-padding-H4)));
   padding-right: var(--xmlui-paddingRight-H4, var(--xmlui-paddingHorizontal-H4, var(--xmlui-padding-H4)));
@@ -2480,7 +2424,7 @@
   text-decoration-thickness: var(--xmlui-textDecorationThickness-H4);
   text-underline-offset: var(--xmlui-textUnderlineOffset-H4);
 }
-._heading_1ad65_13._h5_1ad65_265 {
+._heading_qi2wo_13._h5_qi2wo_265 {
   padding: var(--xmlui-padding-H5);
   padding-left: var(--xmlui-paddingLeft-H5, var(--xmlui-paddingHorizontal-H5, var(--xmlui-padding-H5)));
   padding-right: var(--xmlui-paddingRight-H5, var(--xmlui-paddingHorizontal-H5, var(--xmlui-padding-H5)));
@@ -2543,7 +2487,7 @@
   text-decoration-thickness: var(--xmlui-textDecorationThickness-H5);
   text-underline-offset: var(--xmlui-textUnderlineOffset-H5);
 }
-._heading_1ad65_13._h6_1ad65_328 {
+._heading_qi2wo_13._h6_qi2wo_328 {
   padding: var(--xmlui-padding-H6);
   padding-left: var(--xmlui-paddingLeft-H6, var(--xmlui-paddingHorizontal-H6, var(--xmlui-padding-H6)));
   padding-right: var(--xmlui-paddingRight-H6, var(--xmlui-paddingHorizontal-H6, var(--xmlui-padding-H6)));
@@ -2607,21 +2551,28 @@
   text-underline-offset: var(--xmlui-textUnderlineOffset-H6);
 }
+._anchorRef_qi2wo_392 {
+  --my-scroll-margin-top: var(--header-height);
+  width: 0;
+  height: 0;
+  scroll-margin-top: var(--my-scroll-margin-top);
+}
 /*
 This is a Chromium based solution that is supported by most modern browsers.
 See this source for details: https://css-tricks.com/line-clampin/
 */
-._truncateOverflow_1ad65_396 {
+._truncateOverflow_qi2wo_403 {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._preserveLinebreaks_1ad65_402 {
+._preserveLinebreaks_qi2wo_409 {
   white-space: pre-wrap;
 }
-._noEllipsis_1ad65_406 {
+._noEllipsis_qi2wo_413 {
   text-overflow: clip;
 }/*
  * This file contains all CSS variables AppEngine uses for styling the UI, including individual visual components.
@@ -2635,7 +2586,7 @@ See this source for details: https://css-tricks.com/line-clampin/
  * 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.
  */
-._text_wtc9w_13 {
+._text_xzkxl_13 {
   overflow: hidden;
   text-overflow: ellipsis;
   margin: 0;
@@ -2693,9 +2644,11 @@ See this source for details: https://css-tricks.com/line-clampin/
   line-break: var(--xmlui-lineBreak-Text-default);
   margin-top: var(--xmlui-marginTop-Text-default);
   margin-bottom: var(--xmlui-marginBottom-Text-default);
+  margin-left: var(--xmlui-marginLeft-Text-default);
+  margin-right: var(--xmlui-marginRight-Text-default);
   vertical-align: var(--xmlui-verticalAlign-Text-default);
 }
-._text_wtc9w_13._markdown_wtc9w_73 {
+._text_xzkxl_13._markdown_xzkxl_75 {
   padding: var(--xmlui-padding-Text-markdown);
   padding-left: var(--xmlui-paddingLeft-Text-markdown, var(--xmlui-paddingHorizontal-Text-markdown, var(--xmlui-padding-Text-markdown)));
   padding-right: var(--xmlui-paddingRight-Text-markdown, var(--xmlui-paddingHorizontal-Text-markdown, var(--xmlui-padding-Text-markdown)));
@@ -2748,12 +2701,11 @@ See this source for details: https://css-tricks.com/line-clampin/
   line-break: var(--xmlui-lineBreak-Text-markdown);
   margin-top: var(--xmlui-marginTop-Text-markdown);
   margin-bottom: var(--xmlui-marginBottom-Text-markdown);
+  margin-left: var(--xmlui-marginLeft-Text-markdown);
+  margin-right: var(--xmlui-marginRight-Text-markdown);
   vertical-align: var(--xmlui-verticalAlign-Text-markdown);
 }
-._text_wtc9w_13 ._text_wtc9w_13 {
-  display: inline;
-}
-._text_wtc9w_13._abbr_wtc9w_131 {
+._text_xzkxl_13._abbr_xzkxl_132 {
   padding: var(--xmlui-padding-Text-abbr);
   padding-left: var(--xmlui-paddingLeft-Text-abbr, var(--xmlui-paddingHorizontal-Text-abbr, var(--xmlui-padding-Text-abbr)));
   padding-right: var(--xmlui-paddingRight-Text-abbr, var(--xmlui-paddingHorizontal-Text-abbr, var(--xmlui-padding-Text-abbr)));
@@ -2806,9 +2758,11 @@ See this source for details: https://css-tricks.com/line-clampin/
   line-break: var(--xmlui-lineBreak-Text-abbr);
   margin-top: var(--xmlui-marginTop-Text-abbr);
   margin-bottom: var(--xmlui-marginBottom-Text-abbr);
+  margin-left: var(--xmlui-marginLeft-Text-abbr);
+  margin-right: var(--xmlui-marginRight-Text-abbr);
   vertical-align: var(--xmlui-verticalAlign-Text-abbr);
 }
-._text_wtc9w_13._cite_wtc9w_186 {
+._text_xzkxl_13._cite_xzkxl_189 {
   padding: var(--xmlui-padding-Text-cite);
   padding-left: var(--xmlui-paddingLeft-Text-cite, var(--xmlui-paddingHorizontal-Text-cite, var(--xmlui-padding-Text-cite)));
   padding-right: var(--xmlui-paddingRight-Text-cite, var(--xmlui-paddingHorizontal-Text-cite, var(--xmlui-padding-Text-cite)));
@@ -2861,12 +2815,16 @@ See this source for details: https://css-tricks.com/line-clampin/
   line-break: var(--xmlui-lineBreak-Text-cite);
   margin-top: var(--xmlui-marginTop-Text-cite);
   margin-bottom: var(--xmlui-marginBottom-Text-cite);
+  margin-left: var(--xmlui-marginLeft-Text-cite);
+  margin-right: var(--xmlui-marginRight-Text-cite);
   vertical-align: var(--xmlui-verticalAlign-Text-cite);
 }
-._text_wtc9w_13 ._text_wtc9w_13._codefence_wtc9w_241 {
+._text_xzkxl_13 ._text_xzkxl_13._codefence_xzkxl_246 {
   display: block;
+  margin-top: var(--xmlui-marginTop-Text-codefence);
+  margin-bottom: var(--xmlui-marginBottom-Text-codefence);
 }
-:not(._text_wtc9w_13._codefence_wtc9w_241) > ._text_wtc9w_13._code_wtc9w_241 {
+:not(._text_xzkxl_13._codefence_xzkxl_246) > ._text_xzkxl_13._code_xzkxl_246, :not(._text_xzkxl_13._codefence_xzkxl_246) > ._textcode_xzkxl_251 {
   padding: var(--xmlui-padding-Text-code);
   padding-left: var(--xmlui-paddingLeft-Text-code, var(--xmlui-paddingHorizontal-Text-code, var(--xmlui-padding-Text-code)));
   padding-right: var(--xmlui-paddingRight-Text-code, var(--xmlui-paddingHorizontal-Text-code, var(--xmlui-padding-Text-code)));
@@ -2919,9 +2877,11 @@ See this source for details: https://css-tricks.com/line-clampin/
   line-break: var(--xmlui-lineBreak-Text-code);
   margin-top: var(--xmlui-marginTop-Text-code);
   margin-bottom: var(--xmlui-marginBottom-Text-code);
+  margin-left: var(--xmlui-marginLeft-Text-code);
+  margin-right: var(--xmlui-marginRight-Text-code);
   vertical-align: var(--xmlui-verticalAlign-Text-code);
 }
-._text_wtc9w_13._codefence_wtc9w_241:has(> ._text_wtc9w_13._code_wtc9w_241) {
+._text_xzkxl_13._codefence_xzkxl_246:has(> ._text_xzkxl_13._code_xzkxl_246), ._text_xzkxl_13._codefence_xzkxl_246:has(> code) {
   padding: var(--xmlui-padding-Text-codefence);
   padding-left: var(--xmlui-paddingLeft-Text-codefence, var(--xmlui-paddingHorizontal-Text-codefence, var(--xmlui-padding-Text-codefence)));
   padding-right: var(--xmlui-paddingRight-Text-codefence, var(--xmlui-paddingHorizontal-Text-codefence, var(--xmlui-padding-Text-codefence)));
@@ -2974,11 +2934,46 @@ See this source for details: https://css-tricks.com/line-clampin/
   line-break: var(--xmlui-lineBreak-Text-codefence);
   margin-top: var(--xmlui-marginTop-Text-codefence);
   margin-bottom: var(--xmlui-marginBottom-Text-codefence);
+  margin-left: var(--xmlui-marginLeft-Text-codefence);
+  margin-right: var(--xmlui-marginRight-Text-codefence);
   vertical-align: var(--xmlui-verticalAlign-Text-codefence);
   overflow-x: auto;
   text-overflow: initial;
+  font-size: var(--xmlui-fontSize-small);
+  line-height: 1.4;
+}
+._text_xzkxl_13._codefence_xzkxl_246:has(> code > span) {
+  padding-inline: 0;
+}
+._text_xzkxl_13._codefence_xzkxl_246 > code > span:not([class*=numbered]) {
+  padding-inline: var(--xmlui-space-3);
+}
+._text_xzkxl_13._codefence_xzkxl_246 > code {
+  white-space: pre-wrap;
+  display: inline-block;
+  width: 100%;
 }
-._text_wtc9w_13._deleted_wtc9w_356 {
+._text_xzkxl_13._codefence_xzkxl_246 > code::before {
+  counter-reset: listing;
+}
+._text_xzkxl_13._codefence_xzkxl_246 > code > span {
+  display: inline-block;
+  width: 100%;
+}
+._text_xzkxl_13._codefence_xzkxl_246 > code > span[class*=numbered] {
+  counter-increment: listing;
+}
+._text_xzkxl_13._codefence_xzkxl_246 > code > span[class*=numbered]::before {
+  content: counter(listing);
+  display: inline-block;
+  width: var(--xmlui-space-12);
+  padding-left: auto;
+  padding-right: var(--xmlui-space-5);
+  margin-left: auto;
+  text-align: right;
+  color: var(--xmlui-textColor-secondary);
+}
+._text_xzkxl_13._deleted_xzkxl_400 {
   padding: var(--xmlui-padding-Text-deleted);
   padding-left: var(--xmlui-paddingLeft-Text-deleted, var(--xmlui-paddingHorizontal-Text-deleted, var(--xmlui-padding-Text-deleted)));
   padding-right: var(--xmlui-paddingRight-Text-deleted, var(--xmlui-paddingHorizontal-Text-deleted, var(--xmlui-padding-Text-deleted)));
@@ -3031,9 +3026,11 @@ See this source for details: https://css-tricks.com/line-clampin/
   line-break: var(--xmlui-lineBreak-Text-deleted);
   margin-top: var(--xmlui-marginTop-Text-deleted);
   margin-bottom: var(--xmlui-marginBottom-Text-deleted);
+  margin-left: var(--xmlui-marginLeft-Text-deleted);
+  margin-right: var(--xmlui-marginRight-Text-deleted);
   vertical-align: var(--xmlui-verticalAlign-Text-deleted);
 }
-._text_wtc9w_13._deleted_wtc9w_356::before, ._text_wtc9w_13._deleted_wtc9w_356::after {
+._text_xzkxl_13._deleted_xzkxl_400::before, ._text_xzkxl_13._deleted_xzkxl_400::after {
   clip-path: inset(100%);
   clip: rect(1px, 1px, 1px, 1px);
   height: 1px;
@@ -3042,13 +3039,13 @@ See this source for details: https://css-tricks.com/line-clampin/
   white-space: nowrap;
   width: 1px;
 }
-._text_wtc9w_13._deleted_wtc9w_356::before {
+._text_xzkxl_13._deleted_xzkxl_400::before {
   content: " [deletion start] ";
 }
-._text_wtc9w_13._deleted_wtc9w_356::after {
+._text_xzkxl_13._deleted_xzkxl_400::after {
   content: " [deletion end] ";
 }
-._text_wtc9w_13._inserted_wtc9w_426 {
+._text_xzkxl_13._inserted_xzkxl_472 {
   padding: var(--xmlui-padding-Text-inserted);
   padding-left: var(--xmlui-paddingLeft-Text-inserted, var(--xmlui-paddingHorizontal-Text-inserted, var(--xmlui-padding-Text-inserted)));
   padding-right: var(--xmlui-paddingRight-Text-inserted, var(--xmlui-paddingHorizontal-Text-inserted, var(--xmlui-padding-Text-inserted)));
@@ -3101,9 +3098,11 @@ See this source for details: https://css-tricks.com/line-clampin/
   line-break: var(--xmlui-lineBreak-Text-inserted);
   margin-top: var(--xmlui-marginTop-Text-inserted);
   margin-bottom: var(--xmlui-marginBottom-Text-inserted);
+  margin-left: var(--xmlui-marginLeft-Text-inserted);
+  margin-right: var(--xmlui-marginRight-Text-inserted);
   vertical-align: var(--xmlui-verticalAlign-Text-inserted);
 }
-._text_wtc9w_13._inserted_wtc9w_426::before, ._text_wtc9w_13._inserted_wtc9w_426::after {
+._text_xzkxl_13._inserted_xzkxl_472::before, ._text_xzkxl_13._inserted_xzkxl_472::after {
   clip-path: inset(100%);
   clip: rect(1px, 1px, 1px, 1px);
   height: 1px;
@@ -3112,13 +3111,13 @@ See this source for details: https://css-tricks.com/line-clampin/
   white-space: nowrap;
   width: 1px;
 }
-._text_wtc9w_13._inserted_wtc9w_426::before {
+._text_xzkxl_13._inserted_xzkxl_472::before {
   content: " [insertion start] ";
 }
-._text_wtc9w_13._inserted_wtc9w_426::after {
+._text_xzkxl_13._inserted_xzkxl_472::after {
   content: " [insertion end] ";
 }
-._text_wtc9w_13._keyboard_wtc9w_496 {
+._text_xzkxl_13._keyboard_xzkxl_544 {
   padding: var(--xmlui-padding-Text-keyboard);
   padding-left: var(--xmlui-paddingLeft-Text-keyboard, var(--xmlui-paddingHorizontal-Text-keyboard, var(--xmlui-padding-Text-keyboard)));
   padding-right: var(--xmlui-paddingRight-Text-keyboard, var(--xmlui-paddingHorizontal-Text-keyboard, var(--xmlui-padding-Text-keyboard)));
@@ -3171,9 +3170,11 @@ See this source for details: https://css-tricks.com/line-clampin/
   line-break: var(--xmlui-lineBreak-Text-keyboard);
   margin-top: var(--xmlui-marginTop-Text-keyboard);
   margin-bottom: var(--xmlui-marginBottom-Text-keyboard);
+  margin-left: var(--xmlui-marginLeft-Text-keyboard);
+  margin-right: var(--xmlui-marginRight-Text-keyboard);
   vertical-align: var(--xmlui-verticalAlign-Text-keyboard);
 }
-._text_wtc9w_13._marked_wtc9w_551 {
+._text_xzkxl_13._marked_xzkxl_601 {
   padding: var(--xmlui-padding-Text-marked);
   padding-left: var(--xmlui-paddingLeft-Text-marked, var(--xmlui-paddingHorizontal-Text-marked, var(--xmlui-padding-Text-marked)));
   padding-right: var(--xmlui-paddingRight-Text-marked, var(--xmlui-paddingHorizontal-Text-marked, var(--xmlui-padding-Text-marked)));
@@ -3226,9 +3227,11 @@ See this source for details: https://css-tricks.com/line-clampin/
   line-break: var(--xmlui-lineBreak-Text-marked);
   margin-top: var(--xmlui-marginTop-Text-marked);
   margin-bottom: var(--xmlui-marginBottom-Text-marked);
+  margin-left: var(--xmlui-marginLeft-Text-marked);
+  margin-right: var(--xmlui-marginRight-Text-marked);
   vertical-align: var(--xmlui-verticalAlign-Text-marked);
 }
-._text_wtc9w_13._marked_wtc9w_551::before, ._text_wtc9w_13._marked_wtc9w_551::after {
+._text_xzkxl_13._marked_xzkxl_601::before, ._text_xzkxl_13._marked_xzkxl_601::after {
   clip-path: inset(100%);
   clip: rect(1px, 1px, 1px, 1px);
   height: 1px;
@@ -3237,13 +3240,13 @@ See this source for details: https://css-tricks.com/line-clampin/
   white-space: nowrap;
   width: 1px;
 }
-._text_wtc9w_13._marked_wtc9w_551::before {
+._text_xzkxl_13._marked_xzkxl_601::before {
   content: " [highlight start] ";
 }
-._text_wtc9w_13._marked_wtc9w_551::after {
+._text_xzkxl_13._marked_xzkxl_601::after {
   content: " [highlight end] ";
 }
-._text_wtc9w_13._mono_wtc9w_621 {
+._text_xzkxl_13._mono_xzkxl_673 {
   padding: var(--xmlui-padding-Text-mono);
   padding-left: var(--xmlui-paddingLeft-Text-mono, var(--xmlui-paddingHorizontal-Text-mono, var(--xmlui-padding-Text-mono)));
   padding-right: var(--xmlui-paddingRight-Text-mono, var(--xmlui-paddingHorizontal-Text-mono, var(--xmlui-padding-Text-mono)));
@@ -3296,9 +3299,11 @@ See this source for details: https://css-tricks.com/line-clampin/
   line-break: var(--xmlui-lineBreak-Text-mono);
   margin-top: var(--xmlui-marginTop-Text-mono);
   margin-bottom: var(--xmlui-marginBottom-Text-mono);
+  margin-left: var(--xmlui-marginLeft-Text-mono);
+  margin-right: var(--xmlui-marginRight-Text-mono);
   vertical-align: var(--xmlui-verticalAlign-Text-mono);
 }
-._text_wtc9w_13._sample_wtc9w_676 {
+._text_xzkxl_13._sample_xzkxl_730 {
   padding: var(--xmlui-padding-Text-sample);
   padding-left: var(--xmlui-paddingLeft-Text-sample, var(--xmlui-paddingHorizontal-Text-sample, var(--xmlui-padding-Text-sample)));
   padding-right: var(--xmlui-paddingRight-Text-sample, var(--xmlui-paddingHorizontal-Text-sample, var(--xmlui-padding-Text-sample)));
@@ -3351,9 +3356,11 @@ See this source for details: https://css-tricks.com/line-clampin/
   line-break: var(--xmlui-lineBreak-Text-sample);
   margin-top: var(--xmlui-marginTop-Text-sample);
   margin-bottom: var(--xmlui-marginBottom-Text-sample);
+  margin-left: var(--xmlui-marginLeft-Text-sample);
+  margin-right: var(--xmlui-marginRight-Text-sample);
   vertical-align: var(--xmlui-verticalAlign-Text-sample);
 }
-._text_wtc9w_13._sup_wtc9w_731 {
+._text_xzkxl_13._sup_xzkxl_787 {
   padding: var(--xmlui-padding-Text-sup);
   padding-left: var(--xmlui-paddingLeft-Text-sup, var(--xmlui-paddingHorizontal-Text-sup, var(--xmlui-padding-Text-sup)));
   padding-right: var(--xmlui-paddingRight-Text-sup, var(--xmlui-paddingHorizontal-Text-sup, var(--xmlui-padding-Text-sup)));
@@ -3406,9 +3413,11 @@ See this source for details: https://css-tricks.com/line-clampin/
   line-break: var(--xmlui-lineBreak-Text-sup);
   margin-top: var(--xmlui-marginTop-Text-sup);
   margin-bottom: var(--xmlui-marginBottom-Text-sup);
+  margin-left: var(--xmlui-marginLeft-Text-sup);
+  margin-right: var(--xmlui-marginRight-Text-sup);
   vertical-align: var(--xmlui-verticalAlign-Text-sup);
 }
-._text_wtc9w_13._sub_wtc9w_786 {
+._text_xzkxl_13._sub_xzkxl_844 {
   padding: var(--xmlui-padding-Text-sub);
   padding-left: var(--xmlui-paddingLeft-Text-sub, var(--xmlui-paddingHorizontal-Text-sub, var(--xmlui-padding-Text-sub)));
   padding-right: var(--xmlui-paddingRight-Text-sub, var(--xmlui-paddingHorizontal-Text-sub, var(--xmlui-padding-Text-sub)));
@@ -3461,9 +3470,11 @@ See this source for details: https://css-tricks.com/line-clampin/
   line-break: var(--xmlui-lineBreak-Text-sub);
   margin-top: var(--xmlui-marginTop-Text-sub);
   margin-bottom: var(--xmlui-marginBottom-Text-sub);
+  margin-left: var(--xmlui-marginLeft-Text-sub);
+  margin-right: var(--xmlui-marginRight-Text-sub);
   vertical-align: var(--xmlui-verticalAlign-Text-sub);
 }
-._text_wtc9w_13._var_wtc9w_841 {
+._text_xzkxl_13._var_xzkxl_901 {
   padding: var(--xmlui-padding-Text-var);
   padding-left: var(--xmlui-paddingLeft-Text-var, var(--xmlui-paddingHorizontal-Text-var, var(--xmlui-padding-Text-var)));
   padding-right: var(--xmlui-paddingRight-Text-var, var(--xmlui-paddingHorizontal-Text-var, var(--xmlui-padding-Text-var)));
@@ -3516,9 +3527,11 @@ See this source for details: https://css-tricks.com/line-clampin/
   line-break: var(--xmlui-lineBreak-Text-var);
   margin-top: var(--xmlui-marginTop-Text-var);
   margin-bottom: var(--xmlui-marginBottom-Text-var);
+  margin-left: var(--xmlui-marginLeft-Text-var);
+  margin-right: var(--xmlui-marginRight-Text-var);
   vertical-align: var(--xmlui-verticalAlign-Text-var);
 }
-._text_wtc9w_13._title_wtc9w_896 {
+._text_xzkxl_13._title_xzkxl_958 {
   padding: var(--xmlui-padding-Text-title);
   padding-left: var(--xmlui-paddingLeft-Text-title, var(--xmlui-paddingHorizontal-Text-title, var(--xmlui-padding-Text-title)));
   padding-right: var(--xmlui-paddingRight-Text-title, var(--xmlui-paddingHorizontal-Text-title, var(--xmlui-padding-Text-title)));
@@ -3571,9 +3584,11 @@ See this source for details: https://css-tricks.com/line-clampin/
   line-break: var(--xmlui-lineBreak-Text-title);
   margin-top: var(--xmlui-marginTop-Text-title);
   margin-bottom: var(--xmlui-marginBottom-Text-title);
+  margin-left: var(--xmlui-marginLeft-Text-title);
+  margin-right: var(--xmlui-marginRight-Text-title);
   vertical-align: var(--xmlui-verticalAlign-Text-title);
 }
-._text_wtc9w_13._subtitle_wtc9w_951 {
+._text_xzkxl_13._subtitle_xzkxl_1015 {
   padding: var(--xmlui-padding-Text-subtitle);
   padding-left: var(--xmlui-paddingLeft-Text-subtitle, var(--xmlui-paddingHorizontal-Text-subtitle, var(--xmlui-padding-Text-subtitle)));
   padding-right: var(--xmlui-paddingRight-Text-subtitle, var(--xmlui-paddingHorizontal-Text-subtitle, var(--xmlui-padding-Text-subtitle)));
@@ -3626,9 +3641,11 @@ See this source for details: https://css-tricks.com/line-clampin/
   line-break: var(--xmlui-lineBreak-Text-subtitle);
   margin-top: var(--xmlui-marginTop-Text-subtitle);
   margin-bottom: var(--xmlui-marginBottom-Text-subtitle);
+  margin-left: var(--xmlui-marginLeft-Text-subtitle);
+  margin-right: var(--xmlui-marginRight-Text-subtitle);
   vertical-align: var(--xmlui-verticalAlign-Text-subtitle);
 }
-._text_wtc9w_13._small_wtc9w_1006 {
+._text_xzkxl_13._small_xzkxl_1072 {
   padding: var(--xmlui-padding-Text-small);
   padding-left: var(--xmlui-paddingLeft-Text-small, var(--xmlui-paddingHorizontal-Text-small, var(--xmlui-padding-Text-small)));
   padding-right: var(--xmlui-paddingRight-Text-small, var(--xmlui-paddingHorizontal-Text-small, var(--xmlui-padding-Text-small)));
@@ -3681,9 +3698,11 @@ See this source for details: https://css-tricks.com/line-clampin/
   line-break: var(--xmlui-lineBreak-Text-small);
   margin-top: var(--xmlui-marginTop-Text-small);
   margin-bottom: var(--xmlui-marginBottom-Text-small);
+  margin-left: var(--xmlui-marginLeft-Text-small);
+  margin-right: var(--xmlui-marginRight-Text-small);
   vertical-align: var(--xmlui-verticalAlign-Text-small);
 }
-._text_wtc9w_13._caption_wtc9w_1061 {
+._text_xzkxl_13._caption_xzkxl_1129 {
   padding: var(--xmlui-padding-Text-caption);
   padding-left: var(--xmlui-paddingLeft-Text-caption, var(--xmlui-paddingHorizontal-Text-caption, var(--xmlui-padding-Text-caption)));
   padding-right: var(--xmlui-paddingRight-Text-caption, var(--xmlui-paddingHorizontal-Text-caption, var(--xmlui-padding-Text-caption)));
@@ -3736,9 +3755,11 @@ See this source for details: https://css-tricks.com/line-clampin/
   line-break: var(--xmlui-lineBreak-Text-caption);
   margin-top: var(--xmlui-marginTop-Text-caption);
   margin-bottom: var(--xmlui-marginBottom-Text-caption);
+  margin-left: var(--xmlui-marginLeft-Text-caption);
+  margin-right: var(--xmlui-marginRight-Text-caption);
   vertical-align: var(--xmlui-verticalAlign-Text-caption);
 }
-._text_wtc9w_13._placeholder_wtc9w_1116 {
+._text_xzkxl_13._placeholder_xzkxl_1186 {
   padding: var(--xmlui-padding-Text-placeholder);
   padding-left: var(--xmlui-paddingLeft-Text-placeholder, var(--xmlui-paddingHorizontal-Text-placeholder, var(--xmlui-padding-Text-placeholder)));
   padding-right: var(--xmlui-paddingRight-Text-placeholder, var(--xmlui-paddingHorizontal-Text-placeholder, var(--xmlui-padding-Text-placeholder)));
@@ -3791,9 +3812,11 @@ See this source for details: https://css-tricks.com/line-clampin/
   line-break: var(--xmlui-lineBreak-Text-placeholder);
   margin-top: var(--xmlui-marginTop-Text-placeholder);
   margin-bottom: var(--xmlui-marginBottom-Text-placeholder);
+  margin-left: var(--xmlui-marginLeft-Text-placeholder);
+  margin-right: var(--xmlui-marginRight-Text-placeholder);
   vertical-align: var(--xmlui-verticalAlign-Text-placeholder);
 }
-._text_wtc9w_13._paragraph_wtc9w_1171 {
+._text_xzkxl_13._paragraph_xzkxl_1243 {
   padding: var(--xmlui-padding-Text-paragraph);
   padding-left: var(--xmlui-paddingLeft-Text-paragraph, var(--xmlui-paddingHorizontal-Text-paragraph, var(--xmlui-padding-Text-paragraph)));
   padding-right: var(--xmlui-paddingRight-Text-paragraph, var(--xmlui-paddingHorizontal-Text-paragraph, var(--xmlui-padding-Text-paragraph)));
@@ -3846,9 +3869,11 @@ See this source for details: https://css-tricks.com/line-clampin/
   line-break: var(--xmlui-lineBreak-Text-paragraph);
   margin-top: var(--xmlui-marginTop-Text-paragraph);
   margin-bottom: var(--xmlui-marginBottom-Text-paragraph);
+  margin-left: var(--xmlui-marginLeft-Text-paragraph);
+  margin-right: var(--xmlui-marginRight-Text-paragraph);
   vertical-align: var(--xmlui-verticalAlign-Text-paragraph);
 }
-._text_wtc9w_13._subheading_wtc9w_1226 {
+._text_xzkxl_13._subheading_xzkxl_1300 {
   padding: var(--xmlui-padding-Text-subheading);
   padding-left: var(--xmlui-paddingLeft-Text-subheading, var(--xmlui-paddingHorizontal-Text-subheading, var(--xmlui-padding-Text-subheading)));
   padding-right: var(--xmlui-paddingRight-Text-subheading, var(--xmlui-paddingHorizontal-Text-subheading, var(--xmlui-padding-Text-subheading)));
@@ -3901,9 +3926,11 @@ See this source for details: https://css-tricks.com/line-clampin/
   line-break: var(--xmlui-lineBreak-Text-subheading);
   margin-top: var(--xmlui-marginTop-Text-subheading);
   margin-bottom: var(--xmlui-marginBottom-Text-subheading);
+  margin-left: var(--xmlui-marginLeft-Text-subheading);
+  margin-right: var(--xmlui-marginRight-Text-subheading);
   vertical-align: var(--xmlui-verticalAlign-Text-subheading);
 }
-._text_wtc9w_13._tableheading_wtc9w_1281 {
+._text_xzkxl_13._tableheading_xzkxl_1357 {
   padding: var(--xmlui-padding-Text-tableheading);
   padding-left: var(--xmlui-paddingLeft-Text-tableheading, var(--xmlui-paddingHorizontal-Text-tableheading, var(--xmlui-padding-Text-tableheading)));
   padding-right: var(--xmlui-paddingRight-Text-tableheading, var(--xmlui-paddingHorizontal-Text-tableheading, var(--xmlui-padding-Text-tableheading)));
@@ -3956,9 +3983,11 @@ See this source for details: https://css-tricks.com/line-clampin/
   line-break: var(--xmlui-lineBreak-Text-tableheading);
   margin-top: var(--xmlui-marginTop-Text-tableheading);
   margin-bottom: var(--xmlui-marginBottom-Text-tableheading);
+  margin-left: var(--xmlui-marginLeft-Text-tableheading);
+  margin-right: var(--xmlui-marginRight-Text-tableheading);
   vertical-align: var(--xmlui-verticalAlign-Text-tableheading);
 }
-._text_wtc9w_13._secondary_wtc9w_1336 {
+._text_xzkxl_13._secondary_xzkxl_1414 {
   padding: var(--xmlui-padding-Text-secondary);
   padding-left: var(--xmlui-paddingLeft-Text-secondary, var(--xmlui-paddingHorizontal-Text-secondary, var(--xmlui-padding-Text-secondary)));
   padding-right: var(--xmlui-paddingRight-Text-secondary, var(--xmlui-paddingHorizontal-Text-secondary, var(--xmlui-padding-Text-secondary)));
@@ -4011,9 +4040,11 @@ See this source for details: https://css-tricks.com/line-clampin/
   line-break: var(--xmlui-lineBreak-Text-secondary);
   margin-top: var(--xmlui-marginTop-Text-secondary);
   margin-bottom: var(--xmlui-marginBottom-Text-secondary);
+  margin-left: var(--xmlui-marginLeft-Text-secondary);
+  margin-right: var(--xmlui-marginRight-Text-secondary);
   vertical-align: var(--xmlui-verticalAlign-Text-secondary);
 }
-._text_wtc9w_13._strong_wtc9w_1391 {
+._text_xzkxl_13._strong_xzkxl_1471 {
   font-weight: var(--xmlui-fontWeight-bold);
 }
@@ -4021,18 +4052,18 @@ See this source for details: https://css-tricks.com/line-clampin/
 This is a Chromium based solution that is supported by most modern browsers.
 See this source for details: https://css-tricks.com/line-clampin/
 */
-._truncateOverflow_wtc9w_1399 {
+._truncateOverflow_xzkxl_1479 {
   overflow: hidden;
   overflow-wrap: break-word;
   white-space: nowrap;
   max-width: 100%;
 }
-._preserveLinebreaks_wtc9w_1406 {
+._preserveLinebreaks_xzkxl_1486 {
   white-space: pre-wrap;
 }
-._noEllipsis_wtc9w_1410 {
+._noEllipsis_xzkxl_1490 {
   text-overflow: clip;
 }/*
  * This file contains all CSS variables AppEngine uses for styling the UI, including individual visual components.
@@ -4337,7 +4368,7 @@ See this source for details: https://css-tricks.com/line-clampin/
  * 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.
  */
-._resetAppearance_m9kqa_13 {
+._resetAppearance_ddph3_13 {
   /* Add if not using autoprefixer */
   -webkit-appearance: none;
   appearance: none;
@@ -4345,11 +4376,11 @@ See this source for details: https://css-tricks.com/line-clampin/
   margin: 0;
 }
-._label_m9kqa_21 {
-  width: fit-content;
+._label_ddph3_21 {
+  width: 100%;
 }
-._inputContainer_m9kqa_25 {
+._inputContainer_ddph3_25 {
   z-index: -1;
   position: relative;
   opacity: 0;
@@ -4357,7 +4388,7 @@ See this source for details: https://css-tricks.com/line-clampin/
   height: 0;
 }
-._checkbox_m9kqa_33 {
+._checkbox_ddph3_33 {
   display: grid;
   place-content: center;
   min-width: 1em;
@@ -4369,57 +4400,57 @@ See this source for details: https://css-tricks.com/line-clampin/
   border-color: var(--xmlui-borderColor-Checkbox-default);
   background-color: var(--xmlui-backgroundColor-Checkbox-default);
 }
-._checkbox_m9kqa_33:not([readonly]) {
+._checkbox_ddph3_33:not([readonly]) {
   cursor: pointer;
 }
-._checkbox_m9kqa_33:focus-visible {
+._checkbox_ddph3_33:focus-visible {
   outline-width: var(--xmlui-outlineWidth-Checkbox-default--focus);
   outline-color: var(--xmlui-outlineColor-Checkbox-default--focus);
   outline-style: var(--xmlui-outlineStyle-Checkbox-default--focus);
   outline-offset: var(--xmlui-outlineOffset-Checkbox-default--focus);
 }
-._checkbox_m9kqa_33:hover {
+._checkbox_ddph3_33:hover {
   border-color: var(--xmlui-borderColor-Checkbox-default--hover);
 }
-._checkbox_m9kqa_33:disabled {
+._checkbox_ddph3_33:disabled {
   cursor: not-allowed;
   background-color: var(--xmlui-backgroundColor-Checkbox--disabled);
   border-color: var(--xmlui-borderColor-Checkbox--disabled);
 }
-._checkbox_m9kqa_33._error_m9kqa_62 {
+._checkbox_ddph3_33._error_ddph3_62 {
   border-radius: var(--xmlui-borderRadius-Checkbox-error);
   border-color: var(--xmlui-borderColor-Checkbox-error);
   background-color: var(--xmlui-backgroundColor-Checkbox-error);
 }
-._checkbox_m9kqa_33._error_m9kqa_62:focus-visible {
+._checkbox_ddph3_33._error_ddph3_62:focus-visible {
   outline-width: var(--xmlui-outlineWidth-Checkbox-error--focus);
   outline-color: var(--xmlui-outlineColor-Checkbox-error--focus);
   outline-style: var(--xmlui-outlineStyle-Checkbox-error--focus);
   outline-offset: var(--xmlui-outlineOffset-Checkbox-error--focus);
 }
-._checkbox_m9kqa_33._warning_m9kqa_73 {
+._checkbox_ddph3_33._warning_ddph3_73 {
   border-radius: var(--xmlui-borderRadius-Checkbox-warning);
   border-color: var(--xmlui-borderColor-Checkbox-warning);
   background-color: var(--xmlui-backgroundColor-Checkbox-warning);
 }
-._checkbox_m9kqa_33._warning_m9kqa_73:focus-visible {
+._checkbox_ddph3_33._warning_ddph3_73:focus-visible {
   outline-width: var(--xmlui-outlineWidth-Checkbox-warning--focus);
   outline-color: var(--xmlui-outlineColor-Checkbox-warning--focus);
   outline-style: var(--xmlui-outlineStyle-Checkbox-warning--focus);
   outline-offset: var(--xmlui-outlineOffset-Checkbox-warning--focus);
 }
-._checkbox_m9kqa_33._valid_m9kqa_84 {
+._checkbox_ddph3_33._valid_ddph3_84 {
   border-radius: var(--xmlui-borderRadius-Checkbox-success);
   border-color: var(--xmlui-borderColor-Checkbox-success);
   background-color: var(--xmlui-backgroundColor-Checkbox-success);
 }
-._checkbox_m9kqa_33._valid_m9kqa_84:focus-visible {
+._checkbox_ddph3_33._valid_ddph3_84:focus-visible {
   outline-width: var(--xmlui-outlineWidth-Checkbox-success--focus);
   outline-color: var(--xmlui-outlineColor-Checkbox-success--focus);
   outline-style: var(--xmlui-outlineStyle-Checkbox-success--focus);
   outline-offset: var(--xmlui-outlineOffset-Checkbox-success--focus);
 }
-._checkbox_m9kqa_33::before {
+._checkbox_ddph3_33::before {
   content: "";
   width: 0.5em;
   height: 0.5em;
@@ -4429,46 +4460,46 @@ See this source for details: https://css-tricks.com/line-clampin/
   transform-origin: center;
   clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
 }
-._checkbox_m9kqa_33:checked::before {
+._checkbox_ddph3_33:checked::before {
   transform: scale(1);
 }
-._checkbox_m9kqa_33:checked {
+._checkbox_ddph3_33:checked {
   border-color: var(--xmlui-borderColor-checked-Checkbox);
   background-color: var(--xmlui-backgroundColor-checked-Checkbox);
 }
-._checkbox_m9kqa_33:checked:disabled {
+._checkbox_ddph3_33:checked:disabled {
   background-color: var(--xmlui-backgroundColor-Checkbox--disabled);
   border-color: var(--xmlui-borderColor-Checkbox--disabled);
 }
-._checkbox_m9kqa_33:checked._error_m9kqa_62 {
+._checkbox_ddph3_33:checked._error_ddph3_62 {
   border-color: var(--xmlui-borderColor-checked-Checkbox-error);
   background-color: var(--xmlui-backgroundColor-checked-Checkbox-error);
 }
-._checkbox_m9kqa_33:checked._warning_m9kqa_73 {
+._checkbox_ddph3_33:checked._warning_ddph3_73 {
   border-color: var(--xmlui-borderColor-checked-Checkbox-warning);
   background-color: var(--xmlui-backgroundColor-checked-Checkbox-warning);
 }
-._checkbox_m9kqa_33:checked._valid_m9kqa_84 {
+._checkbox_ddph3_33:checked._valid_ddph3_84 {
   border-color: var(--xmlui-borderColor-checked-Checkbox-success);
   background-color: var(--xmlui-backgroundColor-checked-Checkbox-success);
 }
-._checkbox_m9kqa_33:indeterminate {
+._checkbox_ddph3_33:indeterminate {
   background-color: var(--xmlui-backgroundColor-checked-Checkbox);
   border-color: var(--xmlui-borderColor-checked-Checkbox);
 }
-._checkbox_m9kqa_33:indeterminate[readonly] {
+._checkbox_ddph3_33:indeterminate[readonly] {
   pointer-events: none;
 }
-._checkbox_m9kqa_33:indeterminate:disabled {
+._checkbox_ddph3_33:indeterminate:disabled {
   background-color: var(--xmlui-backgroundColor-Checkbox--disabled);
   border-color: var(--xmlui-borderColor-Checkbox--disabled);
 }
-._checkbox_m9kqa_33:indeterminate::before {
+._checkbox_ddph3_33:indeterminate::before {
   clip-path: circle(30% at 50% 50%);
   transform: scale(1);
 }
-._switch_m9kqa_144 {
+._switch_ddph3_144 {
   border: 2px solid var(--xmlui-borderColor-Switch);
   width: 32px;
   height: 20px;
@@ -4478,24 +4509,24 @@ See this source for details: https://css-tricks.com/line-clampin/
   flex-shrink: 0;
   background-color: var(--xmlui-backgroundColor-Switch);
 }
-._switch_m9kqa_144:hover {
+._switch_ddph3_144:hover {
   border-color: var(--xmlui-borderColor-Switch-default--hover);
 }
-._switch_m9kqa_144:disabled {
+._switch_ddph3_144:disabled {
   cursor: not-allowed;
   background-color: var(--xmlui-backgroundColor-Switch--disabled);
   border-color: var(--xmlui-borderColor-Switch--disabled);
 }
-._switch_m9kqa_144._error_m9kqa_62 {
+._switch_ddph3_144._error_ddph3_62 {
   border-color: var(--xmlui-borderColor-Switch-error);
 }
-._switch_m9kqa_144._warning_m9kqa_73 {
+._switch_ddph3_144._warning_ddph3_73 {
   border-color: var(--xmlui-borderColor-Switch-warning);
 }
-._switch_m9kqa_144._valid_m9kqa_84 {
+._switch_ddph3_144._valid_ddph3_84 {
   border-color: var(--xmlui-borderColor-Switch-success);
 }
-._switch_m9kqa_144::before {
+._switch_ddph3_144::before {
   content: "";
   position: absolute;
   top: 0;
@@ -4506,33 +4537,33 @@ See this source for details: https://css-tricks.com/line-clampin/
   border-radius: 1rem;
   transition: 0.3s transform;
 }
-._switch_m9kqa_144:checked {
+._switch_ddph3_144:checked {
   border-color: var(--xmlui-borderColor-checked-Switch);
   background-color: var(--xmlui-backgroundColor-checked-Switch);
 }
-._switch_m9kqa_144:checked:disabled {
+._switch_ddph3_144:checked:disabled {
   background-color: var(--xmlui-backgroundColor-Switch--disabled);
   border-color: var(--xmlui-borderColor-Switch--disabled);
 }
-._switch_m9kqa_144:checked._error_m9kqa_62 {
+._switch_ddph3_144:checked._error_ddph3_62 {
   border-color: var(--xmlui-borderColor-checked-Switch-error);
   background-color: var(--xmlui-backgroundColor-checked-Switch-error);
 }
-._switch_m9kqa_144:checked._warning_m9kqa_73 {
+._switch_ddph3_144:checked._warning_ddph3_73 {
   border-color: var(--xmlui-borderColor-checked-Switch-warning);
   background-color: var(--xmlui-backgroundColor-checked-Switch-warning);
 }
-._switch_m9kqa_144:checked._valid_m9kqa_84 {
+._switch_ddph3_144:checked._valid_ddph3_84 {
   border-color: var(--xmlui-borderColor-checked-Switch-success);
   background-color: var(--xmlui-backgroundColor-checked-Switch-success);
 }
-._switch_m9kqa_144:focus-visible {
+._switch_ddph3_144:focus-visible {
   outline-width: var(--xmlui-outlineWidth-Switch--focus);
   outline-color: var(--xmlui-outlineColor-Switch--focus);
   outline-style: var(--xmlui-outlineStyle-Switch--focus);
   outline-offset: var(--xmlui-outlineOffset-Switch--focus);
 }
-._switch_m9kqa_144:checked::before {
+._switch_ddph3_144:checked::before {
   transform: translateX(calc(100% - 4px));
 }/*
  * This file contains all CSS variables AppEngine uses for styling the UI, including individual visual components.
@@ -4546,12 +4577,12 @@ See this source for details: https://css-tricks.com/line-clampin/
  * 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_16ocz_13 {
+._wrapper_1c2sc_13 {
   z-index: 1;
 }
-._sentinel_16ocz_17 ~ *:has([data-anchor=true]) [data-anchor=true] {
-  scroll-margin-top: var(--xmlui-scroll-margin-top);
+._sentinel_1c2sc_17 ~ *:has([data-anchor=true]) [data-anchor=true] {
+  scroll-margin-top: calc(var(--my-scroll-margin-top, 0px) + var(--xmlui-scroll-margin-top, 0px));
 }/*
  * This file contains all CSS variables AppEngine uses for styling the UI, including individual visual components.
  *
@@ -5336,10 +5367,10 @@ See this source for details: https://css-tricks.com/line-clampin/
  * 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.
  */
-._inputRoot_ley74_13 {
+._inputRoot_qxt8y_13 {
   display: flex;
   align-items: center;
-  gap: var(--xmlui-space-2);
+  gap: var(--xmlui-gap-adornment-TextBox);
   width: 100%;
   border-style: solid;
   border-width: 1px;
@@ -5355,31 +5386,31 @@ See this source for details: https://css-tricks.com/line-clampin/
   box-shadow: var(--xmlui-boxShadow-TextBox-default);
   color: var(--xmlui-textColor-TextBox-default);
 }
-._inputRoot_ley74_13:hover {
+._inputRoot_qxt8y_13:hover {
   border-color: var(--xmlui-borderColor-TextBox-default--hover);
   background-color: var(--xmlui-backgroundColor-TextBox-default--hover);
   box-shadow: var(--xmlui-boxShadow-TextBox-default--hover);
   color: var(--xmlui-textColor-TextBox-default--hover);
 }
-._inputRoot_ley74_13:focus-within {
+._inputRoot_qxt8y_13:focus-within {
   border-color: var(--xmlui-borderColor-TextBox-default--focus);
   background-color: var(--xmlui-backgroundColor-TextBox-default--focus);
   box-shadow: var(--xmlui-boxShadow-TextBox-default--focus);
   color: var(--xmlui-textColor-TextBox-default--focus);
 }
-._inputRoot_ley74_13:has(._input_ley74_13:focus-visible) {
+._inputRoot_qxt8y_13:has(._input_qxt8y_13:focus-visible) {
   outline-width: var(--xmlui-outlineWidth-TextBox-default--focus);
   outline-color: var(--xmlui-outlineColor-TextBox-default--focus);
   outline-style: var(--xmlui-outlineStyle-TextBox-default--focus);
   outline-offset: var(--xmlui-outlineOffset-TextBox-default--focus);
 }
-._inputRoot_ley74_13 ._input_ley74_13::placeholder {
+._inputRoot_qxt8y_13 ._input_qxt8y_13::placeholder {
   color: var(--xmlui-color-placeholder-TextBox-default);
 }
-._inputRoot_ley74_13 ._adornment_ley74_53 {
+._inputRoot_qxt8y_13 ._adornment_qxt8y_53 {
   color: var(--xmlui-color-adornment-TextBox-default);
 }
-._inputRoot_ley74_13._error_ley74_56 {
+._inputRoot_qxt8y_13._error_qxt8y_56 {
   border-radius: var(--xmlui-borderRadius-TextBox-error);
   border-color: var(--xmlui-borderColor-TextBox-error);
   border-width: var(--xmlui-borderWidth-TextBox-error);
@@ -5390,31 +5421,31 @@ See this source for details: https://css-tricks.com/line-clampin/
   box-shadow: var(--xmlui-boxShadow-TextBox-error);
   color: var(--xmlui-textColor-TextBox-error);
 }
-._inputRoot_ley74_13._error_ley74_56:hover {
+._inputRoot_qxt8y_13._error_qxt8y_56:hover {
   border-color: var(--xmlui-borderColor-TextBox-error--hover);
   background-color: var(--xmlui-backgroundColor-TextBox-error--hover);
   box-shadow: var(--xmlui-boxShadow-TextBox-error--hover);
   color: var(--xmlui-textColor-TextBox-error--hover);
 }
-._inputRoot_ley74_13._error_ley74_56:focus-within {
+._inputRoot_qxt8y_13._error_qxt8y_56:focus-within {
   border-color: var(--xmlui-borderColor-TextBox-error--focus);
   background-color: var(--xmlui-backgroundColor-TextBox-error--focus);
   box-shadow: var(--xmlui-boxShadow-TextBox-error--focus);
   color: var(--xmlui-textColor-TextBox-error--focus);
 }
-._inputRoot_ley74_13._error_ley74_56:has(._input_ley74_13:focus-visible) {
+._inputRoot_qxt8y_13._error_qxt8y_56:has(._input_qxt8y_13:focus-visible) {
   outline-width: var(--xmlui-outlineWidth-TextBox-error--focus);
   outline-color: var(--xmlui-outlineColor-TextBox-error--focus);
   outline-style: var(--xmlui-outlineStyle-TextBox-error--focus);
   outline-offset: var(--xmlui-outlineOffset-TextBox-error--focus);
 }
-._inputRoot_ley74_13._error_ley74_56 ._input_ley74_13::placeholder {
+._inputRoot_qxt8y_13._error_qxt8y_56 ._input_qxt8y_13::placeholder {
   color: var(--xmlui-color-placeholder-TextBox-error);
 }
-._inputRoot_ley74_13._error_ley74_56 ._adornment_ley74_53 {
+._inputRoot_qxt8y_13._error_qxt8y_56 ._adornment_qxt8y_53 {
   color: var(--xmlui-color-adornment-TextBox-error);
 }
-._inputRoot_ley74_13._warning_ley74_91 {
+._inputRoot_qxt8y_13._warning_qxt8y_91 {
   border-radius: var(--xmlui-borderRadius-TextBox-warning);
   border-color: var(--xmlui-borderColor-TextBox-warning);
   border-width: var(--xmlui-borderWidth-TextBox-warning);
@@ -5425,31 +5456,31 @@ See this source for details: https://css-tricks.com/line-clampin/
   box-shadow: var(--xmlui-boxShadow-TextBox-warning);
   color: var(--xmlui-textColor-TextBox-warning);
 }
-._inputRoot_ley74_13._warning_ley74_91:hover {
+._inputRoot_qxt8y_13._warning_qxt8y_91:hover {
   border-color: var(--xmlui-borderColor-TextBox-warning--hover);
   background-color: var(--xmlui-backgroundColor-TextBox-warning--hover);
   box-shadow: var(--xmlui-boxShadow-TextBox-warning--hover);
   color: var(--xmlui-textColor-TextBox-warning--hover);
 }
-._inputRoot_ley74_13._warning_ley74_91:focus-within {
+._inputRoot_qxt8y_13._warning_qxt8y_91:focus-within {
   border-color: var(--xmlui-borderColor-TextBox-warning--focus);
   background-color: var(--xmlui-backgroundColor-TextBox-warning--focus);
   box-shadow: var(--xmlui-boxShadow-TextBox-warning--focus);
   color: var(--xmlui-textColor-TextBox-warning--focus);
 }
-._inputRoot_ley74_13._warning_ley74_91:has(._input_ley74_13:focus-visible) {
+._inputRoot_qxt8y_13._warning_qxt8y_91:has(._input_qxt8y_13:focus-visible) {
   outline-width: var(--xmlui-outlineWidth-TextBox-warning--focus);
   outline-color: var(--xmlui-outlineColor-TextBox-warning--focus);
   outline-style: var(--xmlui-outlineStyle-TextBox-warning--focus);
   outline-offset: var(--xmlui-outlineOffset-TextBox-warning--focus);
 }
-._inputRoot_ley74_13._warning_ley74_91 ._input_ley74_13::placeholder {
+._inputRoot_qxt8y_13._warning_qxt8y_91 ._input_qxt8y_13::placeholder {
   color: var(--xmlui-color-placeholder-TextBox-warning);
 }
-._inputRoot_ley74_13._warning_ley74_91 ._adornment_ley74_53 {
+._inputRoot_qxt8y_13._warning_qxt8y_91 ._adornment_qxt8y_53 {
   color: var(--xmlui-color-adornment-TextBox-warning);
 }
-._inputRoot_ley74_13._valid_ley74_126 {
+._inputRoot_qxt8y_13._valid_qxt8y_126 {
   border-radius: var(--xmlui-borderRadius-TextBox-success);
   border-color: var(--xmlui-borderColor-TextBox-success);
   border-width: var(--xmlui-borderWidth-TextBox-success);
@@ -5460,37 +5491,37 @@ See this source for details: https://css-tricks.com/line-clampin/
   box-shadow: var(--xmlui-boxShadow-TextBox-success);
   color: var(--xmlui-textColor-TextBox-success);
 }
-._inputRoot_ley74_13._valid_ley74_126:hover {
+._inputRoot_qxt8y_13._valid_qxt8y_126:hover {
   border-color: var(--xmlui-borderColor-TextBox-success--hover);
   background-color: var(--xmlui-backgroundColor-TextBox-success--hover);
   box-shadow: var(--xmlui-boxShadow-TextBox-success--hover);
   color: var(--xmlui-textColor-TextBox-success--hover);
 }
-._inputRoot_ley74_13._valid_ley74_126:focus-within {
+._inputRoot_qxt8y_13._valid_qxt8y_126:focus-within {
   border-color: var(--xmlui-borderColor-TextBox-success--focus);
   background-color: var(--xmlui-backgroundColor-TextBox-success--focus);
   box-shadow: var(--xmlui-boxShadow-TextBox-success--focus);
   color: var(--xmlui-textColor-TextBox-success--focus);
 }
-._inputRoot_ley74_13._valid_ley74_126:has(._input_ley74_13:focus-visible) {
+._inputRoot_qxt8y_13._valid_qxt8y_126:has(._input_qxt8y_13:focus-visible) {
   outline-width: var(--xmlui-outlineWidth-TextBox-success--focus);
   outline-color: var(--xmlui-outlineColor-TextBox-success--focus);
   outline-style: var(--xmlui-outlineStyle-TextBox-success--focus);
   outline-offset: var(--xmlui-outlineOffset-TextBox-success--focus);
 }
-._inputRoot_ley74_13._valid_ley74_126 ._input_ley74_13::placeholder {
+._inputRoot_qxt8y_13._valid_qxt8y_126 ._input_qxt8y_13::placeholder {
   color: var(--xmlui-color-placeholder-TextBox-success);
 }
-._inputRoot_ley74_13._valid_ley74_126 ._adornment_ley74_53 {
+._inputRoot_qxt8y_13._valid_qxt8y_126 ._adornment_qxt8y_53 {
   color: var(--xmlui-color-adornment-TextBox-success);
 }
-._inputRoot_ley74_13:has(._input_ley74_13:is(:disabled)) {
+._inputRoot_qxt8y_13:has(._input_qxt8y_13:is(:disabled)) {
   cursor: not-allowed;
   background-color: var(--xmlui-backgroundColor-TextBox--disabled);
   color: var(--xmlui-textColor-TextBox--disabled);
   border-color: var(--xmlui-borderColor-TextBox--disabled);
 }
-._inputRoot_ley74_13 ._input_ley74_13 {
+._inputRoot_qxt8y_13 ._input_qxt8y_13 {
   font-size: inherit;
   color: inherit;
   border: 0;
@@ -5500,11 +5531,11 @@ See this source for details: https://css-tricks.com/line-clampin/
   padding: 0;
   cursor: inherit;
 }
-._inputRoot_ley74_13 ._input_ley74_13::-ms-reveal {
+._inputRoot_qxt8y_13 ._input_qxt8y_13::-ms-reveal {
   display: none;
 }
-._readOnly_ley74_181 {
+._readOnly_qxt8y_181 {
   cursor: default;
 }/*
  * This file contains all CSS variables AppEngine uses for styling the UI, including individual visual components.
@@ -5574,10 +5605,10 @@ See this source for details: https://css-tricks.com/line-clampin/
  * 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.
  */
-._inputRoot_1dsq1_13 {
+._inputRoot_1ynbq_13 {
   display: flex;
   align-items: center;
-  gap: var(--xmlui-space-2);
+  gap: var(--xmlui-gap-adornment-NumberBox);
   padding: var(--xmlui-space-2);
   width: 100%;
   border-style: solid;
@@ -5593,31 +5624,31 @@ See this source for details: https://css-tricks.com/line-clampin/
   box-shadow: var(--xmlui-boxShadow-NumberBox-default);
   color: var(--xmlui-textColor-NumberBox-default);
 }
-._inputRoot_1dsq1_13:hover {
+._inputRoot_1ynbq_13:hover {
   border-color: var(--xmlui-borderColor-NumberBox-default--hover);
   background-color: var(--xmlui-backgroundColor-NumberBox-default--hover);
   box-shadow: var(--xmlui-boxShadow-NumberBox-default--hover);
   color: var(--xmlui-textColor-NumberBox-default--hover);
 }
-._inputRoot_1dsq1_13:focus-within {
+._inputRoot_1ynbq_13:focus-within {
   border-color: var(--xmlui-borderColor-NumberBox-default--focus);
   background-color: var(--xmlui-backgroundColor-NumberBox-default--focus);
   box-shadow: var(--xmlui-boxShadow-NumberBox-default--focus);
   color: var(--xmlui-textColor-NumberBox-default--focus);
 }
-._inputRoot_1dsq1_13:has(._input_1dsq1_13:focus-visible) {
+._inputRoot_1ynbq_13:has(._input_1ynbq_13:focus-visible) {
   outline-width: var(--xmlui-outlineWidth-NumberBox-default--focus);
   outline-color: var(--xmlui-outlineColor-NumberBox-default--focus);
   outline-style: var(--xmlui-outlineStyle-NumberBox-default--focus);
   outline-offset: var(--xmlui-outlineOffset-NumberBox-default--focus);
 }
-._inputRoot_1dsq1_13 ._input_1dsq1_13::placeholder {
+._inputRoot_1ynbq_13 ._input_1ynbq_13::placeholder {
   color: var(--xmlui-textColor-placeholder-NumberBox-default);
 }
-._inputRoot_1dsq1_13 ._adornment_1dsq1_53 {
+._inputRoot_1ynbq_13 ._adornment_1ynbq_53 {
   color: var(--xmlui-textColor-adornment-NumberBox-default);
 }
-._inputRoot_1dsq1_13._error_1dsq1_56 {
+._inputRoot_1ynbq_13._error_1ynbq_56 {
   border-radius: var(--xmlui-borderRadius-NumberBox-error);
   border-color: var(--xmlui-borderColor-NumberBox-error);
   border-width: var(--xmlui-borderWidth-NumberBox-error);
@@ -5627,31 +5658,31 @@ See this source for details: https://css-tricks.com/line-clampin/
   box-shadow: var(--xmlui-boxShadow-NumberBox-error);
   color: var(--xmlui-textColor-NumberBox-error);
 }
-._inputRoot_1dsq1_13._error_1dsq1_56:hover {
+._inputRoot_1ynbq_13._error_1ynbq_56:hover {
   border-color: var(--xmlui-borderColor-NumberBox-error--hover);
   background-color: var(--xmlui-backgroundColor-NumberBox-error--hover);
   box-shadow: var(--xmlui-boxShadow-NumberBox-error--hover);
   color: var(--xmlui-textColor-NumberBox-error--hover);
 }
-._inputRoot_1dsq1_13._error_1dsq1_56:focus-within {
+._inputRoot_1ynbq_13._error_1ynbq_56:focus-within {
   border-color: var(--xmlui-borderColor-NumberBox-error--focus);
   background-color: var(--xmlui-backgroundColor-NumberBox-error--focus);
   box-shadow: var(--xmlui-boxShadow-NumberBox-error--focus);
   color: var(--xmlui-textColor-NumberBox-error--focus);
 }
-._inputRoot_1dsq1_13._error_1dsq1_56:has(._input_1dsq1_13:focus-visible) {
+._inputRoot_1ynbq_13._error_1ynbq_56:has(._input_1ynbq_13:focus-visible) {
   outline-width: var(--xmlui-outlineWidth-NumberBox-error--focus);
   outline-color: var(--xmlui-outlineColor-NumberBox-error--focus);
   outline-style: var(--xmlui-outlineStyle-NumberBox-error--focus);
   outline-offset: var(--xmlui-outlineOffset-NumberBox-error--focus);
 }
-._inputRoot_1dsq1_13._error_1dsq1_56 ._input_1dsq1_13::placeholder {
+._inputRoot_1ynbq_13._error_1ynbq_56 ._input_1ynbq_13::placeholder {
   color: var(--xmlui-textColor-placeholder-NumberBox-error);
 }
-._inputRoot_1dsq1_13._error_1dsq1_56 ._adornment_1dsq1_53 {
+._inputRoot_1ynbq_13._error_1ynbq_56 ._adornment_1ynbq_53 {
   color: var(--xmlui-textColor-adornment-NumberBox-error);
 }
-._inputRoot_1dsq1_13._warning_1dsq1_90 {
+._inputRoot_1ynbq_13._warning_1ynbq_90 {
   border-radius: var(--xmlui-borderRadius-NumberBox-warning);
   border-color: var(--xmlui-borderColor-NumberBox-warning);
   border-width: var(--xmlui-borderWidth-NumberBox-warning);
@@ -5661,31 +5692,31 @@ See this source for details: https://css-tricks.com/line-clampin/
   box-shadow: var(--xmlui-boxShadow-NumberBox-warning);
   color: var(--xmlui-textColor-NumberBox-warning);
 }
-._inputRoot_1dsq1_13._warning_1dsq1_90:hover {
+._inputRoot_1ynbq_13._warning_1ynbq_90:hover {
   border-color: var(--xmlui-borderColor-NumberBox-warning--hover);
   background-color: var(--xmlui-backgroundColor-NumberBox-warning--hover);
   box-shadow: var(--xmlui-boxShadow-NumberBox-warning--hover);
   color: var(--xmlui-textColor-NumberBox-warning--hover);
 }
-._inputRoot_1dsq1_13._warning_1dsq1_90:focus-within {
+._inputRoot_1ynbq_13._warning_1ynbq_90:focus-within {
   border-color: var(--xmlui-borderColor-NumberBox-warning--focus);
   background-color: var(--xmlui-backgroundColor-NumberBox-warning--focus);
   box-shadow: var(--xmlui-boxShadow-NumberBox-warning--focus);
   color: var(--xmlui-textColor-NumberBox-warning--focus);
 }
-._inputRoot_1dsq1_13._warning_1dsq1_90:has(._input_1dsq1_13:focus-visible) {
+._inputRoot_1ynbq_13._warning_1ynbq_90:has(._input_1ynbq_13:focus-visible) {
   outline-width: var(--xmlui-outlineWidth-NumberBox-warning--focus);
   outline-color: var(--xmlui-outlineColor-NumberBox-warning--focus);
   outline-style: var(--xmlui-outlineStyle-NumberBox-warning--focus);
   outline-offset: var(--xmlui-outlineOffset-NumberBox-warning--focus);
 }
-._inputRoot_1dsq1_13._warning_1dsq1_90 ._input_1dsq1_13::placeholder {
+._inputRoot_1ynbq_13._warning_1ynbq_90 ._input_1ynbq_13::placeholder {
   color: var(--xmlui-textColor-placeholder-NumberBox-warning);
 }
-._inputRoot_1dsq1_13._warning_1dsq1_90 ._adornment_1dsq1_53 {
+._inputRoot_1ynbq_13._warning_1ynbq_90 ._adornment_1ynbq_53 {
   color: var(--xmlui-textColor-adornment-NumberBox-warning);
 }
-._inputRoot_1dsq1_13._valid_1dsq1_124 {
+._inputRoot_1ynbq_13._valid_1ynbq_124 {
   border-radius: var(--xmlui-borderRadius-NumberBox-success);
   border-color: var(--xmlui-borderColor-NumberBox-success);
   border-width: var(--xmlui-borderWidth-NumberBox-success);
@@ -5695,37 +5726,37 @@ See this source for details: https://css-tricks.com/line-clampin/
   box-shadow: var(--xmlui-boxShadow-NumberBox-success);
   color: var(--xmlui-textColor-NumberBox-success);
 }
-._inputRoot_1dsq1_13._valid_1dsq1_124:hover {
+._inputRoot_1ynbq_13._valid_1ynbq_124:hover {
   border-color: var(--xmlui-borderColor-NumberBox-success--hover);
   background-color: var(--xmlui-backgroundColor-NumberBox-success--hover);
   box-shadow: var(--xmlui-boxShadow-NumberBox-success--hover);
   color: var(--xmlui-textColor-NumberBox-success--hover);
 }
-._inputRoot_1dsq1_13._valid_1dsq1_124:focus-within {
+._inputRoot_1ynbq_13._valid_1ynbq_124:focus-within {
   border-color: var(--xmlui-borderColor-NumberBox-success--focus);
   background-color: var(--xmlui-backgroundColor-NumberBox-success--focus);
   box-shadow: var(--xmlui-boxShadow-NumberBox-success--focus);
   color: var(--xmlui-textColor-NumberBox-success--focus);
 }
-._inputRoot_1dsq1_13._valid_1dsq1_124:has(._input_1dsq1_13:focus-visible) {
+._inputRoot_1ynbq_13._valid_1ynbq_124:has(._input_1ynbq_13:focus-visible) {
   outline-width: var(--xmlui-outlineWidth-NumberBox-success--focus);
   outline-color: var(--xmlui-outlineColor-NumberBox-success--focus);
   outline-style: var(--xmlui-outlineStyle-NumberBox-success--focus);
   outline-offset: var(--xmlui-outlineOffset-NumberBox-success--focus);
 }
-._inputRoot_1dsq1_13._valid_1dsq1_124 ._input_1dsq1_13::placeholder {
+._inputRoot_1ynbq_13._valid_1ynbq_124 ._input_1ynbq_13::placeholder {
   color: var(--xmlui-textColor-placeholder-NumberBox-success);
 }
-._inputRoot_1dsq1_13._valid_1dsq1_124 ._adornment_1dsq1_53 {
+._inputRoot_1ynbq_13._valid_1ynbq_124 ._adornment_1ynbq_53 {
   color: var(--xmlui-textColor-adornment-NumberBox-success);
 }
-._inputRoot_1dsq1_13:has(._input_1dsq1_13:is(:disabled)) {
+._inputRoot_1ynbq_13:has(._input_1ynbq_13:is(:disabled)) {
   cursor: not-allowed;
   background-color: var(--xmlui-backgroundColor-NumberBox--disabled);
   color: var(--xmlui-textColor-NumberBox--disabled);
   border-color: var(--xmlui-borderColor-NumberBox--disabled);
 }
-._inputRoot_1dsq1_13 ._input_1dsq1_13 {
+._inputRoot_1ynbq_13 ._input_1ynbq_13 {
   font-size: inherit;
   color: inherit;
   border: 0;
@@ -5741,24 +5772,24 @@ See this source for details: https://css-tricks.com/line-clampin/
   -moz-appearance: textfield;
   appearance: textfield;
 }
-._inputRoot_1dsq1_13 ._input_1dsq1_13::-webkit-outer-spin-button, ._inputRoot_1dsq1_13 ._input_1dsq1_13::-webkit-inner-spin-button {
+._inputRoot_1ynbq_13 ._input_1ynbq_13::-webkit-outer-spin-button, ._inputRoot_1ynbq_13 ._input_1ynbq_13::-webkit-inner-spin-button {
   -webkit-appearance: none;
   margin: 0;
 }
-._inputRoot_1dsq1_13 ._spinnerBox_1dsq1_184 {
+._inputRoot_1ynbq_13 ._spinnerBox_1ynbq_184 {
   display: flex;
   flex-direction: column;
   height: 0;
   align-items: center;
   justify-content: center;
 }
-._inputRoot_1dsq1_13 ._spinnerButton_1dsq1_191 {
+._inputRoot_1ynbq_13 ._spinnerButton_1ynbq_191 {
   padding: 0 !important;
   width: var(--xmlui-space-6);
   border: none;
 }
-._readOnly_1dsq1_197 {
+._readOnly_1ynbq_197 {
   cursor: text;
 }/*
  * This file contains all CSS variables AppEngine uses for styling the UI, including individual visual components.
@@ -5772,40 +5803,40 @@ See this source for details: https://css-tricks.com/line-clampin/
  * 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.
  */
-._selectValue_1ept5_13 > span {
+._selectValue_1cwq0_13 > span {
   font-size: var(--xmlui-fontSize-Select-default);
   color: var(--xmlui-textColor-placeholder-Select-default);
 }
-._selectValue_1ept5_13 > span > div {
+._selectValue_1cwq0_13 > span > div {
   color: var(--xmlui-textColor-Select-default);
   font-size: var(--xmlui-fontSize-Select-default);
 }
-._selectValue_1ept5_13._error_1ept5_21 > span {
+._selectValue_1cwq0_13._error_1cwq0_21 > span {
   font-size: var(--xmlui-fontSize-Select-error);
   color: var(--xmlui-textColor-placeholder-Select-error);
 }
-._selectValue_1ept5_13._error_1ept5_21 > span > div {
+._selectValue_1cwq0_13._error_1cwq0_21 > span > div {
   color: var(--xmlui-textColor-Select-error);
   font-size: var(--xmlui-fontSize-Select-error);
 }
-._selectValue_1ept5_13._warning_1ept5_29 > span {
+._selectValue_1cwq0_13._warning_1cwq0_29 > span {
   font-size: var(--xmlui-fontSize-Select-warning);
   color: var(--xmlui-textColor-placeholder-Select-warning);
 }
-._selectValue_1ept5_13._warning_1ept5_29 > span > div {
+._selectValue_1cwq0_13._warning_1cwq0_29 > span > div {
   color: var(--xmlui-textColor-Select-warning);
   font-size: var(--xmlui-fontSize-Select-warning);
 }
-._selectValue_1ept5_13._valid_1ept5_37 > span {
+._selectValue_1cwq0_13._valid_1cwq0_37 > span {
   font-size: var(--xmlui-fontSize-Select-success);
   color: var(--xmlui-textColor-placeholder-Select-success);
 }
-._selectValue_1ept5_13._valid_1ept5_37 > span > div {
+._selectValue_1cwq0_13._valid_1cwq0_37 > span > div {
   color: var(--xmlui-textColor-Select-success);
   font-size: var(--xmlui-fontSize-Select-success);
 }
-button._selectTrigger_1ept5_46 {
+button._selectTrigger_1cwq0_46 {
   min-height: 2.6rem;
   display: flex;
   padding: var(--xmlui-space-1) var(--xmlui-space-2);
@@ -5823,22 +5854,22 @@ button._selectTrigger_1ept5_46 {
   box-shadow: var(--xmlui-boxShadow-Select-default);
   color: var(--xmlui-textColor-Select-default);
 }
-button._selectTrigger_1ept5_46:hover {
+button._selectTrigger_1cwq0_46:hover {
   border-color: var(--xmlui-borderColor-Select-default--hover);
   background-color: var(--xmlui-backgroundColor-Select-default--hover);
   box-shadow: var(--xmlui-boxShadow-Select-default--hover);
   color: var(--xmlui-textColor-Select-default--hover);
 }
-button._selectTrigger_1ept5_46:focus {
+button._selectTrigger_1cwq0_46:focus {
   outline-width: var(--xmlui-outlineWidth-Select-default--focus);
   outline-color: var(--xmlui-outlineColor-Select-default--focus);
   outline-style: var(--xmlui-outlineStyle-Select-default--focus);
   outline-offset: var(--xmlui-outlineOffset-Select-default--focus);
 }
-button._selectTrigger_1ept5_46::placeholder {
+button._selectTrigger_1cwq0_46::placeholder {
   color: var(--xmlui-textColor-placeholder-Select-default);
 }
-button._selectTrigger_1ept5_46._error_1ept5_21 {
+button._selectTrigger_1cwq0_46._error_1cwq0_21 {
   border-radius: var(--xmlui-borderRadius-Select-error);
   border-color: var(--xmlui-borderColor-Select-error);
   border-width: var(--xmlui-borderWidth-Select-error);
@@ -5848,22 +5879,22 @@ button._selectTrigger_1ept5_46._error_1ept5_21 {
   box-shadow: var(--xmlui-boxShadow-Select-error);
   color: var(--xmlui-textColor-Select-error);
 }
-button._selectTrigger_1ept5_46._error_1ept5_21:hover {
+button._selectTrigger_1cwq0_46._error_1cwq0_21:hover {
   border-color: var(--xmlui-borderColor-Select-error--hover);
   background-color: var(--xmlui-backgroundColor-Select-error--hover);
   box-shadow: var(--xmlui-boxShadow-Select-error--hover);
   color: var(--xmlui-textColor-Select-error--hover);
 }
-button._selectTrigger_1ept5_46._error_1ept5_21:focus {
+button._selectTrigger_1cwq0_46._error_1cwq0_21:focus {
   outline-width: var(--xmlui-outlineWidth-Select-error--focus);
   outline-color: var(--xmlui-outlineColor-Select-error--focus);
   outline-style: var(--xmlui-outlineStyle-Select-error--focus);
   outline-offset: var(--xmlui-outlineOffset-Select-error--focus);
 }
-button._selectTrigger_1ept5_46._error_1ept5_21::placeholder {
+button._selectTrigger_1cwq0_46._error_1cwq0_21::placeholder {
   color: var(--xmlui-textColor-placeholder-Select-error);
 }
-button._selectTrigger_1ept5_46._warning_1ept5_29 {
+button._selectTrigger_1cwq0_46._warning_1cwq0_29 {
   border-radius: var(--xmlui-borderRadius-Select-warning);
   border-color: var(--xmlui-borderColor-Select-warning);
   border-width: var(--xmlui-borderWidth-Select-warning);
@@ -5873,22 +5904,22 @@ button._selectTrigger_1ept5_46._warning_1ept5_29 {
   box-shadow: var(--xmlui-boxShadow-Select-warning);
   color: var(--xmlui-textColor-Select-warning);
 }
-button._selectTrigger_1ept5_46._warning_1ept5_29:hover {
+button._selectTrigger_1cwq0_46._warning_1cwq0_29:hover {
   border-color: var(--xmlui-borderColor-Select-warning--hover);
   background-color: var(--xmlui-backgroundColor-Select-warning--hover);
   box-shadow: var(--xmlui-boxShadow-Select-warning--hover);
   color: var(--xmlui-textColor-Select-warning--hover);
 }
-button._selectTrigger_1ept5_46._warning_1ept5_29:focus {
+button._selectTrigger_1cwq0_46._warning_1cwq0_29:focus {
   outline-width: var(--xmlui-outlineWidth-Select-warning--focus);
   outline-color: var(--xmlui-outlineColor-Select-warning--focus);
   outline-style: var(--xmlui-outlineStyle-Select-warning--focus);
   outline-offset: var(--xmlui-outlineOffset-Select-warning--focus);
 }
-button._selectTrigger_1ept5_46._warning_1ept5_29::placeholder {
+button._selectTrigger_1cwq0_46._warning_1cwq0_29::placeholder {
   color: var(--xmlui-textColor-placeholder-Select-warning);
 }
-button._selectTrigger_1ept5_46._valid_1ept5_37 {
+button._selectTrigger_1cwq0_46._valid_1cwq0_37 {
   border-radius: var(--xmlui-borderRadius-Select-success);
   border-color: var(--xmlui-borderColor-Select-success);
   border-width: var(--xmlui-borderWidth-Select-success);
@@ -5898,23 +5929,23 @@ button._selectTrigger_1ept5_46._valid_1ept5_37 {
   box-shadow: var(--xmlui-boxShadow-Select-success);
   color: var(--xmlui-textColor-Select-success);
 }
-button._selectTrigger_1ept5_46._valid_1ept5_37:hover {
+button._selectTrigger_1cwq0_46._valid_1cwq0_37:hover {
   border-color: var(--xmlui-borderColor-Select-success--hover);
   background-color: var(--xmlui-backgroundColor-Select-success--hover);
   box-shadow: var(--xmlui-boxShadow-Select-success--hover);
   color: var(--xmlui-textColor-Select-success--hover);
 }
-button._selectTrigger_1ept5_46._valid_1ept5_37:focus {
+button._selectTrigger_1cwq0_46._valid_1cwq0_37:focus {
   outline-width: var(--xmlui-outlineWidth-Select-success--focus);
   outline-color: var(--xmlui-outlineColor-Select-success--focus);
   outline-style: var(--xmlui-outlineStyle-Select-success--focus);
   outline-offset: var(--xmlui-outlineOffset-Select-success--focus);
 }
-button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
+button._selectTrigger_1cwq0_46._valid_1cwq0_37::placeholder {
   color: var(--xmlui-textColor-placeholder-Select-success);
 }
-._selectTrigger_1ept5_46:disabled {
+._selectTrigger_1cwq0_46:disabled {
   cursor: not-allowed;
   opacity: var(--xmlui-opacity-Select--disabled);
   background-color: var(--xmlui-backgroundColor-Select--disabled);
@@ -5922,28 +5953,28 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
   border-color: var(--xmlui-borderColor-Select--disabled);
 }
-._selectTrigger_1ept5_46 > span {
+._selectTrigger_1cwq0_46 > span {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
   overflow: hidden;
 }
-._badgeListContainer_1ept5_170 {
+._badgeListContainer_1cwq0_170 {
   display: flex;
   justify-content: space-between;
   align-items: center;
   width: 100%;
 }
-._badgeList_1ept5_170 {
+._badgeList_1cwq0_170 {
   gap: 4px;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
 }
-._badge_1ept5_170 {
+._badge_1cwq0_170 {
   width: fit-content;
   height: fit-content;
   min-width: 0;
@@ -5960,27 +5991,27 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
   background-color: var(--xmlui-backgroundColor-Select-badge);
   color: var(--xmlui-textColor-Select-badge);
 }
-._badge_1ept5_170:hover {
+._badge_1cwq0_170:hover {
   background-color: var(--xmlui-backgroundColor-Select-badge--hover);
   color: var(--xmlui-textColor-Select-badge--hover);
 }
-._badge_1ept5_170:active {
+._badge_1cwq0_170:active {
   background-color: var(--xmlui-backgroundColor-Select-badge--active);
   color: var(--xmlui-textColor-Select-badge--active);
 }
-._actions_1ept5_210 {
+._actions_1cwq0_210 {
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
-._placeholder_1ept5_216 {
+._placeholder_1cwq0_216 {
   display: block;
   color: var(--xmlui-textColor-placeholder-Select);
 }
-._emptyList_1ept5_221 {
+._emptyList_1cwq0_221 {
   display: flex;
   gap: 0.2rem;
   padding: 10px 0;
@@ -5990,7 +6021,7 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
   width: 100%;
 }
-._selectScrollUpButton_1ept5_231 {
+._selectScrollUpButton_1cwq0_231 {
   display: flex;
   cursor: default;
   align-items: center;
@@ -5999,7 +6030,7 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
   padding-bottom: 0.25rem;
 }
-._selectScrollDownButton_1ept5_240 {
+._selectScrollDownButton_1cwq0_240 {
   display: flex;
   cursor: default;
   align-items: center;
@@ -6008,7 +6039,7 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
   padding-bottom: 0.25rem;
 }
-._command_1ept5_249 {
+._command_1cwq0_249 {
   display: flex;
   flex-direction: column;
   height: 100%;
@@ -6018,14 +6049,14 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
   background-color: var(--xmlui-backgroundColor-menu-Select);
 }
-._commandInputContainer_1ept5_259 {
+._commandInputContainer_1cwq0_259 {
   display: flex;
   align-items: center;
   padding: 0 12px;
   border-bottom: 1px solid var(--xmlui-borderColor);
 }
-._commandInput_1ept5_259 {
+._commandInput_1cwq0_259 {
   flex: 1;
   background-color: transparent;
   padding: 0.5rem;
@@ -6033,23 +6064,25 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
   outline: none;
   border: none;
 }
-._commandInput_1ept5_259:focus {
+._commandInput_1cwq0_259:focus {
   outline: none;
   box-shadow: none;
   border: 0;
 }
-._commandInput_1ept5_259:disabled {
+._commandInput_1cwq0_259:disabled {
   cursor: not-allowed;
   opacity: var(--xmlui-opacity-Select--disabled);
 }
-._commandList_1ept5_284 {
+._commandList_1cwq0_284 {
   overflow-y: auto;
   overflow-x: hidden;
 }
-._selectContent_1ept5_289 {
+._selectContent_1cwq0_289 {
   position: relative;
+  width: 100%;
+  max-height: 280px;
   z-index: 50;
   overflow: auto;
   background-color: var(--xmlui-backgroundColor-menu-Select);
@@ -6057,38 +6090,38 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
   box-shadow: var(--xmlui-boxShadow-menu-Select);
   border: var(--xmlui-borderWidth-menu-Select) solid var(--xmlui-borderColor-menu-Select);
 }
-._selectContent_1ept5_289[data-state=open] {
-  animation: _fadeIn_1ept5_1 0.3s ease-in-out, _zoomIn_1ept5_1 0.3s ease-in-out;
+._selectContent_1cwq0_289[data-state=open] {
+  animation: _fadeIn_1cwq0_1 0.1s ease-in-out, _zoomIn_1cwq0_1 0.1s ease-in-out;
 }
-._selectContent_1ept5_289[data-state=closed] {
-  animation: _fadeOut_1ept5_1 0.3s ease-in-out, _zoomOut_1ept5_1 0.3s ease-in-out;
+._selectContent_1cwq0_289[data-state=closed] {
+  animation: _fadeOut_1cwq0_1 0.1s ease-in-out, _zoomOut_1cwq0_1 0.1s ease-in-out;
 }
-._selectContent_1ept5_289[data-side=bottom] {
-  animation: _slideInFromTop_1ept5_1 0.08s ease-in-out;
+._selectContent_1cwq0_289[data-side=bottom] {
+  animation: _slideInFromTop_1cwq0_1 0.08s ease-in-out;
 }
-._selectContent_1ept5_289[data-side=left] {
-  animation: _slideInFromRight_1ept5_1 0.3s ease-in-out;
+._selectContent_1cwq0_289[data-side=left] {
+  animation: _slideInFromRight_1cwq0_1 0.1s ease-in-out;
 }
-._selectContent_1ept5_289[data-side=right] {
-  animation: _slideInFromLeft_1ept5_1 0.3s ease-in-out;
+._selectContent_1cwq0_289[data-side=right] {
+  animation: _slideInFromLeft_1cwq0_1 0.1s ease-in-out;
 }
-._selectContent_1ept5_289[data-side=top] {
-  animation: _slideInFromBottom_1ept5_1 0.3s ease-in-out;
+._selectContent_1cwq0_289[data-side=top] {
+  animation: _slideInFromBottom_1cwq0_1 0.1s ease-in-out;
 }
-._selectContent_1ept5_289[data-side=bottom] {
-  transform: translateY(0.25rem);
+._selectContent_1cwq0_289[data-side=bottom] {
+  transform: translateY(0.15rem);
 }
-._selectContent_1ept5_289[data-side=left] {
-  transform: translateX(-0.25rem);
+._selectContent_1cwq0_289[data-side=left] {
+  transform: translateX(-0.15rem);
 }
-._selectContent_1ept5_289[data-side=right] {
-  transform: translateX(0.25rem);
+._selectContent_1cwq0_289[data-side=right] {
+  transform: translateX(0.15rem);
 }
-._selectContent_1ept5_289[data-side=top] {
-  transform: translateY(-0.25rem);
+._selectContent_1cwq0_289[data-side=top] {
+  transform: translateY(-0.15rem);
 }
-._multiComboboxOption_1ept5_329 ._multiComboboxOptionContent_1ept5_329 {
+._multiComboboxOption_1cwq0_331 ._multiComboboxOptionContent_1cwq0_331 {
   width: 100%;
   gap: 1rem;
   display: flex;
@@ -6103,17 +6136,17 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
   padding-top: var(--xmlui-paddingTop-item-Select, var(--xmlui-paddingVertical-item-Select, var(--xmlui-padding-item-Select)));
   padding-bottom: var(--xmlui-paddingBottom-item-Select, var(--xmlui-paddingVertical-item-Select, var(--xmlui-padding-item-Select)));
 }
-._multiComboboxOption_1ept5_329[data-selected=true] {
+._multiComboboxOption_1cwq0_331[data-selected=true] {
   background-color: var(--xmlui-backgroundColor-item-Select--hover);
 }
-._multiComboboxOption_1ept5_329[data-disabled=true] {
+._multiComboboxOption_1cwq0_331[data-disabled=true] {
   pointer-events: none;
   opacity: var(--xmlui-opacity-text-item-Select--disabled);
   cursor: not-allowed;
   font-style: italic;
 }
-._selectItem_1ept5_354 {
+._selectItem_1cwq0_356 {
   position: relative;
   display: flex;
   cursor: default;
@@ -6122,13 +6155,13 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
   outline: none;
   font-size: var(--xmlui-fontSize-Select);
 }
-._selectItem_1ept5_354[data-highlighted] {
+._selectItem_1cwq0_356[data-highlighted] {
   background-color: var(--xmlui-backgroundColor-item-Select--hover);
 }
-._selectItem_1ept5_354[data-state=checked] {
+._selectItem_1cwq0_356[data-state=checked] {
   background-color: var(--xmlui-backgroundColor-item-Select--active);
 }
-._selectItem_1ept5_354 ._selectItemContent_1ept5_369 {
+._selectItem_1cwq0_356 ._selectItemContent_1cwq0_371 {
   width: 100%;
   display: flex;
   cursor: default;
@@ -6142,14 +6175,14 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
   padding-bottom: var(--xmlui-paddingBottom-item-Select, var(--xmlui-paddingVertical-item-Select, var(--xmlui-padding-item-Select)));
 }
-._selectItem_1ept5_354[data-disabled] {
+._selectItem_1cwq0_356[data-disabled] {
   pointer-events: none;
   opacity: var(--xmlui-opacity-text-item-Select--disabled);
   cursor: not-allowed;
   font-style: italic;
 }
-._selectItemIndicator_1ept5_390 {
+._selectItemIndicator_1cwq0_392 {
   position: absolute;
   right: 0.5rem;
   display: flex;
@@ -6160,13 +6193,13 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
   color: var(--xmlui-textColor-indicator-Select);
 }
-._selectViewport_1ept5_401 {
-  height: var(--radix-select-trigger-height);
+._selectViewport_1cwq0_403 {
+  height: fit-content;
   width: 100%;
   min-width: var(--radix-select-trigger-width);
 }
-._selectEmpty_1ept5_407 {
+._selectEmpty_1cwq0_409 {
   display: flex;
   gap: 0.2rem;
   height: 100%;
@@ -6177,11 +6210,11 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
   width: 100%;
 }
-._loading_1ept5_418 {
+._loading_1cwq0_420 {
   padding: 0.5rem 1rem;
 }
-._srOnly_1ept5_422 {
+._srOnly_1cwq0_424 {
   position: absolute;
   width: 1px;
   height: 1px;
@@ -6193,7 +6226,7 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
   border: 0;
 }
-@keyframes _fadeIn_1ept5_1 {
+@keyframes _fadeIn_1cwq0_1 {
   from {
     opacity: 0;
   }
@@ -6201,7 +6234,7 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
     opacity: 1;
   }
 }
-@keyframes _fadeOut_1ept5_1 {
+@keyframes _fadeOut_1cwq0_1 {
   from {
     opacity: 1;
   }
@@ -6209,7 +6242,7 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
     opacity: 0;
   }
 }
-@keyframes _zoomIn_1ept5_1 {
+@keyframes _zoomIn_1cwq0_1 {
   from {
     transform: scale(0.95);
   }
@@ -6217,7 +6250,7 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
     transform: scale(1);
   }
 }
-@keyframes _zoomOut_1ept5_1 {
+@keyframes _zoomOut_1cwq0_1 {
   from {
     transform: scale(1);
   }
@@ -6225,7 +6258,7 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
     transform: scale(0.95);
   }
 }
-@keyframes _slideInFromTop_1ept5_1 {
+@keyframes _slideInFromTop_1cwq0_1 {
   from {
     transform: translateY(-0.75rem);
   }
@@ -6233,7 +6266,7 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
     transform: translateY(0);
   }
 }
-@keyframes _slideInFromBottom_1ept5_1 {
+@keyframes _slideInFromBottom_1cwq0_1 {
   from {
     transform: translateY(0.75rem);
   }
@@ -6241,7 +6274,7 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
     transform: translateY(0);
   }
 }
-@keyframes _slideInFromLeft_1ept5_1 {
+@keyframes _slideInFromLeft_1cwq0_1 {
   from {
     transform: translateX(-100%);
   }
@@ -6249,7 +6282,7 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
     transform: translateX(0);
   }
 }
-@keyframes _slideInFromRight_1ept5_1 {
+@keyframes _slideInFromRight_1cwq0_1 {
   from {
     transform: translateX(100%);
   }
@@ -6965,7 +6998,428 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
 ._day_range_middle_qilmv_589 {
   border-radius: 0;
-}/*
+}/* Variables declaration */
+/* prettier-ignore */
+.rdp-root {
+  --rdp-accent-color: blue; /* The accent color used for selected days and UI elements. */
+  --rdp-accent-background-color: #f0f0ff; /* The accent background color used for selected days and UI elements. */
+  --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. */
+  --rdp-day_button-border: 2px solid transparent; /* The border of the day cells. */
+  --rdp-day_button-height: 42px; /* The height of the day cells. */
+  --rdp-day_button-width: 42px; /* The width of the day cells. */
+  --rdp-selected-border: 2px solid var(--rdp-accent-color); /* The border of the selected days. */
+  --rdp-disabled-opacity: 0.5; /* The opacity of the disabled days. */
+  --rdp-outside-opacity: 0.75; /* The opacity of the days outside the current month. */
+  --rdp-today-color: var(--rdp-accent-color); /* The color of the today's date. */
+  --rdp-dropdown-gap: 0.5rem;/* The gap between the dropdowns used in the month captons. */
+  --rdp-months-gap: 2rem; /* The gap between the months in the multi-month view. */
+  --rdp-nav_button-disabled-opacity: 0.5; /* The opacity of the disabled navigation buttons. */
+  --rdp-nav_button-height: 2.25rem; /* The height of the navigation buttons. */
+  --rdp-nav_button-width: 2.25rem; /* The width of the navigation buttons. */
+  --rdp-nav-height: 2.75rem; /* The height of the navigation bar. */
+  --rdp-range_middle-background-color: var(--rdp-accent-background-color); /* The color of the background for days in the middle of a range. */
+  --rdp-range_middle-color: inherit;/* The color of the range text. */
+  --rdp-range_start-color: white; /* The color of the range text. */
+  --rdp-range_start-background: linear-gradient(var(--rdp-gradient-direction), transparent 50%, var(--rdp-range_middle-background-color) 50%); /* Used for the background of the start of the selected range. */
+  --rdp-range_start-date-background-color: var(--rdp-accent-color); /* The background color of the date when at the start of the selected range. */
+  --rdp-range_end-background: linear-gradient(var(--rdp-gradient-direction), var(--rdp-range_middle-background-color) 50%, transparent 50%); /* Used for the background of the end of the selected range. */
+  --rdp-range_end-color: white;/* The color of the range text. */
+  --rdp-range_end-date-background-color: var(--rdp-accent-color); /* The background color of the date when at the end of the selected range. */
+  --rdp-week_number-border-radius: 100%; /* The border radius of the week number. */
+  --rdp-week_number-border: 2px solid transparent; /* The border of the week number. */
+  --rdp-week_number-height: var(--rdp-day-height); /* The height of the week number cells. */
+  --rdp-week_number-opacity: 0.75; /* The opacity of the week number. */
+  --rdp-week_number-width: var(--rdp-day-width); /* The width of the week number cells. */
+  --rdp-weeknumber-text-align: center; /* The text alignment of the weekday cells. */
+  --rdp-weekday-opacity: 0.75; /* The opacity of the weekday. */
+  --rdp-weekday-padding: 0.5rem 0rem; /* The padding of the weekday. */
+  --rdp-weekday-text-align: center; /* The text alignment of the weekday cells. */
+  --rdp-gradient-direction: 90deg;
+  --rdp-animation_duration: 0.3s;
+  --rdp-animation_timing: cubic-bezier(0.4, 0, 0.2, 1);
+}
+.rdp-root[dir="rtl"] {
+  --rdp-gradient-direction: -90deg;
+}
+.rdp-root[data-broadcast-calendar="true"] {
+  --rdp-outside-opacity: unset;
+}
+/* Root of the component. */
+.rdp-root {
+  position: relative; /* Required to position the navigation toolbar. */
+  box-sizing: border-box;
+}
+.rdp-root * {
+  box-sizing: border-box;
+}
+.rdp-day {
+  width: var(--rdp-day-width);
+  height: var(--rdp-day-height);
+  text-align: center;
+}
+.rdp-day_button {
+  background: none;
+  padding: 0;
+  margin: 0;
+  cursor: pointer;
+  font: inherit;
+  color: inherit;
+  justify-content: center;
+  align-items: center;
+  display: flex;
+  width: var(--rdp-day_button-width);
+  height: var(--rdp-day_button-height);
+  border: var(--rdp-day_button-border);
+  border-radius: var(--rdp-day_button-border-radius);
+}
+.rdp-day_button:disabled {
+  cursor: revert;
+}
+.rdp-caption_label {
+  z-index: 1;
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  white-space: nowrap;
+  border: 0;
+}
+.rdp-dropdown:focus-visible ~ .rdp-caption_label {
+  outline: 5px auto Highlight;
+  outline: 5px auto -webkit-focus-ring-color;
+}
+.rdp-button_next,
+.rdp-button_previous {
+  border: none;
+  background: none;
+  padding: 0;
+  margin: 0;
+  cursor: pointer;
+  font: inherit;
+  color: inherit;
+  -moz-appearance: none;
+  -webkit-appearance: none;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
+  appearance: none;
+  width: var(--rdp-nav_button-width);
+  height: var(--rdp-nav_button-height);
+}
+.rdp-button_next:disabled,
+.rdp-button_next[aria-disabled="true"],
+.rdp-button_previous:disabled,
+.rdp-button_previous[aria-disabled="true"] {
+  cursor: revert;
+  opacity: var(--rdp-nav_button-disabled-opacity);
+}
+.rdp-chevron {
+  display: inline-block;
+  fill: var(--rdp-accent-color);
+}
+.rdp-root[dir="rtl"] .rdp-nav .rdp-chevron {
+  transform: rotate(180deg);
+  transform-origin: 50%;
+}
+.rdp-dropdowns {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  gap: var(--rdp-dropdown-gap);
+}
+.rdp-dropdown {
+  z-index: 2;
+  /* Reset */
+  opacity: 0;
+  appearance: none;
+  position: absolute;
+  inset-block-start: 0;
+  inset-block-end: 0;
+  inset-inline-start: 0;
+  width: 100%;
+  margin: 0;
+  padding: 0;
+  cursor: inherit;
+  border: none;
+  line-height: inherit;
+}
+.rdp-dropdown_root {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+}
+.rdp-dropdown_root[data-disabled="true"] .rdp-chevron {
+  opacity: var(--rdp-disabled-opacity);
+}
+.rdp-month_caption {
+  display: flex;
+  align-content: center;
+  height: var(--rdp-nav-height);
+  font-weight: bold;
+  font-size: large;
+}
+.rdp-months {
+  position: relative;
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--rdp-months-gap);
+  max-width: fit-content;
+}
+.rdp-month_grid {
+  border-collapse: collapse;
+}
+.rdp-nav {
+  position: absolute;
+  inset-block-start: 0;
+  inset-inline-end: 0;
+  display: flex;
+  align-items: center;
+  height: var(--rdp-nav-height);
+}
+.rdp-weekday {
+  opacity: var(--rdp-weekday-opacity);
+  padding: var(--rdp-weekday-padding);
+  font-weight: 500;
+  font-size: smaller;
+  text-align: var(--rdp-weekday-text-align);
+  text-transform: var(--rdp-weekday-text-transform);
+}
+.rdp-week_number {
+  opacity: var(--rdp-week_number-opacity);
+  font-weight: 400;
+  font-size: small;
+  height: var(--rdp-week_number-height);
+  width: var(--rdp-week_number-width);
+  border: var(--rdp-week_number-border);
+  border-radius: var(--rdp-week_number-border-radius);
+  text-align: var(--rdp-weeknumber-text-align);
+}
+/* DAY MODIFIERS */
+.rdp-today:not(.rdp-outside) {
+  color: var(--rdp-today-color);
+}
+.rdp-selected {
+  font-weight: bold;
+  font-size: large;
+}
+.rdp-selected .rdp-day_button {
+  border: var(--rdp-selected-border);
+}
+.rdp-outside {
+  opacity: var(--rdp-outside-opacity);
+}
+.rdp-disabled {
+  opacity: var(--rdp-disabled-opacity);
+}
+.rdp-hidden {
+  visibility: hidden;
+  color: var(--rdp-range_start-color);
+}
+.rdp-range_start {
+  background: var(--rdp-range_start-background);
+}
+.rdp-range_start .rdp-day_button {
+  background-color: var(--rdp-range_start-date-background-color);
+  color: var(--rdp-range_start-color);
+}
+.rdp-range_middle {
+  background-color: var(--rdp-range_middle-background-color);
+}
+.rdp-range_middle .rdp-day_button {
+  border-color: transparent;
+  border: unset;
+  border-radius: unset;
+  color: var(--rdp-range_middle-color);
+}
+.rdp-range_end {
+  background: var(--rdp-range_end-background);
+  color: var(--rdp-range_end-color);
+}
+.rdp-range_end .rdp-day_button {
+  color: var(--rdp-range_start-color);
+  background-color: var(--rdp-range_end-date-background-color);
+}
+.rdp-range_start.rdp-range_end {
+  background: revert;
+}
+.rdp-focusable {
+  cursor: pointer;
+}
+@keyframes rdp-slide_in_left {
+  0% {
+    transform: translateX(-100%);
+  }
+  100% {
+    transform: translateX(0);
+  }
+}
+@keyframes rdp-slide_in_right {
+  0% {
+    transform: translateX(100%);
+  }
+  100% {
+    transform: translateX(0);
+  }
+}
+@keyframes rdp-slide_out_left {
+  0% {
+    transform: translateX(0);
+  }
+  100% {
+    transform: translateX(-100%);
+  }
+}
+@keyframes rdp-slide_out_right {
+  0% {
+    transform: translateX(0);
+  }
+  100% {
+    transform: translateX(100%);
+  }
+}
+.rdp-weeks_before_enter {
+  animation: rdp-slide_in_left var(--rdp-animation_duration)
+    var(--rdp-animation_timing) forwards;
+}
+.rdp-weeks_before_exit {
+  animation: rdp-slide_out_left var(--rdp-animation_duration)
+    var(--rdp-animation_timing) forwards;
+}
+.rdp-weeks_after_enter {
+  animation: rdp-slide_in_right var(--rdp-animation_duration)
+    var(--rdp-animation_timing) forwards;
+}
+.rdp-weeks_after_exit {
+  animation: rdp-slide_out_right var(--rdp-animation_duration)
+    var(--rdp-animation_timing) forwards;
+}
+.rdp-root[dir="rtl"] .rdp-weeks_after_enter {
+  animation: rdp-slide_in_left var(--rdp-animation_duration)
+    var(--rdp-animation_timing) forwards;
+}
+.rdp-root[dir="rtl"] .rdp-weeks_before_exit {
+  animation: rdp-slide_out_right var(--rdp-animation_duration)
+    var(--rdp-animation_timing) forwards;
+}
+.rdp-root[dir="rtl"] .rdp-weeks_before_enter {
+  animation: rdp-slide_in_right var(--rdp-animation_duration)
+    var(--rdp-animation_timing) forwards;
+}
+.rdp-root[dir="rtl"] .rdp-weeks_after_exit {
+  animation: rdp-slide_out_left var(--rdp-animation_duration)
+    var(--rdp-animation_timing) forwards;
+}
+@keyframes rdp-fade_in {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+@keyframes rdp-fade_out {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+.rdp-caption_after_enter {
+  animation: rdp-fade_in var(--rdp-animation_duration)
+    var(--rdp-animation_timing) forwards;
+}
+.rdp-caption_after_exit {
+  animation: rdp-fade_out var(--rdp-animation_duration)
+    var(--rdp-animation_timing) forwards;
+}
+.rdp-caption_before_enter {
+  animation: rdp-fade_in var(--rdp-animation_duration)
+    var(--rdp-animation_timing) forwards;
+}
+.rdp-caption_before_exit {
+  animation: rdp-fade_out 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.
  *
  * We use a subset of these CSS variables in themes.
@@ -7091,15 +7545,16 @@ button._selectTrigger_1ept5_46._valid_1ept5_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.
  */
-._command_17zx6_13 {
+._command_1xx47_13 {
   width: 100%;
   height: auto;
   overflow: visible;
   background-color: transparent;
 }
-._badgeListWrapper_17zx6_20 {
+._badgeListWrapper_1xx47_20 {
   outline: none;
+  width: 100%;
   display: flex;
   padding: var(--xmlui-space-1) var(--xmlui-space-2);
   min-height: 2.5rem; /* h-12 */
@@ -7112,16 +7567,16 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
   box-shadow: var(--xmlui-boxShadow-AutoComplete-default);
   color: var(--xmlui-textColor-AutoComplete-default);
 }
-._badgeListWrapper_17zx6_20:hover {
+._badgeListWrapper_1xx47_20:hover {
   border-color: var(--xmlui-borderColor-AutoComplete-default--hover);
   background-color: var(--xmlui-backgroundColor-AutoComplete-default--hover);
   box-shadow: var(--xmlui-boxShadow-AutoComplete-default--hover);
   color: var(--xmlui-textColor-AutoComplete-default--hover);
 }
-._badgeListWrapper_17zx6_20::placeholder {
+._badgeListWrapper_1xx47_20::placeholder {
   color: var(--xmlui-textColor-placeholder-AutoComplete-default);
 }
-._badgeListWrapper_17zx6_20._error_17zx6_43 {
+._badgeListWrapper_1xx47_20._error_1xx47_44 {
   border-radius: var(--xmlui-borderRadius-AutoComplete-error);
   border-color: var(--xmlui-borderColor-AutoComplete-error);
   border-width: var(--xmlui-borderWidth-AutoComplete-error);
@@ -7131,16 +7586,16 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
   box-shadow: var(--xmlui-boxShadow-AutoComplete-error);
   color: var(--xmlui-textColor-AutoComplete-error);
 }
-._badgeListWrapper_17zx6_20._error_17zx6_43:hover {
+._badgeListWrapper_1xx47_20._error_1xx47_44:hover {
   border-color: var(--xmlui-borderColor-AutoComplete-error--hover);
   background-color: var(--xmlui-backgroundColor-AutoComplete-error--hover);
   box-shadow: var(--xmlui-boxShadow-AutoComplete-error--hover);
   color: var(--xmlui-textColor-AutoComplete-error--hover);
 }
-._badgeListWrapper_17zx6_20._error_17zx6_43::placeholder {
+._badgeListWrapper_1xx47_20._error_1xx47_44::placeholder {
   color: var(--xmlui-textColor-placeholder-AutoComplete-error);
 }
-._badgeListWrapper_17zx6_20._warning_17zx6_62 {
+._badgeListWrapper_1xx47_20._warning_1xx47_63 {
   border-radius: var(--xmlui-borderRadius-AutoComplete-warning);
   border-color: var(--xmlui-borderColor-AutoComplete-warning);
   border-width: var(--xmlui-borderWidth-AutoComplete-warning);
@@ -7150,16 +7605,16 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
   box-shadow: var(--xmlui-boxShadow-AutoComplete-warning);
   color: var(--xmlui-textColor-AutoComplete-warning);
 }
-._badgeListWrapper_17zx6_20._warning_17zx6_62:hover {
+._badgeListWrapper_1xx47_20._warning_1xx47_63:hover {
   border-color: var(--xmlui-borderColor-AutoComplete-warning--hover);
   background-color: var(--xmlui-backgroundColor-AutoComplete-warning--hover);
   box-shadow: var(--xmlui-boxShadow-AutoComplete-warning--hover);
   color: var(--xmlui-textColor-AutoComplete-warning--hover);
 }
-._badgeListWrapper_17zx6_20._warning_17zx6_62::placeholder {
+._badgeListWrapper_1xx47_20._warning_1xx47_63::placeholder {
   color: var(--xmlui-textColor-placeholder-AutoComplete-warning);
 }
-._badgeListWrapper_17zx6_20._valid_17zx6_81 {
+._badgeListWrapper_1xx47_20._valid_1xx47_82 {
   border-radius: var(--xmlui-borderRadius-AutoComplete-success);
   border-color: var(--xmlui-borderColor-AutoComplete-success);
   border-width: var(--xmlui-borderWidth-AutoComplete-success);
@@ -7169,30 +7624,30 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
   box-shadow: var(--xmlui-boxShadow-AutoComplete-success);
   color: var(--xmlui-textColor-AutoComplete-success);
 }
-._badgeListWrapper_17zx6_20._valid_17zx6_81:hover {
+._badgeListWrapper_1xx47_20._valid_1xx47_82:hover {
   border-color: var(--xmlui-borderColor-AutoComplete-success--hover);
   background-color: var(--xmlui-backgroundColor-AutoComplete-success--hover);
   box-shadow: var(--xmlui-boxShadow-AutoComplete-success--hover);
   color: var(--xmlui-textColor-AutoComplete-success--hover);
 }
-._badgeListWrapper_17zx6_20._valid_17zx6_81::placeholder {
+._badgeListWrapper_1xx47_20._valid_1xx47_82::placeholder {
   color: var(--xmlui-textColor-placeholder-AutoComplete-success);
 }
-._badgeListWrapper_17zx6_20._disabled_17zx6_100 {
+._badgeListWrapper_1xx47_20._disabled_1xx47_101 {
   cursor: not-allowed;
   opacity: 0.5;
   background-color: var(--xmlui-backgroundColor-AutoComplete--disabled);
   color: var(--xmlui-textColor-AutoComplete--disabled);
   border-color: var(--xmlui-borderColor-AutoComplete--disabled);
 }
-._badgeListWrapper_17zx6_20._focused_17zx6_107 {
+._badgeListWrapper_1xx47_20._focused_1xx47_108 {
   outline-width: var(--xmlui-outlineWidth-AutoComplete--focus);
   outline-color: var(--xmlui-outlineColor-AutoComplete--focus);
   outline-style: var(--xmlui-outlineStyle-AutoComplete--focus);
   outline-offset: var(--xmlui-outlineOffset-AutoComplete--focus);
 }
-._badgeList_17zx6_20 {
+._badgeList_1xx47_20 {
   position: relative;
   flex-grow: 1;
   align-items: center;
@@ -7201,7 +7656,7 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
   gap: 0.25rem;
 }
-._badge_17zx6_20 {
+._badge_1xx47_20 {
   width: fit-content;
   height: fit-content;
   min-width: 0;
@@ -7218,38 +7673,38 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
   background-color: var(--xmlui-backgroundColor-AutoComplete-badge);
   color: var(--xmlui-textColor-AutoComplete-badge);
 }
-._badge_17zx6_20:hover {
+._badge_1xx47_20:hover {
   background-color: var(--xmlui-backgroundColor-AutoComplete-badge--hover);
   color: var(--xmlui-textColor-AutoComplete-badge--hover);
 }
-._badge_17zx6_20:active {
+._badge_1xx47_20:active {
   background-color: var(--xmlui-backgroundColor-AutoComplete-badge--active);
   color: var(--xmlui-textColor-AutoComplete-badge--active);
 }
-._commandInput_17zx6_149 {
+._commandInput_1xx47_150 {
   flex: 1;
   background-color: transparent;
   outline: none;
 }
-._commandInput_17zx6_149:disabled {
+._commandInput_1xx47_150:disabled {
   cursor: not-allowed;
   opacity: 0.5;
 }
-._commandInput_17zx6_149::placeholder {
+._commandInput_1xx47_150::placeholder {
   color: var(--xmlui-textColor-placeholder-AutoComplete);
 }
-._commandInput_17zx6_149:focus-within {
+._commandInput_1xx47_150:focus-within {
   outline: none;
 }
-._actions_17zx6_165 {
+._actions_1xx47_166 {
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
-._autoCompleteEmpty_17zx6_171 {
+._autoCompleteEmpty_1xx47_172 {
   display: flex;
   gap: 0.2rem;
   padding: 10px 0;
@@ -7259,7 +7714,7 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
   width: 100%;
 }
-._commandList_17zx6_181 {
+._commandList_1xx47_182 {
   position: absolute;
   overflow: hidden;
   top: 0.25rem;
@@ -7269,10 +7724,10 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
   background-color: var(--xmlui-backgroundColor-menu-AutoComplete);
   border-radius: var(--xmlui-borderRadius-menu-AutoComplete);
   box-shadow: var(--xmlui-boxShadow-menu-AutoComplete);
-  animation: _fade-in_17zx6_1 0.3s ease-in-out; /* animate-in */
+  animation: _fade-in_1xx47_1 0.3s ease-in-out; /* animate-in */
 }
-._autoCompleteOption_17zx6_194 {
+._autoCompleteOption_1xx47_195 {
   padding: 0.5rem 1rem;
   display: flex;
   gap: 1rem;
@@ -7282,10 +7737,10 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
   transition: background-color 0.2s ease;
   background-color: var(--xmlui-backgroundColor-item-AutoComplete);
 }
-._autoCompleteOption_17zx6_194[data-selected=true] {
+._autoCompleteOption_1xx47_195[data-selected=true] {
   background-color: var(--xmlui-backgroundColor-item-AutoComplete--hover);
 }
-._autoCompleteOption_17zx6_194[data-disabled=true] {
+._autoCompleteOption_1xx47_195[data-disabled=true] {
   pointer-events: none;
   opacity: 0.5;
   cursor: not-allowed;
@@ -7594,7 +8049,7 @@ button._selectTrigger_1ept5_46._valid_1ept5_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.
  */
-._outerWrapper_12zu8_13 {
+._outerWrapper_1fv9c_13 {
   border-left: var(--xmlui-borderLeft-Footer, var(--xmlui-borderHorizontal-Footer, var(--xmlui-border-Footer)));
   border-right: var(--xmlui-borderRight-Footer, var(--xmlui-borderHorizontal-Footer, var(--xmlui-border-Footer)));
   border-top: var(--xmlui-borderTop-Footer, var(--xmlui-borderVertical-Footer, var(--xmlui-border-Footer)));
@@ -7619,7 +8074,7 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
   height: var(--xmlui-height-Footer);
 }
-._wrapper_12zu8_38 {
+._wrapper_1fv9c_38 {
   width: 100%;
   display: flex;
   min-height: 0;
@@ -7630,36 +8085,13 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
   padding-right: var(--xmlui-paddingRight-Footer, var(--xmlui-paddingHorizontal-Footer, var(--xmlui-padding-Footer)));
   padding-top: var(--xmlui-paddingTop-Footer, var(--xmlui-paddingVertical-Footer, var(--xmlui-padding-Footer)));
   padding-bottom: var(--xmlui-paddingBottom-Footer, var(--xmlui-paddingVertical-Footer, var(--xmlui-padding-Footer)));
-  color: var(--xmlui-textColor-Footer);
-  font-family: var(--xmlui-fontFamily-Footer);
   font-size: var(--xmlui-fontSize-Footer);
-  font-style: var(--xmlui-fontStyle-Footer);
-  font-weight: var(--xmlui-fontWeight-Footer);
-  font-stretch: var(--xmlui-fontStretch-Footer);
-  text-decoration-line: var(--xmlui-textDecorationLine-Footer);
-  text-decoration-color: var(--xmlui-textDecorationColor-Footer);
-  text-decoration-style: var(--xmlui-textDecorationStyle-Footer);
-  text-decoration-thickness: var(--xmlui-textDecorationThickness-Footer);
-  text-underline-offset: var(--xmlui-textUnderlineOffset-Footer);
-  line-height: var(--xmlui-lineHeight-Footer);
-  background-color: var(--xmlui-backgroundColor-Footer);
-  text-transform: var(--xmlui-textTransform-Footer);
-  letter-spacing: var(--xmlui-letterSpacing-Footer);
-  word-spacing: var(--xmlui-wordSpacing-Footer);
-  text-shadow: var(--xmlui-textShadow-Footer);
-  text-indent: var(--xmlui-textIndent-Footer);
-  text-align: var(--xmlui-textAlign-Footer);
-  text-align-last: var(--xmlui-textAlignLast-Footer);
-  word-break: var(--xmlui-wordBreak-Footer);
-  word-wrap: var(--xmlui-wordWrap-Footer);
-  direction: var(--xmlui-direction-Footer);
-  writing-mode: var(--xmlui-writingMode-Footer);
-  line-break: var(--xmlui-lineBreak-Footer);
   align-items: var(--xmlui-verticalAlign-Footer);
   max-width: var(--xmlui-maxWidth-content-Footer);
+  color: var(--xmlui-textColor-Footer);
   margin: 0 auto;
 }
-._wrapper_12zu8_38._full_12zu8_78 {
+._wrapper_1fv9c_38._full_1fv9c_55 {
   max-width: 100%;
 }/*
  * This file contains all CSS variables AppEngine uses for styling the UI, including individual visual components.
@@ -7702,18 +8134,55 @@ button._selectTrigger_1ept5_46._valid_1ept5_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.
  */
-._markdownContent_mgetx_13 {
-  max-width: var(--xmlui-maxWidth-Markdown);
+._markdownContent_1q19g_13 {
   padding-top: var(--xmlui-paddingTop-Markdown);
   padding-bottom: var(--xmlui-paddingBottom-Markdown);
   background-color: var(--xmlui-backgroundColor-Markdown);
+  min-width: 0;
+  width: 100%;
+}
+._markdownContent_1q19g_13 h1 {
+  margin-top: var(--xmlui-marginTop-H1-markdown) !important;
+  margin-bottom: var(--xmlui-marginBottom-H1-markdown) !important;
+  font-size: var(--xmlui-fontSize-H1-markdown) !important;
+}
+._markdownContent_1q19g_13 h2 {
+  margin-top: var(--xmlui-marginTop-H2-markdown) !important;
+  margin-bottom: var(--xmlui-marginBottom-H2-markdown) !important;
+}
+._markdownContent_1q19g_13 h3 {
+  margin-top: var(--xmlui-marginTop-H3-markdown) !important;
+  margin-bottom: var(--xmlui-marginBottom-H3-markdown) !important;
 }
-._markdownContent_mgetx_13 ._blockquote_mgetx_19 {
+._markdownContent_1q19g_13 h4 {
+  margin-top: var(--xmlui-marginTop-H4-markdown) !important;
+  margin-bottom: var(--xmlui-marginBottom-H4-markdown) !important;
+}
+._markdownContent_1q19g_13 h5 {
+  margin-top: var(--xmlui-marginTop-H5-markdown) !important;
+  margin-bottom: var(--xmlui-marginBottom-H5-markdown) !important;
+}
+._markdownContent_1q19g_13 h6 {
+  margin-top: var(--xmlui-marginTop-H6-markdown) !important;
+  margin-bottom: var(--xmlui-marginBottom-H6-markdown) !important;
+}
+._markdownContent_1q19g_13 ._blockquote_1q19g_45 {
   position: relative;
   margin-top: var(--xmlui-marginTop-Blockquote);
   margin-bottom: var(--xmlui-marginBottom-Blockquote);
   background-color: var(--xmlui-backgroundColor-Blockquote);
-  padding-left: var(--xmlui-paddingLeft-Blockquote);
+}
+._markdownContent_1q19g_13 ._blockquote_1q19g_45::before {
+  background-color: var(--xmlui-accentColor-Blockquote);
+  position: absolute;
+  top: 0;
+  left: 0;
+  display: block;
+  content: "";
+  height: 100%;
+  width: var(--xmlui-accentWidth-Blockquote);
+}
+._markdownContent_1q19g_13 ._blockquoteContainer_1q19g_61 {
   border-left: var(--xmlui-borderLeft-Blockquote, var(--xmlui-borderHorizontal-Blockquote, var(--xmlui-border-Blockquote)));
   border-right: var(--xmlui-borderRight-Blockquote, var(--xmlui-borderHorizontal-Blockquote, var(--xmlui-border-Blockquote)));
   border-top: var(--xmlui-borderTop-Blockquote, var(--xmlui-borderVertical-Blockquote, var(--xmlui-border-Blockquote)));
@@ -7741,60 +8210,78 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
   padding-top: var(--xmlui-paddingTop-Blockquote, var(--xmlui-paddingVertical-Blockquote, var(--xmlui-padding-Blockquote)));
   padding-bottom: var(--xmlui-paddingBottom-Blockquote, var(--xmlui-paddingVertical-Blockquote, var(--xmlui-padding-Blockquote)));
 }
-._markdownContent_mgetx_13 ._blockquote_mgetx_19::before {
-  background-color: var(--xmlui-accentColor-Blockquote);
-  position: absolute;
-  top: 0;
-  left: 0;
-  display: block;
-  content: "";
-  height: 100%;
-  width: var(--xmlui-accentWidth-Blockquote);
-}
-._markdownContent_mgetx_13 ._blockquoteContainer_mgetx_62 {
-  padding: 0.5rem 0.5rem 0.1rem 0.5rem;
-}
-._markdownContent_mgetx_13 ._admonitionBlockquote_mgetx_65 {
+._markdownContent_1q19g_13 ._admonitionBlockquote_1q19g_89 {
   margin-top: var(--xmlui-marginTop-Admonition);
   margin-bottom: var(--xmlui-marginBottom-Admonition);
   background-color: var(--xmlui-backgroundColor-Admonition);
   border-radius: var(--xmlui-borderRadius-Admonition);
-}
-._markdownContent_mgetx_13 ._admonitionContainer_mgetx_71 {
+  border-left: var(--xmlui-borderLeft-Admonition, var(--xmlui-borderHorizontal-Admonition, var(--xmlui-border-Admonition)));
+  border-right: var(--xmlui-borderRight-Admonition, var(--xmlui-borderHorizontal-Admonition, var(--xmlui-border-Admonition)));
+  border-top: var(--xmlui-borderTop-Admonition, var(--xmlui-borderVertical-Admonition, var(--xmlui-border-Admonition)));
+  border-bottom: var(--xmlui-borderBottom-Admonition, var(--xmlui-borderVertical-Admonition, var(--xmlui-border-Admonition)));
+  border-left-style: var(--xmlui-borderLeftStyle-Admonition, var(--xmlui-borderHorizontalStyle-Admonition, var(--xmlui-borderStyle-Admonition)));
+  border-right-style: var(--xmlui-borderRightStyle-Admonition, var(--xmlui-borderHorizontalStyle-Admonition, var(--xmlui-borderStyle-Admonition)));
+  border-top-style: var(--xmlui-borderTopStyle-Admonition, var(--xmlui-borderVerticalStyle-Admonition, var(--xmlui-borderStyle-Admonition)));
+  border-bottom-style: var(--xmlui-borderBottomStyle-Admonition, var(--xmlui-borderVerticalStyle-Admonition, var(--xmlui-borderStyle-Admonition)));
+  border-left-width: var(--xmlui-borderLeftWidth-Admonition, var(--xmlui-borderHorizontalWidth-Admonition, var(--xmlui-borderWidth-Admonition)));
+  border-right-width: var(--xmlui-borderRightWidth-Admonition, var(--xmlui-borderHorizontalWidth-Admonition, var(--xmlui-borderWidth-Admonition)));
+  border-top-width: var(--xmlui-borderTopWidth-Admonition, var(--xmlui-borderVerticalWidth-Admonition, var(--xmlui-borderWidth-Admonition)));
+  border-bottom-width: var(--xmlui-borderBottomWidth-Admonition, var(--xmlui-borderVerticalWidth-Admonition, var(--xmlui-borderWidth-Admonition)));
+  border-left-color: var(--xmlui-borderLeftColor-Admonition, var(--xmlui-borderHorizontalColor-Admonition, var(--xmlui-borderColor-Admonition)));
+  border-right-color: var(--xmlui-borderRightColor-Admonition, var(--xmlui-borderHorizontalColor-Admonition, var(--xmlui-borderColor-Admonition)));
+  border-top-color: var(--xmlui-borderTopColor-Admonition, var(--xmlui-borderVerticalColor-Admonition, var(--xmlui-borderColor-Admonition)));
+  border-bottom-color: var(--xmlui-borderBottomColor-Admonition, var(--xmlui-borderVerticalColor-Admonition, var(--xmlui-borderColor-Admonition)));
+  border-radius: var(--xmlui-borderRadius-Admonition);
+  border-start-start-radius: var(--xmlui-borderStartStartRadius-Admonition, var(--xmlui-borderRadius-Admonition));
+  border-start-end-radius: var(--xmlui-borderStartEndRadius-Admonition, var(--xmlui-borderRadius-Admonition));
+  border-end-start-radius: var(--xmlui-borderEndStartRadius-Admonition, var(--xmlui-borderRadius-Admonition));
+  border-end-end-radius: var(--xmlui-borderEndEndRadius-Admonition, var(--xmlui-borderRadius-Admonition));
+  padding: var(--xmlui-padding-Admonition);
+  padding-left: var(--xmlui-paddingLeft-Admonition, var(--xmlui-paddingHorizontal-Admonition, var(--xmlui-padding-Admonition)));
+  padding-right: var(--xmlui-paddingRight-Admonition, var(--xmlui-paddingHorizontal-Admonition, var(--xmlui-padding-Admonition)));
+  padding-top: var(--xmlui-paddingTop-Admonition, var(--xmlui-paddingVertical-Admonition, var(--xmlui-padding-Admonition)));
+  padding-bottom: var(--xmlui-paddingBottom-Admonition, var(--xmlui-paddingVertical-Admonition, var(--xmlui-padding-Admonition)));
+}
+._markdownContent_1q19g_13 ._admonitionContainer_1q19g_121 {
   padding: 0.5rem;
   display: flex;
   align-items: flex-start;
 }
-._markdownContent_mgetx_13 ._admonitionContent_mgetx_76 {
+._markdownContent_1q19g_13 ._admonitionContent_1q19g_126 {
   margin-left: var(--xmlui-marginLeft-Admonition-content);
 }
-._markdownContent_mgetx_13 ._admonitionIcon_mgetx_79 {
+._markdownContent_1q19g_13 ._admonitionIcon_1q19g_129 {
   font-size: var(--xmlui-iconSize-Admonition);
   line-height: 1;
 }
-._markdownContent_mgetx_13 ._admonitionContent_mgetx_76 {
+._markdownContent_1q19g_13 ._admonitionContent_1q19g_126 {
   flex: 1;
   min-width: 0;
 }
-._markdownContent_mgetx_13 ._admonitionBlockquote_mgetx_65 ._admonitionContent_mgetx_76 [class*=text_][class*=markdown_] {
+._markdownContent_1q19g_13 ._admonitionBlockquote_1q19g_89 ._admonitionContent_1q19g_126 [class*=text_][class*=markdown_] {
   margin-top: 0;
   margin-bottom: 0;
 }
-._markdownContent_mgetx_13 li:has(> input[type=checkbox]),
-._markdownContent_mgetx_13 li:has(> input[type=checkbox]) {
+._markdownContent_1q19g_13 ._horizontalRule_1q19g_141 {
+  border-top-color: var(--xmlui-borderColor-HorizontalRule);
+  border-top-style: var(--xmlui-borderStyle-HorizontalRule);
+  border-top-width: var(--xmlui-borderWidth-HorizontalRule);
+}
+._markdownContent_1q19g_13 li:has(> input[type=checkbox]),
+._markdownContent_1q19g_13 li:has(> input[type=checkbox]) {
   display: flex;
   align-items: flex-start;
 }
-._markdownContent_mgetx_13 li:has(> input[type=checkbox]) > input[type=checkbox],
-._markdownContent_mgetx_13 li:has(> input[type=checkbox]) > input[type=checkbox] {
+._markdownContent_1q19g_13 li:has(> input[type=checkbox]) > input[type=checkbox],
+._markdownContent_1q19g_13 li:has(> input[type=checkbox]) > input[type=checkbox] {
   margin-right: 8px;
   margin-top: 4px;
   flex-shrink: 0;
 }
-._markdownContent_mgetx_13 > *:first-child {
+._markdownContent_1q19g_13 > *:first-child {
   margin-top: 0;
 }
-._markdownContent_mgetx_13 > *:last-child {
+._markdownContent_1q19g_13 > *:last-child {
   margin-bottom: 0;
 }
@@ -7843,7 +8330,7 @@ $color-marker-ListItem: createThemeVar("color-marker-ListItem");
  * 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.
  */
-._htmlTable_11909_13 {
+._htmlTable_1usjo_13 {
   background-color: var(--xmlui-backgroundColor-HtmlTable);
   color: var(--xmlui-textColor-HtmlTable);
   font-family: var(--xmlui-fontFamily-HtmlTable);
@@ -7880,7 +8367,7 @@ $color-marker-ListItem: createThemeVar("color-marker-ListItem");
   padding-bottom: var(--xmlui-paddingBottom-HtmlTable, var(--xmlui-paddingVertical-HtmlTable, var(--xmlui-padding-HtmlTable)));
 }
-._htmlThead_11909_50 {
+._htmlThead_1usjo_50 {
   background-color: var(--xmlui-backgroundColor-HtmlThead);
   color: var(--xmlui-textColor-HtmlThead);
   font-weight: var(--xmlui-fontWeight-HtmlThead);
@@ -7913,7 +8400,7 @@ $color-marker-ListItem: createThemeVar("color-marker-ListItem");
   padding-bottom: var(--xmlui-paddingBottom-HtmlThead, var(--xmlui-paddingVertical-HtmlThead, var(--xmlui-padding-HtmlThead)));
 }
-._htmlTbody_11909_83 {
+._htmlTbody_1usjo_83 {
   background-color: var(--xmlui-backgroundColor-HtmlTbody);
   color: var(--xmlui-textColor-HtmlTbody);
   text-align: var(--xmlui-textAlign-HtmlTbody);
@@ -7921,12 +8408,12 @@ $color-marker-ListItem: createThemeVar("color-marker-ListItem");
   text-transform: var(--xmlui-textTransform-HtmlTbody);
 }
-._htmlTfoot_11909_91 {
+._htmlTfoot_1usjo_91 {
   background-color: var(--xmlui-backgroundColor-HtmlTfoot);
   color: var(--xmlui-textColor-HtmlTfoot);
 }
-._htmlTh_11909_50 {
+._htmlTh_1usjo_50 {
   background-color: var(--xmlui-backgroundColor-HtmlTh);
   color: var(--xmlui-textColor-HtmlTh);
   font-weight: var(--xmlui-fontWeight-HtmlTh);
@@ -7957,11 +8444,11 @@ $color-marker-ListItem: createThemeVar("color-marker-ListItem");
   padding-top: var(--xmlui-paddingTop-HtmlTh, var(--xmlui-paddingVertical-HtmlTh, var(--xmlui-padding-HtmlTh)));
   padding-bottom: var(--xmlui-paddingBottom-HtmlTh, var(--xmlui-paddingVertical-HtmlTh, var(--xmlui-padding-HtmlTh)));
 }
-._htmlTh_11909_50:hover {
+._htmlTh_1usjo_50:hover {
   background-color: var(--xmlui-backgroundColor-HtmlTh--hover);
 }
-._htmlTr_11909_131 {
+._htmlTr_1usjo_131 {
   background-color: var(--xmlui-backgroundColor-HtmlTr);
   color: var(--xmlui-textColor-HtmlTr);
   font-weight: var(--xmlui-fontWeight-HtmlTr);
@@ -7987,18 +8474,18 @@ $color-marker-ListItem: createThemeVar("color-marker-ListItem");
   border-end-start-radius: var(--xmlui-borderEndStartRadius-HtmlTr, var(--xmlui-borderRadius-HtmlTr));
   border-end-end-radius: var(--xmlui-borderEndEndRadius-HtmlTr, var(--xmlui-borderRadius-HtmlTr));
 }
-._htmlTr_11909_131:nth-child(even) {
+._htmlTr_1usjo_131:nth-child(even) {
   background-color: var(--xmlui-backgroundColor-even-HtmlTr);
 }
-._htmlTr_11909_131:hover {
+._htmlTr_1usjo_131:hover {
   background-color: var(--xmlui-backgroundColor-HtmlTr--hover);
   color: var(--xmlui-textColor-HtmlTr--hover);
 }
-._htmlTr_11909_131:hover:not(:has(:not(th))) {
+._htmlTr_1usjo_131:hover:not(:has(:not(th))) {
   background-color: initial;
 }
-._htmlTd_11909_168 {
+._htmlTd_1usjo_168 {
   background-color: var(--xmlui-backgroundColor-HtmlTd);
   text-align: var(--xmlui-text-align-HtmlTd);
   vertical-align: var(--xmlui-verticalAlign-HtmlTd);
@@ -8031,7 +8518,7 @@ $color-marker-ListItem: createThemeVar("color-marker-ListItem");
   padding-bottom: var(--xmlui-paddingBottom-HtmlTd, var(--xmlui-paddingVertical-HtmlTd, var(--xmlui-padding-HtmlTd)));
 }
-._htmlUl_11909_201 {
+._htmlUl_1usjo_201 {
   margin-top: var(--xmlui-marginTop-HtmlUl);
   margin-bottom: var(--xmlui-marginBottom-HtmlUl);
   border-left: var(--xmlui-borderLeft-HtmlUl, var(--xmlui-borderHorizontal-HtmlUl, var(--xmlui-border-HtmlUl)));
@@ -8061,7 +8548,7 @@ $color-marker-ListItem: createThemeVar("color-marker-ListItem");
   padding-bottom: var(--xmlui-paddingBottom-HtmlUl, var(--xmlui-paddingVertical-HtmlUl, var(--xmlui-padding-HtmlUl)));
 }
-._htmlOl_11909_231 {
+._htmlOl_1usjo_231 {
   margin-top: var(--xmlui-marginTop-HtmlOl);
   margin-bottom: var(--xmlui-marginBottom-HtmlOl);
   border-left: var(--xmlui-borderLeft-HtmlOl, var(--xmlui-borderHorizontal-HtmlOl, var(--xmlui-border-HtmlOl)));
@@ -8091,10 +8578,11 @@ $color-marker-ListItem: createThemeVar("color-marker-ListItem");
   padding-bottom: var(--xmlui-paddingBottom-HtmlOl, var(--xmlui-paddingVertical-HtmlOl, var(--xmlui-padding-HtmlOl)));
 }
-._htmlLi_11909_261 {
+._htmlLi_1usjo_261 {
   margin-top: var(--xmlui-marginTop-HtmlLi);
   margin-bottom: var(--xmlui-marginBottom-HtmlLi);
   list-style-type: var(--xmlui-listStyleType-HtmlLi);
+  margin-left: var(--xmlui-marginLeft-HtmlLi);
   border-left: var(--xmlui-borderLeft-HtmlLi, var(--xmlui-borderHorizontal-HtmlLi, var(--xmlui-border-HtmlLi)));
   border-right: var(--xmlui-borderRight-HtmlLi, var(--xmlui-borderHorizontal-HtmlLi, var(--xmlui-border-HtmlLi)));
   border-top: var(--xmlui-borderTop-HtmlLi, var(--xmlui-borderVertical-HtmlLi, var(--xmlui-border-HtmlLi)));
@@ -8130,22 +8618,22 @@ li .htmlOl {
   margin-bottom: 0;
 }
 */
-._htmlH1_11909_300,
-._htmlH2_11909_301,
-._htmlH3_11909_302,
-._htmlH4_11909_303,
-._htmlH5_11909_304,
-._htmlH6_11909_305 {
+._htmlH1_1usjo_301,
+._htmlH2_1usjo_302,
+._htmlH3_1usjo_303,
+._htmlH4_1usjo_304,
+._htmlH5_1usjo_305,
+._htmlH6_1usjo_306 {
   margin-top: var(--xmlui-marginTop-HtmlHeading);
   margin-bottom: var(--xmlui-marginBottom-HtmlHeading);
 }
-._htmlVideo_11909_310 {
+._htmlVideo_1usjo_311 {
   margin-top: var(--xmlui-marginTop-HtmlVideo);
   margin-bottom: var(--xmlui-marginBottom-HtmlVideo);
 }
-._htmlDetails_11909_315 {
+._htmlDetails_1usjo_316 {
   margin-top: var(--xmlui-marginTop-HtmlDetails);
   margin-bottom: var(--xmlui-marginBottom-HtmlDetails);
   border-left: var(--xmlui-borderLeft-HtmlDetails, var(--xmlui-borderHorizontal-HtmlDetails, var(--xmlui-border-HtmlDetails)));
@@ -8175,12 +8663,12 @@ li .htmlOl {
   padding-bottom: var(--xmlui-paddingBottom-HtmlDetails, var(--xmlui-paddingVertical-HtmlDetails, var(--xmlui-padding-HtmlDetails)));
 }
-._htmlDetails_11909_315 {
+._htmlDetails_1usjo_316 {
   margin-top: var(--xmlui-marginTop-HtmlDetails);
   margin-bottom: var(--xmlui-marginBottom-HtmlDetails);
 }
-._htmlImage_11909_350 {
+._htmlImage_1usjo_351 {
   width: var(--xmlui-width-HtmlImage);
   height: var(--xmlui-height-HtmlImage);
   border-left: var(--xmlui-borderLeft-HtmlImage, var(--xmlui-borderHorizontal-HtmlImage, var(--xmlui-border-HtmlImage)));
@@ -8220,6 +8708,282 @@ 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.
  */
+._nestedAppContainer_1rfdb_13 {
+  border-left: var(--xmlui-borderLeft-NestedApp, var(--xmlui-borderHorizontal-NestedApp, var(--xmlui-border-NestedApp)));
+  border-right: var(--xmlui-borderRight-NestedApp, var(--xmlui-borderHorizontal-NestedApp, var(--xmlui-border-NestedApp)));
+  border-top: var(--xmlui-borderTop-NestedApp, var(--xmlui-borderVertical-NestedApp, var(--xmlui-border-NestedApp)));
+  border-bottom: var(--xmlui-borderBottom-NestedApp, var(--xmlui-borderVertical-NestedApp, var(--xmlui-border-NestedApp)));
+  border-left-style: var(--xmlui-borderLeftStyle-NestedApp, var(--xmlui-borderHorizontalStyle-NestedApp, var(--xmlui-borderStyle-NestedApp)));
+  border-right-style: var(--xmlui-borderRightStyle-NestedApp, var(--xmlui-borderHorizontalStyle-NestedApp, var(--xmlui-borderStyle-NestedApp)));
+  border-top-style: var(--xmlui-borderTopStyle-NestedApp, var(--xmlui-borderVerticalStyle-NestedApp, var(--xmlui-borderStyle-NestedApp)));
+  border-bottom-style: var(--xmlui-borderBottomStyle-NestedApp, var(--xmlui-borderVerticalStyle-NestedApp, var(--xmlui-borderStyle-NestedApp)));
+  border-left-width: var(--xmlui-borderLeftWidth-NestedApp, var(--xmlui-borderHorizontalWidth-NestedApp, var(--xmlui-borderWidth-NestedApp)));
+  border-right-width: var(--xmlui-borderRightWidth-NestedApp, var(--xmlui-borderHorizontalWidth-NestedApp, var(--xmlui-borderWidth-NestedApp)));
+  border-top-width: var(--xmlui-borderTopWidth-NestedApp, var(--xmlui-borderVerticalWidth-NestedApp, var(--xmlui-borderWidth-NestedApp)));
+  border-bottom-width: var(--xmlui-borderBottomWidth-NestedApp, var(--xmlui-borderVerticalWidth-NestedApp, var(--xmlui-borderWidth-NestedApp)));
+  border-left-color: var(--xmlui-borderLeftColor-NestedApp, var(--xmlui-borderHorizontalColor-NestedApp, var(--xmlui-borderColor-NestedApp)));
+  border-right-color: var(--xmlui-borderRightColor-NestedApp, var(--xmlui-borderHorizontalColor-NestedApp, var(--xmlui-borderColor-NestedApp)));
+  border-top-color: var(--xmlui-borderTopColor-NestedApp, var(--xmlui-borderVerticalColor-NestedApp, var(--xmlui-borderColor-NestedApp)));
+  border-bottom-color: var(--xmlui-borderBottomColor-NestedApp, var(--xmlui-borderVerticalColor-NestedApp, var(--xmlui-borderColor-NestedApp)));
+  border-start-start-radius: var(--xmlui-borderStartStartRadius-NestedApp, var(--xmlui-borderRadius-NestedApp));
+  border-start-end-radius: var(--xmlui-borderStartEndRadius-NestedApp, var(--xmlui-borderRadius-NestedApp));
+  border-end-start-radius: var(--xmlui-borderEndStartRadius-NestedApp, var(--xmlui-borderRadius-NestedApp));
+  border-end-end-radius: var(--xmlui-borderEndEndRadius-NestedApp, var(--xmlui-borderRadius-NestedApp));
+  padding: var(--xmlui-padding-NestedApp);
+  padding-left: var(--xmlui-paddingLeft-NestedApp, var(--xmlui-paddingHorizontal-NestedApp, var(--xmlui-padding-NestedApp)));
+  padding-right: var(--xmlui-paddingRight-NestedApp, var(--xmlui-paddingHorizontal-NestedApp, var(--xmlui-padding-NestedApp)));
+  padding-top: var(--xmlui-paddingTop-NestedApp, var(--xmlui-paddingVertical-NestedApp, var(--xmlui-padding-NestedApp)));
+  padding-bottom: var(--xmlui-paddingBottom-NestedApp, var(--xmlui-paddingVertical-NestedApp, var(--xmlui-padding-NestedApp)));
+  transform: scale(1);
+  margin-top: var(--xmlui-marginTop-NestedApp);
+  margin-bottom: var(--xmlui-marginBottom-NestedApp);
+  width: 100%;
+  height: fit-content;
+  display: flex;
+  flex-direction: column;
+  gap: var(--xmlui-gap-frame-NestedApp);
+  background-color: var(--xmlui-backgroundColor-frame-NestedApp);
+  align-content: center;
+}
+._nestedAppContainer_1rfdb_13 ._header_1rfdb_50 {
+  width: 100%;
+  height: 20px;
+  display: flex;
+  align-content: center;
+}
+._nestedAppContainer_1rfdb_13 ._header_1rfdb_50 ._headerText_1rfdb_56 {
+  color: var(--xmlui-textColor-header-NestedApp);
+  font-family: var(--xmlui-fontFamily-header-NestedApp);
+  font-size: var(--xmlui-fontSize-header-NestedApp);
+  font-style: var(--xmlui-fontStyle-header-NestedApp);
+  font-weight: var(--xmlui-fontWeight-header-NestedApp);
+  font-stretch: var(--xmlui-fontStretch-header-NestedApp);
+  text-decoration-line: var(--xmlui-textDecorationLine-header-NestedApp);
+  text-decoration-color: var(--xmlui-textDecorationColor-header-NestedApp);
+  text-decoration-style: var(--xmlui-textDecorationStyle-header-NestedApp);
+  text-decoration-thickness: var(--xmlui-textDecorationThickness-header-NestedApp);
+  text-underline-offset: var(--xmlui-textUnderlineOffset-header-NestedApp);
+  line-height: var(--xmlui-lineHeight-header-NestedApp);
+  background-color: var(--xmlui-backgroundColor-header-NestedApp);
+  text-transform: var(--xmlui-textTransform-header-NestedApp);
+  letter-spacing: var(--xmlui-letterSpacing-header-NestedApp);
+  word-spacing: var(--xmlui-wordSpacing-header-NestedApp);
+  text-shadow: var(--xmlui-textShadow-header-NestedApp);
+  text-indent: var(--xmlui-textIndent-header-NestedApp);
+  text-align: var(--xmlui-textAlign-header-NestedApp);
+  text-align-last: var(--xmlui-textAlignLast-header-NestedApp);
+  word-break: var(--xmlui-wordBreak-header-NestedApp);
+  word-wrap: var(--xmlui-wordWrap-header-NestedApp);
+  direction: var(--xmlui-direction-header-NestedApp);
+  writing-mode: var(--xmlui-writingMode-header-NestedApp);
+  line-break: var(--xmlui-lineBreak-header-NestedApp);
+}
+._nestedAppContainer_1rfdb_13 ._header_1rfdb_50 ._headerButton_1rfdb_83 {
+  padding: 0.5rem 1rem;
+}
+._nestedAppContainer_1rfdb_13 ._header_1rfdb_50 ._spacer_1rfdb_86 {
+  flex: 1 1 0 !important;
+  place-self: stretch;
+}
+._nestedApp_1rfdb_13 {
+  width: 100%;
+  background-color: transparent;
+}
+:is(html[class~=dark]) ._preview_1rfdb_96 {
+  border: 1px solid #33404F;
+}/*
+ * This file contains all CSS variables AppEngine uses for styling the UI, including individual visual components.
+ *
+ * We use a subset of these CSS variables in themes.
+ */
+/*
+ * This function creates a CSS variable name by combining the prefix and the argument variable name
+ */
+/*
+ * 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.
+ */
+._errorOverlay_1t96q_13 {
+  background-color: var(--xmlui-color-danger-500);
+  position: relative;
+  inset: 0;
+  border-radius: 4px;
+  padding: 8px;
+}
+._title_1t96q_21 {
+  color: white;
+  font-weight: var(--xmlui-fontWeight-normal);
+  padding-left: 4px;
+  padding-right: 8px;
+}
+._errorItem_1t96q_28 {
+  font-weight: var(--xmlui-fontWeight-bold);
+  padding-left: 4px;
+  padding-right: 8px;
+  color: white;
+  white-space: pre-wrap;
+}/*
+ * This file contains all CSS variables AppEngine uses for styling the UI, including individual visual components.
+ *
+ * We use a subset of these CSS variables in themes.
+ */
+/*
+ * This function creates a CSS variable name by combining the prefix and the argument variable name
+ */
+/*
+ * 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.
+ */
+._TooltipContent_rqalv_13 {
+  border-radius: 4px;
+  padding: 10px 15px;
+  font-family: sans-serif;
+  font-size: 15px;
+  line-height: 1;
+  background-color: #ffffff;
+  box-shadow: 0px 10px 38px -10px rgba(22, 23, 24, 0.35), 0px 10px 20px -15px rgba(22, 23, 24, 0.2);
+  user-select: none;
+  animation-duration: 400ms;
+  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
+  will-change: transform, opacity;
+}
+._TooltipContent_rqalv_13[data-state=delayed-open][data-side=top] {
+  animation-name: _slideDownAndFade_rqalv_1;
+}
+._TooltipContent_rqalv_13[data-state=delayed-open][data-side=right] {
+  animation-name: _slideLeftAndFade_rqalv_1;
+}
+._TooltipContent_rqalv_13[data-state=delayed-open][data-side=bottom] {
+  animation-name: _slideUpAndFade_rqalv_1;
+}
+._TooltipContent_rqalv_13[data-state=delayed-open][data-side=left] {
+  animation-name: _slideRightAndFade_rqalv_1;
+}
+@keyframes _slideUpAndFade_rqalv_1 {
+  from {
+    opacity: 0;
+    transform: translateY(2px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+@keyframes _slideRightAndFade_rqalv_1 {
+  from {
+    opacity: 0;
+    transform: translateX(-2px);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+}
+@keyframes _slideDownAndFade_rqalv_1 {
+  from {
+    opacity: 0;
+    transform: translateY(-2px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+@keyframes _slideLeftAndFade_rqalv_1 {
+  from {
+    opacity: 0;
+    transform: translateX(2px);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+}/*
+ * This file contains all CSS variables AppEngine uses for styling the UI, including individual visual components.
+ *
+ * We use a subset of these CSS variables in themes.
+ */
+/*
+ * This function creates a CSS variable name by combining the prefix and the argument variable name
+ */
+/*
+ * 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.
+ */
+._codeBlock_y1mbl_13 {
+  border-left: var(--xmlui-borderLeft-CodeBlock, var(--xmlui-borderHorizontal-CodeBlock, var(--xmlui-border-CodeBlock)));
+  border-right: var(--xmlui-borderRight-CodeBlock, var(--xmlui-borderHorizontal-CodeBlock, var(--xmlui-border-CodeBlock)));
+  border-top: var(--xmlui-borderTop-CodeBlock, var(--xmlui-borderVertical-CodeBlock, var(--xmlui-border-CodeBlock)));
+  border-bottom: var(--xmlui-borderBottom-CodeBlock, var(--xmlui-borderVertical-CodeBlock, var(--xmlui-border-CodeBlock)));
+  border-left-style: var(--xmlui-borderLeftStyle-CodeBlock, var(--xmlui-borderHorizontalStyle-CodeBlock, var(--xmlui-borderStyle-CodeBlock)));
+  border-right-style: var(--xmlui-borderRightStyle-CodeBlock, var(--xmlui-borderHorizontalStyle-CodeBlock, var(--xmlui-borderStyle-CodeBlock)));
+  border-top-style: var(--xmlui-borderTopStyle-CodeBlock, var(--xmlui-borderVerticalStyle-CodeBlock, var(--xmlui-borderStyle-CodeBlock)));
+  border-bottom-style: var(--xmlui-borderBottomStyle-CodeBlock, var(--xmlui-borderVerticalStyle-CodeBlock, var(--xmlui-borderStyle-CodeBlock)));
+  border-left-width: var(--xmlui-borderLeftWidth-CodeBlock, var(--xmlui-borderHorizontalWidth-CodeBlock, var(--xmlui-borderWidth-CodeBlock)));
+  border-right-width: var(--xmlui-borderRightWidth-CodeBlock, var(--xmlui-borderHorizontalWidth-CodeBlock, var(--xmlui-borderWidth-CodeBlock)));
+  border-top-width: var(--xmlui-borderTopWidth-CodeBlock, var(--xmlui-borderVerticalWidth-CodeBlock, var(--xmlui-borderWidth-CodeBlock)));
+  border-bottom-width: var(--xmlui-borderBottomWidth-CodeBlock, var(--xmlui-borderVerticalWidth-CodeBlock, var(--xmlui-borderWidth-CodeBlock)));
+  border-left-color: var(--xmlui-borderLeftColor-CodeBlock, var(--xmlui-borderHorizontalColor-CodeBlock, var(--xmlui-borderColor-CodeBlock)));
+  border-right-color: var(--xmlui-borderRightColor-CodeBlock, var(--xmlui-borderHorizontalColor-CodeBlock, var(--xmlui-borderColor-CodeBlock)));
+  border-top-color: var(--xmlui-borderTopColor-CodeBlock, var(--xmlui-borderVerticalColor-CodeBlock, var(--xmlui-borderColor-CodeBlock)));
+  border-bottom-color: var(--xmlui-borderBottomColor-CodeBlock, var(--xmlui-borderVerticalColor-CodeBlock, var(--xmlui-borderColor-CodeBlock)));
+  border-radius: var(--xmlui-borderRadius-CodeBlock);
+  border-start-start-radius: var(--xmlui-borderStartStartRadius-CodeBlock, var(--xmlui-borderRadius-CodeBlock));
+  border-start-end-radius: var(--xmlui-borderStartEndRadius-CodeBlock, var(--xmlui-borderRadius-CodeBlock));
+  border-end-start-radius: var(--xmlui-borderEndStartRadius-CodeBlock, var(--xmlui-borderRadius-CodeBlock));
+  border-end-end-radius: var(--xmlui-borderEndEndRadius-CodeBlock, var(--xmlui-borderRadius-CodeBlock));
+  padding: var(--xmlui-padding-CodeBlock);
+  padding-left: var(--xmlui-paddingLeft-CodeBlock, var(--xmlui-paddingHorizontal-CodeBlock, var(--xmlui-padding-CodeBlock)));
+  padding-right: var(--xmlui-paddingRight-CodeBlock, var(--xmlui-paddingHorizontal-CodeBlock, var(--xmlui-padding-CodeBlock)));
+  padding-top: var(--xmlui-paddingTop-CodeBlock, var(--xmlui-paddingVertical-CodeBlock, var(--xmlui-padding-CodeBlock)));
+  padding-bottom: var(--xmlui-paddingBottom-CodeBlock, var(--xmlui-paddingVertical-CodeBlock, var(--xmlui-padding-CodeBlock)));
+  margin-top: var(--xmlui-marginTop-CodeBlock);
+  margin-bottom: var(--xmlui-marginBottom-CodeBlock);
+  background-color: var(--xmlui-backgroundColor-CodeBlock);
+}
+._codeBlockHeader_y1mbl_45 {
+  padding: var(--xmlui-space-1);
+  padding-left: var(--xmlui-space-3);
+  background-color: var(--xmlui-backgroundColor-CodeBlock-header);
+  border-bottom: var(--xmlui-color-CodeBlock-headerSeparator) solid 2px;
+  font-size: var(--xmlui-fontSize-small);
+}
+._codeBlockCopyWrapper_y1mbl_53 {
+  position: relative;
+}
+._codeBlockCopyWrapper_y1mbl_53 ._codeBlockCopyButton_y1mbl_56 {
+  position: absolute;
+  top: var(--xmlui-space-1_5);
+  right: var(--xmlui-space-1_5);
+  z-index: 1;
+  display: none;
+  background-color: var(--xmlui-backgroundColor-CodeBlock);
+}
+._codeBlockCopyWrapper_y1mbl_53:hover ._codeBlockCopyButton_y1mbl_56 {
+  display: block;
+}/*
+ * This file contains all CSS variables AppEngine uses for styling the UI, including individual visual components.
+ *
+ * We use a subset of these CSS variables in themes.
+ */
+/*
+ * This function creates a CSS variable name by combining the prefix and the argument variable name
+ */
+/*
+ * 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.
+ */
 ._DropdownMenuContent_1ty8e_13,
 ._DropdownMenuSubContent_1ty8e_14 {
   background-color: var(--xmlui-backgroundColor-DropdownMenu);
@@ -8330,39 +9094,6 @@ 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.
  */
-._errorOverlay_1t96q_13 {
-  background-color: var(--xmlui-color-danger-500);
-  position: relative;
-  inset: 0;
-  border-radius: 4px;
-  padding: 8px;
-}
-._title_1t96q_21 {
-  color: white;
-  font-weight: var(--xmlui-fontWeight-normal);
-  padding-left: 4px;
-  padding-right: 8px;
-}
-._errorItem_1t96q_28 {
-  font-weight: var(--xmlui-fontWeight-bold);
-  padding-left: 4px;
-  padding-right: 8px;
-  color: white;
-  white-space: pre-wrap;
-}/*
- * This file contains all CSS variables AppEngine uses for styling the UI, including individual visual components.
- *
- * We use a subset of these CSS variables in themes.
- */
-/*
- * This function creates a CSS variable name by combining the prefix and the argument variable name
- */
-/*
- * 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_mzu91_13 {
   position: relative;
   opacity: 0.5;
@@ -8524,6 +9255,9 @@ li .htmlOl {
 ._tabsContent_1ggvi_111 {
   flex-grow: 1;
   outline: none;
+}._anchorRef_1d4md_1 {
+  --my-scroll-margin-top: var(--header-height);
+  scroll-margin-top: var(--my-scroll-margin-top);
 }/*
  * This file contains all CSS variables AppEngine uses for styling the UI, including individual visual components.
  *
@@ -8536,7 +9270,7 @@ 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_1biyk_13 {
+._nav_1gght_13 {
   background-color: var(--xmlui-backgroundColor-TableOfContents);
   min-width: 240px;
   width: var(--xmlui-width-TableOfContents);
@@ -8546,7 +9280,7 @@ li .htmlOl {
   overflow-y: auto;
   overflow-x: hidden;
   z-index: 99;
-  top: 0;
+  top: var(--header-height);
   position: sticky;
   scrollbar-color: lab(48.438% 0 0/0.4) transparent;
   scrollbar-width: thin;
@@ -8558,16 +9292,16 @@ li .htmlOl {
   margin-bottom: var(--xmlui-marginBottom-TableOfContents);
   padding: var(--xmlui-paddingVertical-TableOfContents) var(--xmlui-paddingHorizontal-TableOfContents);
 }
-._nav_1biyk_13 ._list_1biyk_35 {
+._nav_1gght_13 ._list_1gght_35 {
   margin: 0;
   padding: 0;
   list-style: none;
 }
-._nav_1biyk_13 ._list_1biyk_35 ._listItem_1biyk_40 {
+._nav_1gght_13 ._list_1gght_35 ._listItem_1gght_40 {
   list-style-type: none;
-  border-left: var(--xmlui-border-width-TableOfContentsItem) var(--xmlui-border-style-TableOfContentsItem) var(--xmlui-border-color-TableOfContentsItem);
+  border-left: var(--xmlui-borderWidth-TableOfContentsItem) var(--xmlui-borderStyle-TableOfContentsItem) var(--xmlui-borderColor-TableOfContentsItem);
 }
-._nav_1biyk_13 ._list_1biyk_35 ._listItem_1biyk_40 ._link_1biyk_44 {
+._nav_1gght_13 ._list_1gght_35 ._listItem_1gght_40 ._link_1gght_44 {
   color: var(--xmlui-textColor-TableOfContentsItem);
   overflow-wrap: break-word;
   display: block;
@@ -8602,7 +9336,7 @@ li .htmlOl {
   writing-mode: var(--xmlui-writingMode-TableOfContentsItem);
   line-break: var(--xmlui-lineBreak-TableOfContentsItem);
 }
-._nav_1biyk_13 ._list_1biyk_35 ._listItem_1biyk_40 ._link_1biyk_44._head_1_1biyk_79 {
+._nav_1gght_13 ._list_1gght_35 ._listItem_1gght_40 ._link_1gght_44._head_1_1gght_79 {
   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)));
@@ -8634,7 +9368,7 @@ li .htmlOl {
   writing-mode: var(--xmlui-writingMode-TableOfContentsItem-level-1);
   line-break: var(--xmlui-lineBreak-TableOfContentsItem-level-1);
 }
-._nav_1biyk_13 ._list_1biyk_35 ._listItem_1biyk_40 ._link_1biyk_44._head_2_1biyk_111 {
+._nav_1gght_13 ._list_1gght_35 ._listItem_1gght_40 ._link_1gght_44._head_2_1gght_111 {
   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)));
@@ -8666,7 +9400,7 @@ li .htmlOl {
   writing-mode: var(--xmlui-writingMode-TableOfContentsItem-level-2);
   line-break: var(--xmlui-lineBreak-TableOfContentsItem-level-2);
 }
-._nav_1biyk_13 ._list_1biyk_35 ._listItem_1biyk_40 ._link_1biyk_44._head_3_1biyk_143 {
+._nav_1gght_13 ._list_1gght_35 ._listItem_1gght_40 ._link_1gght_44._head_3_1gght_143 {
   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)));
@@ -8698,7 +9432,7 @@ li .htmlOl {
   writing-mode: var(--xmlui-writingMode-TableOfContentsItem-level-3);
   line-break: var(--xmlui-lineBreak-TableOfContentsItem-level-3);
 }
-._nav_1biyk_13 ._list_1biyk_35 ._listItem_1biyk_40 ._link_1biyk_44._head_4_1biyk_175 {
+._nav_1gght_13 ._list_1gght_35 ._listItem_1gght_40 ._link_1gght_44._head_4_1gght_175 {
   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)));
@@ -8730,7 +9464,7 @@ li .htmlOl {
   writing-mode: var(--xmlui-writingMode-TableOfContentsItem-level-4);
   line-break: var(--xmlui-lineBreak-TableOfContentsItem-level-4);
 }
-._nav_1biyk_13 ._list_1biyk_35 ._listItem_1biyk_40 ._link_1biyk_44._head_5_1biyk_207 {
+._nav_1gght_13 ._list_1gght_35 ._listItem_1gght_40 ._link_1gght_44._head_5_1gght_207 {
   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)));
@@ -8762,7 +9496,7 @@ li .htmlOl {
   writing-mode: var(--xmlui-writingMode-TableOfContentsItem-level-5);
   line-break: var(--xmlui-lineBreak-TableOfContentsItem-level-5);
 }
-._nav_1biyk_13 ._list_1biyk_35 ._listItem_1biyk_40 ._link_1biyk_44._head_6_1biyk_239 {
+._nav_1gght_13 ._list_1gght_35 ._listItem_1gght_40 ._link_1gght_44._head_6_1gght_239 {
   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)));
@@ -8794,10 +9528,13 @@ li .htmlOl {
   writing-mode: var(--xmlui-writingMode-TableOfContentsItem-level-6);
   line-break: var(--xmlui-lineBreak-TableOfContentsItem-level-6);
 }
-._nav_1biyk_13 ._list_1biyk_35 ._listItem_1biyk_40._active_1biyk_271 {
-  border-left: 2px solid var(--xmlui-borderColor-TableOfContentsItem--active);
+._nav_1gght_13 ._list_1gght_35 ._listItem_1gght_40:hover ._link_1gght_44 {
+  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_1biyk_13 ._list_1biyk_35 ._listItem_1biyk_40._active_1biyk_271 ._link_1biyk_44 {
+._nav_1gght_13 ._list_1gght_35 ._listItem_1gght_40._active_1gght_274 ._link_1gght_44 {
   color: var(--xmlui-color-TableOfContentsItem--active);
   font-weight: var(--xmlui-fontWeight-TableOfContentsItem--active);
 }/*