xmlui 0.9.21 → 0.9.23

package/dist/index.css

@@ -968,7 +968,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_fx8ts_13 {
   --footer-height: 0px;
   --header-height: 0px;
   width: 100%;
@@ -978,195 +978,152 @@
   flex-direction: column;
   isolation: isolate;
 }
-._wrapper_rebcu_13._vertical_rebcu_23 {
+._wrapper_fx8ts_13._vertical_fx8ts_23 {
   flex-direction: row;
   overflow: initial;
 }
-._wrapper_rebcu_13._vertical_rebcu_23 ._contentWrapper_rebcu_27 {
+._wrapper_fx8ts_13._vertical_fx8ts_23 ._contentWrapper_fx8ts_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_fx8ts_13._vertical_fx8ts_23 ._navPanelWrapper_fx8ts_33 {
   width: var(--xmlui-width-navPanel-App);
   flex-shrink: 0;
 }
-._wrapper_rebcu_13._vertical_rebcu_23 ._PagesWrapper_rebcu_37 {
+._wrapper_fx8ts_13._vertical_fx8ts_23 ._PagesWrapper_fx8ts_37 {
   min-height: initial;
   flex: 1;
 }
-._wrapper_rebcu_13._vertical_rebcu_23 ._footerWrapper_rebcu_41 {
+._wrapper_fx8ts_13._vertical_fx8ts_23 ._footerWrapper_fx8ts_41 {
   position: static;
 }
-._wrapper_rebcu_13._vertical_rebcu_23._sticky_rebcu_44 ._contentWrapper_rebcu_27 {
+._wrapper_fx8ts_13._vertical_fx8ts_23._sticky_fx8ts_44 ._contentWrapper_fx8ts_27 {
   scroll-padding-top: var(--header-height);
 }
-._wrapper_rebcu_13._vertical_rebcu_23._sticky_rebcu_44 ._footerWrapper_rebcu_41 {
+._wrapper_fx8ts_13._vertical_fx8ts_23._sticky_fx8ts_44 ._footerWrapper_fx8ts_41 {
   position: sticky;
   bottom: 0;
 }
-._wrapper_rebcu_13._horizontal_rebcu_51 {
+._wrapper_fx8ts_13._horizontal_fx8ts_51 {
   overflow: auto;
   scroll-padding-block: var(--xmlui-scroll-padding-block-Pages);
 }
-._wrapper_rebcu_13._horizontal_rebcu_51 ._PagesWrapper_rebcu_37 {
+._wrapper_fx8ts_13._horizontal_fx8ts_51 ._PagesWrapper_fx8ts_37 {
   min-height: initial;
 }
-._wrapper_rebcu_13._horizontal_rebcu_51 ._footerWrapper_rebcu_41 {
+._wrapper_fx8ts_13._horizontal_fx8ts_51 ._footerWrapper_fx8ts_41 {
   position: static;
 }
-._wrapper_rebcu_13._horizontal_rebcu_51._sticky_rebcu_44 {
+._wrapper_fx8ts_13._horizontal_fx8ts_51._sticky_fx8ts_44 {
   scroll-padding-top: var(--header-height);
   min-height: 100%;
 }
-._wrapper_rebcu_13._horizontal_rebcu_51._sticky_rebcu_44 ._footerWrapper_rebcu_41 {
+._wrapper_fx8ts_13._horizontal_fx8ts_51._sticky_fx8ts_44 ._footerWrapper_fx8ts_41 {
   position: sticky;
   bottom: 0;
 }
-._wrapper_rebcu_13._horizontal_rebcu_51 ._navPanelWrapper_rebcu_33 {
+._wrapper_fx8ts_13._horizontal_fx8ts_51 ._navPanelWrapper_fx8ts_33 {
   border-bottom: var(--xmlui-borderBottom-AppHeader);
   justify-content: end;
 }
-._wrapper_rebcu_13._verticalFullHeader_rebcu_73 {
+._wrapper_fx8ts_13._verticalFullHeader_fx8ts_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 {
+._wrapper_fx8ts_13._verticalFullHeader_fx8ts_73 ._navPanelWrapper_fx8ts_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 {
-  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_fx8ts_13._verticalFullHeader_fx8ts_73 ._contentScroller_fx8ts_85 {
+  width: 100%;
+  margin: 0 auto;
 }
-._wrapper_rebcu_13._verticalConstrained_rebcu_102 ._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_fx8ts_13._verticalFullHeader_fx8ts_73 ._contentScroller_fx8ts_85 ._contentAligner_fx8ts_89 {
+  max-width: var(--xmlui-maxWidth-App-vertical);
+  margin: 0 auto;
 }
-._wrapper_rebcu_13._verticalConstrained_rebcu_102 ._PagesWrapper_rebcu_37 {
+._wrapper_fx8ts_13._verticalFullHeader_fx8ts_73 ._PagesWrapper_fx8ts_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_fx8ts_13._verticalFullHeader_fx8ts_73 ._PagesWrapperInner_fx8ts_98 {
   height: 100%;
 }
-._wrapper_rebcu_13._verticalConstrained_rebcu_102 ._PagesWrapperInner_rebcu_90 > .xmlui-page-root {
+._wrapper_fx8ts_13._verticalFullHeader_fx8ts_73 ._PagesWrapperInner_fx8ts_98 > .xmlui-page-root {
   height: 100%;
 }
-._wrapper_rebcu_13._verticalConstrained_rebcu_102 ._footerWrapper_rebcu_41 {
+._wrapper_fx8ts_13._verticalFullHeader_fx8ts_73 ._footerWrapper_fx8ts_41 {
   position: sticky;
   left: 0;
   right: 0;
   bottom: 0;
 }
-._wrapper_rebcu_13._scrollWholePage_rebcu_135 {
+._wrapper_fx8ts_13._scrollWholePage_fx8ts_110 {
   scrollbar-gutter: stable both-edges;
 }
-._wrapper_rebcu_13._scrollWholePage_rebcu_135 ._headerWrapper_rebcu_138 {
+._wrapper_fx8ts_13._scrollWholePage_fx8ts_110 ._headerWrapper_fx8ts_113 {
   margin-inline: calc(-1 * var(--scrollbar-width));
 }
-._wrapper_rebcu_13._scrollWholePage_rebcu_135 ._headerWrapper_rebcu_138 > div {
+._wrapper_fx8ts_13._scrollWholePage_fx8ts_110 ._headerWrapper_fx8ts_113 > div {
   padding-inline: var(--scrollbar-width);
 }
-._wrapper_rebcu_13._scrollWholePage_rebcu_135 ._footerWrapper_rebcu_41 {
+._wrapper_fx8ts_13._scrollWholePage_fx8ts_110 ._footerWrapper_fx8ts_41 {
   margin-inline: calc(-1 * var(--scrollbar-width));
 }
-._wrapper_rebcu_13._scrollWholePage_rebcu_135 ._footerWrapper_rebcu_41 > div {
+._wrapper_fx8ts_13._scrollWholePage_fx8ts_110 ._footerWrapper_fx8ts_41 > div {
   padding-inline: var(--scrollbar-width);
 }
-._wrapper_rebcu_13._scrollWholePage_rebcu_135._verticalFullHeader_rebcu_73 {
+._wrapper_fx8ts_13._scrollWholePage_fx8ts_110._verticalFullHeader_fx8ts_73 {
   scroll-padding-top: var(--header-height);
 }
-._wrapper_rebcu_13._scrollWholePage_rebcu_135._verticalFullHeader_rebcu_73 ._content_rebcu_27 {
+._wrapper_fx8ts_13._scrollWholePage_fx8ts_110._verticalFullHeader_fx8ts_73 ._content_fx8ts_27 {
   margin-inline: calc(-1 * var(--scrollbar-width));
 }
-._wrapper_rebcu_13._scrollWholePage_rebcu_135._verticalFullHeader_rebcu_73 ._contentWrapper_rebcu_27 {
+._wrapper_fx8ts_13._scrollWholePage_fx8ts_110._verticalFullHeader_fx8ts_73 ._contentWrapper_fx8ts_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);
-  margin-inline: calc(-1 * var(--scrollbar-width));
-  margin: auto;
-}
-._wrapper_rebcu_13._scrollWholePage_rebcu_135._verticalConstrained_rebcu_102 ._contentWrapper_rebcu_27 {
-  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 {
-  margin-inline: calc(-1 * var(--scrollbar-width));
-}
-._wrapper_rebcu_13._scrollWholePage_rebcu_135._verticalConstrained_rebcu_102 ._footerWrapper_rebcu_41 > div {
-  padding-inline: var(--scrollbar-width);
-}
-._wrapper_rebcu_13:not(._scrollWholePage_rebcu_135) {
+._wrapper_fx8ts_13:not(._scrollWholePage_fx8ts_110) {
   overflow: hidden;
 }
-._wrapper_rebcu_13:not(._scrollWholePage_rebcu_135) ._content_rebcu_27 {
+._wrapper_fx8ts_13:not(._scrollWholePage_fx8ts_110) ._content_fx8ts_27 {
   min-height: 0;
   height: 100%;
 }
-._wrapper_rebcu_13:not(._scrollWholePage_rebcu_135) ._contentWrapper_rebcu_27 {
+._wrapper_fx8ts_13:not(._scrollWholePage_fx8ts_110) ._contentWrapper_fx8ts_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_fx8ts_13:not(._scrollWholePage_fx8ts_110) ._contentScroller_fx8ts_85 {
+  height: 100%;
+}
+._wrapper_fx8ts_13:not(._scrollWholePage_fx8ts_110) ._contentScroller_fx8ts_85 ._contentAligner_fx8ts_89 {
+  height: 100%;
 }
-._wrapper_rebcu_13:not(._scrollWholePage_rebcu_135) ._PagesWrapper_rebcu_37 {
+._wrapper_fx8ts_13:not(._scrollWholePage_fx8ts_110) ._PagesWrapper_fx8ts_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_fx8ts_13:not(._scrollWholePage_fx8ts_110) ._PagesWrapperInner_fx8ts_98 {
   min-height: 100%;
   height: 0;
 }
-._wrapper_rebcu_13._noScrollbarGutters_rebcu_204 {
+._wrapper_fx8ts_13._noScrollbarGutters_fx8ts_161 {
   scrollbar-gutter: auto;
 }
-._wrapper_rebcu_13._noScrollbarGutters_rebcu_204 ._PagesWrapper_rebcu_37 {
+._wrapper_fx8ts_13._noScrollbarGutters_fx8ts_161 ._PagesWrapper_fx8ts_37 {
   scrollbar-gutter: auto;
 }
 
-._headerWrapper_rebcu_138 {
+._headerWrapper_fx8ts_113 {
   z-index: 1;
   min-height: 0;
   flex-shrink: 0;
@@ -1175,17 +1132,17 @@
   box-shadow: var(--xmlui-boxShadow-header-App);
   background-color: var(--xmlui-backgroundColor-AppHeader);
 }
-._headerWrapper_rebcu_138._sticky_rebcu_44 {
+._headerWrapper_fx8ts_113._sticky_fx8ts_44 {
   position: sticky;
 }
 
-._content_rebcu_27 {
+._content_fx8ts_27 {
   display: flex;
   flex-direction: row;
   isolation: isolate;
 }
 
-._contentWrapper_rebcu_27 {
+._contentWrapper_fx8ts_27 {
   position: relative;
   min-width: 0;
   flex: 1;
@@ -1196,21 +1153,21 @@
   border-left: var(--xmlui-borderLeft-content-App);
 }
 
-._navPanelWrapper_rebcu_33 {
+._navPanelWrapper_fx8ts_33 {
   display: flex;
   position: sticky;
   top: 0;
 }
-._navPanelWrapper_rebcu_33:empty {
+._navPanelWrapper_fx8ts_33:empty {
   display: none;
 }
 
-._PagesWrapper_rebcu_37 {
+._PagesWrapper_fx8ts_37 {
   flex: 1;
   isolation: isolate;
 }
 
-._PagesWrapperInner_rebcu_90 {
+._PagesWrapperInner_fx8ts_98 {
   --page-padding-left: var(--xmlui-space-4);
   --page-padding-right: var(--xmlui-space-4);
   --page-padding-top: var(--xmlui-space-5);
@@ -1228,7 +1185,7 @@
   display: flex;
   flex-direction: column;
 }
-._PagesWrapperInner_rebcu_90 > .xmlui-page-root {
+._PagesWrapperInner_fx8ts_98 > .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 +1197,7 @@
   margin-right: calc(-1 * var(--page-padding-right));
 }
 
-._footerWrapper_rebcu_41 {
+._footerWrapper_fx8ts_41 {
   flex-shrink: 0;
 }/*
  * This file contains all CSS variables AppEngine uses for styling the UI, including individual visual components.
@@ -1374,7 +1331,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_1w1cw_13 {
   position: relative;
   height: var(--xmlui-height-AppHeader);
   box-sizing: content-box;
@@ -1401,7 +1358,7 @@
   border-end-end-radius: var(--xmlui-borderEndEndRadius-AppHeader, var(--xmlui-borderRadius-AppHeader));
 }
 
-._headerInner_1m0kp_40 {
+._headerInner_1w1cw_40 {
   height: 100%;
   flex: 1;
   gap: var(--xmlui-space-4);
@@ -1419,11 +1376,14 @@
   width: 100%;
   margin: 0 auto;
 }
-._headerInner_1m0kp_40._full_1m0kp_58 {
-  max-width: 100%;
+._headerInner_1w1cw_40._verticalFullHeader_1w1cw_58 {
+  max-width: var(--xmlui-maxWidth-App-vertical);
+}
+._headerInner_1w1cw_40._verticalFullHeader_1w1cw_58._scrollWholePage_1w1cw_61 {
+  padding-left: calc(var(--xmlui-paddingHorizontal-AppHeader, var(--xmlui-padding-AppHeader)) - var(--scrollbar-width));
 }
 
-._childrenWrapper_1m0kp_62 {
+._childrenWrapper_1w1cw_65 {
   --stack-gap-default: var(--xmlui-space-2);
   display: flex;
   flex-direction: row;
@@ -1435,25 +1395,25 @@
   justify-content: var(--xmlui-align-content-AppHeader);
 }
 
-._subNavPanelSlot_1m0kp_74 {
+._subNavPanelSlot_1w1cw_77 {
   display: flex;
   flex-direction: row;
 }
 
-._logoAndTitle_1m0kp_79 {
+._logoAndTitle_1w1cw_82 {
   display: flex;
   align-items: center;
   gap: var(--xmlui-space-4);
   height: 100%;
 }
-._logoAndTitle_1m0kp_79:not(:empty) {
+._logoAndTitle_1w1cw_82:not(:empty) {
   padding-right: var(--xmlui-space-2);
 }
-._logoAndTitle_1m0kp_79:empty {
+._logoAndTitle_1w1cw_82:empty {
   display: none;
 }
 
-._logoContainer_1m0kp_92:not(:empty) {
+._logoContainer_1w1cw_95:not(:empty) {
   flex-shrink: 0;
   display: flex;
   width: var(--xmlui-width-logo-AppHeader);
@@ -1466,16 +1426,16 @@
   padding-bottom: var(--xmlui-paddingBottom-logo-AppHeader, var(--xmlui-paddingVertical-logo-AppHeader, var(--xmlui-padding-logo-AppHeader)));
 }
 
-._customLogoContainer_1m0kp_105 {
+._customLogoContainer_1w1cw_108 {
   display: flex;
   height: 100%;
   align-items: center;
 }
-._customLogoContainer_1m0kp_105 > img {
+._customLogoContainer_1w1cw_108 > img {
   height: 100%;
 }
 
-._rightItems_1m0kp_114 {
+._rightItems_1w1cw_117 {
   --stack-gap-default: var(--xmlui-space-2);
   gap: var(--stack-gap-default);
   height: 100%;
@@ -1483,11 +1443,11 @@
   flex-direction: row;
   align-items: center;
 }
-._rightItems_1m0kp_114:not(:empty) {
+._rightItems_1w1cw_117:not(:empty) {
   padding-left: var(--xmlui-space-4);
 }
 
-._appHub_1m0kp_126 {
+._appHub_1w1cw_129 {
   text-decoration: none;
   margin-right: var(--xmlui-space-4);
   width: 40px;
@@ -1495,10 +1455,10 @@
   color: var(--xmlui-textColor-subtitle);
   cursor: pointer;
 }
-._appHub_1m0kp_126:hover {
+._appHub_1w1cw_129:hover {
   color: var(--xmlui-textColor-secondary);
 }
-._appHub_1m0kp_126 svg {
+._appHub_1w1cw_129 svg {
   width: 100%;
   height: 100%;
 }/*
@@ -5772,40 +5732,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_1xb91_13 > span {
   font-size: var(--xmlui-fontSize-Select-default);
   color: var(--xmlui-textColor-placeholder-Select-default);
 }
-._selectValue_1ept5_13 > span > div {
+._selectValue_1xb91_13 > span > div {
   color: var(--xmlui-textColor-Select-default);
   font-size: var(--xmlui-fontSize-Select-default);
 }
-._selectValue_1ept5_13._error_1ept5_21 > span {
+._selectValue_1xb91_13._error_1xb91_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_1xb91_13._error_1xb91_21 > span > div {
   color: var(--xmlui-textColor-Select-error);
   font-size: var(--xmlui-fontSize-Select-error);
 }
-._selectValue_1ept5_13._warning_1ept5_29 > span {
+._selectValue_1xb91_13._warning_1xb91_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_1xb91_13._warning_1xb91_29 > span > div {
   color: var(--xmlui-textColor-Select-warning);
   font-size: var(--xmlui-fontSize-Select-warning);
 }
-._selectValue_1ept5_13._valid_1ept5_37 > span {
+._selectValue_1xb91_13._valid_1xb91_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_1xb91_13._valid_1xb91_37 > span > div {
   color: var(--xmlui-textColor-Select-success);
   font-size: var(--xmlui-fontSize-Select-success);
 }
 
-button._selectTrigger_1ept5_46 {
+button._selectTrigger_1xb91_46 {
   min-height: 2.6rem;
   display: flex;
   padding: var(--xmlui-space-1) var(--xmlui-space-2);
@@ -5823,22 +5783,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_1xb91_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_1xb91_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_1xb91_46::placeholder {
   color: var(--xmlui-textColor-placeholder-Select-default);
 }
-button._selectTrigger_1ept5_46._error_1ept5_21 {
+button._selectTrigger_1xb91_46._error_1xb91_21 {
   border-radius: var(--xmlui-borderRadius-Select-error);
   border-color: var(--xmlui-borderColor-Select-error);
   border-width: var(--xmlui-borderWidth-Select-error);
@@ -5848,22 +5808,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_1xb91_46._error_1xb91_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_1xb91_46._error_1xb91_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_1xb91_46._error_1xb91_21::placeholder {
   color: var(--xmlui-textColor-placeholder-Select-error);
 }
-button._selectTrigger_1ept5_46._warning_1ept5_29 {
+button._selectTrigger_1xb91_46._warning_1xb91_29 {
   border-radius: var(--xmlui-borderRadius-Select-warning);
   border-color: var(--xmlui-borderColor-Select-warning);
   border-width: var(--xmlui-borderWidth-Select-warning);
@@ -5873,22 +5833,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_1xb91_46._warning_1xb91_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_1xb91_46._warning_1xb91_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_1xb91_46._warning_1xb91_29::placeholder {
   color: var(--xmlui-textColor-placeholder-Select-warning);
 }
-button._selectTrigger_1ept5_46._valid_1ept5_37 {
+button._selectTrigger_1xb91_46._valid_1xb91_37 {
   border-radius: var(--xmlui-borderRadius-Select-success);
   border-color: var(--xmlui-borderColor-Select-success);
   border-width: var(--xmlui-borderWidth-Select-success);
@@ -5898,23 +5858,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_1xb91_46._valid_1xb91_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_1xb91_46._valid_1xb91_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_1xb91_46._valid_1xb91_37::placeholder {
   color: var(--xmlui-textColor-placeholder-Select-success);
 }
 
-._selectTrigger_1ept5_46:disabled {
+._selectTrigger_1xb91_46:disabled {
   cursor: not-allowed;
   opacity: var(--xmlui-opacity-Select--disabled);
   background-color: var(--xmlui-backgroundColor-Select--disabled);
@@ -5922,28 +5882,28 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
   border-color: var(--xmlui-borderColor-Select--disabled);
 }
 
-._selectTrigger_1ept5_46 > span {
+._selectTrigger_1xb91_46 > span {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
   overflow: hidden;
 }
 
-._badgeListContainer_1ept5_170 {
+._badgeListContainer_1xb91_170 {
   display: flex;
   justify-content: space-between;
   align-items: center;
   width: 100%;
 }
 
-._badgeList_1ept5_170 {
+._badgeList_1xb91_170 {
   gap: 4px;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
 }
 
-._badge_1ept5_170 {
+._badge_1xb91_170 {
   width: fit-content;
   height: fit-content;
   min-width: 0;
@@ -5960,27 +5920,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_1xb91_170:hover {
   background-color: var(--xmlui-backgroundColor-Select-badge--hover);
   color: var(--xmlui-textColor-Select-badge--hover);
 }
-._badge_1ept5_170:active {
+._badge_1xb91_170:active {
   background-color: var(--xmlui-backgroundColor-Select-badge--active);
   color: var(--xmlui-textColor-Select-badge--active);
 }
 
-._actions_1ept5_210 {
+._actions_1xb91_210 {
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
 
-._placeholder_1ept5_216 {
+._placeholder_1xb91_216 {
   display: block;
   color: var(--xmlui-textColor-placeholder-Select);
 }
 
-._emptyList_1ept5_221 {
+._emptyList_1xb91_221 {
   display: flex;
   gap: 0.2rem;
   padding: 10px 0;
@@ -5990,7 +5950,7 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
   width: 100%;
 }
 
-._selectScrollUpButton_1ept5_231 {
+._selectScrollUpButton_1xb91_231 {
   display: flex;
   cursor: default;
   align-items: center;
@@ -5999,7 +5959,7 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
   padding-bottom: 0.25rem;
 }
 
-._selectScrollDownButton_1ept5_240 {
+._selectScrollDownButton_1xb91_240 {
   display: flex;
   cursor: default;
   align-items: center;
@@ -6008,7 +5968,7 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
   padding-bottom: 0.25rem;
 }
 
-._command_1ept5_249 {
+._command_1xb91_249 {
   display: flex;
   flex-direction: column;
   height: 100%;
@@ -6018,14 +5978,14 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
   background-color: var(--xmlui-backgroundColor-menu-Select);
 }
 
-._commandInputContainer_1ept5_259 {
+._commandInputContainer_1xb91_259 {
   display: flex;
   align-items: center;
   padding: 0 12px;
   border-bottom: 1px solid var(--xmlui-borderColor);
 }
 
-._commandInput_1ept5_259 {
+._commandInput_1xb91_259 {
   flex: 1;
   background-color: transparent;
   padding: 0.5rem;
@@ -6033,22 +5993,22 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
   outline: none;
   border: none;
 }
-._commandInput_1ept5_259:focus {
+._commandInput_1xb91_259:focus {
   outline: none;
   box-shadow: none;
   border: 0;
 }
-._commandInput_1ept5_259:disabled {
+._commandInput_1xb91_259:disabled {
   cursor: not-allowed;
   opacity: var(--xmlui-opacity-Select--disabled);
 }
 
-._commandList_1ept5_284 {
+._commandList_1xb91_284 {
   overflow-y: auto;
   overflow-x: hidden;
 }
 
-._selectContent_1ept5_289 {
+._selectContent_1xb91_289 {
   position: relative;
   z-index: 50;
   overflow: auto;
@@ -6057,38 +6017,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_1xb91_289[data-state=open] {
+  animation: _fadeIn_1xb91_1 0.1s ease-in-out, _zoomIn_1xb91_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_1xb91_289[data-state=closed] {
+  animation: _fadeOut_1xb91_1 0.1s ease-in-out, _zoomOut_1xb91_1 0.1s ease-in-out;
 }
-._selectContent_1ept5_289[data-side=bottom] {
-  animation: _slideInFromTop_1ept5_1 0.08s ease-in-out;
+._selectContent_1xb91_289[data-side=bottom] {
+  animation: _slideInFromTop_1xb91_1 0.08s ease-in-out;
 }
-._selectContent_1ept5_289[data-side=left] {
-  animation: _slideInFromRight_1ept5_1 0.3s ease-in-out;
+._selectContent_1xb91_289[data-side=left] {
+  animation: _slideInFromRight_1xb91_1 0.1s ease-in-out;
 }
-._selectContent_1ept5_289[data-side=right] {
-  animation: _slideInFromLeft_1ept5_1 0.3s ease-in-out;
+._selectContent_1xb91_289[data-side=right] {
+  animation: _slideInFromLeft_1xb91_1 0.1s ease-in-out;
 }
-._selectContent_1ept5_289[data-side=top] {
-  animation: _slideInFromBottom_1ept5_1 0.3s ease-in-out;
+._selectContent_1xb91_289[data-side=top] {
+  animation: _slideInFromBottom_1xb91_1 0.1s ease-in-out;
 }
-._selectContent_1ept5_289[data-side=bottom] {
-  transform: translateY(0.25rem);
+._selectContent_1xb91_289[data-side=bottom] {
+  transform: translateY(0.15rem);
 }
-._selectContent_1ept5_289[data-side=left] {
-  transform: translateX(-0.25rem);
+._selectContent_1xb91_289[data-side=left] {
+  transform: translateX(-0.15rem);
 }
-._selectContent_1ept5_289[data-side=right] {
-  transform: translateX(0.25rem);
+._selectContent_1xb91_289[data-side=right] {
+  transform: translateX(0.15rem);
 }
-._selectContent_1ept5_289[data-side=top] {
-  transform: translateY(-0.25rem);
+._selectContent_1xb91_289[data-side=top] {
+  transform: translateY(-0.15rem);
 }
 
-._multiComboboxOption_1ept5_329 ._multiComboboxOptionContent_1ept5_329 {
+._multiComboboxOption_1xb91_329 ._multiComboboxOptionContent_1xb91_329 {
   width: 100%;
   gap: 1rem;
   display: flex;
@@ -6103,17 +6063,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_1xb91_329[data-selected=true] {
   background-color: var(--xmlui-backgroundColor-item-Select--hover);
 }
-._multiComboboxOption_1ept5_329[data-disabled=true] {
+._multiComboboxOption_1xb91_329[data-disabled=true] {
   pointer-events: none;
   opacity: var(--xmlui-opacity-text-item-Select--disabled);
   cursor: not-allowed;
   font-style: italic;
 }
 
-._selectItem_1ept5_354 {
+._selectItem_1xb91_354 {
   position: relative;
   display: flex;
   cursor: default;
@@ -6122,13 +6082,13 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
   outline: none;
   font-size: var(--xmlui-fontSize-Select);
 }
-._selectItem_1ept5_354[data-highlighted] {
+._selectItem_1xb91_354[data-highlighted] {
   background-color: var(--xmlui-backgroundColor-item-Select--hover);
 }
-._selectItem_1ept5_354[data-state=checked] {
+._selectItem_1xb91_354[data-state=checked] {
   background-color: var(--xmlui-backgroundColor-item-Select--active);
 }
-._selectItem_1ept5_354 ._selectItemContent_1ept5_369 {
+._selectItem_1xb91_354 ._selectItemContent_1xb91_369 {
   width: 100%;
   display: flex;
   cursor: default;
@@ -6142,14 +6102,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_1xb91_354[data-disabled] {
   pointer-events: none;
   opacity: var(--xmlui-opacity-text-item-Select--disabled);
   cursor: not-allowed;
   font-style: italic;
 }
 
-._selectItemIndicator_1ept5_390 {
+._selectItemIndicator_1xb91_390 {
   position: absolute;
   right: 0.5rem;
   display: flex;
@@ -6160,13 +6120,13 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
   color: var(--xmlui-textColor-indicator-Select);
 }
 
-._selectViewport_1ept5_401 {
+._selectViewport_1xb91_401 {
   height: var(--radix-select-trigger-height);
   width: 100%;
   min-width: var(--radix-select-trigger-width);
 }
 
-._selectEmpty_1ept5_407 {
+._selectEmpty_1xb91_407 {
   display: flex;
   gap: 0.2rem;
   height: 100%;
@@ -6177,11 +6137,11 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
   width: 100%;
 }
 
-._loading_1ept5_418 {
+._loading_1xb91_418 {
   padding: 0.5rem 1rem;
 }
 
-._srOnly_1ept5_422 {
+._srOnly_1xb91_422 {
   position: absolute;
   width: 1px;
   height: 1px;
@@ -6193,7 +6153,7 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
   border: 0;
 }
 
-@keyframes _fadeIn_1ept5_1 {
+@keyframes _fadeIn_1xb91_1 {
   from {
     opacity: 0;
   }
@@ -6201,7 +6161,7 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
     opacity: 1;
   }
 }
-@keyframes _fadeOut_1ept5_1 {
+@keyframes _fadeOut_1xb91_1 {
   from {
     opacity: 1;
   }
@@ -6209,7 +6169,7 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
     opacity: 0;
   }
 }
-@keyframes _zoomIn_1ept5_1 {
+@keyframes _zoomIn_1xb91_1 {
   from {
     transform: scale(0.95);
   }
@@ -6217,7 +6177,7 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
     transform: scale(1);
   }
 }
-@keyframes _zoomOut_1ept5_1 {
+@keyframes _zoomOut_1xb91_1 {
   from {
     transform: scale(1);
   }
@@ -6225,7 +6185,7 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
     transform: scale(0.95);
   }
 }
-@keyframes _slideInFromTop_1ept5_1 {
+@keyframes _slideInFromTop_1xb91_1 {
   from {
     transform: translateY(-0.75rem);
   }
@@ -6233,7 +6193,7 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
     transform: translateY(0);
   }
 }
-@keyframes _slideInFromBottom_1ept5_1 {
+@keyframes _slideInFromBottom_1xb91_1 {
   from {
     transform: translateY(0.75rem);
   }
@@ -6241,7 +6201,7 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
     transform: translateY(0);
   }
 }
-@keyframes _slideInFromLeft_1ept5_1 {
+@keyframes _slideInFromLeft_1xb91_1 {
   from {
     transform: translateX(-100%);
   }
@@ -6249,7 +6209,7 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
     transform: translateX(0);
   }
 }
-@keyframes _slideInFromRight_1ept5_1 {
+@keyframes _slideInFromRight_1xb91_1 {
   from {
     transform: translateX(100%);
   }
@@ -7594,7 +7554,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_1iosm_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 +7579,7 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
   height: var(--xmlui-height-Footer);
 }
 
-._wrapper_12zu8_38 {
+._wrapper_1iosm_38 {
   width: 100%;
   display: flex;
   min-height: 0;
@@ -7659,8 +7619,8 @@ button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
   max-width: var(--xmlui-maxWidth-content-Footer);
   margin: 0 auto;
 }
-._wrapper_12zu8_38._full_12zu8_78 {
-  max-width: 100%;
+._wrapper_1iosm_38._verticalFullHeader_1iosm_78 {
+  max-width: var(--xmlui-maxWidth-App-vertical);
 }/*
  * This file contains all CSS variables AppEngine uses for styling the UI, including individual visual components.
  *