xmlui 0.9.13 → 0.9.15

package/dist/index.css

@@ -78,23 +78,15 @@
   }
   button {
     -webkit-appearance: button;
-    background-color: transparent;
-    background-image: none;
   }
   [type=button] {
     -webkit-appearance: button;
-    background-color: transparent;
-    background-image: none;
   }
   [type=reset] {
     -webkit-appearance: button;
-    background-color: transparent;
-    background-image: none;
   }
   [type=submit] {
     -webkit-appearance: button;
-    background-color: transparent;
-    background-image: none;
   }
   :-moz-focusring {
     outline: auto;
@@ -3037,23 +3029,23 @@ 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_q25wx_13 {
+._wrapper_1wbg1_13 {
   width: 100%;
   outline: none;
   overflow: auto;
   isolation: isolate;
 }
-._wrapper_q25wx_13._noScroll_q25wx_19 {
+._wrapper_1wbg1_13._noScroll_1wbg1_19 {
   overflow-y: initial;
 }
 
-._headerWrapper_q25wx_23, ._tableBody_q25wx_23 {
+._headerWrapper_1wbg1_23, ._tableBody_1wbg1_23 {
   display: inline-block;
   min-width: 100%;
   background-color: var(--xmlui-backgroundColor-Table);
 }
 
-._clickableHeader_q25wx_29 {
+._clickableHeader_1wbg1_29 {
   width: 100%;
   height: 100%;
   color: var(--xmlui-textColor-heading-Table);
@@ -3067,23 +3059,23 @@ See this source for details: https://css-tricks.com/line-clampin/
   padding-top: var(--xmlui-paddingTop-heading-Table, var(--xmlui-paddingVertical-heading-Table, var(--xmlui-padding-heading-Table)));
   padding-bottom: var(--xmlui-paddingBottom-heading-Table, var(--xmlui-paddingVertical-heading-Table, var(--xmlui-padding-heading-Table)));
 }
-._clickableHeader_q25wx_29 ._headerContent_q25wx_43 {
+._clickableHeader_1wbg1_29 ._headerContent_1wbg1_43 {
   padding: 0;
 }
-._clickableHeader_q25wx_29:not([disabled]):hover {
+._clickableHeader_1wbg1_29:not([disabled]):hover {
   background-color: var(--xmlui-backgroundColor-heading-Table--hover);
 }
-._clickableHeader_q25wx_29:not([disabled]):active {
+._clickableHeader_1wbg1_29:not([disabled]):active {
   background-color: var(--xmlui-backgroundColor-heading-Table--active);
 }
-._clickableHeader_q25wx_29:not([disabled]):focus-visible {
+._clickableHeader_1wbg1_29:not([disabled]):focus-visible {
   outline-width: var(--xmlui-outlineWidth-heading-Table--focus);
   outline-color: var(--xmlui-outlineColor-heading-Table--focus);
   outline-style: var(--xmlui-outlineStyle-heading-Table--focus);
   outline-offset: var(--xmlui-outlineOffset-heading-Table--focus);
 }
 
-._headerContent_q25wx_43 {
+._headerContent_1wbg1_43 {
   display: flex;
   flex-direction: row;
   gap: 0.5rem;
@@ -3100,12 +3092,12 @@ See this source for details: https://css-tricks.com/line-clampin/
   padding-bottom: var(--xmlui-paddingBottom-heading-Table, var(--xmlui-paddingVertical-heading-Table, var(--xmlui-padding-heading-Table)));
 }
 
-._headerRow_q25wx_76 {
+._headerRow_1wbg1_76 {
   height: 100%;
   background-color: var(--xmlui-backgroundColor-heading-Table);
 }
 
-._columnCell_q25wx_81, ._cell_q25wx_81 {
+._columnCell_1wbg1_81, ._cell_1wbg1_81 {
   display: flex;
   align-items: center;
   white-space: nowrap;
@@ -3113,87 +3105,90 @@ See this source for details: https://css-tricks.com/line-clampin/
   user-select: text;
 }
 
-._table_q25wx_23 {
+._table_1wbg1_23 {
   display: block;
   color: var(--xmlui-textColor-Table);
 }
-._table_q25wx_23 ._row_q25wx_93, ._table_q25wx_23 ._headerRow_q25wx_76 {
+._table_1wbg1_23 ._row_1wbg1_93, ._table_1wbg1_23 ._headerRow_1wbg1_76 {
   display: flex;
   flex-direction: row;
   border-bottom: var(--xmlui-borderBottom-cell-Table);
   user-select: none;
 }
-._table_q25wx_23 ._row_q25wx_93 ._checkBoxWrapper_q25wx_99, ._table_q25wx_23 ._headerRow_q25wx_76 ._checkBoxWrapper_q25wx_99 {
+._table_1wbg1_23 ._row_1wbg1_93 ._checkBoxWrapper_1wbg1_99, ._table_1wbg1_23 ._headerRow_1wbg1_76 ._checkBoxWrapper_1wbg1_99 {
   font-size: 1rem;
   visibility: hidden;
 }
-._table_q25wx_23 ._row_q25wx_93 ._checkBoxWrapper_q25wx_99._showInHeader_q25wx_103, ._table_q25wx_23 ._headerRow_q25wx_76 ._checkBoxWrapper_q25wx_99._showInHeader_q25wx_103 {
+._table_1wbg1_23 ._row_1wbg1_93 ._checkBoxWrapper_1wbg1_99._showInHeader_1wbg1_103, ._table_1wbg1_23 ._headerRow_1wbg1_76 ._checkBoxWrapper_1wbg1_99._showInHeader_1wbg1_103 {
   visibility: visible;
 }
-._table_q25wx_23 ._row_q25wx_93:hover ._checkBoxWrapper_q25wx_99, ._table_q25wx_23 ._row_q25wx_93._selected_q25wx_106 ._checkBoxWrapper_q25wx_99, ._table_q25wx_23 ._row_q25wx_93:focus-within ._checkBoxWrapper_q25wx_99, ._table_q25wx_23 ._row_q25wx_93._allSelected_q25wx_106 ._checkBoxWrapper_q25wx_99, ._table_q25wx_23 ._headerRow_q25wx_76:hover ._checkBoxWrapper_q25wx_99, ._table_q25wx_23 ._headerRow_q25wx_76._selected_q25wx_106 ._checkBoxWrapper_q25wx_99, ._table_q25wx_23 ._headerRow_q25wx_76:focus-within ._checkBoxWrapper_q25wx_99, ._table_q25wx_23 ._headerRow_q25wx_76._allSelected_q25wx_106 ._checkBoxWrapper_q25wx_99 {
+._table_1wbg1_23 ._row_1wbg1_93:hover ._checkBoxWrapper_1wbg1_99, ._table_1wbg1_23 ._row_1wbg1_93._selected_1wbg1_106 ._checkBoxWrapper_1wbg1_99, ._table_1wbg1_23 ._row_1wbg1_93:focus-within ._checkBoxWrapper_1wbg1_99, ._table_1wbg1_23 ._row_1wbg1_93._allSelected_1wbg1_106 ._checkBoxWrapper_1wbg1_99, ._table_1wbg1_23 ._headerRow_1wbg1_76:hover ._checkBoxWrapper_1wbg1_99, ._table_1wbg1_23 ._headerRow_1wbg1_76._selected_1wbg1_106 ._checkBoxWrapper_1wbg1_99, ._table_1wbg1_23 ._headerRow_1wbg1_76:focus-within ._checkBoxWrapper_1wbg1_99, ._table_1wbg1_23 ._headerRow_1wbg1_76._allSelected_1wbg1_106 ._checkBoxWrapper_1wbg1_99 {
   visibility: visible;
 }
-._table_q25wx_23 ._row_q25wx_93 ._columnCell_q25wx_81:first-child ._headerContent_q25wx_43, ._table_q25wx_23 ._headerRow_q25wx_76 ._columnCell_q25wx_81:first-child ._headerContent_q25wx_43 {
+._table_1wbg1_23 ._row_1wbg1_93 ._columnCell_1wbg1_81:first-child ._headerContent_1wbg1_43, ._table_1wbg1_23 ._headerRow_1wbg1_76 ._columnCell_1wbg1_81:first-child ._headerContent_1wbg1_43 {
   padding-left: var(--xmlui-paddingHorizontal-cell-first-Table);
 }
-._table_q25wx_23 ._row_q25wx_93 ._columnCell_q25wx_81:first-child > button, ._table_q25wx_23 ._headerRow_q25wx_76 ._columnCell_q25wx_81:first-child > button {
+._table_1wbg1_23 ._row_1wbg1_93 ._columnCell_1wbg1_81:first-child > button, ._table_1wbg1_23 ._headerRow_1wbg1_76 ._columnCell_1wbg1_81:first-child > button {
   padding-left: var(--xmlui-paddingHorizontal-cell-first-Table);
 }
-._table_q25wx_23 ._row_q25wx_93 ._columnCell_q25wx_81:first-child > button ._headerContent_q25wx_43, ._table_q25wx_23 ._headerRow_q25wx_76 ._columnCell_q25wx_81:first-child > button ._headerContent_q25wx_43 {
+._table_1wbg1_23 ._row_1wbg1_93 ._columnCell_1wbg1_81:first-child > button ._headerContent_1wbg1_43, ._table_1wbg1_23 ._headerRow_1wbg1_76 ._columnCell_1wbg1_81:first-child > button ._headerContent_1wbg1_43 {
   padding-left: 0;
 }
-._table_q25wx_23 ._row_q25wx_93 ._columnCell_q25wx_81:last-child ._headerContent_q25wx_43, ._table_q25wx_23 ._headerRow_q25wx_76 ._columnCell_q25wx_81:last-child ._headerContent_q25wx_43 {
+._table_1wbg1_23 ._row_1wbg1_93 ._columnCell_1wbg1_81:last-child ._headerContent_1wbg1_43, ._table_1wbg1_23 ._headerRow_1wbg1_76 ._columnCell_1wbg1_81:last-child ._headerContent_1wbg1_43 {
   padding-right: var(--xmlui-paddingHorizontal-cell-last-Table);
 }
-._table_q25wx_23 ._row_q25wx_93 ._columnCell_q25wx_81:last-child > button, ._table_q25wx_23 ._headerRow_q25wx_76 ._columnCell_q25wx_81:last-child > button {
+._table_1wbg1_23 ._row_1wbg1_93 ._columnCell_1wbg1_81:last-child > button, ._table_1wbg1_23 ._headerRow_1wbg1_76 ._columnCell_1wbg1_81:last-child > button {
   padding-right: var(--xmlui-paddingHorizontal-cell-last-Table);
 }
-._table_q25wx_23 ._row_q25wx_93 ._columnCell_q25wx_81:last-child > button ._headerContent_q25wx_43, ._table_q25wx_23 ._headerRow_q25wx_76 ._columnCell_q25wx_81:last-child > button ._headerContent_q25wx_43 {
+._table_1wbg1_23 ._row_1wbg1_93 ._columnCell_1wbg1_81:last-child > button ._headerContent_1wbg1_43, ._table_1wbg1_23 ._headerRow_1wbg1_76 ._columnCell_1wbg1_81:last-child > button ._headerContent_1wbg1_43 {
   padding-right: 0;
 }
-._table_q25wx_23 ._row_q25wx_93 ._cell_q25wx_81:first-child, ._table_q25wx_23 ._headerRow_q25wx_76 ._cell_q25wx_81:first-child {
+._table_1wbg1_23 ._row_1wbg1_93 ._cell_1wbg1_81:first-child, ._table_1wbg1_23 ._headerRow_1wbg1_76 ._cell_1wbg1_81:first-child {
   padding-left: var(--xmlui-paddingHorizontal-cell-first-Table);
   border-left: 0;
 }
-._table_q25wx_23 ._row_q25wx_93 ._cell_q25wx_81:last-child, ._table_q25wx_23 ._headerRow_q25wx_76 ._cell_q25wx_81:last-child {
+._table_1wbg1_23 ._row_1wbg1_93 ._cell_1wbg1_81:last-child, ._table_1wbg1_23 ._headerRow_1wbg1_76 ._cell_1wbg1_81:last-child {
   padding-right: var(--xmlui-paddingHorizontal-cell-last-Table);
   border-right: 0;
 }
-._table_q25wx_23 ._row_q25wx_93 {
+._table_1wbg1_23 ._row_1wbg1_93 {
   font-size: var(--xmlui-fontSize-row-Table);
   font-weight: var(--xmlui-fontWeight-row-Table);
   background-color: var(--xmlui-backgroundColor-row-Table);
 }
-._table_q25wx_23 ._row_q25wx_93._selected_q25wx_106 {
+._table_1wbg1_23 ._row_1wbg1_93._selected_1wbg1_106 {
   background-color: var(--xmlui-backgroundColor-selected-Table);
 }
-._table_q25wx_23 ._row_q25wx_93._selected_q25wx_106 ._cell_q25wx_81 {
+._table_1wbg1_23 ._row_1wbg1_93._selected_1wbg1_106 ._cell_1wbg1_81 {
   background-color: var(--xmlui-backgroundColor-selected-Table);
 }
-._table_q25wx_23 ._row_q25wx_93:hover {
+._table_1wbg1_23 ._row_1wbg1_93:hover {
   background-color: var(--xmlui-backgroundColor-row-Table--hover);
 }
-._table_q25wx_23 ._row_q25wx_93:hover ._cell_q25wx_81 {
+._table_1wbg1_23 ._row_1wbg1_93:hover ._cell_1wbg1_81 {
   background-color: var(--xmlui-backgroundColor-row-Table--hover);
 }
-._table_q25wx_23 ._row_q25wx_93._selected_q25wx_106._focused_q25wx_152 {
+._table_1wbg1_23 ._row_1wbg1_93._selected_1wbg1_106._focused_1wbg1_152 {
   background-color: var(--xmlui-backgroundColor-selected-Table);
 }
-._table_q25wx_23 ._row_q25wx_93._selected_q25wx_106._focused_q25wx_152 ._cell_q25wx_81 {
+._table_1wbg1_23 ._row_1wbg1_93._selected_1wbg1_106._focused_1wbg1_152 ._cell_1wbg1_81 {
   background-color: var(--xmlui-backgroundColor-selected-Table);
 }
-._table_q25wx_23 ._row_q25wx_93._selected_q25wx_106:hover {
+._table_1wbg1_23 ._row_1wbg1_93._selected_1wbg1_106:hover {
   background-color: var(--xmlui-backgroundColor-selected-Table--hover);
 }
-._table_q25wx_23 ._row_q25wx_93._selected_q25wx_106:hover ._cell_q25wx_81 {
+._table_1wbg1_23 ._row_1wbg1_93._selected_1wbg1_106:hover ._cell_1wbg1_81 {
   background-color: var(--xmlui-backgroundColor-selected-Table--hover);
 }
-._table_q25wx_23 ._row_q25wx_93._disabled_q25wx_164 {
+._table_1wbg1_23 ._row_1wbg1_93._disabled_1wbg1_164 {
   pointer-events: none;
   opacity: 0.6;
 }
+._table_1wbg1_23 ._row_1wbg1_93._noBottomBorder_1wbg1_168:last-child {
+  border-bottom: none;
+}
 
-._cell_q25wx_81 {
+._cell_1wbg1_81 {
   overflow: hidden;
   text-overflow: ellipsis;
   padding: var(--xmlui-padding-cell-Table);
@@ -3203,13 +3198,13 @@ See this source for details: https://css-tricks.com/line-clampin/
   padding-bottom: var(--xmlui-paddingBottom-cell-Table, var(--xmlui-paddingVertical-cell-Table, var(--xmlui-padding-cell-Table)));
 }
 
-._headerWrapper_q25wx_23 {
+._headerWrapper_1wbg1_23 {
   position: sticky;
   top: 0;
   z-index: 2;
 }
 
-._columnCell_q25wx_81 {
+._columnCell_1wbg1_81 {
   background-color: var(--xmlui-backgroundColor-heading-Table);
   text-align: start;
   white-space: nowrap;
@@ -3217,13 +3212,13 @@ See this source for details: https://css-tricks.com/line-clampin/
   padding: 0;
 }
 
-._noRows_q25wx_193 {
+._noRows_1wbg1_196 {
   width: 100%;
   text-align: center;
   margin-top: var(--xmlui-space-16);
 }
 
-._pagination_q25wx_199 {
+._pagination_1wbg1_202 {
   position: sticky;
   left: 0;
   padding-top: var(--xmlui-space-4);
@@ -3239,30 +3234,30 @@ See this source for details: https://css-tricks.com/line-clampin/
   background-color: var(--xmlui-backgroundColor-pagination-Table);
 }
 
-._paginationLabel_q25wx_215 {
+._paginationLabel_1wbg1_218 {
   color: var(--xmlui-textColor-pagination-Table);
   font-size: var(--xmlui-fontSize-small);
 }
 
-._paginationSelect_q25wx_220 {
+._paginationSelect_1wbg1_223 {
   color: inherit;
   background-color: transparent;
   margin-left: var(--xmlui-space-4);
 }
 
-._paginationButtons_q25wx_226 {
+._paginationButtons_1wbg1_229 {
   display: flex;
   flex-direction: row;
 }
 
-._searchIconWrapper_q25wx_231 {
+._searchIconWrapper_1wbg1_234 {
   width: 32px;
   display: flex;
   align-items: center;
   justify-content: center;
 }
 
-._loadingWrapper_q25wx_238 {
+._loadingWrapper_1wbg1_241 {
   display: flex;
   flex-direction: row;
   justify-content: center;
@@ -3270,14 +3265,14 @@ See this source for details: https://css-tricks.com/line-clampin/
   padding-bottom: var(--xmlui-space-2);
 }
 
-._checkBoxWrapper_q25wx_99 {
+._checkBoxWrapper_1wbg1_99 {
   opacity: 0.5;
 }
-._checkBoxWrapper_q25wx_99:hover {
+._checkBoxWrapper_1wbg1_99:hover {
   opacity: 1;
 }
 
-._resizer_q25wx_253 {
+._resizer_1wbg1_256 {
   position: absolute;
   top: 0;
   height: 100%;
@@ -3292,25 +3287,25 @@ See this source for details: https://css-tricks.com/line-clampin/
   align-items: center;
   justify-content: center;
 }
-._resizer_q25wx_253:before {
+._resizer_1wbg1_256:before {
   content: "";
   width: 1px;
   height: 100%;
   background: var(--xmlui-borderColor-cell-Table);
 }
 
-._resizer_q25wx_253._isResizing_q25wx_275 {
+._resizer_1wbg1_256._isResizing_1wbg1_278 {
   opacity: 1;
 }
-._resizer_q25wx_253._isResizing_q25wx_275:before {
+._resizer_1wbg1_256._isResizing_1wbg1_278:before {
   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
 }
 
 @media (hover: hover) {
-  ._resizer_q25wx_253 {
+  ._resizer_1wbg1_256 {
     opacity: 0;
   }
-  *:hover > ._resizer_q25wx_253 {
+  *:hover > ._resizer_1wbg1_256 {
     opacity: 1;
   }
 }/*
@@ -3741,7 +3736,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.
  */
-._wrapper_1fkvh_13 {
+._wrapper_1arn2_13 {
   border-left: var(--xmlui-borderLeft-Card, var(--xmlui-borderHorizontal-Card, var(--xmlui-border-Card)));
   border-right: var(--xmlui-borderRight-Card, var(--xmlui-borderHorizontal-Card, var(--xmlui-border-Card)));
   border-top: var(--xmlui-borderTop-Card, var(--xmlui-borderVertical-Card, var(--xmlui-border-Card)));
@@ -3772,17 +3767,29 @@ See this source for details: https://css-tricks.com/line-clampin/
   background-color: var(--xmlui-backgroundColor-Card);
   display: flex;
   flex-direction: column;
-  gap: var(--stack-gap-default);
+  gap: var(--xmlui-gap-Card);
+}
+._wrapper_1arn2_13 ._avatarWrapper_1arn2_46 {
+  display: flex;
+  flex-direction: row;
+  align-items: var(--xmlui-verticalAlignment-title-Card);
+  gap: var(--xmlui-gap-avatar-Card);
 }
-._wrapper_1fkvh_13._horizontal_1fkvh_46 {
+._wrapper_1arn2_13 ._titleWrapper_1arn2_52 {
+  display: flex;
+  flex-direction: column;
+  align-items: var(--xmlui-horizontalAlignment-title-Card);
+  width: 100%;
+  gap: var(--xmlui-gap-title-Card);
+}
+._wrapper_1arn2_13._horizontal_1arn2_59 {
   flex-direction: row;
   align-items: center;
-  padding-block: var(--xmlui-space-2);
 }
-._wrapper_1fkvh_13._vertical_1fkvh_51 {
+._wrapper_1arn2_13._vertical_1arn2_63 {
   flex-direction: column;
 }
-._wrapper_1fkvh_13._isClickable_1fkvh_54 {
+._wrapper_1arn2_13._isClickable_1arn2_66 {
   cursor: pointer;
 }/*
  * This file contains all CSS variables AppEngine uses for styling the UI, including individual visual components.
@@ -4706,40 +4713,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_nwesf_13 > span {
+._selectValue_1ept5_13 > span {
   font-size: var(--xmlui-fontSize-Select-default);
   color: var(--xmlui-textColor-placeholder-Select-default);
 }
-._selectValue_nwesf_13 > span > div {
+._selectValue_1ept5_13 > span > div {
   color: var(--xmlui-textColor-Select-default);
   font-size: var(--xmlui-fontSize-Select-default);
 }
-._selectValue_nwesf_13._error_nwesf_21 > span {
+._selectValue_1ept5_13._error_1ept5_21 > span {
   font-size: var(--xmlui-fontSize-Select-error);
   color: var(--xmlui-textColor-placeholder-Select-error);
 }
-._selectValue_nwesf_13._error_nwesf_21 > span > div {
+._selectValue_1ept5_13._error_1ept5_21 > span > div {
   color: var(--xmlui-textColor-Select-error);
   font-size: var(--xmlui-fontSize-Select-error);
 }
-._selectValue_nwesf_13._warning_nwesf_29 > span {
+._selectValue_1ept5_13._warning_1ept5_29 > span {
   font-size: var(--xmlui-fontSize-Select-warning);
   color: var(--xmlui-textColor-placeholder-Select-warning);
 }
-._selectValue_nwesf_13._warning_nwesf_29 > span > div {
+._selectValue_1ept5_13._warning_1ept5_29 > span > div {
   color: var(--xmlui-textColor-Select-warning);
   font-size: var(--xmlui-fontSize-Select-warning);
 }
-._selectValue_nwesf_13._valid_nwesf_37 > span {
+._selectValue_1ept5_13._valid_1ept5_37 > span {
   font-size: var(--xmlui-fontSize-Select-success);
   color: var(--xmlui-textColor-placeholder-Select-success);
 }
-._selectValue_nwesf_13._valid_nwesf_37 > span > div {
+._selectValue_1ept5_13._valid_1ept5_37 > span > div {
   color: var(--xmlui-textColor-Select-success);
   font-size: var(--xmlui-fontSize-Select-success);
 }
 
-button._selectTrigger_nwesf_46 {
+button._selectTrigger_1ept5_46 {
   min-height: 2.6rem;
   display: flex;
   padding: var(--xmlui-space-1) var(--xmlui-space-2);
@@ -4757,22 +4764,22 @@ button._selectTrigger_nwesf_46 {
   box-shadow: var(--xmlui-boxShadow-Select-default);
   color: var(--xmlui-textColor-Select-default);
 }
-button._selectTrigger_nwesf_46:hover {
+button._selectTrigger_1ept5_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_nwesf_46:focus {
+button._selectTrigger_1ept5_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_nwesf_46::placeholder {
+button._selectTrigger_1ept5_46::placeholder {
   color: var(--xmlui-textColor-placeholder-Select-default);
 }
-button._selectTrigger_nwesf_46._error_nwesf_21 {
+button._selectTrigger_1ept5_46._error_1ept5_21 {
   border-radius: var(--xmlui-borderRadius-Select-error);
   border-color: var(--xmlui-borderColor-Select-error);
   border-width: var(--xmlui-borderWidth-Select-error);
@@ -4782,22 +4789,22 @@ button._selectTrigger_nwesf_46._error_nwesf_21 {
   box-shadow: var(--xmlui-boxShadow-Select-error);
   color: var(--xmlui-textColor-Select-error);
 }
-button._selectTrigger_nwesf_46._error_nwesf_21:hover {
+button._selectTrigger_1ept5_46._error_1ept5_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_nwesf_46._error_nwesf_21:focus {
+button._selectTrigger_1ept5_46._error_1ept5_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_nwesf_46._error_nwesf_21::placeholder {
+button._selectTrigger_1ept5_46._error_1ept5_21::placeholder {
   color: var(--xmlui-textColor-placeholder-Select-error);
 }
-button._selectTrigger_nwesf_46._warning_nwesf_29 {
+button._selectTrigger_1ept5_46._warning_1ept5_29 {
   border-radius: var(--xmlui-borderRadius-Select-warning);
   border-color: var(--xmlui-borderColor-Select-warning);
   border-width: var(--xmlui-borderWidth-Select-warning);
@@ -4807,22 +4814,22 @@ button._selectTrigger_nwesf_46._warning_nwesf_29 {
   box-shadow: var(--xmlui-boxShadow-Select-warning);
   color: var(--xmlui-textColor-Select-warning);
 }
-button._selectTrigger_nwesf_46._warning_nwesf_29:hover {
+button._selectTrigger_1ept5_46._warning_1ept5_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_nwesf_46._warning_nwesf_29:focus {
+button._selectTrigger_1ept5_46._warning_1ept5_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_nwesf_46._warning_nwesf_29::placeholder {
+button._selectTrigger_1ept5_46._warning_1ept5_29::placeholder {
   color: var(--xmlui-textColor-placeholder-Select-warning);
 }
-button._selectTrigger_nwesf_46._valid_nwesf_37 {
+button._selectTrigger_1ept5_46._valid_1ept5_37 {
   border-radius: var(--xmlui-borderRadius-Select-success);
   border-color: var(--xmlui-borderColor-Select-success);
   border-width: var(--xmlui-borderWidth-Select-success);
@@ -4832,23 +4839,23 @@ button._selectTrigger_nwesf_46._valid_nwesf_37 {
   box-shadow: var(--xmlui-boxShadow-Select-success);
   color: var(--xmlui-textColor-Select-success);
 }
-button._selectTrigger_nwesf_46._valid_nwesf_37:hover {
+button._selectTrigger_1ept5_46._valid_1ept5_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_nwesf_46._valid_nwesf_37:focus {
+button._selectTrigger_1ept5_46._valid_1ept5_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_nwesf_46._valid_nwesf_37::placeholder {
+button._selectTrigger_1ept5_46._valid_1ept5_37::placeholder {
   color: var(--xmlui-textColor-placeholder-Select-success);
 }
 
-._selectTrigger_nwesf_46:disabled {
+._selectTrigger_1ept5_46:disabled {
   cursor: not-allowed;
   opacity: var(--xmlui-opacity-Select--disabled);
   background-color: var(--xmlui-backgroundColor-Select--disabled);
@@ -4856,28 +4863,28 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
   border-color: var(--xmlui-borderColor-Select--disabled);
 }
 
-._selectTrigger_nwesf_46 > span {
+._selectTrigger_1ept5_46 > span {
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
   overflow: hidden;
 }
 
-._badgeListContainer_nwesf_170 {
+._badgeListContainer_1ept5_170 {
   display: flex;
   justify-content: space-between;
   align-items: center;
   width: 100%;
 }
 
-._badgeList_nwesf_170 {
+._badgeList_1ept5_170 {
   gap: 4px;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
 }
 
-._badge_nwesf_170 {
+._badge_1ept5_170 {
   width: fit-content;
   height: fit-content;
   min-width: 0;
@@ -4894,27 +4901,27 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
   background-color: var(--xmlui-backgroundColor-Select-badge);
   color: var(--xmlui-textColor-Select-badge);
 }
-._badge_nwesf_170:hover {
+._badge_1ept5_170:hover {
   background-color: var(--xmlui-backgroundColor-Select-badge--hover);
   color: var(--xmlui-textColor-Select-badge--hover);
 }
-._badge_nwesf_170:active {
+._badge_1ept5_170:active {
   background-color: var(--xmlui-backgroundColor-Select-badge--active);
   color: var(--xmlui-textColor-Select-badge--active);
 }
 
-._actions_nwesf_210 {
+._actions_1ept5_210 {
   display: flex;
   align-items: center;
   justify-content: space-between;
 }
 
-._placeholder_nwesf_216 {
+._placeholder_1ept5_216 {
   display: block;
   color: var(--xmlui-textColor-placeholder-Select);
 }
 
-._emptyList_nwesf_221 {
+._emptyList_1ept5_221 {
   display: flex;
   gap: 0.2rem;
   padding: 10px 0;
@@ -4924,7 +4931,7 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
   width: 100%;
 }
 
-._selectScrollUpButton_nwesf_231 {
+._selectScrollUpButton_1ept5_231 {
   display: flex;
   cursor: default;
   align-items: center;
@@ -4933,7 +4940,7 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
   padding-bottom: 0.25rem;
 }
 
-._selectScrollDownButton_nwesf_240 {
+._selectScrollDownButton_1ept5_240 {
   display: flex;
   cursor: default;
   align-items: center;
@@ -4942,7 +4949,7 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
   padding-bottom: 0.25rem;
 }
 
-._command_nwesf_249 {
+._command_1ept5_249 {
   display: flex;
   flex-direction: column;
   height: 100%;
@@ -4952,14 +4959,14 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
   background-color: var(--xmlui-backgroundColor-menu-Select);
 }
 
-._commandInputContainer_nwesf_259 {
+._commandInputContainer_1ept5_259 {
   display: flex;
   align-items: center;
   padding: 0 12px;
   border-bottom: 1px solid var(--xmlui-borderColor);
 }
 
-._commandInput_nwesf_259 {
+._commandInput_1ept5_259 {
   flex: 1;
   background-color: transparent;
   padding: 0.5rem;
@@ -4967,22 +4974,22 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
   outline: none;
   border: none;
 }
-._commandInput_nwesf_259:focus {
+._commandInput_1ept5_259:focus {
   outline: none;
   box-shadow: none;
   border: 0;
 }
-._commandInput_nwesf_259:disabled {
+._commandInput_1ept5_259:disabled {
   cursor: not-allowed;
   opacity: var(--xmlui-opacity-Select--disabled);
 }
 
-._commandList_nwesf_284 {
+._commandList_1ept5_284 {
   overflow-y: auto;
   overflow-x: hidden;
 }
 
-._selectContent_nwesf_289 {
+._selectContent_1ept5_289 {
   position: relative;
   z-index: 50;
   overflow: auto;
@@ -4991,38 +4998,38 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
   box-shadow: var(--xmlui-boxShadow-menu-Select);
   border: var(--xmlui-borderWidth-menu-Select) solid var(--xmlui-borderColor-menu-Select);
 }
-._selectContent_nwesf_289[data-state=open] {
-  animation: _fadeIn_nwesf_1 0.3s ease-in-out, _zoomIn_nwesf_1 0.3s ease-in-out;
+._selectContent_1ept5_289[data-state=open] {
+  animation: _fadeIn_1ept5_1 0.3s ease-in-out, _zoomIn_1ept5_1 0.3s ease-in-out;
 }
-._selectContent_nwesf_289[data-state=closed] {
-  animation: _fadeOut_nwesf_1 0.3s ease-in-out, _zoomOut_nwesf_1 0.3s 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_nwesf_289[data-side=bottom] {
-  animation: _slideInFromTop_nwesf_1 0.08s ease-in-out;
+._selectContent_1ept5_289[data-side=bottom] {
+  animation: _slideInFromTop_1ept5_1 0.08s ease-in-out;
 }
-._selectContent_nwesf_289[data-side=left] {
-  animation: _slideInFromRight_nwesf_1 0.3s ease-in-out;
+._selectContent_1ept5_289[data-side=left] {
+  animation: _slideInFromRight_1ept5_1 0.3s ease-in-out;
 }
-._selectContent_nwesf_289[data-side=right] {
-  animation: _slideInFromLeft_nwesf_1 0.3s ease-in-out;
+._selectContent_1ept5_289[data-side=right] {
+  animation: _slideInFromLeft_1ept5_1 0.3s ease-in-out;
 }
-._selectContent_nwesf_289[data-side=top] {
-  animation: _slideInFromBottom_nwesf_1 0.3s ease-in-out;
+._selectContent_1ept5_289[data-side=top] {
+  animation: _slideInFromBottom_1ept5_1 0.3s ease-in-out;
 }
-._selectContent_nwesf_289[data-side=bottom] {
+._selectContent_1ept5_289[data-side=bottom] {
   transform: translateY(0.25rem);
 }
-._selectContent_nwesf_289[data-side=left] {
+._selectContent_1ept5_289[data-side=left] {
   transform: translateX(-0.25rem);
 }
-._selectContent_nwesf_289[data-side=right] {
+._selectContent_1ept5_289[data-side=right] {
   transform: translateX(0.25rem);
 }
-._selectContent_nwesf_289[data-side=top] {
+._selectContent_1ept5_289[data-side=top] {
   transform: translateY(-0.25rem);
 }
 
-._multiComboboxOption_nwesf_329 ._multiComboboxOptionContent_nwesf_329 {
+._multiComboboxOption_1ept5_329 ._multiComboboxOptionContent_1ept5_329 {
   width: 100%;
   gap: 1rem;
   display: flex;
@@ -5037,17 +5044,17 @@ button._selectTrigger_nwesf_46._valid_nwesf_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_nwesf_329[data-selected=true] {
+._multiComboboxOption_1ept5_329[data-selected=true] {
   background-color: var(--xmlui-backgroundColor-item-Select--hover);
 }
-._multiComboboxOption_nwesf_329[data-disabled=true] {
+._multiComboboxOption_1ept5_329[data-disabled=true] {
   pointer-events: none;
   opacity: var(--xmlui-opacity-text-item-Select--disabled);
   cursor: not-allowed;
   font-style: italic;
 }
 
-._selectItem_nwesf_354 {
+._selectItem_1ept5_354 {
   position: relative;
   display: flex;
   cursor: default;
@@ -5056,15 +5063,14 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
   outline: none;
   font-size: var(--xmlui-fontSize-Select);
 }
-._selectItem_nwesf_354[data-highlighted] {
+._selectItem_1ept5_354[data-highlighted] {
   background-color: var(--xmlui-backgroundColor-item-Select--hover);
 }
-._selectItem_nwesf_354[data-state=checked] {
+._selectItem_1ept5_354[data-state=checked] {
   background-color: var(--xmlui-backgroundColor-item-Select--active);
 }
-._selectItem_nwesf_354 ._selectItemContent_nwesf_369 {
+._selectItem_1ept5_354 ._selectItemContent_1ept5_369 {
   width: 100%;
-  height: 100%;
   display: flex;
   cursor: default;
   user-select: none;
@@ -5077,14 +5083,14 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
   padding-bottom: var(--xmlui-paddingBottom-item-Select, var(--xmlui-paddingVertical-item-Select, var(--xmlui-padding-item-Select)));
 }
 
-._selectItem_nwesf_354[data-disabled] {
+._selectItem_1ept5_354[data-disabled] {
   pointer-events: none;
   opacity: var(--xmlui-opacity-text-item-Select--disabled);
   cursor: not-allowed;
   font-style: italic;
 }
 
-._selectItemIndicator_nwesf_391 {
+._selectItemIndicator_1ept5_390 {
   position: absolute;
   right: 0.5rem;
   display: flex;
@@ -5095,13 +5101,13 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
   color: var(--xmlui-textColor-indicator-Select);
 }
 
-._selectViewport_nwesf_402 {
+._selectViewport_1ept5_401 {
   height: var(--radix-select-trigger-height);
   width: 100%;
   min-width: var(--radix-select-trigger-width);
 }
 
-._selectEmpty_nwesf_408 {
+._selectEmpty_1ept5_407 {
   display: flex;
   gap: 0.2rem;
   height: 100%;
@@ -5112,11 +5118,11 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
   width: 100%;
 }
 
-._loading_nwesf_419 {
+._loading_1ept5_418 {
   padding: 0.5rem 1rem;
 }
 
-._srOnly_nwesf_423 {
+._srOnly_1ept5_422 {
   position: absolute;
   width: 1px;
   height: 1px;
@@ -5128,7 +5134,7 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
   border: 0;
 }
 
-@keyframes _fadeIn_nwesf_1 {
+@keyframes _fadeIn_1ept5_1 {
   from {
     opacity: 0;
   }
@@ -5136,7 +5142,7 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
     opacity: 1;
   }
 }
-@keyframes _fadeOut_nwesf_1 {
+@keyframes _fadeOut_1ept5_1 {
   from {
     opacity: 1;
   }
@@ -5144,7 +5150,7 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
     opacity: 0;
   }
 }
-@keyframes _zoomIn_nwesf_1 {
+@keyframes _zoomIn_1ept5_1 {
   from {
     transform: scale(0.95);
   }
@@ -5152,7 +5158,7 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
     transform: scale(1);
   }
 }
-@keyframes _zoomOut_nwesf_1 {
+@keyframes _zoomOut_1ept5_1 {
   from {
     transform: scale(1);
   }
@@ -5160,7 +5166,7 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
     transform: scale(0.95);
   }
 }
-@keyframes _slideInFromTop_nwesf_1 {
+@keyframes _slideInFromTop_1ept5_1 {
   from {
     transform: translateY(-0.75rem);
   }
@@ -5168,7 +5174,7 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
     transform: translateY(0);
   }
 }
-@keyframes _slideInFromBottom_nwesf_1 {
+@keyframes _slideInFromBottom_1ept5_1 {
   from {
     transform: translateY(0.75rem);
   }
@@ -5176,7 +5182,7 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
     transform: translateY(0);
   }
 }
-@keyframes _slideInFromLeft_nwesf_1 {
+@keyframes _slideInFromLeft_1ept5_1 {
   from {
     transform: translateX(-100%);
   }
@@ -5184,7 +5190,7 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
     transform: translateX(0);
   }
 }
-@keyframes _slideInFromRight_nwesf_1 {
+@keyframes _slideInFromRight_1ept5_1 {
   from {
     transform: translateX(100%);
   }
@@ -5322,7 +5328,7 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
  * This function allows other CSS modules to get the value of the CSS variable specified in $componentVariable.
  Optionally, you can provide a $fallbackValue to set the variable's value if that is not defined.
  */
-._datePicker_1lk6v_13 {
+._datePicker_qilmv_13 {
   display: flex;
   align-items: center;
   cursor: pointer;
@@ -5344,25 +5350,25 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
   color: var(--xmlui-textColor-DatePicker-default);
   padding: var(--xmlui-padding-DatePicker-default);
 }
-._datePicker_1lk6v_13:hover {
+._datePicker_qilmv_13:hover {
   border-color: var(--xmlui-borderColor-DatePicker-default--hover);
   background-color: var(--xmlui-backgroundColor-DatePicker-default--hover);
   box-shadow: var(--xmlui-boxShadow-DatePicker-default--hover);
   color: var(--xmlui-textColor-DatePicker-default--hover);
 }
-._datePicker_1lk6v_13:focus {
+._datePicker_qilmv_13:focus {
   outline-width: var(--xmlui-outlineWidth-DatePicker-default--focus);
   outline-color: var(--xmlui-outlineColor-DatePicker-default--focus);
   outline-style: var(--xmlui-outlineStyle-DatePicker-default--focus);
   outline-offset: var(--xmlui-outlineOffset-DatePicker-default--focus);
 }
-._datePicker_1lk6v_13 ._placeholder_1lk6v_47 {
+._datePicker_qilmv_13 ._placeholder_qilmv_47 {
   color: var(--xmlui-textColor-placeholder-DatePicker-default);
 }
-._datePicker_1lk6v_13 ._adornment_1lk6v_50 {
+._datePicker_qilmv_13 ._adornment_qilmv_50 {
   color: var(--xmlui-textColor-adornment-DatePicker-default);
 }
-._datePicker_1lk6v_13._error_1lk6v_53 {
+._datePicker_qilmv_13._error_qilmv_53 {
   border-radius: var(--xmlui-borderRadius-DatePicker-error);
   border-color: var(--xmlui-borderColor-DatePicker-error);
   border-width: var(--xmlui-borderWidth-DatePicker-error);
@@ -5372,25 +5378,25 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
   color: var(--xmlui-textColor-DatePicker-error);
   padding: var(--xmlui-padding-DatePicker-error);
 }
-._datePicker_1lk6v_13._error_1lk6v_53:hover {
+._datePicker_qilmv_13._error_qilmv_53:hover {
   border-color: var(--xmlui-borderColor-DatePicker-error--hover);
   background-color: var(--xmlui-backgroundColor-DatePicker-error--hover);
   box-shadow: var(--xmlui-boxShadow-DatePicker-error--hover);
   color: var(--xmlui-textColor-DatePicker-error--hover);
 }
-._datePicker_1lk6v_13._error_1lk6v_53:focus {
+._datePicker_qilmv_13._error_qilmv_53:focus {
   outline-width: var(--xmlui-outlineWidth-DatePicker-error--focus);
   outline-color: var(--xmlui-outlineColor-DatePicker-error--focus);
   outline-style: var(--xmlui-outlineStyle-DatePicker-error--focus);
   outline-offset: var(--xmlui-outlineOffset-DatePicker-error--focus);
 }
-._datePicker_1lk6v_13._error_1lk6v_53 ._placeholder_1lk6v_47 {
+._datePicker_qilmv_13._error_qilmv_53 ._placeholder_qilmv_47 {
   color: var(--xmlui-textColor-placeholder-DatePicker-error);
 }
-._datePicker_1lk6v_13._error_1lk6v_53 ._adornment_1lk6v_50 {
+._datePicker_qilmv_13._error_qilmv_53 ._adornment_qilmv_50 {
   color: var(--xmlui-textColor-adornment-DatePicker-error);
 }
-._datePicker_1lk6v_13._warning_1lk6v_81 {
+._datePicker_qilmv_13._warning_qilmv_81 {
   border-radius: var(--xmlui-borderRadius-DatePicker-warning);
   border-color: var(--xmlui-borderColor-DatePicker-warning);
   border-width: var(--xmlui-borderWidth-DatePicker-warning);
@@ -5400,25 +5406,25 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
   color: var(--xmlui-textColor-DatePicker-warning);
   padding: var(--xmlui-padding-DatePicker-warning);
 }
-._datePicker_1lk6v_13._warning_1lk6v_81:hover {
+._datePicker_qilmv_13._warning_qilmv_81:hover {
   border-color: var(--xmlui-borderColor-DatePicker-warning--hover);
   background-color: var(--xmlui-backgroundColor-DatePicker-warning--hover);
   box-shadow: var(--xmlui-boxShadow-DatePicker-warning--hover);
   color: var(--xmlui-textColor-DatePicker-warning--hover);
 }
-._datePicker_1lk6v_13._warning_1lk6v_81:focus {
+._datePicker_qilmv_13._warning_qilmv_81:focus {
   outline-width: var(--xmlui-outlineWidth-DatePicker-warning--focus);
   outline-color: var(--xmlui-outlineColor-DatePicker-warning--focus);
   outline-style: var(--xmlui-outlineStyle-DatePicker-warning--focus);
   outline-offset: var(--xmlui-outlineOffset-DatePicker-warning--focus);
 }
-._datePicker_1lk6v_13._warning_1lk6v_81 ._placeholder_1lk6v_47 {
+._datePicker_qilmv_13._warning_qilmv_81 ._placeholder_qilmv_47 {
   color: var(--xmlui-textColor-placeholder-DatePicker-warning);
 }
-._datePicker_1lk6v_13._warning_1lk6v_81 ._adornment_1lk6v_50 {
+._datePicker_qilmv_13._warning_qilmv_81 ._adornment_qilmv_50 {
   color: var(--xmlui-textColor-adornment-DatePicker-warning);
 }
-._datePicker_1lk6v_13._valid_1lk6v_109 {
+._datePicker_qilmv_13._valid_qilmv_109 {
   border-radius: var(--xmlui-borderRadius-DatePicker-success);
   border-color: var(--xmlui-borderColor-DatePicker-success);
   border-width: var(--xmlui-borderWidth-DatePicker-success);
@@ -5428,40 +5434,40 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
   color: var(--xmlui-textColor-DatePicker-success);
   padding: var(--xmlui-padding-DatePicker-success);
 }
-._datePicker_1lk6v_13._valid_1lk6v_109:hover {
+._datePicker_qilmv_13._valid_qilmv_109:hover {
   border-color: var(--xmlui-borderColor-DatePicker-success--hover);
   background-color: var(--xmlui-backgroundColor-DatePicker-success--hover);
   box-shadow: var(--xmlui-boxShadow-DatePicker-success--hover);
   color: var(--xmlui-textColor-DatePicker-success--hover);
 }
-._datePicker_1lk6v_13._valid_1lk6v_109:focus {
+._datePicker_qilmv_13._valid_qilmv_109:focus {
   outline-width: var(--xmlui-outlineWidth-DatePicker-success--focus);
   outline-color: var(--xmlui-outlineColor-DatePicker-success--focus);
   outline-style: var(--xmlui-outlineStyle-DatePicker-success--focus);
   outline-offset: var(--xmlui-outlineOffset-DatePicker-success--focus);
 }
-._datePicker_1lk6v_13._valid_1lk6v_109 ._placeholder_1lk6v_47 {
+._datePicker_qilmv_13._valid_qilmv_109 ._placeholder_qilmv_47 {
   color: var(--xmlui-textColor-placeholder-DatePicker-success);
 }
-._datePicker_1lk6v_13._valid_1lk6v_109 ._adornment_1lk6v_50 {
+._datePicker_qilmv_13._valid_qilmv_109 ._adornment_qilmv_50 {
   color: var(--xmlui-textColor-adornment-DatePicker-success);
 }
-._datePicker_1lk6v_13._disabled_1lk6v_137 {
+._datePicker_qilmv_13._disabled_qilmv_137 {
   cursor: not-allowed;
   background-color: var(--xmlui-backgroundColor-DatePicker--disabled);
   color: var(--xmlui-textColor-DatePicker--disabled);
   border-color: var(--xmlui-borderColor-DatePicker--disabled);
 }
-._datePicker_1lk6v_13._disabled_1lk6v_137 ._indicator_1lk6v_143, ._datePicker_1lk6v_13._disabled_1lk6v_137 ._datePickerInput_1lk6v_143 {
+._datePicker_qilmv_13._disabled_qilmv_137 ._indicator_qilmv_143, ._datePicker_qilmv_13._disabled_qilmv_137 ._datePickerInput_qilmv_143 {
   cursor: not-allowed;
 }
 
-._datePickerValue_1lk6v_147 {
+._datePickerValue_qilmv_147 {
   display: flex;
   flex: 1;
 }
 
-._inlinePickerMenu_1lk6v_152 {
+._inlinePickerMenu_qilmv_152 {
   padding: 0;
   overflow-y: auto;
   width: fit-content !important;
@@ -5475,25 +5481,25 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
   color: var(--xmlui-textColor-DatePicker-default);
   padding: var(--xmlui-padding-DatePicker-default);
 }
-._inlinePickerMenu_1lk6v_152:hover {
+._inlinePickerMenu_qilmv_152:hover {
   border-color: var(--xmlui-borderColor-DatePicker-default--hover);
   background-color: var(--xmlui-backgroundColor-DatePicker-default--hover);
   box-shadow: var(--xmlui-boxShadow-DatePicker-default--hover);
   color: var(--xmlui-textColor-DatePicker-default--hover);
 }
-._inlinePickerMenu_1lk6v_152:focus {
+._inlinePickerMenu_qilmv_152:focus {
   outline-width: var(--xmlui-outlineWidth-DatePicker-default--focus);
   outline-color: var(--xmlui-outlineColor-DatePicker-default--focus);
   outline-style: var(--xmlui-outlineStyle-DatePicker-default--focus);
   outline-offset: var(--xmlui-outlineOffset-DatePicker-default--focus);
 }
-._inlinePickerMenu_1lk6v_152 ._placeholder_1lk6v_47 {
+._inlinePickerMenu_qilmv_152 ._placeholder_qilmv_47 {
   color: var(--xmlui-textColor-placeholder-DatePicker-default);
 }
-._inlinePickerMenu_1lk6v_152 ._adornment_1lk6v_50 {
+._inlinePickerMenu_qilmv_152 ._adornment_qilmv_50 {
   color: var(--xmlui-textColor-adornment-DatePicker-default);
 }
-._inlinePickerMenu_1lk6v_152._error_1lk6v_53 {
+._inlinePickerMenu_qilmv_152._error_qilmv_53 {
   border-radius: var(--xmlui-borderRadius-DatePicker-error);
   border-color: var(--xmlui-borderColor-DatePicker-error);
   border-width: var(--xmlui-borderWidth-DatePicker-error);
@@ -5503,25 +5509,25 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
   color: var(--xmlui-textColor-DatePicker-error);
   padding: var(--xmlui-padding-DatePicker-error);
 }
-._inlinePickerMenu_1lk6v_152._error_1lk6v_53:hover {
+._inlinePickerMenu_qilmv_152._error_qilmv_53:hover {
   border-color: var(--xmlui-borderColor-DatePicker-error--hover);
   background-color: var(--xmlui-backgroundColor-DatePicker-error--hover);
   box-shadow: var(--xmlui-boxShadow-DatePicker-error--hover);
   color: var(--xmlui-textColor-DatePicker-error--hover);
 }
-._inlinePickerMenu_1lk6v_152._error_1lk6v_53:focus {
+._inlinePickerMenu_qilmv_152._error_qilmv_53:focus {
   outline-width: var(--xmlui-outlineWidth-DatePicker-error--focus);
   outline-color: var(--xmlui-outlineColor-DatePicker-error--focus);
   outline-style: var(--xmlui-outlineStyle-DatePicker-error--focus);
   outline-offset: var(--xmlui-outlineOffset-DatePicker-error--focus);
 }
-._inlinePickerMenu_1lk6v_152._error_1lk6v_53 ._placeholder_1lk6v_47 {
+._inlinePickerMenu_qilmv_152._error_qilmv_53 ._placeholder_qilmv_47 {
   color: var(--xmlui-textColor-placeholder-DatePicker-error);
 }
-._inlinePickerMenu_1lk6v_152._error_1lk6v_53 ._adornment_1lk6v_50 {
+._inlinePickerMenu_qilmv_152._error_qilmv_53 ._adornment_qilmv_50 {
   color: var(--xmlui-textColor-adornment-DatePicker-error);
 }
-._inlinePickerMenu_1lk6v_152._warning_1lk6v_81 {
+._inlinePickerMenu_qilmv_152._warning_qilmv_81 {
   border-radius: var(--xmlui-borderRadius-DatePicker-warning);
   border-color: var(--xmlui-borderColor-DatePicker-warning);
   border-width: var(--xmlui-borderWidth-DatePicker-warning);
@@ -5531,25 +5537,25 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
   color: var(--xmlui-textColor-DatePicker-warning);
   padding: var(--xmlui-padding-DatePicker-warning);
 }
-._inlinePickerMenu_1lk6v_152._warning_1lk6v_81:hover {
+._inlinePickerMenu_qilmv_152._warning_qilmv_81:hover {
   border-color: var(--xmlui-borderColor-DatePicker-warning--hover);
   background-color: var(--xmlui-backgroundColor-DatePicker-warning--hover);
   box-shadow: var(--xmlui-boxShadow-DatePicker-warning--hover);
   color: var(--xmlui-textColor-DatePicker-warning--hover);
 }
-._inlinePickerMenu_1lk6v_152._warning_1lk6v_81:focus {
+._inlinePickerMenu_qilmv_152._warning_qilmv_81:focus {
   outline-width: var(--xmlui-outlineWidth-DatePicker-warning--focus);
   outline-color: var(--xmlui-outlineColor-DatePicker-warning--focus);
   outline-style: var(--xmlui-outlineStyle-DatePicker-warning--focus);
   outline-offset: var(--xmlui-outlineOffset-DatePicker-warning--focus);
 }
-._inlinePickerMenu_1lk6v_152._warning_1lk6v_81 ._placeholder_1lk6v_47 {
+._inlinePickerMenu_qilmv_152._warning_qilmv_81 ._placeholder_qilmv_47 {
   color: var(--xmlui-textColor-placeholder-DatePicker-warning);
 }
-._inlinePickerMenu_1lk6v_152._warning_1lk6v_81 ._adornment_1lk6v_50 {
+._inlinePickerMenu_qilmv_152._warning_qilmv_81 ._adornment_qilmv_50 {
   color: var(--xmlui-textColor-adornment-DatePicker-warning);
 }
-._inlinePickerMenu_1lk6v_152._valid_1lk6v_109 {
+._inlinePickerMenu_qilmv_152._valid_qilmv_109 {
   border-radius: var(--xmlui-borderRadius-DatePicker-success);
   border-color: var(--xmlui-borderColor-DatePicker-success);
   border-width: var(--xmlui-borderWidth-DatePicker-success);
@@ -5559,41 +5565,42 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
   color: var(--xmlui-textColor-DatePicker-success);
   padding: var(--xmlui-padding-DatePicker-success);
 }
-._inlinePickerMenu_1lk6v_152._valid_1lk6v_109:hover {
+._inlinePickerMenu_qilmv_152._valid_qilmv_109:hover {
   border-color: var(--xmlui-borderColor-DatePicker-success--hover);
   background-color: var(--xmlui-backgroundColor-DatePicker-success--hover);
   box-shadow: var(--xmlui-boxShadow-DatePicker-success--hover);
   color: var(--xmlui-textColor-DatePicker-success--hover);
 }
-._inlinePickerMenu_1lk6v_152._valid_1lk6v_109:focus {
+._inlinePickerMenu_qilmv_152._valid_qilmv_109:focus {
   outline-width: var(--xmlui-outlineWidth-DatePicker-success--focus);
   outline-color: var(--xmlui-outlineColor-DatePicker-success--focus);
   outline-style: var(--xmlui-outlineStyle-DatePicker-success--focus);
   outline-offset: var(--xmlui-outlineOffset-DatePicker-success--focus);
 }
-._inlinePickerMenu_1lk6v_152._valid_1lk6v_109 ._placeholder_1lk6v_47 {
+._inlinePickerMenu_qilmv_152._valid_qilmv_109 ._placeholder_qilmv_47 {
   color: var(--xmlui-textColor-placeholder-DatePicker-success);
 }
-._inlinePickerMenu_1lk6v_152._valid_1lk6v_109 ._adornment_1lk6v_50 {
+._inlinePickerMenu_qilmv_152._valid_qilmv_109 ._adornment_qilmv_50 {
   color: var(--xmlui-textColor-adornment-DatePicker-success);
 }
 
-._datePickerMenu_1lk6v_269 {
+._root_qilmv_269 {
+  width: fit-content;
+  margin: 2rem;
+}
+
+._datePickerMenu_qilmv_274 {
   padding: 0;
   overflow-y: auto;
   height: fit-content;
   box-shadow: var(--xmlui-boxShadow-menu-DatePicker);
   background-color: var(--xmlui-backgroundColor-menu-DatePicker);
   border-radius: var(--xmlui-borderRadius-menu-DatePicker);
-}
-
-._root_1lk6v_278 {
-  width: fit-content;
-  margin: 2rem;
+  border: 1px solid var(--xmlui-backgroundColor-item-DatePicker--active);
 }
 
 /* Hide elements for devices that are not screen readers */
-._vhidden_1lk6v_284 {
+._vhidden_qilmv_285 {
   box-sizing: border-box;
   padding: 0;
   margin: 0;
@@ -5606,14 +5613,13 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
   top: 0;
   width: 1px !important;
   height: 1px !important;
-  padding: 0 !important;
   overflow: hidden !important;
   clip: rect(1px, 1px, 1px, 1px) !important;
   border: 0 !important;
 }
 
 /* Buttons */
-._button_reset_1lk6v_304 {
+._button_reset_qilmv_304 {
   appearance: none;
   position: relative;
   margin: 0;
@@ -5626,61 +5632,77 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
   -webkit-appearance: none;
 }
 
-._button_reset_1lk6v_304:focus-visible {
+._button_reset_qilmv_304:focus-visible {
   /* Make sure to reset outline only when :focus-visible is supported */
   outline: none;
 }
 
-._button_1lk6v_304 {
-  border: 2px solid transparent;
-}
-
-._button_1lk6v_304[disabled]:not(._day_selected_1lk6v_326) {
+._button_qilmv_304[disabled]:not(._day_selected_qilmv_322) {
   opacity: 0.25;
 }
 
-._button_1lk6v_304:not([disabled]) {
+._button_qilmv_304:not([disabled]) {
   cursor: pointer;
 }
 
-._button_1lk6v_304:focus-visible:not([disabled]) {
+._button_qilmv_304:focus-visible:not([disabled]) {
   color: inherit;
   background-color: var(--xmlui-backgroundColor-item-DatePicker--hover);
   border: 2px solid var(--xmlui-backgroundColor-item-DatePicker--active);
 }
 
-._button_1lk6v_304:hover:not([disabled]):not(._day_selected_1lk6v_326) {
+._button_next_qilmv_336:hover:not([disabled]):not(._day_selected_qilmv_322),
+._button_previous_qilmv_337:hover:not([disabled]):not(._day_selected_qilmv_322) {
   background-color: var(--xmlui-backgroundColor-item-DatePicker--hover);
 }
 
-._months_1lk6v_344 {
+._button_next_qilmv_336,
+._button_previous_qilmv_337 {
+  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;
+}
+
+._button_next_qilmv_336:disabled,
+._button_next_qilmv_336[aria-disabled=true],
+._button_previous_qilmv_337:disabled,
+._button_previous_qilmv_337[aria-disabled=true] {
+  cursor: revert;
+  opacity: 0.25;
+}
+
+._months_qilmv_367 {
   display: flex;
 }
 
-._month_1lk6v_344 {
+._month_qilmv_367 {
   margin: 0 1em;
 }
 
-._month_1lk6v_344:first-child {
+._month_qilmv_367:first-child {
   margin-left: 0;
 }
 
-._month_1lk6v_344:last-child {
+._month_qilmv_367:last-child {
   margin-right: 0;
 }
 
-._table_1lk6v_360 {
-  margin: 0;
-  max-width: 280px;
+._month_grid_qilmv_383 {
   border-collapse: collapse;
 }
 
-._with_weeknumber_1lk6v_366 ._table_1lk6v_360 {
-  max-width: 320px;
-  border-collapse: collapse;
-}
-
-._caption_1lk6v_371 {
+._caption_qilmv_387 {
   display: flex;
   align-items: center;
   justify-content: space-between;
@@ -5688,18 +5710,18 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
   text-align: left;
 }
 
-._multiple_months_1lk6v_379 ._caption_1lk6v_371 {
+._multiple_months_qilmv_395 ._caption_qilmv_387 {
   position: relative;
   display: block;
   text-align: center;
 }
 
-._caption_dropdowns_1lk6v_385 {
+._caption_dropdowns_qilmv_401 {
   position: relative;
   display: inline-flex;
 }
 
-._caption_label_1lk6v_390 {
+._caption_label_qilmv_406 {
   position: relative;
   z-index: 1;
   display: inline-flex;
@@ -5708,32 +5730,36 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
   padding: 0 0.25em;
   white-space: nowrap;
   color: currentColor;
-  border: 0;
   border: 2px solid transparent;
   font-family: inherit;
   font-size: 18px;
   font-weight: bold;
 }
 
-._nav_1lk6v_406 {
+._chevron_qilmv_421 {
+  display: inline-block;
+  fill: var(--xmlui-textColor-primary);
+}
+
+._nav_qilmv_426 {
   white-space: nowrap;
 }
 
-._multiple_months_1lk6v_379 ._caption_start_1lk6v_410 ._nav_1lk6v_406 {
+._multiple_months_qilmv_395 ._caption_start_qilmv_430 ._nav_qilmv_426 {
   position: absolute;
   top: 50%;
   left: 0;
   transform: translateY(-50%);
 }
 
-._multiple_months_1lk6v_379 ._caption_end_1lk6v_417 ._nav_1lk6v_406 {
+._multiple_months_qilmv_395 ._caption_end_qilmv_437 ._nav_qilmv_426 {
   position: absolute;
   top: 50%;
   right: 0;
   transform: translateY(-50%);
 }
 
-._nav_button_1lk6v_424 {
+._nav_button_qilmv_444 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -5746,14 +5772,21 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
 /* ---------- */
 /* Dropdowns  */
 /* ---------- */
-._dropdown_year_1lk6v_437,
-._dropdown_month_1lk6v_438 {
+._dropdowns_qilmv_457 {
   position: relative;
   display: inline-flex;
   align-items: center;
+  gap: var(--xmlui-space-1);
 }
 
-._dropdown_1lk6v_437 {
+._dropdown_year_qilmv_464,
+._dropdown_month_qilmv_465 {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+}
+
+._dropdown_qilmv_457 {
   appearance: none;
   position: absolute;
   z-index: 2;
@@ -5772,50 +5805,18 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
   line-height: inherit;
 }
 
-._dropdown_1lk6v_437[disabled] {
+._dropdown_qilmv_457[disabled] {
   opacity: unset;
   color: unset;
 }
 
-._dropdown_1lk6v_437:focus-visible:not([disabled]) + ._caption_label_1lk6v_390 {
+._dropdown_qilmv_457:focus-visible:not([disabled]) + ._caption_label_qilmv_406 {
   background-color: var(--xmlui-backgroundColor-item-DatePicker--hover);
   border: 2px solid var(--xmlui-backgroundColor-item-DatePicker--active);
   border-radius: 6px;
 }
 
-._dropdown_icon_1lk6v_474 {
-  margin: 0 0 0 5px;
-}
-
-._head_1lk6v_478 {
-  border: 0;
-}
-
-._head_row_1lk6v_482,
-._row_1lk6v_483 {
-  height: 100%;
-}
-
-._head_cell_1lk6v_487 {
-  vertical-align: middle;
-  font-size: 0.75em;
-  font-weight: 700;
-  text-align: center;
-  height: 100%;
-  height: 40px;
-  padding: 0;
-  text-transform: uppercase;
-}
-
-._tbody_1lk6v_498 {
-  border: 0;
-}
-
-._tfoot_1lk6v_502 {
-  margin: 0.5em;
-}
-
-._cell_1lk6v_506 {
+._day_qilmv_322 {
   width: 40px;
   height: 100%;
   height: 40px;
@@ -5823,12 +5824,18 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
   text-align: center;
 }
 
-._weeknumber_1lk6v_514 {
+._weekday_qilmv_509 {
+  font-weight: 500;
+  font-size: smaller;
+}
+
+._week_number_qilmv_514 {
   font-size: 0.75em;
+  font-weight: 400;
 }
 
-._weeknumber_1lk6v_514,
-._day_1lk6v_326 {
+._day_button_qilmv_519 {
+  background: none;
   display: flex;
   overflow: hidden;
   align-items: center;
@@ -5842,54 +5849,62 @@ button._selectTrigger_nwesf_46._valid_nwesf_37::placeholder {
   border-radius: 100%;
 }
 
-._day_today_1lk6v_533:not(._day_outside_1lk6v_533) {
+._day_button_qilmv_519:disabled {
+  cursor: not-allowed;
+  opacity: 0.2;
+  font-style: italic;
+}
+
+._today_qilmv_540:not(._outside_qilmv_540) {
   font-weight: bold;
 }
 
-._day_selected_1lk6v_326,
-._day_selected_1lk6v_326:focus-visible,
-._day_selected_1lk6v_326:hover {
+._selected_qilmv_544,
+._selected_qilmv_544:focus-visible,
+._selected_qilmv_544:hover {
   color: var(--xmlui-textColor-value-DatePicker);
   opacity: 1;
+  font-weight: bold;
+  border-radius: 100%;
   background-color: var(--xmlui-backgroundColor-item-DatePicker--active);
 }
 
-._day_outside_1lk6v_533 {
-  opacity: 0.5;
+._outside_qilmv_540 {
+  opacity: 0.7;
 }
 
-._day_selected_1lk6v_326:focus-visible {
+._selected_qilmv_544:focus-visible {
   /* Since the background is the same use again the outline */
   outline: 2px solid var(--xmlui-backgroundColor-item-DatePicker--active);
   outline-offset: 2px;
   z-index: 1;
 }
 
-._root_1lk6v_278:not([dir=rtl]) ._day_range_start_1lk6v_556:not(._day_range_end_1lk6v_556) {
+._root_qilmv_269:not([dir=rtl]) ._day_range_start_qilmv_565:not(._day_range_end_qilmv_565) {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
 
-._root_1lk6v_278:not([dir=rtl]) ._day_range_end_1lk6v_556:not(._day_range_start_1lk6v_556) {
+._root_qilmv_269:not([dir=rtl]) ._day_range_end_qilmv_565:not(._day_range_start_qilmv_565) {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
 
-._root_1lk6v_278[dir=rtl] ._day_range_start_1lk6v_556:not(._day_range_end_1lk6v_556) {
+._root_qilmv_269[dir=rtl] ._day_range_start_qilmv_565:not(._day_range_end_qilmv_565) {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
 
-._root_1lk6v_278[dir=rtl] ._day_range_end_1lk6v_556:not(._day_range_start_1lk6v_556) {
+._root_qilmv_269[dir=rtl] ._day_range_end_qilmv_565:not(._day_range_start_qilmv_565) {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
 
-._day_range_end_1lk6v_556._day_range_start_1lk6v_556 {
+._day_range_end_qilmv_565._day_range_start_qilmv_565 {
   border-radius: 100%;
 }
 
-._day_range_middle_1lk6v_580 {
+._day_range_middle_qilmv_589 {
   border-radius: 0;
 }/*
  * This file contains all CSS variables AppEngine uses for styling the UI, including individual visual components.
@@ -7109,76 +7124,86 @@ 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.
  */
-._tabs_1mgc2_13 {
+._tabs_1ggvi_13 {
   display: flex;
-  flex: 1 1 auto;
   width: 100%;
   background-color: var(--xmlui-backgroundColor-Tabs);
   overflow: hidden;
 }
-._tabs_1mgc2_13[data-orientation=horizontal] {
+._tabs_1ggvi_13[data-orientation=vertical] {
   flex-direction: row;
 }
-._tabs_1mgc2_13[data-orientation=vertical] {
+._tabs_1ggvi_13[data-orientation=horizontal] {
   flex-direction: column;
 }
 
-._filler_1mgc2_27 {
+._filler_1ggvi_26 {
   flex: 1 1 auto;
 }
-._filler_1mgc2_27[data-orientation=horizontal] {
+._filler_1ggvi_26[data-orientation=vertical] {
   border-right-width: var(--xmlui-borderWidth-Tabs);
   border-right-style: solid;
   border-right-color: var(--xmlui-borderColor-Tabs);
 }
-._filler_1mgc2_27[data-orientation=vertical] {
+._filler_1ggvi_26[data-orientation=horizontal] {
   border-bottom-width: var(--xmlui-borderWidth-Tabs);
   border-bottom-style: solid;
   border-bottom-color: var(--xmlui-borderColor-Tabs);
 }
 
-._tabTrigger_1mgc2_41 {
-  font-family: inherit;
+._tabTrigger_1ggvi_40 {
+  padding: var(--xmlui-padding-trigger-Tabs);
+  padding-left: var(--xmlui-paddingLeft-trigger-Tabs, var(--xmlui-paddingHorizontal-trigger-Tabs, var(--xmlui-padding-trigger-Tabs)));
+  padding-right: var(--xmlui-paddingRight-trigger-Tabs, var(--xmlui-paddingHorizontal-trigger-Tabs, var(--xmlui-padding-trigger-Tabs)));
+  padding-top: var(--xmlui-paddingTop-trigger-Tabs, var(--xmlui-paddingVertical-trigger-Tabs, var(--xmlui-padding-trigger-Tabs)));
+  padding-bottom: var(--xmlui-paddingBottom-trigger-Tabs, var(--xmlui-paddingVertical-trigger-Tabs, var(--xmlui-padding-trigger-Tabs)));
   color: var(--xmlui-textColor-trigger-Tabs);
   background-color: var(--xmlui-backgroundColor-trigger-Tabs);
-  padding: var(--xmlui-space-4);
+  border-radius: var(--xmlui-borderRadius-trigger-Tabs);
   display: flex;
   align-items: center;
   justify-content: center;
-  font-size: 15px;
+  font-size: var(--xmlui-fontSize-normal);
   line-height: 1;
   user-select: none;
-  border-color: transparent;
+  border: var(--xmlui-border-trigger-Tabs);
+}
+._tabTrigger_1ggvi_40._distributeEvenly_1ggvi_57 {
+  flex: 1 1 auto;
 }
-._tabTrigger_1mgc2_41:hover {
+._tabTrigger_1ggvi_40:hover {
   background-color: var(--xmlui-backgroundColor-trigger-Tabs--hover);
 }
-._tabTrigger_1mgc2_41[data-orientation=horizontal] {
+._tabTrigger_1ggvi_40[data-orientation=vertical] {
   border-right-width: var(--xmlui-borderWidth-Tabs);
   border-right-style: solid;
   border-right-color: var(--xmlui-borderColor-Tabs);
 }
-._tabTrigger_1mgc2_41[data-orientation=horizontal][data-state=active] {
+._tabTrigger_1ggvi_40[data-orientation=vertical][data-state=active] {
   border-right-width: var(--xmlui-borderWidth-Tabs);
   border-right-style: solid;
   border-right-color: var(--xmlui-borderColor-active-Tabs);
+  background-color: var(--xmlui-backgroundColor-trigger-Tabs--active);
 }
-._tabTrigger_1mgc2_41[data-orientation=vertical] {
+._tabTrigger_1ggvi_40[data-orientation=horizontal] {
   border-bottom-width: var(--xmlui-borderWidth-Tabs);
   border-bottom-style: solid;
   border-bottom-color: var(--xmlui-borderColor-Tabs);
 }
-._tabTrigger_1mgc2_41[data-orientation=vertical][data-state=active] {
+._tabTrigger_1ggvi_40[data-orientation=horizontal][data-state=active] {
   border-bottom-width: var(--xmlui-borderWidth-Tabs);
   border-bottom-style: solid;
   border-bottom-color: var(--xmlui-borderColor-active-Tabs);
+  background-color: var(--xmlui-backgroundColor-trigger-Tabs--active);
 }
-._tabTrigger_1mgc2_41:hover {
+._tabTrigger_1ggvi_40:hover {
   cursor: pointer;
 }
 
-._tabsList_1mgc2_81 {
+._tabsList_1ggvi_89 {
   background-color: var(--xmlui-backgroundColor-list-Tabs);
+  border-radius: var(--xmlui-borderRadius-list-Tabs);
+  border: var(--xmlui-border-list-Tabs);
   position: relative;
   z-index: 99;
   overflow: hidden;
@@ -7186,18 +7211,18 @@ li .htmlOl {
   flex-shrink: 0;
   scrollbar-width: thin;
 }
-._tabsList_1mgc2_81[data-orientation=horizontal] {
+._tabsList_1ggvi_89[data-orientation=vertical] {
   flex-direction: column;
 }
-._tabsList_1mgc2_81[data-orientation=vertical] {
+._tabsList_1ggvi_89[data-orientation=horizontal] {
   flex-direction: row;
 }
 
-._tabsList_1mgc2_81:hover {
+._tabsList_1ggvi_89:hover {
   overflow: auto;
 }
 
-._tabsContent_1mgc2_101 {
+._tabsContent_1ggvi_111 {
   flex-grow: 1;
   outline: none;
 }/*