amis 2.7.3-beta.0 → 2.9.0

package/lib/themes/default.css

@@ -172,73 +172,6 @@
     (var(--BreadcrumbDropdown-item-height) - var(--fontSizeSm)) / 2
   );
   --Breadcrumb-item-disabled-color: var(--colors-neutral-text-6);
-  --Calendar-btn-bg: var(--info);
-  --Calendar-btn-border: var(--Calendar-btn-bg);
-  --Calendar-btn-borderRadius: var(--Button-borderRadius);
-  --Calendar-btn-color: var(--colors-neutral-fill-11);
-  --Calendar-btn-fontSize: var(--fontSizeSm);
-  --Calendar-btn-height: 1.875rem;
-  --Calendar-btn-lineHeight: var(--lineHeightBase);
-  --Calendar-btn-onActive-bg: var(--colors-brand-4);
-  --Calendar-btn-onActive-border: var(--colors-brand-3);
-  --Calendar-btn-onActive-color: var(--Calendar-btn-color);
-  --Calendar-btn-onHover-bg: var(--colors-brand-4);
-  --Calendar-btn-onHover-border: var(--colors-brand-3);
-  --Calendar-btn-onHover-color: var(--Calendar-btn-color);
-  --Calendar-btn-paddingX: 0.625rem;
-  --Calendar-btn-paddingY: calc(
-    (
-        var(--Calendar-btn-height) - var(--Calendar-btn-lineHeight) *
-          var(--Calendar-btn-fontSize)
-      ) / 2
-  );
-  --Calendar-btnCancel-bg: var(--light);
-  --Calendar-btnCancel-border: var(--colors-neutral-line-7);
-  --Calendar-btnCancel-borderRadius: var(--borders-radius-3);
-  --Calendar-btnCancel-color: var(--text-color);
-  --Calendar-btnCancel-onActive-bg: var(--colors-neutral-fill-11);
-  --Calendar-btnCancel-onActive-border: var(--colors-brand-4);
-  --Calendar-btnCancel-onActive-color: var(--colors-brand-4);
-  --Calendar-btnCancel-onHover-bg: var(--colors-neutral-fill-11);
-  --Calendar-btnCancel-onHover-border: var(--colors-brand-6);
-  --Calendar-btnCancel-onHover-color: var(--colors-brand-6);
-  --Calendar-cell-bg: var(--colors-neutral-fill-11);
-  --Calendar-cell-onActive-bg: var(--info);
-  --Calendar-cell-onBetween-bg: rgba(0, 123, 255, 0.1);
-  --Calendar-cell-onDisabled-bg: #f7f7f9;
-  --Calendar-cell-onHover-bg: #f7f7f9;
-  --Calendar-color: #151b26;
-  --Calendar-fontSize: var(--fontSizeSm);
-  --Calendar-input-borderColor: var(--borderColor);
-  --Calendar-input-borderRadius: var(--borders-radius-3);
-  --Calendar-input-color: var(--info);
-  --Calendar-input-fontSize: var(--fontSizeBase);
-  --Calendar-input-height: 2.5rem;
-  --Calendar-input-lineHeight: var(--lineHeightBase);
-  --Calendar-input-onFocused-borderColor: var(--info);
-  --Calendar-input-paddingX: 0.625rem;
-  --Calendar-input-paddingY: calc(
-    (
-        var(--Calendar-input-height) - var(--Calendar-input-lineHeight) *
-          var(--Calendar-input-fontSize)
-      ) / 2
-  );
-  --Calendar-shortcut-color: #151b26;
-  --Calendar-shortcut-decoration: none;
-  --Calendar-shortcut-onHover-color: var(--colors-brand-6);
-  --Calendar-shortcut-onHover-decoration: none;
-  --Calendar-shortcuts-bg: var(--colors-neutral-text-9);
-  --Calendar-shortcuts-height: var(--sizes-size-9);
-  --Calendar-wLabel-color: var(--colors-neutral-text-6);
-  --Calendar-icon-bottom: -0.25rem;
-  --Calendar-icon-width: var(--sizes-size-6);
-  --Calendar-icon-height: var(--sizes-size-6);
-  --Calendar-borderWidth: var(--borders-width-2);
-  --Calendar-borderColor: var(--colors-brand-5);
-  --Calendar-rdt-day: var(--sizes-base-49);
-  --Calendar-schedule-content-padding: 0 var(--sizes-size-3);
-  --Calendar-schedule-content-height: var(--sizes-base-10);
-  --Calendar-schedule-content-color: var(--colors-neutral-text-11);
   --Card-actions-borderColor: var(--colors-neutral-line-10);
   --Card-actions-fontSize: var(--fonts-size-8);
   --Card-actions-onChecked-onHover-bg: var(--colors-neutral-fill-11);
@@ -346,42 +279,6 @@
   --Crud-toolbar-gap: var(--sizes-size-6);
   --Crud-toolbar-height: 1.875rem;
   --Crud-toolbar-lineHeight: var(--lineHeightBase);
-  --DatePicker-bg: var(--colors-neutral-fill-11);
-  --DatePicker-borderColor: var(--Form-input-borderColor);
-  --DatePicker-borderRadius: var(--borders-radius-3);
-  --DatePicker-borderWidth: var(--borders-width-2);
-  --DatePicker-color: var(--colors-neutral-text-2);
-  --DatePicker-header-onHover-color: var(--colors-brand-6);
-  --DatePicker-arrow-color: #84868c;
-  --DatePicker-fontSize: var(--fontSizeSm);
-  --DatePicker-header-select-borderColor: #fff;
-  --DatePicker-height: var(--Form-input-height);
-  --DatePicker-iconColor: var(--icon-color);
-  --DatePicker-lineHeight: var(--Form-input-lineHeight);
-  --DatePicker-onFocused-borderColor: var(--colors-brand-4);
-  --DatePicker-onHover-bg: var(--colors-neutral-fill-11);
-  --DatePicker-onHover-borderColor: var(--colors-brand-5);
-  --DatePicker-onDisabled-bg: var(--colors-neutral-text-9);
-  --DatePicker-onDisabled-color: var(--colors-neutral-text-6);
-  --DatePicker-onHover-iconColor: var(--colors-brand-5);
-  --DatePicker-paddingX: 0.75rem;
-  --DatePicker-paddingY: calc(
-    (
-        var(--DatePicker-height) - var(--DatePicker-lineHeight) *
-          var(--DatePicker-fontSize)
-      ) / 2 - var(--DatePicker-borderWidth)
-  );
-  --DatePicker-placeholderColor: var(--colors-neutral-text-6);
-  --DatePicker-minWidth: calc(
-    var(--fontSizeLg) * 5 + var(--DatePicker-paddingX) * 2 +
-      var(--Form-input-clearBtn-size) * 2
-  );
-  --DateRangePicker-minWidth: calc(
-    var(--fontSizeLg) * 8 + var(--DatePicker-paddingX) * 2 +
-      var(--Form-input-clearBtn-size) * 2
-  );
-  --DateRangePicker-activeCursor-color: var(--colors-brand-4);
-  --DateRangePicker-activeCursor-height: 2px;
   --LocationPicker-borderRadius: var(--borders-radius-3);
   --Drawer-bg: var(--background);
   --Drawer-body-padding: var(--sizes-base-12);
@@ -492,59 +389,6 @@
       ) / 2
   );
   --Form-row-gutterWidth: 0.625rem;
-  --Form-select-bg: var(--colors-neutral-fill-11);
-  --Form-select-height: var(--Form-select-outer-top);
-  --Form-select-borderColor: var(--Form-input-borderColor);
-  --Form-select-borderRadius: var(--borders-radius-3);
-  --Form-select-borderWidth: var(--borders-width-2);
-  --Form-select-caret-iconColor: var(--colors-neutral-text-5);
-  --Form-select-caret-onHover-iconColor: var(--colors-neutral-text-5);
-  --Form-select-caret-fontSize: var(--fonts-size-8);
-  --Form-select-checkall-bottomBorder: #eceff8;
-  --Form-select-color: var(--colors-neutral-text-2);
-  --Form-select-input-fontSize: var(--fontSizeSm);
-  --Form-select-menu-bg: var(--colors-neutral-fill-11);
-  --Form-select-menu-color: var(--colors-neutral-text-2);
-  --Form-select-menu-height: var(--sizes-base-12);
-  --Form-select-menu-onActive-bg: transparent;
-  --Form-select-menu-onActive-color: var(--colors-brand-5);
-  --Form-select-menu-onDisabled-bg: transparent;
-  --Form-select-menu-onDisabled-color: var(--text--muted-color);
-  --Form-select-menu-onHover-bg: var(--colors-brand-10);
-  --Form-select-menu-onHover-color: var(--colors-neutral-text-2);
-  --Form-select-group-color: var(--Form-select-caret-iconColor);
-  --Form-select-onError-borderColor: var(--Form-input-onError-borderColor);
-  --Form-select-onFocused-borderColor: var(--Form-input-onFocused-borderColor);
-  --Form-select-onFocused-color: var(--Form-select-color);
-  --Form-select-onHover-bg: var(--colors-neutral-fill-11);
-  --Form-select-onHover-borderColor: var(--colors-brand-5);
-  --Form-select-outer-borderWidth: var(--borders-width-1);
-  --Form-select-outer-top: var(--sizes-base-16);
-  --Form-select-outer-boxShadow: var(--shadows-shadow-normal);
-  --Form-select-paddingX: var(--Form-input-paddingX);
-  --Form-select-placeholderColor: var(--Form-input-placeholderColor);
-  --Form-select-popoverGap: var(--borders-radius-3);
-  --Form-select-icon-rigin: var(--sizes-size-9);
-  --Form-select-search-height: var(--sizes-base-15);
-  --Form-select-value-bgColor: var(--Form-input-onDisabled-bg);
-  --Form-select-value-bgColor--dark: var(--colors-neutral-fill-4);
-  --Form-select-value-borderColor: var(--colors-neutral-line-9);
-  --Form-select-valueIcon-color: var(--colors-neutral-text-4);
-  --Form-select-valueIcon-color--dark: var(--colors-neutral-text-8);
-  --Form-select-valueIcon-onHover-color: var(--Form-select-color);
-  --Form-select-multiple-bgColor: var(--colors-neutral-fill-10);
-  --Form-selectOption-height: var(--Form-select-height);
-  --Form-selectValue-bg: #cce5ff;
-  --Form-selectValue-onHover-bgColor: var(--Form-select-borderColor);
-  --Form-selectValue-borderColor: var(--colors-brand-7);
-  --Form-selectValue-color: var(--colors-brand-5);
-  --Form-selectValue-fontSize: var(--fontSizeSm);
-  --Form-selectValue-onDisable-bg: #e6f2ff;
-  --Form-selectValue-onHover-bg: #b3d7ff;
-  --Form-selectValue-onDisabled-color: var(--Form-select-caret-iconColor);
-  --Form-selectValue-onInvalid-color: var(--danger);
-  --Form-valueLabel-maxWidth: 7.5rem;
-  --Form-select-onFocus-boxShadow: none;
   --IconPicker-content-maxHeight: 21.875rem;
   --IconPicker-padding: var(--gap-xs);
   --IconPicker-selectedIcon-marginRight: var(--gap-xs);
@@ -576,10 +420,10 @@
   );
   --InputGroup-select-arrowColor: var(--colors-neutral-text-5);
   --InputGroup-select-bg: var(--colors-neutral-fill-11);
-  --InputGroup-select-borderColor: var(--Form-select-borderColor);
-  --InputGroup-select-borderRadius: var(--Form-select-borderRadius);
+  --InputGroup-select-borderColor: var(--borderColor);
+  --InputGroup-select-borderRadius: var(--borders-radius-3);
   --InputGroup-select-borderWidth: var(--borders-width-2);
-  --InputGroup-select-color: var(--Form-select-color);
+  --InputGroup-select-color: var(--colors-neutral-text-2);
   --InputGroup-select-onFocused-arrowColor: var(--colors-brand-5);
   --InputGroup-select-onFocused-bg: var(--colors-brand-10);
   --InputGroup-select-onFocused-color: var(--colors-brand-5);
@@ -852,18 +696,6 @@
   --Remark-onHover-borderColor: var(--colors-warning-5);
   --Remark-onHover-iconColor: var(--colors-neutral-text-11);
   --Remark-width: var(--sizes-size-9);
-  --ResultBox-tag-height: 1.5rem;
-  --ResultBox-tag-marginBottom: 0.125rem;
-  --ResultBox-icon--onDisabled-color: #ebebeb;
-  --ResultBox-icon--onHover-color: #666666;
-  --ResultBox-icon-color: var(--colors-neutral-text-6);
-  --ResultBox-value--onDisabled-color: #cccccc;
-  --ResultBox-value--onHover-bg: rgba(0, 145, 255, 0.1);
-  --ResultBox-value--onHover-bg--dark: #b8babf;
-  --ResultBox-value-bg: var(--colors-neutral-fill-10);
-  --ResultBox-value-color: #000;
-  --ResultBox-value-clear-bg: var(--colors-neutral-fill-8);
-  --ResultBox-value-clear-hover-bg: var(--colors-neutral-fill-9);
   --Satus-icon-width: var(--sizes-size-8);
   --Satus-icon-height: var(--Satus-icon-width);
   --Sparkline-line-color: var(--info);
@@ -1007,7 +839,7 @@
   --Toast--success-bgColor: var(--colors-neutral-fill-11);
   --Toast--success-borderColor: var(--colors-neutral-line-11);
   --Toast--success-color: var(--colors-neutral-text-2);
-  --Toast--warning-bgColor: ar(--colors-neutral-fill-11);
+  --Toast--warning-bgColor: var(--colors-neutral-fill-11);
   --Toast--warning-borderColor: var(--colors-neutral-line-11);
   --Toast--warning-color: var(--colors-neutral-text-2);
   --Toast-border-width: var(--borders-width-2);
@@ -1072,22 +904,6 @@
   --TransferSelect-heading-borderBottom: var(--borders-width-1);
   --TabsTransfer-title-bg: #f7f7f9;
   --TabsTransfer-border-color: #e8e9eb;
-  --Tree-indent: var(--gap-md);
-  --Tree-icon-gap: var(--sizes-size-5);
-  --Tree-icon-margin-right: 0.5rem;
-  --Tree-inputHeight: calc(var(--Form-input-height) * 0.85);
-  --Tree-item-onHover-bg: var(--colors-neutral-fill-10);
-  --Tree-item-onHover-bg-pure: var(--colors-neutral-fill-10);
-  --Tree-itemArrowWidth: 1rem;
-  --Tree-itemHeight: var(--sizes-base-12);
-  --Tree-itemLabel--onChecked-color: var(--Form-selectValue-color);
-  --TreeSelect-popover-bg: var(--colors-neutral-fill-11);
-  --Tree-item-text-max-height: 15.625rem;
-  --Tree-item-text-top: 0.25rem;
-  --Tree-item-arrow-padding-left: 0.25rem;
-  --Tree-item-arrow-color: #84868c;
-  --Tree-item-onChekced-bg: var(--colors-brand-10);
-  --Tree-item-onChekced-bg-borderRadius: var(--borders-radius-2);
   --Wizard-badge-bg: var(--colors-neutral-fill-11);
   --Wizard-badge-border: var(--borders-width-2) var(--borders-style-2)
     var(--colors-neutral-fill-6);
@@ -1277,7 +1093,7 @@
   --button-default-default-bottom-border-style: var(--borders-style-2);
   --button-default-default-bottom-border-width: var(--borders-width-2);
   --button-default-default-shadow: var(--shadows-shadow-none);
-  --button-default-default-bg-color: transparent;
+  --button-default-default-bg-color: var(--colors-neutral-fill-11);
   --button-default-default-font-color: var(--colors-neutral-text-2);
   --button-default-hover-top-border-color: var(--colors-brand-5);
   --button-default-hover-top-border-style: var(--borders-style-2);
@@ -1292,7 +1108,7 @@
   --button-default-hover-bottom-border-style: var(--borders-style-2);
   --button-default-hover-bottom-border-width: var(--borders-width-2);
   --button-default-hover-shadow: var(--shadows-shadow-none);
-  --button-default-hover-bg-color: transparent;
+  --button-default-hover-bg-color: var(--colors-neutral-fill-11);
   --button-default-hover-font-color: var(--colors-brand-5);
   --button-default-active-top-border-color: var(--colors-brand-4);
   --button-default-active-top-border-style: var(--borders-style-2);
@@ -1307,7 +1123,7 @@
   --button-default-active-bottom-border-style: var(--borders-style-2);
   --button-default-active-bottom-border-width: var(--borders-width-2);
   --button-default-active-shadow: var(--shadows-shadow-none);
-  --button-default-active-bg-color: transparent;
+  --button-default-active-bg-color: var(--colors-neutral-fill-11);
   --button-default-active-font-color: var(--colors-brand-4);
   --button-default-disabled-top-border-color: var(--colors-neutral-line-10);
   --button-default-disabled-top-border-style: var(--borders-style-2);
@@ -1459,7 +1275,7 @@
   --button-enhance-default-bottom-border-style: var(--borders-style-2);
   --button-enhance-default-bottom-border-width: var(--borders-width-2);
   --button-enhance-default-shadow: var(--shadows-shadow-none);
-  --button-enhance-default-bg-color: transparent;
+  --button-enhance-default-bg-color: var(--colors-neutral-fill-11);
   --button-enhance-default-font-color: var(--colors-brand-5);
   --button-enhance-hover-top-border-color: var(--colors-brand-6);
   --button-enhance-hover-top-border-style: var(--borders-style-2);
@@ -1474,7 +1290,7 @@
   --button-enhance-hover-bottom-border-style: var(--borders-style-2);
   --button-enhance-hover-bottom-border-width: var(--borders-width-2);
   --button-enhance-hover-shadow: var(--shadows-shadow-none);
-  --button-enhance-hover-bg-color: transparent;
+  --button-enhance-hover-bg-color: var(--colors-neutral-fill-11);
   --button-enhance-hover-font-color: var(--colors-brand-6);
   --button-enhance-active-top-border-color: var(--colors-brand-4);
   --button-enhance-active-top-border-style: var(--borders-style-2);
@@ -1489,7 +1305,7 @@
   --button-enhance-active-bottom-border-style: var(--borders-style-2);
   --button-enhance-active-bottom-border-width: var(--borders-width-2);
   --button-enhance-active-shadow: var(--shadows-shadow-none);
-  --button-enhance-active-bg-color: transparent;
+  --button-enhance-active-bg-color: var(--colors-neutral-fill-11);
   --button-enhance-active-font-color: var(--colors-brand-4);
   --button-enhance-disabled-top-border-color: var(--colors-neutral-line-10);
   --button-enhance-disabled-top-border-style: var(--borders-style-2);
@@ -2097,7 +1913,7 @@
   --transfer-group-font-color: var(--colors-neutral-text-5);
   --transfer-group-fontWeight: var(--fonts-weight-6);
   --transfer-group-lineHeight: var(--fonts-lineHeight-2);
-  --transfer-table-last-paddingRight: var(--sizes-size-10);
+  --transfer-table-last-paddingRight: var(--sizes-base-9);
   --transfer-table-header-marginTop: var(--sizes-size-1);
   --transfer-table-header-marginLeft: var(--sizes-size-1);
   --transfer-table-header-paddingTop: var(--sizes-size-5);
@@ -2182,7 +1998,7 @@
   --input-default-default-paddingBottom: var(--sizes-size-3);
   --input-default-default-paddingLeft: var(--sizes-size-6);
   --input-default-default-paddingRight: var(--sizes-size-6);
-  --input-default-default-bg-color: transparent;
+  --input-default-default-bg-color: var(--colors-neutral-fill-11);
   --input-default-hover-top-border-color: var(--colors-brand-5);
   --input-default-hover-top-border-width: var(--borders-width-2);
   --input-default-hover-top-border-style: var(--borders-style-2);
@@ -2203,7 +2019,7 @@
   --input-default-hover-paddingBottom: var(--sizes-size-3);
   --input-default-hover-paddingLeft: var(--sizes-size-6);
   --input-default-hover-paddingRight: var(--sizes-size-6);
-  --input-default-hover-bg-color: transparent;
+  --input-default-hover-bg-color: var(--colors-neutral-fill-11);
   --input-default-active-top-border-color: var(--colors-brand-5);
   --input-default-active-top-border-width: var(--borders-width-2);
   --input-default-active-top-border-style: var(--borders-style-2);
@@ -2225,7 +2041,7 @@
   --input-default-active-paddingLeft: var(--sizes-size-6);
   --input-default-active-paddingRight: var(--sizes-size-6);
   --input-default-active-shadow: var(--shadows-shadow-none);
-  --input-default-active-bg-color: transparent;
+  --input-default-active-bg-color: var(--colors-neutral-fill-11);
   --input-default-disabled-top-border-color: var(--colors-neutral-line-8);
   --input-default-disabled-top-border-width: var(--borders-width-2);
   --input-default-disabled-top-border-style: var(--borders-style-2);
@@ -2249,7 +2065,7 @@
   --input-default-disabled-bg-color: var(--colors-neutral-fill-10);
   --input-clearable-icon: '<svg t="1642652418667" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3606"><path d="M512 39.384615C250.092308 39.384615 39.384615 250.092308 39.384615 512s210.707692 472.615385 472.615385 472.615385 472.615385-210.707692 472.615385-472.615385S773.907692 39.384615 512 39.384615z m96.492308 488.369231l153.6 153.6c7.876923 7.876923 7.876923 19.692308 0 27.569231l-55.138462 55.138461c-7.876923 7.876923-19.692308 7.876923-27.569231 0L525.784615 610.461538c-7.876923-7.876923-19.692308-7.876923-27.56923 0l-153.6 153.6c-7.876923 7.876923-19.692308 7.876923-27.569231 0L261.907692 708.923077c-7.876923-7.876923-7.876923-19.692308 0-27.569231l153.6-153.6c7.876923-7.876923 7.876923-19.692308 0-27.569231l-155.56923-155.56923c-7.876923-7.876923-7.876923-19.692308 0-27.569231l55.138461-55.138462c7.876923-7.876923 19.692308-7.876923 27.569231 0l155.569231 155.569231c7.876923 7.876923 19.692308 7.876923 27.56923 0l153.6-153.6c7.876923-7.876923 19.692308-7.876923 27.569231 0l55.138462 55.138462c7.876923 7.876923 7.876923 19.692308 0 27.56923l-153.6 153.6c-5.907692 7.876923-5.907692 19.692308 0 27.569231z" p-id="3607"></path></svg>';
   --input-clearable-icon-size: var(--sizes-size-8);
-  --input-clearable-default-color: var(--colors-brand-5);
+  --input-clearable-default-color: var(--colors-neutral-text-7);
   --input-clearable-hover-color: var(--colors-neutral-text-4);
   --input-clearable-active-color: var(--colors-neutral-text-4);
   --input-count-single-fontSize: var(--fonts-size-7);
@@ -2268,8 +2084,8 @@
   --input-textarea-paddingBottom: var(--sizes-size-3);
   --input-textarea-paddingLeft: var(--sizes-size-6);
   --input-textarea-paddingRight: var(--sizes-base-11);
-  --input-addon-text-bg-color-default: transparent;
-  --input-addon-text-bg-color-hover: transparent;
+  --input-addon-text-bg-color-default: var(--colors-neutral-text-11);
+  --input-addon-text-bg-color-hover: var(--colors-neutral-text-11);
   --input-addon-text-top-border-color: var(--colors-neutral-line-8);
   --input-addon-text-top-border-width: var(--borders-width-2);
   --input-addon-text-top-border-style: var(--borders-style-2);
@@ -2310,7 +2126,7 @@
   --inputNumber-base-default-paddingBottom: var(--sizes-size-3);
   --inputNumber-base-default-paddingLeft: var(--sizes-size-7);
   --inputNumber-base-default-paddingRight: var(--sizes-size-7);
-  --inputNumber-base-default-bg-color: transparent;
+  --inputNumber-base-default-bg-color: var(--colors-neutral-fill-11);
   --inputNumber-base-hover-top-border-color: var(--colors-brand-5);
   --inputNumber-base-hover-top-border-width: var(--borders-width-2);
   --inputNumber-base-hover-top-border-style: var(--borders-style-2);
@@ -2331,7 +2147,7 @@
   --inputNumber-base-hover-paddingBottom: var(--sizes-size-3);
   --inputNumber-base-hover-paddingLeft: var(--sizes-size-7);
   --inputNumber-base-hover-paddingRight: var(--sizes-size-7);
-  --inputNumber-base-hover-bg-color: transparent;
+  --inputNumber-base-hover-bg-color: var(--colors-neutral-fill-11);
   --inputNumber-base-active-top-border-color: var(--colors-brand-5);
   --inputNumber-base-active-top-border-width: var(--borders-width-2);
   --inputNumber-base-active-top-border-style: var(--borders-style-2);
@@ -2353,7 +2169,7 @@
   --inputNumber-base-active-paddingLeft: var(--sizes-size-7);
   --inputNumber-base-active-paddingRight: var(--sizes-size-7);
   --inputNumber-base-active-shadow: var(--Form-input-boxShadow);
-  --inputNumber-base-active-bg-color: transparent;
+  --inputNumber-base-active-bg-color: var(--colors-neutral-fill-11);
   --inputNumber-base-disabled-top-border-color: var(--colors-neutral-line-8);
   --inputNumber-base-disabled-top-border-width: var(--borders-width-2);
   --inputNumber-base-disabled-top-border-style: var(--borders-style-2);
@@ -2390,13 +2206,13 @@
   --inputNumber-base-default-unit-paddingTop: calc(
     (
         var(--Form-selectOption-height) - var(--Form-input-lineHeight) *
-          var(--Form-input-fontSize) - var(--Form-select-borderWidth) * 2
+          var(--Form-input-fontSize) - var(--Form-input-borderWidth) * 2
       ) / 2
   );
   --inputNumber-base-default-unit-paddingBottom: calc(
     (
         var(--Form-selectOption-height) - var(--Form-input-lineHeight) *
-          var(--Form-input-fontSize) - var(--Form-select-borderWidth) * 2
+          var(--Form-input-fontSize) - var(--Form-input-borderWidth) * 2
       ) / 2
   );
   --inputNumber-base-default-unit-paddingLeft: var(--sizes-size-6);
@@ -2441,7 +2257,7 @@
   --inputNumber-enhance-default-paddingBottom: var(--sizes-size-3);
   --inputNumber-enhance-default-paddingLeft: var(--sizes-size-7);
   --inputNumber-enhance-default-paddingRight: var(--sizes-size-7);
-  --inputNumber-enhance-default-bg-color: transparent;
+  --inputNumber-enhance-default-bg-color: var(--colors-neutral-fill-11);
   --inputNumber-enhance-hover-top-border-color: var(--colors-brand-5);
   --inputNumber-enhance-hover-top-border-width: var(--borders-width-2);
   --inputNumber-enhance-hover-top-border-style: var(--borders-style-2);
@@ -2466,7 +2282,7 @@
   --inputNumber-enhance-hover-paddingBottom: var(--sizes-size-3);
   --inputNumber-enhance-hover-paddingLeft: var(--sizes-size-7);
   --inputNumber-enhance-hover-paddingRight: var(--sizes-size-7);
-  --inputNumber-enhance-hover-bg-color: transparent;
+  --inputNumber-enhance-hover-bg-color: var(--colors-neutral-fill-11);
   --inputNumber-enhance-active-top-border-color: var(--colors-brand-5);
   --inputNumber-enhance-active-top-border-width: var(--borders-width-2);
   --inputNumber-enhance-active-top-border-style: var(--borders-style-2);
@@ -2492,7 +2308,7 @@
   --inputNumber-enhance-active-paddingLeft: var(--sizes-size-7);
   --inputNumber-enhance-active-paddingRight: var(--sizes-size-7);
   --inputNumber-enhance-active-shadow: var(--shadows-shadow-none);
-  --inputNumber-enhance-active-bg-color: transparent;
+  --inputNumber-enhance-active-bg-color: var(--colors-neutral-fill-11);
   --inputNumber-enhance-disabled-top-border-color: var(--colors-neutral-line-8);
   --inputNumber-enhance-disabled-top-border-width: var(--borders-width-2);
   --inputNumber-enhance-disabled-top-border-style: var(--borders-style-2);
@@ -2556,7 +2372,7 @@
   --Form-input-onHover-borderColor: var(--colors-brand-5);
   --Form-input-onFocused-borderColor: var(--colors-brand-5);
   --checkbox-checkbox-default-height: var(--sizes-size-9);
-  --checkbox-checkbox-default-bg-color: transparent;
+  --checkbox-checkbox-default-bg-color: var(--colors-neutral-fill-11);
   --checkbox-checkbox-default-color: var(--colors-neutral-text-2);
   --checkbox-checkbox-default-fontSize: var(--sizes-size-8);
   --checkbox-checkbox-default-top-border-color: var(--colors-neutral-line-8);
@@ -2576,7 +2392,7 @@
   --checkbox-checkbox-default-bottom-right-border-radius: var(--sizes-size-2);
   --checkbox-checkbox-default-bottom-left-border-radius: var(--sizes-size-2);
   --checkbox-checkbox-hover-height: var(--sizes-size-9);
-  --checkbox-checkbox-hover-bg-color: transparent;
+  --checkbox-checkbox-hover-bg-color: var(--colors-neutral-fill-11);
   --checkbox-checkbox-hover-color: var(--colors-neutral-text-2);
   --checkbox-checkbox-hover-fontSize: var(--sizes-size-8);
   --checkbox-checkbox-hover-top-border-color: var(--colors-brand-5);
@@ -2596,7 +2412,7 @@
   --checkbox-checkbox-hover-bottom-right-border-radius: var(--sizes-size-2);
   --checkbox-checkbox-hover-bottom-left-border-radius: var(--sizes-size-2);
   --checkbox-checkbox-active-height: var(--sizes-size-9);
-  --checkbox-checkbox-active-bg-color: transparent;
+  --checkbox-checkbox-active-bg-color: var(--colors-neutral-fill-11);
   --checkbox-checkbox-active-color: var(--colors-neutral-text-2);
   --checkbox-checkbox-active-fontSize: var(--sizes-size-8);
   --checkbox-checkbox-active-top-border-color: var(--colors-brand-5);
@@ -2698,7 +2514,7 @@
   --checkbox-checked-active-bottom-right-border-radius: var(--sizes-size-2);
   --checkbox-checked-active-bottom-left-border-radius: var(--sizes-size-2);
   --checkbox-checked-disabled-height: var(--sizes-size-9);
-  --checkbox-checked-disabled-bg-color: transparent;
+  --checkbox-checked-disabled-bg-color: var(--colors-neutral-fill-11);
   --checkbox-checked-disabled-color: var(--colors-neutral-text-2);
   --checkbox-checked-disabled-fontSize: var(--sizes-size-8);
   --checkbox-checked-disabled-top-border-color: var(--colors-neutral-line-8);
@@ -2727,7 +2543,7 @@
   --Checkbox--sm-inner-size: var(--sizes-size-5);
   --Checkbox--sm-size: var(--sizes-size-8);
   --Checkbox-borderRadius: 0.125rem;
-  --Checkbox-color: var(--Form-input-borderColor);
+  --Checkbox-color: var(--borderColor);
   --Checkbox-gap: var(--gap-xs);
   --Checkbox-gb: #fff;
   --Checkbox-inner-size: var(--sizes-size-5);
@@ -2762,7 +2578,7 @@
   --listSelect-base-default-paddingLeft: var(--sizes-size-6);
   --listSelect-base-default-paddingRight: var(--sizes-size-6);
   --listSelect-base-default-color: var(--colors-neutral-text-2);
-  --listSelect-base-default-bg-color: transparent;
+  --listSelect-base-default-bg-color: var(--colors-neutral-fill-11);
   --listSelect-base-hover-top-border-color: var(--colors-brand-5);
   --listSelect-base-hover-top-border-width: var(--borders-width-2);
   --listSelect-base-hover-top-border-style: var(--borders-style-2);
@@ -2784,7 +2600,7 @@
   --listSelect-base-hover-paddingLeft: var(--sizes-size-7);
   --listSelect-base-hover-paddingRight: var(--sizes-size-7);
   --listSelect-base-hover-color: var(--colors-brand-5);
-  --listSelect-base-hover-bg-color: transparent;
+  --listSelect-base-hover-bg-color: var(--colors-neutral-fill-11);
   --listSelect-base-active-top-border-color: var(--colors-brand-5);
   --listSelect-base-active-top-border-width: var(--borders-width-2);
   --listSelect-base-active-top-border-style: var(--borders-style-2);
@@ -2807,7 +2623,7 @@
   --listSelect-base-active-paddingRight: var(--sizes-size-7);
   --listSelect-base-active-shadow: var(--Form-input-boxShadow);
   --listSelect-base-active-color: var(--colors-brand-5);
-  --listSelect-base-active-bg-color: transparent;
+  --listSelect-base-active-bg-color: var(--colors-neutral-fill-11);
   --listSelect-base-disabled-top-border-color: var(--colors-neutral-line-8);
   --listSelect-base-disabled-top-border-width: var(--borders-width-2);
   --listSelect-base-disabled-top-border-style: var(--borders-style-2);
@@ -2888,7 +2704,7 @@
   --Form-description-fontWeight: var(--fonts-weight-6);
   --Form-description-lineHeight: var(--fonts-lineHeight-2);
   --Form-description-gap: var(--sizes-size-3);
-  --Form-item-onError-color: var(--colors-brand-5);
+  --Form-item-onError-color: var(--colors-error-5);
   --Form-item-onError-borderColor: var(--colors-error-5);
   --Form-item-onError-bg: var(--colors-neutral-fill-11);
   --Form-feedBack-color: var(--colors-error-5);
@@ -2992,7 +2808,7 @@
   --Rating-inactive-color: var(--colors-neutral-text-9);
   --radio-default-default-color: var(--colors-neutral-text-8);
   --radio-default-default-text-color: var(--colors-neutral-text-1);
-  --radio-default-default-bg-color: transparent;
+  --radio-default-default-bg-color: var(--colors-neutral-fill-11);
   --radio-default-default-fontSize: var(--fonts-size-7);
   --radio-default-default-fontWeight: var(--fonts-weight-6);
   --radio-default-default-lineHeight: var(--fonts-lineHeight-2);
@@ -3005,10 +2821,10 @@
   --radio-default-default-distance: var(--sizes-size-5);
   --radio-default-hover-color: var(--colors-brand-5);
   --radio-default-hover-text-color: var(--colors-neutral-text-1);
-  --radio-default-hover-bg-color: transparent;
+  --radio-default-hover-bg-color: var(--colors-neutral-fill-11);
   --radio-default-active-color: var(--colors-brand-5);
   --radio-default-active-text-color: var(--colors-neutral-text-1);
-  --radio-default-active-bg-color: transparent;
+  --radio-default-active-bg-color: var(--colors-neutral-fill-11);
   --radio-default-disabled-color: var(--colors-neutral-text-6);
   --radio-default-disabled-text-color: var(--colors-neutral-text-6);
   --radio-default-disabled-bg-color: var(--colors-neutral-fill-8);
@@ -3129,7 +2945,7 @@
   --collapse-default-content-fontSize: var(--fonts-size-8);
   --collapse-default-content-fontWeight: var(--fonts-weight-6);
   --collapse-default-content-lineHeight: var(--fonts-lineHeight-2);
-  --collapse-default-bg-color: transparent;
+  --collapse-default-bg-color: var(--colors-neutral-fill-11);
   --collapse-icon-icon: '<svg viewBox="0 0 99 176" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g transform="translate(-0.132812, 0.304688)" fill="currentColor" fill-rule="nonzero"><path d="M95.6353697,79.4031346 C95.3433678,79.1111326 95.037575,78.8417152 94.7219891,78.5906854 L19.819373,3.29993262 C15.6492004,-0.870040234 8.88818437,-0.870040234 4.71821172,3.29993262 C0.548238867,7.47010527 0.548238867,14.2309215 4.71821172,18.4010939 L72.9329621,87.0041811 L3.25320488,156.617783 C-0.916767969,160.787956 -0.916767969,167.548772 3.25320488,171.719144 C7.42317773,175.889117 14.1841937,175.889117 18.3543662,171.719144 L94.7211895,95.4180764 C95.0369754,95.1668467 95.342968,94.8976293 95.6351697,94.6054273 C97.7329475,92.5076496 98.7744412,89.7539166 98.7615739,87.0043809 C98.7746414,84.2544453 97.7331475,81.5009123 95.6353697,79.4031346 Z" id="路径"></path></g></svg>';
   --collapse-icon-size: var(--sizes-size-6);
   --collapse-icon-color: var(--colors-neutral-text-5);
@@ -3707,8 +3523,8 @@
   --inputFile-drag-icon-size: var(--sizes-base-24);
   --inputFile-drag-icon-color: var(--colors-neutral-fill-8);
   --inputFile-drag-icon-margin: var(--sizes-size-5);
-  --inputFile-drag-bg-color: transparent;
-  --inputFile-drag-bg-color-hover: transparent;
+  --inputFile-drag-bg-color: var(--colors-neutral-fill-11);
+  --inputFile-drag-bg-color-hover: var(--colors-neutral-text-11);
   --FileControl-danger-color: var(--colors-error-5);
   --FileControl-drag-color: var(--inputFile-drag-color);
   --FileControl-border-color: var(--inputFile-drag-top-border-color)
@@ -3745,7 +3561,7 @@
   --inputImage-base-default-icon-size: var(--sizes-base-12);
   --inputImage-base-default-icon-color: var(--colors-neutral-text-5);
   --inputImage-base-default-icon-margin: var(--sizes-size-5);
-  --inputImage-base-default-bg-color: transparent;
+  --inputImage-base-default-bg-color: var(--colors-neutral-fill-11);
   --inputImage-base-hover-top-border-color: var(--colors-brand-5);
   --inputImage-base-hover-top-border-width: var(--borders-width-2);
   --inputImage-base-hover-top-border-style: var(--borders-style-2);
@@ -3760,7 +3576,7 @@
   --inputImage-base-hover-left-border-style: var(--borders-style-2);
   --inputImage-base-hover-color: var(--colors-neutral-text-5);
   --inputImage-base-hover-icon-color: var(--colors-neutral-text-5);
-  --inputImage-base-hover-bg-color: transparent;
+  --inputImage-base-hover-bg-color: var(--colors-neutral-fill-11);
   --inputImage-base-active-top-border-color: var(--colors-brand-5);
   --inputImage-base-active-top-border-width: var(--borders-width-2);
   --inputImage-base-active-top-border-style: var(--borders-style-2);
@@ -3775,7 +3591,7 @@
   --inputImage-base-active-left-border-style: var(--borders-style-2);
   --inputImage-base-active-color: var(--colors-neutral-text-5);
   --inputImage-base-active-icon-color: var(--colors-neutral-text-5);
-  --inputImage-base-active-bg-color: transparent;
+  --inputImage-base-active-bg-color: var(--colors-neutral-fill-11);
   --inputImage-base-disabled-top-border-color: var(--colors-neutral-line-8);
   --inputImage-base-disabled-top-border-width: var(--borders-width-2);
   --inputImage-base-disabled-top-border-style: var(--borders-style-2);
@@ -3806,6 +3622,453 @@
   --ImageControl-addBtn-onHover-color: var(--inputImage-base-hover-color);
   --ImageControl-addBtn-upload-color: var(--inputImage-base-default-color);
   --ImageControl-progress-borderRadius: var(--borders-radius-2);
+  --select-base-default-top-border-color: var(--colors-neutral-line-8);
+  --select-base-default-top-border-width: var(--borders-width-2);
+  --select-base-default-top-border-style: var(--borders-style-2);
+  --select-base-default-right-border-color: var(--colors-neutral-line-8);
+  --select-base-default-right-border-width: var(--borders-width-2);
+  --select-base-default-right-border-style: var(--borders-style-2);
+  --select-base-default-bottom-border-color: var(--colors-neutral-line-8);
+  --select-base-default-bottom-border-width: var(--borders-width-2);
+  --select-base-default-bottom-border-style: var(--borders-style-2);
+  --select-base-default-left-border-color: var(--colors-neutral-line-8);
+  --select-base-default-left-border-width: var(--borders-width-2);
+  --select-base-default-left-border-style: var(--borders-style-2);
+  --select-base-default-top-right-border-radius: var(--borders-radius-3);
+  --select-base-default-top-left-border-radius: var(--borders-radius-3);
+  --select-base-default-bottom-right-border-radius: var(--borders-radius-3);
+  --select-base-default-bottom-left-border-radius: var(--borders-radius-3);
+  --select-base-default-paddingTop: var(--sizes-size-3);
+  --select-base-default-paddingBottom: var(--sizes-size-3);
+  --select-base-default-paddingLeft: var(--sizes-size-6);
+  --select-base-default-paddingRight: var(--sizes-size-6);
+  --select-base-default-color: var(--colors-neutral-text-2);
+  --select-base-default-fontSize: var(--fonts-size-7);
+  --select-base-default-fontWeight: var(--fonts-weight-6);
+  --select-base-default-bg-color: var(--colors-neutral-fill-11);
+  --select-base-default-option-paddingTop: var(--sizes-size-0);
+  --select-base-default-option-paddingBottom: var(--sizes-size-0);
+  --select-base-default-option-paddingLeft: var(--sizes-size-6);
+  --select-base-default-option-paddingRight: var(--sizes-size-6);
+  --select-base-default-option-color: var(--colors-neutral-text-2);
+  --select-base-default-option-fontSize: var(--fonts-size-7);
+  --select-base-default-option-fontWeight: var(--fonts-weight-6);
+  --select-base-default-option-bg-color: transparent;
+  --select-base-default-option-line-height: var(--sizes-base-16);
+  --select-base-hover-top-border-color: var(--colors-brand-5);
+  --select-base-hover-top-border-width: var(--borders-width-2);
+  --select-base-hover-top-border-style: var(--borders-style-2);
+  --select-base-hover-right-border-color: var(--colors-brand-5);
+  --select-base-hover-right-border-width: var(--borders-width-2);
+  --select-base-hover-right-border-style: var(--borders-style-2);
+  --select-base-hover-bottom-border-color: var(--colors-brand-5);
+  --select-base-hover-bottom-border-width: var(--borders-width-2);
+  --select-base-hover-bottom-border-style: var(--borders-style-2);
+  --select-base-hover-left-border-color: var(--colors-brand-5);
+  --select-base-hover-left-border-width: var(--borders-width-2);
+  --select-base-hover-left-border-style: var(--borders-style-2);
+  --select-base-hover-bg-color: var(--colors-neutral-fill-11);
+  --select-base-hover-option-color: var(--colors-neutral-text-2);
+  --select-base-hover-option-bg-color: var(--colors-brand-10);
+  --select-base-active-top-border-color: var(--colors-brand-5);
+  --select-base-active-top-border-width: var(--borders-width-2);
+  --select-base-active-top-border-style: var(--borders-style-2);
+  --select-base-active-right-border-color: var(--colors-brand-5);
+  --select-base-active-right-border-width: var(--borders-width-2);
+  --select-base-active-right-border-style: var(--borders-style-2);
+  --select-base-active-bottom-border-color: var(--colors-brand-5);
+  --select-base-active-bottom-border-width: var(--borders-width-2);
+  --select-base-active-bottom-border-style: var(--borders-style-2);
+  --select-base-active-left-border-color: var(--colors-brand-5);
+  --select-base-active-left-border-width: var(--borders-width-2);
+  --select-base-active-left-border-style: var(--borders-style-2);
+  --select-base-active-shadow: var(--shadows-shadow-none);
+  --select-base-active-bg-color: var(--colors-neutral-fill-11);
+  --select-base-active-option-color: var(--colors-brand-5);
+  --select-base-active-option-bg-color: var(--colors-neutral-fill-11);
+  --select-base-disabled-top-border-color: var(--colors-neutral-line-8);
+  --select-base-disabled-top-border-width: var(--borders-width-2);
+  --select-base-disabled-top-border-style: var(--borders-style-2);
+  --select-base-disabled-right-border-color: var(--colors-neutral-line-8);
+  --select-base-disabled-right-border-width: var(--borders-width-2);
+  --select-base-disabled-right-border-style: var(--borders-style-2);
+  --select-base-disabled-bottom-border-color: var(--colors-neutral-line-8);
+  --select-base-disabled-bottom-border-width: var(--borders-width-2);
+  --select-base-disabled-bottom-border-style: var(--borders-style-2);
+  --select-base-disabled-left-border-color: var(--colors-neutral-line-8);
+  --select-base-disabled-left-border-width: var(--borders-width-2);
+  --select-base-disabled-left-border-style: var(--borders-style-2);
+  --select-base-disabled-bg-color: var(--colors-neutral-fill-10);
+  --select-base-disabled-option-color: var(--colors-neutral-text-6);
+  --select-base-disabled-option-bg-color: var(--colors-neutral-fill-11);
+  --select-multiple-top-right-border-radius: var(--borders-radius-2);
+  --select-multiple-top-left-border-radius: var(--borders-radius-2);
+  --select-multiple-bottom-right-border-radius: var(--borders-radius-2);
+  --select-multiple-bottom-left-border-radius: var(--borders-radius-2);
+  --select-multiple-paddingTop: var(--sizes-size-0);
+  --select-multiple-paddingBottom: var(--sizes-size-0);
+  --select-multiple-paddingLeft: var(--sizes-size-3);
+  --select-multiple-paddingRight: var(--sizes-size-3);
+  --select-multiple-marginTop: var(--sizes-size-0);
+  --select-multiple-marginBottom: var(--sizes-size-2);
+  --select-multiple-marginLeft: var(--sizes-size-0);
+  --select-multiple-marginRight: var(--sizes-size-3);
+  --select-multiple-color: var(--colors-neutral-text-2);
+  --select-multiple-fontSize: var(--fonts-size-8);
+  --select-multiple-fontWeight: var(--fonts-weight-6);
+  --select-multiple-bg-color: var(--colors-neutral-fill-10);
+  --select-multiple-hover-bg-color: var(--colors-brand-10);
+  --select-multiple-icon-color: var(--colors-neutral-text-6);
+  --select-multiple-icon-hover-color: var(--colors-neutral-text-2);
+  --select-group-color: var(--colors-neutral-text-5);
+  --select-group-fontSize: var(--fonts-size-7);
+  --select-group-fontWeight: var(--fonts-weight-6);
+  --select-group-lineHeight: var(--fonts-lineHeight-2);
+  --select-group-paddingTop: var(--sizes-size-3);
+  --select-group-paddingBottom: var(--sizes-size-3);
+  --select-group-paddingLeft: var(--sizes-size-7);
+  --select-group-paddingRight: var(--sizes-size-7);
+  --select-table-header-paddingTop: var(--sizes-size-5);
+  --select-table-header-paddingBottom: var(--sizes-size-5);
+  --select-table-header-paddingLeft: var(--sizes-size-7);
+  --select-table-header-paddingRight: var(--sizes-base-9);
+  --select-table-option-paddingTop: var(--sizes-size-4);
+  --select-table-option-paddingBottom: var(--sizes-size-5);
+  --select-table-option-paddingLeft: var(--sizes-size-7);
+  --select-table-option-paddingRight: var(--sizes-base-9);
+  --select-table-color: var(--colors-neutral-text-2);
+  --select-table-fontSize: var(--fonts-size-8);
+  --select-tree-color: var(--colors-neutral-text-2);
+  --select-tree-fontSize: var(--fonts-size-7);
+  --select-tree-hover-bg-color: var(--colors-neutral-fill-10);
+  --select-tree-active-bg-color: var(--colors-brand-10);
+  --Form-select-bg: var(--select-base-default-bg-color);
+  --Form-select-height: var(--Form-select-outer-top);
+  --Form-select-borderColor: var(--select-base-default-top-border-color)
+    var(--select-base-default-right-border-color)
+    var(--select-base-default-bottom-border-color)
+    var(--select-base-default-left-border-color);
+  --Form-select-borderRadius: var(--select-base-default-top-left-border-radius)
+    var(--select-base-default-top-right-border-radius)
+    var(--select-base-default-bottom-right-border-radius)
+    var(--select-base-default-bottom-left-border-radius);
+  --Form-select-borderWidth: var(--select-base-default-top-border-width)
+    var(--select-base-default-right-border-width)
+    var(--select-base-default-bottom-border-width)
+    var(--select-base-default-left-border-width);
+  --Form-select-caret-iconColor: var(--colors-neutral-text-5);
+  --Form-select-caret-onHover-iconColor: var(--colors-neutral-text-5);
+  --Form-select-caret-fontSize: var(--fonts-size-8);
+  --Form-select-checkall-bottomBorder: #eceff8;
+  --Form-select-color: var(--select-base-default-color);
+  --Form-select-input-fontSize: var(--fontSizeSm);
+  --Form-select-menu-bg: var(--colors-neutral-fill-11);
+  --Form-select-menu-color: var(--colors-neutral-text-2);
+  --Form-select-menu-height: var(--sizes-base-12);
+  --Form-select-menu-onActive-bg: var(--select-base-active-option-bg-color);
+  --Form-select-menu-onActive-color: var(--select-base-active-option-color);
+  --Form-select-menu-onDisabled-bg: var(--select-base-disabled-option-bg-color);
+  --Form-select-menu-onDisabled-color: var(--select-base-disabled-option-color);
+  --Form-select-menu-onHover-bg: var(--select-base-hover-option-bg-color);
+  --Form-select-menu-onHover-color: var(--select-base-hover-option-color);
+  --Form-select-group-color: var(--Form-select-caret-iconColor);
+  --Form-select-onError-borderColor: var(--Form-input-onError-borderColor);
+  --Form-select-onFocused-borderColor: var(--Form-input-onFocused-borderColor);
+  --Form-select-onFocused-color: var(--Form-select-color);
+  --Form-select-onHover-bg: var(--select-base-hover-bg-color);
+  --Form-select-onHover-borderColor: var(--colors-brand-5);
+  --Form-select-outer-borderWidth: var(--borders-width-1);
+  --Form-select-outer-top: var(--sizes-base-16);
+  --Form-select-outer-boxShadow: var(--shadows-shadow-normal);
+  --Form-select-paddingX: var(--Form-input-paddingX);
+  --Form-select-placeholderColor: var(--Form-input-placeholderColor);
+  --Form-select-popoverGap: var(--borders-radius-3);
+  --Form-select-icon-rigin: var(--sizes-size-9);
+  --Form-select-search-height: var(--sizes-base-15);
+  --Form-select-value-bgColor: var(--select-multiple-bg-color);
+  --Form-select-value-bgColor--dark: var(--colors-neutral-fill-4);
+  --Form-select-value-borderColor: var(--colors-neutral-line-9);
+  --Form-select-valueIcon-color: var(--select-multiple-icon-color);
+  --Form-select-valueIcon-color--dark: var(--colors-neutral-text-8);
+  --Form-select-valueIcon-onHover-color: var(
+    --select-multiple-icon-hover-color
+  );
+  --Form-select-multiple-bgColor: var(--colors-neutral-fill-10);
+  --Form-selectOption-height: var(--Form-select-height);
+  --Form-selectValue-bg: #cce5ff;
+  --Form-selectValue-onHover-bgColor: var(--select-multiple-hover-bg-color);
+  --Form-selectValue-borderColor: var(--colors-brand-7);
+  --Form-selectValue-color: var(--colors-brand-5);
+  --Form-selectValue-fontSize: var(--select-multiple-fontSize);
+  --Form-selectValue-onDisable-bg: #e6f2ff;
+  --Form-selectValue-onHover-bg: #b3d7ff;
+  --Form-selectValue-onDisabled-color: var(--Form-select-caret-iconColor);
+  --Form-selectValue-onInvalid-color: var(--danger);
+  --Form-valueLabel-maxWidth: 7.5rem;
+  --Form-select-onFocus-boxShadow: none;
+  --ResultBox-tag-height: 1.5rem;
+  --ResultBox-tag-marginBottom: var(--select-multiple-marginBottom);
+  --ResultBox-icon--onDisabled-color: #ebebeb;
+  --ResultBox-icon--onHover-color: var(--select-multiple-icon-hover-color);
+  --ResultBox-icon-color: var(--select-multiple-icon-color);
+  --ResultBox-value--onDisabled-color: #cccccc;
+  --ResultBox-value--onHover-bg: var(--select-multiple-hover-bg-color);
+  --ResultBox-value--onHover-bg--dark: #b8babf;
+  --ResultBox-value-bg: var(--select-multiple-bg-color);
+  --ResultBox-value-color: var(--select-multiple-color);
+  --ResultBox-value-clear-bg: var(--colors-neutral-fill-8);
+  --ResultBox-value-clear-hover-bg: var(--colors-neutral-fill-9);
+  --Tree-max-height: 300px;
+  --Tree-indent: var(--gap-md);
+  --Tree-icon-gap: var(--sizes-size-5);
+  --Tree-icon-margin-right: 0.5rem;
+  --Tree-inputHeight: calc(var(--Form-input-height) * 0.85);
+  --Tree-item-onHover-bg: var(--colors-neutral-fill-10);
+  --Tree-item-onHover-bg-pure: var(--select-tree-hover-bg-color);
+  --Tree-itemArrowWidth: 1rem;
+  --Tree-itemHeight: var(--sizes-base-12);
+  --Tree-itemLabel--onChecked-color: var(--Form-selectValue-color);
+  --TreeSelect-popover-bg: var(--colors-neutral-fill-11);
+  --Tree-item-text-max-height: 15.625rem;
+  --Tree-item-text-top: 0.25rem;
+  --Tree-item-arrow-padding-left: 0.25rem;
+  --Tree-item-arrow-color: #84868c;
+  --Tree-item-onChekced-bg: var(--select-tree-active-bg-color);
+  --Tree-item-onChekced-bg-borderRadius: var(--borders-radius-2);
+  --inputDate-default-top-border-color: var(--colors-neutral-line-8);
+  --inputDate-default-top-border-width: var(--borders-width-2);
+  --inputDate-default-top-border-style: var(--borders-style-2);
+  --inputDate-default-right-border-color: var(--colors-neutral-line-8);
+  --inputDate-default-right-border-width: var(--borders-width-2);
+  --inputDate-default-right-border-style: var(--borders-style-2);
+  --inputDate-default-bottom-border-color: var(--colors-neutral-line-8);
+  --inputDate-default-bottom-border-width: var(--borders-width-2);
+  --inputDate-default-bottom-border-style: var(--borders-style-2);
+  --inputDate-default-left-border-color: var(--colors-neutral-line-8);
+  --inputDate-default-left-border-width: var(--borders-width-2);
+  --inputDate-default-left-border-style: var(--borders-style-2);
+  --inputDate-default-top-right-border-radius: var(--borders-radius-3);
+  --inputDate-default-top-left-border-radius: var(--borders-radius-3);
+  --inputDate-default-bottom-right-border-radius: var(--borders-radius-3);
+  --inputDate-default-bottom-left-border-radius: var(--borders-radius-3);
+  --inputDate-default-paddingTop: var(--sizes-size-3);
+  --inputDate-default-paddingBottom: var(--sizes-size-3);
+  --inputDate-default-paddingLeft: var(--sizes-size-6);
+  --inputDate-default-paddingRight: var(--sizes-base-6);
+  --inputDate-default-fontSize: var(--fonts-size-7);
+  --inputDate-default-fontWeight: var(--fonts-weight-6);
+  --inputDate-default-height: var(--sizes-base-16);
+  --inputDate-default-color: var(--colors-neutral-text-2);
+  --inputDate-default-bg-color: var(--colors-neutral-fill-11);
+  --inputDate-default-icon: '<svg viewBox="0 0 13 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-1.338385, -2.000000)"><rect x="0" y="0" width="16" height="16"></rect><path d="M6,2 L6,3 L10,3 L10,2 L11,2 L11,3 L14,3 L14,14 L2,14 L2,3 L5,3 L5,2 L6,2 Z M13,7 L3,7 L3,13 L13,13 L13,7 Z M5,4 L3,4 L3,6 L13,6 L13,4 L11,4 L11,5 L10,5 L10,4 L6,4 L6,5 L5,5 L5,4 Z" fill="currentColor"></path></g></g></svg>';
+  --inputDate-default-icon-color: var(--colors-neutral-text-5);
+  --inputDate-default-icon-size: var(--sizes-base-7);
+  --inputDate-default-title-color: var(--colors-neutral-text-2);
+  --inputDate-default-title-arrow-color: var(--colors-neutral-text-5);
+  --inputDate-default-option-color: var(--colors-neutral-text-2);
+  --inputDate-default-option-bg-color: var(--colors-neutral-fill-11);
+  --inputDate-default-option-today-border-color: var(--colors-brand-5);
+  --inputDate-default-option-top-right-border-radius: var(--borders-radius-2);
+  --inputDate-default-option-top-left-border-radius: var(--borders-radius-2);
+  --inputDate-default-option-bottom-right-border-radius: var(
+    --borders-radius-2
+  );
+  --inputDate-default-option-bottom-left-border-radius: var(--borders-radius-2);
+  --inputDate-hover-top-border-color: var(--colors-brand-5);
+  --inputDate-hover-top-border-width: var(--borders-width-2);
+  --inputDate-hover-top-border-style: var(--borders-style-2);
+  --inputDate-hover-right-border-color: var(--colors-brand-5);
+  --inputDate-hover-right-border-width: var(--borders-width-2);
+  --inputDate-hover-right-border-style: var(--borders-style-2);
+  --inputDate-hover-bottom-border-color: var(--colors-brand-5);
+  --inputDate-hover-bottom-border-width: var(--borders-width-2);
+  --inputDate-hover-bottom-border-style: var(--borders-style-2);
+  --inputDate-hover-left-border-color: var(--colors-brand-5);
+  --inputDate-hover-left-border-width: var(--borders-width-2);
+  --inputDate-hover-left-border-style: var(--borders-style-2);
+  --inputDate-hover-color: var(--colors-neutral-text-2);
+  --inputDate-hover-bg-color: var(--colors-neutral-fill-11);
+  --inputDate-hover-title-color: var(--colors-brand-6);
+  --inputDate-hover-title-arrow-color: var(--colors-neutral-text-2);
+  --inputDate-hover-option-color: var(--colors-neutral-text-2);
+  --inputDate-hover-option-bg-color: var(--colors-neutral-fill-10);
+  --inputDate-active-top-border-color: var(--colors-brand-5);
+  --inputDate-active-top-border-width: var(--borders-width-2);
+  --inputDate-active-top-border-style: var(--borders-style-2);
+  --inputDate-active-right-border-color: var(--colors-brand-5);
+  --inputDate-active-right-border-width: var(--borders-width-2);
+  --inputDate-active-right-border-style: var(--borders-style-2);
+  --inputDate-active-bottom-border-color: var(--colors-brand-5);
+  --inputDate-active-bottom-border-width: var(--borders-width-2);
+  --inputDate-active-bottom-border-style: var(--borders-style-2);
+  --inputDate-active-left-border-color: var(--colors-brand-5);
+  --inputDate-active-left-border-width: var(--borders-width-2);
+  --inputDate-active-left-border-style: var(--borders-style-2);
+  --inputDate-active-shadow: var(--shadows-shadow-none);
+  --inputDate-active-color: var(--colors-neutral-text-2);
+  --inputDate-active-bg-color: var(--colors-neutral-fill-11);
+  --inputDate-active-option-color: var(--colors-neutral-text-11);
+  --inputDate-active-option-bg-color: var(--colors-brand-5);
+  --inputDate-disabled-top-border-color: var(--colors-neutral-line-8);
+  --inputDate-disabled-top-border-width: var(--borders-width-2);
+  --inputDate-disabled-top-border-style: var(--borders-style-2);
+  --inputDate-disabled-right-border-color: var(--colors-neutral-line-8);
+  --inputDate-disabled-right-border-width: var(--borders-width-2);
+  --inputDate-disabled-right-border-style: var(--borders-style-2);
+  --inputDate-disabled-bottom-border-color: var(--colors-neutral-line-8);
+  --inputDate-disabled-bottom-border-width: var(--borders-width-2);
+  --inputDate-disabled-bottom-border-style: var(--borders-style-2);
+  --inputDate-disabled-left-border-color: var(--colors-neutral-line-8);
+  --inputDate-disabled-left-border-width: var(--borders-width-2);
+  --inputDate-disabled-left-border-style: var(--borders-style-2);
+  --inputDate-disabled-color: var(--colors-neutral-text-2);
+  --inputDate-disabled-bg-color: var(--colors-neutral-fill-10);
+  --inputDate-disabled-option-color: var(--colors-neutral-text-6);
+  --inputDate-disabled-option-bg-color: var(--colors-neutral-fill-11);
+  --inputDate-other-color: var(--colors-neutral-text-2);
+  --inputDate-other-bg-color: var(--colors-neutral-fill-11);
+  --inputDate-other-top-right-border-radius: var(--borders-radius-2);
+  --inputDate-other-top-left-border-radius: var(--borders-radius-2);
+  --inputDate-other-bottom-right-border-radius: var(--borders-radius-2);
+  --inputDate-other-bottom-left-border-radius: var(--borders-radius-2);
+  --inputDate-other-hover-color: var(--colors-neutral-text-2);
+  --inputDate-other-hover-bg-color: var(--colors-neutral-fill-10);
+  --inputDate-other-active-color: var(--colors-neutral-text-11);
+  --inputDate-other-active-bg-color: var(--colors-brand-5);
+  --inputDate-other-disabled-color: var(--colors-neutral-text-6);
+  --inputDate-other-disabled-bg-color: var(--colors-neutral-fill-10);
+  --inputDate-range-line-height: var(--borders-width-3);
+  --inputDate-range-line-color: var(--colors-brand-4);
+  --inputDate-range-separator-width: var(--sizes-size-5);
+  --inputDate-range-separator-margin: var(--sizes-size-5);
+  --inputDate-range-separator-color: var(--colors-neutral-fill-6);
+  --inputDate-range-between-color: var(--colors-brand-10);
+  --DatePicker-bg: var(--inputDate-default-bg-color);
+  --DatePicker-borderColor: var(--inputDate-default-top-border-color)
+    var(--inputDate-default-right-border-color)
+    var(--inputDate-default-bottom-border-color)
+    var(--inputDate-default-left-border-color);
+  --DatePicker-borderStyle: var(--inputDate-default-top-border-style)
+    var(--inputDate-default-right-border-style)
+    var(--inputDate-default-bottom-border-style)
+    var(--inputDate-default-left-border-style);
+  --DatePicker-borderWidth: var(--inputDate-default-top-border-width)
+    var(--inputDate-default-right-border-width)
+    var(--inputDate-default-bottom-border-width)
+    var(--inputDate-default-left-border-width);
+  --DatePicker-borderRadius: var(--inputDate-default-top-left-border-radius)
+    var(--inputDate-default-top-right-border-radius)
+    var(--inputDate-default-bottom-right-border-radius)
+    var(--inputDate-default-bottom-left-border-radius);
+  --DatePicker-color: var(--inputDate-default-color);
+  --DatePicker-header-onHover-color: var(--inputDate-hover-title-color);
+  --DatePicker-arrow-color: var(--inputDate-default-title-arrow-color);
+  --DatePicker-fontSize: var(--inputDate-default-fontSize);
+  --DatePicker-header-select-borderColor: #fff;
+  --DatePicker-height: var(--inputDate-default-height);
+  --DatePicker-iconColor: var(--icon-color);
+  --DatePicker-lineHeight: var(--Form-input-lineHeight);
+  --DatePicker-onFocused-borderColor: var(--inputDate-active-top-border-color)
+    var(--inputDate-active-right-border-color)
+    var(--inputDate-active-bottom-border-color)
+    var(--inputDate-active-left-border-color);
+  --DatePicker-onHover-bg: var(--inputDate-hover-bg-color);
+  --DatePicker-onHover-borderColor: var(--inputDate-hover-top-border-color)
+    var(--inputDate-hover-right-border-color)
+    var(--inputDate-hover-bottom-border-color)
+    var(--inputDate-hover-left-border-color);
+  --DatePicker-onDisabled-bg: var(--colors-neutral-text-9);
+  --DatePicker-onDisabled-color: var(--colors-neutral-text-6);
+  --DatePicker-onHover-iconColor: var(--colors-brand-5);
+  --DatePicker-paddingX: 0.75rem;
+  --DatePicker-paddingY: var(--sizes-size-3);
+  --DatePicker-placeholderColor: var(--colors-neutral-text-6);
+  --DatePicker-minWidth: calc(
+    var(--fontSizeLg) * 5 + var(--DatePicker-paddingX) * 2 +
+      var(--Form-input-clearBtn-size) * 2
+  );
+  --DateRangePicker-minWidth: calc(
+    var(--fontSizeLg) * 8 + var(--DatePicker-paddingX) * 2 +
+      var(--Form-input-clearBtn-size) * 2
+  );
+  --DateRangePicker-activeCursor-color: var(--inputDate-range-line-color);
+  --DateRangePicker-activeCursor-height: var(--inputDate-range-line-height);
+  --Calendar-btn-bg: var(--info);
+  --Calendar-btn-border: var(--Calendar-btn-bg);
+  --Calendar-btn-borderRadius: var(--Button-borderRadius);
+  --Calendar-btn-color: var(--colors-neutral-fill-11);
+  --Calendar-btn-fontSize: var(--fontSizeSm);
+  --Calendar-btn-height: 1.875rem;
+  --Calendar-btn-lineHeight: var(--lineHeightBase);
+  --Calendar-btn-onActive-bg: var(--colors-brand-4);
+  --Calendar-btn-onActive-border: var(--colors-brand-3);
+  --Calendar-btn-onActive-color: var(--Calendar-btn-color);
+  --Calendar-btn-onHover-bg: var(--colors-brand-4);
+  --Calendar-btn-onHover-border: var(--colors-brand-3);
+  --Calendar-btn-onHover-color: var(--Calendar-btn-color);
+  --Calendar-btn-paddingX: 0.625rem;
+  --Calendar-btn-paddingY: calc(
+    (
+        var(--Calendar-btn-height) - var(--Calendar-btn-lineHeight) *
+          var(--Calendar-btn-fontSize)
+      ) / 2
+  );
+  --Calendar-btnCancel-bg: var(--light);
+  --Calendar-btnCancel-border: var(--colors-neutral-line-7);
+  --Calendar-btnCancel-borderRadius: var(--borders-radius-3);
+  --Calendar-btnCancel-color: var(--text-color);
+  --Calendar-btnCancel-onActive-bg: var(--colors-neutral-fill-11);
+  --Calendar-btnCancel-onActive-border: var(--colors-brand-4);
+  --Calendar-btnCancel-onActive-color: var(--colors-brand-4);
+  --Calendar-btnCancel-onHover-bg: var(--colors-neutral-fill-11);
+  --Calendar-btnCancel-onHover-border: var(--colors-brand-6);
+  --Calendar-btnCancel-onHover-color: var(--colors-brand-6);
+  --Calendar-cell-bg: var(--inputDate-default-option-bg-color);
+  --Calendar-cell-onActive-bg: var(--inputDate-active-option-bg-color);
+  --Calendar-cell-onBetween-bg: var(--inputDate-range-between-color);
+  --Calendar-cell-onDisabled-bg: var(--inputDate-other-disabled-bg-color);
+  --Calendar-cell-onHover-bg: var(--inputDate-hover-option-bg-color);
+  --Calendar-color: var(--inputDate-default-option-color);
+  --Calendar-fontSize: var(--fontSizeSm);
+  --Calendar-input-borderColor: var(--borderColor);
+  --Calendar-input-borderRadius: var(--borders-radius-3);
+  --Calendar-input-color: var(--info);
+  --Calendar-input-fontSize: var(--fontSizeBase);
+  --Calendar-input-height: 2.5rem;
+  --Calendar-input-lineHeight: var(--lineHeightBase);
+  --Calendar-input-onFocused-borderColor: var(--info);
+  --Calendar-input-paddingX: 0.625rem;
+  --Calendar-input-paddingY: calc(
+    (
+        var(--Calendar-input-height) - var(--Calendar-input-lineHeight) *
+          var(--Calendar-input-fontSize)
+      ) / 2
+  );
+  --Calendar-shortcut-color: #151b26;
+  --Calendar-shortcut-decoration: none;
+  --Calendar-shortcut-onHover-color: var(--colors-brand-6);
+  --Calendar-shortcut-onHover-decoration: none;
+  --Calendar-shortcuts-bg: var(--colors-neutral-text-9);
+  --Calendar-shortcuts-height: var(--sizes-size-9);
+  --Calendar-wLabel-color: var(--colors-neutral-text-6);
+  --Calendar-icon-bottom: -0.25rem;
+  --Calendar-icon-width: var(--sizes-size-6);
+  --Calendar-icon-height: var(--sizes-size-6);
+  --Calendar-borderWidth: var(--borders-width-2);
+  --Calendar-borderColor: var(--inputDate-default-option-today-border-color);
+  --Calendar-rdt-day: var(--sizes-base-49);
+  --Calendar-schedule-content-padding: 0 var(--sizes-size-3);
+  --Calendar-schedule-content-height: var(--sizes-base-10);
+  --Calendar-schedule-content-color: var(--colors-neutral-text-11);
+  --inputTime-default-icon: '<svg viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>ic_时间</title><g id="ic_时间" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><circle id="1-FL" stroke="currentColor" cx="8" cy="8" r="6.5" stroke-width="1px" fill="none" stroke-linecap="butt" stroke-linejoin="round"/><polyline id="2-FLW" stroke="currentColor" points="7.87443646 5.5 7.87443646 8.53778873 5.5 9.28133409" stroke-width="1px" fill="none" stroke-linecap="butt" stroke-linejoin="round"/></g></svg>';
+  --inputTime-default-fontSize: var(--fonts-size-8);
+  --inputTime-default-fontWeight: var(--fonts-weight-6);
+  --inputTime-default-color: var(--colors-neutral-text-2);
+  --inputTime-default-bg-color: var(--colors-neutral-fill-11);
+  --inputTime-hover-color: var(--colors-neutral-text-2);
+  --inputTime-hover-bg-color: var(--colors-neutral-fill-10);
+  --inputTime-active-color: var(--colors-neutral-text-2);
+  --inputTime-active-bg-color: var(--colors-brand-10);
 }
 :root {
   --colors-neutral-fill-none: translate;
@@ -8524,6 +8787,31 @@ button::-moz-focus-inner {
 .tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description {
   padding: 4px 8px 4px 4px;
 }
+.tox .tox-advtemplate .tox-form__grid {
+  flex: 1;
+}
+.tox .tox-advtemplate .tox-form__grid > div:first-child {
+  display: flex;
+  flex-direction: column;
+  width: 30%;
+}
+.tox .tox-advtemplate .tox-form__grid > div:first-child > div:nth-child(2) {
+  flex-basis: 0;
+  flex-grow: 1;
+  overflow: auto;
+}
+@media only screen and (max-width: 767px) {
+  body:not(.tox-force-desktop) .tox .tox-advtemplate .tox-form__grid > div:first-child {
+    width: 100%;
+  }
+}
+.tox .tox-advtemplate iframe {
+  border-color: #eeeeee;
+  border-radius: 10px;
+  border-style: solid;
+  border-width: 1px;
+  margin: 0 10px;
+}
 .tox .tox-anchorbar {
   display: flex;
   flex: 0 0 auto;
@@ -8605,6 +8893,34 @@ button::-moz-focus-inner {
   box-shadow: none;
   color: #fff;
 }
+.tox .tox-button.tox-button--enabled,
+.tox .tox-button.tox-button--enabled:hover {
+  background: #a6ccf7;
+  border-width: 1px;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-button.tox-button--enabled > *,
+.tox .tox-button.tox-button--enabled:hover > * {
+  transform: none;
+}
+.tox .tox-button.tox-button--enabled svg,
+.tox .tox-button.tox-button--enabled:hover svg {
+  /* stylelint-disable-line no-descending-specificity */
+  fill: #222f3e;
+}
+.tox .tox-button--icon-and-text,
+.tox .tox-button.tox-button--icon-and-text,
+.tox .tox-button.tox-button--secondary.tox-button--icon-and-text {
+  display: flex;
+  padding: 5px 4px;
+}
+.tox .tox-button--icon-and-text .tox-icon svg,
+.tox .tox-button.tox-button--icon-and-text .tox-icon svg,
+.tox .tox-button.tox-button--secondary.tox-button--icon-and-text .tox-icon svg {
+  display: block;
+  fill: currentColor;
+}
 .tox .tox-button--secondary {
   background-color: #f0f0f0;
   background-image: none;
@@ -9237,7 +9553,7 @@ button::-moz-focus-inner {
   stroke: #222f3e;
   stroke-width: 2px;
 }
-.tox div.tox-swatch:not(.tox-swatch--remove)[aria-checked=true] svg {
+.tox div.tox-swatch:not(.tox-swatch--remove).tox-collection__item--enabled svg {
   display: block;
 }
 .tox:not([dir=rtl]) .tox-swatches__picker-btn {
@@ -9689,6 +10005,13 @@ button::-moz-focus-inner {
   height: 650px;
   max-width: 1200px;
 }
+.tox .tox-dialog--fullscreen {
+  height: 100%;
+  max-width: 100%;
+}
+.tox .tox-dialog--fullscreen .tox-dialog__body-content {
+  max-height: 100%;
+}
 .tox .tox-dialog--width-md {
   max-width: 800px;
 }
@@ -9730,8 +10053,11 @@ button::-moz-focus-inner {
   font-weight: bold;
   padding-bottom: 8px;
 }
+.tox .tox-dialog__table thead th:first-child {
+  padding-right: 8px;
+}
 .tox .tox-dialog__table tbody tr {
-  border-bottom: 1px solid #eeeeee;
+  border-bottom: 1px solid #626262;
 }
 .tox .tox-dialog__table tbody tr:last-child {
   border-bottom: none;
@@ -9740,6 +10066,9 @@ button::-moz-focus-inner {
   padding-bottom: 8px;
   padding-top: 8px;
 }
+.tox .tox-dialog__table td:first-child {
+  padding-right: 8px;
+}
 .tox .tox-dialog__iframe.tox-dialog__iframe--opaque {
   background: #fff;
 }
@@ -9835,6 +10164,17 @@ body.tox-dialog__disable-scroll {
   overflow: hidden;
   position: relative;
 }
+.tox .tox-edit-area::before {
+  border: 2px solid #2D6ADF;
+  border-radius: 4px;
+  content: "";
+  inset: 0;
+  opacity: 0;
+  pointer-events: none;
+  position: absolute;
+  transition: opacity 0.15s;
+  z-index: 1;
+}
 .tox .tox-edit-area__iframe {
   background-color: #fff;
   border: 0;
@@ -9844,6 +10184,9 @@ body.tox-dialog__disable-scroll {
   position: absolute;
   width: 100%;
 }
+.tox.tox-edit-focus .tox-edit-area::before {
+  opacity: 1;
+}
 .tox.tox-inline-edit-area {
   border: 1px dotted #eeeeee;
 }
@@ -9856,13 +10199,15 @@ body.tox-dialog__disable-scroll {
 .tox .tox-editor-header {
   display: grid;
   grid-template-columns: 1fr min-content;
-  z-index: 1;
+  z-index: 2;
 }
 .tox:not(.tox-tinymce-inline) .tox-editor-header {
   background-color: #fff;
   border-bottom: none;
   box-shadow: 0 2px 2px -2px rgba(34, 47, 62, 0.1), 0 8px 8px -4px rgba(34, 47, 62, 0.07);
   padding: 4px 0;
+}
+.tox:not(.tox-tinymce-inline) .tox-editor-header:not(.tox-editor-dock-transition) {
   transition: box-shadow 0.5s;
 }
 .tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header {
@@ -10098,7 +10443,8 @@ body.tox-dialog__disable-scroll {
 .tox .tox-textfield,
 .tox .tox-toolbar-textfield,
 .tox .tox-listboxfield .tox-listbox--select,
-.tox .tox-textarea {
+.tox .tox-textarea,
+.tox .tox-textarea-wrap .tox-textarea:focus {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
@@ -10128,7 +10474,9 @@ body.tox-dialog__disable-scroll {
 }
 .tox .tox-textfield:focus,
 .tox .tox-listboxfield .tox-listbox--select:focus,
-.tox .tox-textarea:focus {
+.tox .tox-textarea-wrap:focus-within,
+.tox .tox-textarea:focus,
+.tox .tox-custom-editor:focus-within {
   background-color: #fff;
   border-color: #006ce7;
   box-shadow: 0 0 0 2px rgba(0, 108, 231, 0.25);
@@ -10254,12 +10602,27 @@ body.tox-dialog__disable-scroll {
 .tox[dir=rtl] .tox-selectfield svg {
   left: 8px;
 }
+.tox .tox-textarea-wrap {
+  border-color: #eeeeee;
+  border-radius: 6px;
+  border-style: solid;
+  border-width: 1px;
+  display: flex;
+  flex: 1;
+  overflow: hidden;
+}
 .tox .tox-textarea {
   -webkit-appearance: textarea;
   -moz-appearance: textarea;
   appearance: textarea;
   white-space: pre-wrap;
 }
+.tox .tox-textarea-wrap .tox-textarea {
+  border: none;
+}
+.tox .tox-textarea-wrap .tox-textarea:focus {
+  border: none;
+}
 .tox-fullscreen {
   border: 0;
   height: 100%;
@@ -11160,6 +11523,82 @@ body.tox-dialog__disable-scroll {
   margin-bottom: 4px;
   white-space: nowrap;
 }
+.tox .tox-number-input {
+  border-radius: 3px;
+  display: flex;
+  margin: 6px 1px 5px 0;
+  padding: 0 4px;
+  width: auto;
+}
+.tox .tox-number-input .tox-input-wrapper {
+  background: #f7f7f7;
+  display: flex;
+  pointer-events: none;
+  text-align: center;
+}
+.tox .tox-number-input .tox-input-wrapper:focus {
+  background: #cce2fa;
+}
+.tox .tox-number-input input {
+  border-radius: 3px;
+  color: #222f3e;
+  font-size: 14px;
+  margin: 2px 0;
+  pointer-events: all;
+  width: 60px;
+}
+.tox .tox-number-input input:hover {
+  background: #cce2fa;
+  color: #222f3e;
+}
+.tox .tox-number-input input:focus {
+  background: #fff;
+  color: #222f3e;
+}
+.tox .tox-number-input button {
+  background: #f7f7f7;
+  color: #222f3e;
+  height: 28px;
+  text-align: center;
+  width: 24px;
+}
+.tox .tox-number-input button svg {
+  display: block;
+  fill: #222f3e;
+  margin: 0 auto;
+  transform: scale(0.67);
+}
+.tox .tox-number-input button:focus {
+  background: #cce2fa;
+}
+.tox .tox-number-input button:hover {
+  background: #cce2fa;
+  border: 0;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-number-input button:hover svg {
+  fill: #222f3e;
+}
+.tox .tox-number-input button:active {
+  background: #a6ccf7;
+  border: 0;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-number-input button:active svg {
+  fill: #222f3e;
+}
+.tox .tox-number-input button.minus {
+  border-radius: 3px 0 0 3px;
+}
+.tox .tox-number-input button.plus {
+  border-radius: 0 3px 3px 0;
+}
+.tox .tox-number-input:focus:not(:active) > button,
+.tox .tox-number-input:focus:not(:active) > .tox-input-wrapper {
+  background: #cce2fa;
+}
 .tox .tox-tbtn--select {
   margin: 6px 1px 5px 0;
   padding: 0 4px;
@@ -11168,7 +11607,11 @@ body.tox-dialog__disable-scroll {
 .tox .tox-tbtn__select-label {
   cursor: default;
   font-weight: normal;
+  height: initial;
   margin: 0 4px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 .tox .tox-tbtn__select-chevron {
   align-items: center;
@@ -11397,6 +11840,196 @@ body.tox-dialog__disable-scroll {
   top: 50%;
   transform: translateY(-50%);
 }
+.tox .tox-tree {
+  display: flex;
+  flex-direction: column;
+}
+.tox .tox-tree .tox-trbtn {
+  align-items: center;
+  background: transparent;
+  border: 0;
+  border-radius: 4px;
+  box-shadow: none;
+  color: #222f3e;
+  display: flex;
+  flex: 0 0 auto;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: normal;
+  height: 28px;
+  margin-bottom: 4px;
+  margin-top: 4px;
+  outline: none;
+  overflow: hidden;
+  padding: 0;
+  padding-left: 8px;
+  text-transform: none;
+}
+.tox .tox-tree .tox-trbtn .tox-tree__label {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.tox .tox-tree .tox-trbtn svg {
+  display: block;
+  fill: #222f3e;
+}
+.tox .tox-tree .tox-trbtn:focus {
+  background: #cce2fa;
+  border: 0;
+  box-shadow: none;
+}
+.tox .tox-tree .tox-trbtn:hover {
+  background: #cce2fa;
+  border: 0;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-tree .tox-trbtn:hover svg {
+  fill: #222f3e;
+}
+.tox .tox-tree .tox-trbtn:active {
+  background: #a6ccf7;
+  border: 0;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-tree .tox-trbtn:active svg {
+  fill: #222f3e;
+}
+.tox .tox-tree .tox-trbtn--disabled,
+.tox .tox-tree .tox-trbtn--disabled:hover,
+.tox .tox-tree .tox-trbtn:disabled,
+.tox .tox-tree .tox-trbtn:disabled:hover {
+  background: transparent;
+  border: 0;
+  box-shadow: none;
+  color: rgba(34, 47, 62, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-tree .tox-trbtn--disabled svg,
+.tox .tox-tree .tox-trbtn--disabled:hover svg,
+.tox .tox-tree .tox-trbtn:disabled svg,
+.tox .tox-tree .tox-trbtn:disabled:hover svg {
+  /* stylelint-disable-line no-descending-specificity */
+  fill: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-tree .tox-trbtn--enabled,
+.tox .tox-tree .tox-trbtn--enabled:hover {
+  background: #a6ccf7;
+  border: 0;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-tree .tox-trbtn--enabled > *,
+.tox .tox-tree .tox-trbtn--enabled:hover > * {
+  transform: none;
+}
+.tox .tox-tree .tox-trbtn--enabled svg,
+.tox .tox-tree .tox-trbtn--enabled:hover svg {
+  /* stylelint-disable-line no-descending-specificity */
+  fill: #222f3e;
+}
+.tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) {
+  color: #222f3e;
+}
+.tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) svg {
+  fill: #222f3e;
+}
+.tox .tox-tree .tox-trbtn:active > * {
+  transform: none;
+}
+.tox .tox-tree .tox-trbtn--return {
+  align-self: stretch;
+  height: unset;
+  width: 16px;
+}
+.tox .tox-tree .tox-trbtn--labeled {
+  padding: 0 4px;
+  width: unset;
+}
+.tox .tox-tree .tox-trbtn__vlabel {
+  display: block;
+  font-size: 10px;
+  font-weight: normal;
+  letter-spacing: -0.025em;
+  margin-bottom: 4px;
+  white-space: nowrap;
+}
+.tox .tox-tree .tox-tree--directory {
+  display: flex;
+  flex-direction: column;
+  /* stylelint-disable no-descending-specificity */
+}
+.tox .tox-tree .tox-tree--directory.tox-tree--directory--expanded > .tox-tree--directory__label .tox-chevron {
+  transform: rotate(90deg);
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label {
+  font-weight: bold;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn {
+  margin-left: auto;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn svg {
+  fill: transparent;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn.tox-mbtn--active svg,
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn:focus svg {
+  fill: #222f3e;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover .tox-mbtn svg,
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:focus .tox-mbtn svg {
+  fill: #222f3e;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover) {
+  background-color: transparent;
+  color: #222f3e;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover) .tox-chevron svg {
+  fill: #222f3e;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-chevron {
+  margin-right: 6px;
+  transition: transform 0.5s ease-in-out;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label.tox-tree--directory__label--active .tox-chevron {
+  transform: rotate(90deg);
+}
+.tox .tox-tree .tox-tree--leaf__label {
+  font-weight: normal;
+}
+.tox .tox-tree .tox-tree--leaf__label .tox-mbtn {
+  margin-left: auto;
+}
+.tox .tox-tree .tox-tree--leaf__label .tox-mbtn svg {
+  fill: transparent;
+}
+.tox .tox-tree .tox-tree--leaf__label .tox-mbtn.tox-mbtn--active svg,
+.tox .tox-tree .tox-tree--leaf__label .tox-mbtn:focus svg {
+  fill: #222f3e;
+}
+.tox .tox-tree .tox-tree--leaf__label:hover .tox-mbtn svg {
+  fill: #222f3e;
+}
+.tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover) {
+  background-color: transparent;
+  color: #222f3e;
+}
+.tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover) .tox-chevron svg {
+  fill: #222f3e;
+}
+.tox .tox-tree .tox-tree--directory__children {
+  overflow: hidden;
+  padding-left: 16px;
+}
+.tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--growing,
+.tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--shrinking {
+  transition: height 0.5s ease-in-out;
+}
+.tox .tox-tree .tox-trbtn.tox-tree--leaf__label {
+  display: flex;
+  justify-content: space-between;
+}
 .tox .tox-view-wrap,
 .tox .tox-view-wrap__slot-container {
   background-color: #fff;
@@ -11406,8 +12039,9 @@ body.tox-dialog__disable-scroll {
 }
 .tox .tox-view {
   display: flex;
-  flex: 1;
+  flex: 1 1 auto;
   flex-direction: column;
+  overflow: hidden;
 }
 .tox .tox-view__header {
   align-items: center;
@@ -11417,6 +12051,26 @@ body.tox-dialog__disable-scroll {
   padding: 8px 8px 0 8px;
   position: relative;
 }
+.tox .tox-view--mobile.tox-view__header,
+.tox .tox-view--mobile.tox-view__toolbar {
+  padding: 8px;
+}
+.tox .tox-view--scrolling {
+  flex-wrap: nowrap;
+  overflow-x: auto;
+}
+.tox .tox-view__toolbar {
+  display: flex;
+  flex-direction: row;
+  gap: 8px;
+  justify-content: space-between;
+  padding: 8px 8px 0 8px;
+}
+.tox .tox-view__toolbar__group {
+  display: flex;
+  flex-direction: row;
+  gap: 12px;
+}
 .tox .tox-view__header-start,
 .tox .tox-view__header-end {
   display: flex;
@@ -11458,6 +12112,7 @@ body.tox-dialog__disable-scroll {
   border-radius: 6px;
   display: flex;
   flex: 1;
+  overflow: hidden;
   position: relative;
 }
 /* stylelint-disable */
@@ -12650,7 +13305,7 @@ body.video-react-full-window .video-react-fullscreen {
 }
 .rdtPicker td > span {
   display: inline-block;
-  border-radius: 2px;
+  border-radius: var(--inputDate-default-option-top-left-border-radius) var(--inputDate-default-option-top-right-border-radius) var(--inputDate-default-option-bottom-right-border-radius) var(--inputDate-default-option-bottom-left-border-radius);
   height: 24px;
   width: 24px;
 }
@@ -12664,7 +13319,11 @@ body.video-react-full-window .video-react-fullscreen {
 }
 .rdtPicker td.rdtOld,
 .rdtPicker td.rdtNew {
-  color: #b8babf;
+  color: var(--inputDate-disabled-option-color);
+}
+.rdtPicker td.rdtOld span,
+.rdtPicker td.rdtNew span {
+  background: var(--inputDate-disabled-option-bg-color);
 }
 .rdtPicker td.rdtToday {
   position: relative;
@@ -14987,6 +15646,9 @@ img.cxd-AsideNav-itemIcon {
   height: var(--button-size-default-icon-size);
   vertical-align: middle;
 }
+.cxd-Button--size-default.cxd-Button--iconOnly {
+  min-width: var(--button-size-default-height);
+}
 .cxd-Button--size-xs {
   font-size: var(--button-size-xs-fontSize);
   font-weight: var(--button-size-xs-fontWeight);
@@ -15023,7 +15685,7 @@ img.cxd-AsideNav-itemIcon {
   vertical-align: middle;
 }
 .cxd-Button--size-xs.cxd-Button--iconOnly {
-  min-width: calc(var(--Button--xs-height) * var(--Button--iconOnly-minWidthRate));
+  min-width: var(--button-size-xs-height);
 }
 .cxd-Button--size-sm {
   font-size: var(--button-size-sm-fontSize);
@@ -15061,7 +15723,7 @@ img.cxd-AsideNav-itemIcon {
   vertical-align: middle;
 }
 .cxd-Button--size-sm.cxd-Button--iconOnly {
-  min-width: calc(var(--Button--sm-height) * var(--Button--iconOnly-minWidthRate));
+  min-width: var(--button-size-sm-height);
 }
 .cxd-Button--size-md {
   font-size: var(--button-size-md-fontSize);
@@ -15099,7 +15761,7 @@ img.cxd-AsideNav-itemIcon {
   vertical-align: middle;
 }
 .cxd-Button--size-md.cxd-Button--iconOnly {
-  min-width: calc(var(--Button--md-height) * var(--Button--iconOnly-minWidthRate));
+  min-width: var(--button-size-md-height);
 }
 .cxd-Button--size-lg {
   font-size: var(--button-size-lg-fontSize);
@@ -15137,15 +15799,14 @@ img.cxd-AsideNav-itemIcon {
   vertical-align: middle;
 }
 .cxd-Button--size-lg.cxd-Button--iconOnly {
-  min-width: calc(var(--Button--lg-height) * var(--Button--iconOnly-minWidthRate));
+  min-width: var(--button-size-lg-height);
 }
 .cxd-Button--iconOnly {
-  min-width: calc(var(--Button-height) * var(--Button--iconOnly-minWidthRate));
+  padding: 0;
 }
 .cxd-Button--iconOnly:not(.cxd-Button--link) > svg.icon {
   width: 0.875rem;
   height: 0.875rem;
-  top: 0.125rem;
 }
 .cxd-Button--iconOnly:not(.cxd-Button--link) > .fa,
 .cxd-Button--iconOnly:not(.cxd-Button--link) > .iconfont {
@@ -15477,7 +16138,6 @@ input[type=button].cxd-Button--block {
 .cxd-Badge-ribbon-out {
   overflow: hidden;
   position: absolute;
-  top: 0;
   bottom: 0;
   right: 0;
 }
@@ -15492,6 +16152,9 @@ input[type=button].cxd-Button--block {
   width: 62.5rem;
   top: 5px;
 }
+.cxd-Badge-ribbon-out--top-left, .cxd-Badge-ribbon-out--top-right {
+  top: 0;
+}
 .cxd-Badge-ribbon-out--top-left, .cxd-Badge-ribbon-out--bottom-left {
   left: 0;
   right: auto;
@@ -15501,7 +16164,7 @@ input[type=button].cxd-Button--block {
   left: 0;
   right: auto;
 }
-.cxd-Badge-ribbon--bottom-left {
+.cxd-Badge-ribbon--bottom-left, .cxd-Badge-ribbon-out--bottom--left {
   transform: translateX(calc(-50% + 5px)) rotate(45deg) scale(0.7);
   transform-origin: 50% 100%;
   left: 0;
@@ -15509,7 +16172,7 @@ input[type=button].cxd-Button--block {
   bottom: 5px;
   top: auto;
 }
-.cxd-Badge-ribbon--bottom-right {
+.cxd-Badge-ribbon--bottom-right, .cxd-Badge-ribbon-out--bottom--right {
   transform: translateX(calc(50% - 5px)) rotate(-45deg) scale(0.7);
   transform-origin: 50% 100%;
   left: auto;
@@ -15608,7 +16271,6 @@ input[type=button].cxd-Button--block {
   border-bottom: var(--Modal-body-borderTop);
   border-top-left-radius: var(--Modal-content-borderRadius);
   border-top-right-radius: var(--Modal-content-borderRadius);
-  z-index: 150;
 }
 .cxd-Modal-header::before, .cxd-Modal-header::after {
   display: table;
@@ -15628,6 +16290,7 @@ input[type=button].cxd-Button--block {
   line-height: inherit;
   text-decoration: none;
   vertical-align: middle;
+  z-index: 12;
 }
 .cxd-Modal-close svg {
   width: var(--Modal-close-width);
@@ -16846,7 +17509,7 @@ input[type=button].cxd-Button--block {
   z-index: 1;
   width: 100%;
   height: 100%;
-  background-image: linear-gradient(180deg, hsla(0deg, 0%, 100%, 0.9), hsla(0deg, 0%, 100%, 0.4)), linear-gradient(0deg, hsla(0deg, 0%, 100%, 0.9), hsla(0deg, 0%, 100%, 0.4));
+  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.9), hsla(0, 0%, 100%, 0.4)), linear-gradient(0deg, hsla(0, 0%, 100%, 0.9), hsla(0, 0%, 100%, 0.4));
   background-repeat: no-repeat;
   background-position: top, bottom;
   transform: translateZ(0);
@@ -19446,19 +20109,34 @@ input[type=button].cxd-Button--block {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.cxd-ButtonGroup > .cxd-Button:hover {
+.cxd-ButtonGroup > .cxd-Button:hover,
+.cxd-ButtonGroup .cxd-Badge:hover {
   z-index: 1;
 }
-.cxd-ButtonGroup > .cxd-Button.hover {
+.cxd-ButtonGroup > .cxd-Button.hover,
+.cxd-ButtonGroup .cxd-Badge.hover {
   z-index: 1;
 }
-.cxd-ButtonGroup > .cxd-Button:focus, .cxd-ButtonGroup > .cxd-Button:active, .cxd-ButtonGroup > .cxd-Button.active, .cxd-ButtonGroup > .cxd-Button.is-active {
+.cxd-ButtonGroup > .cxd-Button:focus, .cxd-ButtonGroup > .cxd-Button:active, .cxd-ButtonGroup > .cxd-Button.active, .cxd-ButtonGroup > .cxd-Button.is-active,
+.cxd-ButtonGroup .cxd-Badge:focus,
+.cxd-ButtonGroup .cxd-Badge:active,
+.cxd-ButtonGroup .cxd-Badge.active,
+.cxd-ButtonGroup .cxd-Badge.is-active {
   z-index: 1;
 }
+.cxd-ButtonGroup .cxd-Badge .cxd-Badge-text,
+.cxd-ButtonGroup .cxd-Badge .cxd-Badge-dot,
+.cxd-ButtonGroup .cxd-Badge .cxd-Badge-ribbon,
+.cxd-ButtonGroup .cxd-Badge .cxd-Badge-dot {
+  z-index: 2;
+}
 .cxd-ButtonGroup .cxd-Button + .cxd-Button,
 .cxd-ButtonGroup .cxd-Button + .cxd-ButtonGroup,
+.cxd-ButtonGroup .cxd-Button + .cxd-Badge,
 .cxd-ButtonGroup .cxd-ButtonGroup + .cxd-Button,
-.cxd-ButtonGroup .cxd-ButtonGroup + .cxd-ButtonGroup {
+.cxd-ButtonGroup .cxd-ButtonGroup + .cxd-ButtonGroup,
+.cxd-ButtonGroup .cxd-Badge + .cxd-Badge,
+.cxd-ButtonGroup .cxd-Badge + .cxd-Button {
   margin-left: calc(var(--ButtonGroup-borderWidth) * -1);
 }
 .cxd-ButtonGroup--block {
@@ -19475,7 +20153,8 @@ input[type=button].cxd-Button--block {
   margin-top: var(--gap-xs);
   width: auto;
 }
-.cxd-ButtonGroup > .cxd-Button:first-child {
+.cxd-ButtonGroup > .cxd-Button:first-child,
+.cxd-ButtonGroup > .cxd-Badge .cxd-Button {
   margin-left: 0;
 }
 .cxd-ButtonGroup .cxd-Button--primary.is-active {
@@ -19483,12 +20162,14 @@ input[type=button].cxd-Button--block {
   background: var(--ButtonGroup--primary-isActive-bg);
 }
 .cxd-ButtonGroup > .cxd-Button:not(:last-child),
-.cxd-ButtonGroup > .cxd-ButtonGroup:not(:last-child) > .cxd-Button {
+.cxd-ButtonGroup > .cxd-ButtonGroup:not(:last-child) > .cxd-Button,
+.cxd-ButtonGroup > .cxd-Badge:not(:last-child) > .cxd-Button {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
 .cxd-ButtonGroup > .cxd-Button:not(:first-child),
-.cxd-ButtonGroup > .cxd-ButtonGroup:not(:first-child) > .cxd-Button {
+.cxd-ButtonGroup > .cxd-ButtonGroup:not(:first-child) > .cxd-Button,
+.cxd-ButtonGroup > .cxd-Badge:not(:first-child) > .cxd-Button {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
@@ -19507,28 +20188,35 @@ input[type=button].cxd-Button--block {
 }
 .cxd-ButtonGroup--vertical > .cxd-Button + .cxd-Button,
 .cxd-ButtonGroup--vertical > .cxd-Button + .cxd-ButtonGroup,
+.cxd-ButtonGroup--vertical > .cxd-Button + .cxd-Badge,
 .cxd-ButtonGroup--vertical > .cxd-ButtonGroup + .cxd-Button,
-.cxd-ButtonGroup--vertical > .cxd-ButtonGroup + .cxd-ButtonGroup {
+.cxd-ButtonGroup--vertical > .cxd-ButtonGroup + .cxd-ButtonGroup,
+.cxd-ButtonGroup--vertical > .cxd-Badge + .cxd-Badge,
+.cxd-ButtonGroup--vertical > .cxd-Badge + .cxd-Button {
   margin-top: calc(var(--ButtonGroup-borderWidth) * -1);
   margin-left: 0;
 }
 .cxd-ButtonGroup--vertical > .cxd-Button:not(:last-child),
-.cxd-ButtonGroup--vertical > .cxd-ButtonGroup:not(:last-child) > .cxd-Button {
+.cxd-ButtonGroup--vertical > .cxd-ButtonGroup:not(:last-child) > .cxd-Button,
+.cxd-ButtonGroup--vertical > .cxd-Badge:not(:last-child) > .cxd-Button {
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
 }
 .cxd-ButtonGroup--vertical > .cxd-Button:not(:first-child),
-.cxd-ButtonGroup--vertical > .cxd-ButtonGroup:not(:first-child) > .btn {
+.cxd-ButtonGroup--vertical > .cxd-ButtonGroup:not(:first-child) > .btn,
+.cxd-ButtonGroup--vertical > .cxd-Badge:not(:first-child) > .btn {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }
 .cxd-ButtonGroup--vertical > .cxd-Button:first-child,
-.cxd-ButtonGroup--vertical > .cxd-ButtonGroup:first-child > .cxd-Button:first-child {
-  border-top-right-radius: var(--Button-borderRadius);
+.cxd-ButtonGroup--vertical > .cxd-ButtonGroup:first-child > .cxd-Button:first-child,
+.cxd-ButtonGroup--vertical > .cxd-Badge:first-child > .cxd-Button:first-child {
+  border-top-right-radius: var(--borders-radius-3);
 }
 .cxd-ButtonGroup--vertical > .cxd-Button:last-child,
-.cxd-ButtonGroup--vertical > .cxd-ButtonGroup:last-child > .cxd-Button:last-child {
-  border-bottom-left-radius: var(--Button-borderRadius);
+.cxd-ButtonGroup--vertical > .cxd-ButtonGroup:last-child > .cxd-Button:last-child,
+.cxd-ButtonGroup--vertical > .cxd-Badge:last-child > .cxd-Button:last-child {
+  border-bottom-left-radius: var(--borders-radius-3);
 }
 .cxd-ButtonGroup--tiled {
   display: flex;
@@ -19658,6 +20346,9 @@ input[type=button].cxd-Button--block {
   border: none;
   box-shadow: none;
 }
+.cxd-DropDown-popover > .cxd-DropDown-menu-root {
+  position: relative;
+}
 .cxd-DropDown > .cxd-Button {
   min-width: unset;
 }
@@ -19880,7 +20571,9 @@ input[type=button].cxd-Button--block {
   height: 2.25rem;
   margin: 0.4375rem 0;
   border-radius: var(--borderRadiusMd);
-  display: block;
+  display: flex;
+  justify-content: center;
+  align-items: center;
 }
 .cxd-CalendarMobile-footer .is-disabled {
   opacity: 0.5;
@@ -20067,7 +20760,7 @@ input[type=button].cxd-Button--block {
   text-align: center;
   margin-right: var(--gap-xs);
 }
-.cxd-Collapse.is-active .cxd-Collapse-arrow {
+.cxd-Collapse.is-active > .cxd-Collapse-header > .cxd-Collapse-arrow-wrap > .cxd-Collapse-arrow {
   transform: rotate(var(--collapse-icon-rotate));
   transform-origin: 50% 50%;
 }
@@ -22496,10 +23189,6 @@ input[type=button].cxd-Button--block {
   flex-wrap: wrap;
   justify-content: space-between;
 }
-.cxd-InputTable-toolbar .cxd-Button {
-  border-color: transparent;
-  color: var(--button-link-default-font-color);
-}
 .cxd-InputTable-pager {
   margin-left: auto;
 }
@@ -25379,6 +26068,12 @@ input[type=button].cxd-Button--block {
   width: var(--Carousel-svg-width);
   height: var(--Carousel-svg-height);
 }
+.cxd-Carousel.cxd-Carousel-arrow--always .cxd-Carousel-leftArrow {
+  display: block;
+}
+.cxd-Carousel.cxd-Carousel-arrow--always .cxd-Carousel-rightArrow {
+  display: block;
+}
 .cxd-Carousel:hover .cxd-Carousel-leftArrow {
   display: block;
 }
@@ -25877,7 +26572,6 @@ input[type=button].cxd-Button--block {
 }
 .cxd-InputBox-clear svg {
   fill: var(--Form-input-clearBtn-color);
-  top: 0;
   width: var(--Form-input-clearBtn-size);
   height: var(--Form-input-clearBtn-size);
 }
@@ -26135,6 +26829,16 @@ input[type=button].cxd-Button--block {
   align-items: center;
   border-radius: 3px;
   position: relative;
+  color: var(--Form-select-color);
+  font-size: var(--select-base-default-fontSize);
+  font-weight: var(--select-base-default-fontWeight);
+  border-width: var(--Form-select-borderWidth);
+  border-style: var(--select-base-default-top-border-style) var(--select-base-default-right-border-style) var(--select-base-default-bottom-border-style) var(--select-base-default-left-border-style);
+  border-color: var(--Form-select-borderColor);
+  background: var(--Form-select-bg);
+  border-radius: var(--Form-select-borderRadius);
+  min-height: var(--Form-selectOption-height);
+  padding: var(--select-base-default-paddingTop) var(--select-base-default-paddingRight) var(--select-base-default-paddingBottom) var(--select-base-default-paddingLeft);
 }
 .cxd-ResultBox input {
   flex-basis: 1.875rem;
@@ -26172,29 +26876,39 @@ input[type=button].cxd-Button--block {
   border-color: var(--Form-input-onError-borderColor);
   background: var(--Form-input-onError-bg);
 }
-.cxd-ResultBox.is-focused, .cxd-ResultBox.is-active, .cxd-ResultBox:focus {
+.cxd-ResultBox.is-focused, .cxd-ResultBox:focus {
   outline: none;
-  border-color: var(--Form-input-onFocused-borderColor);
-  box-shadow: var(--Form-input-boxShadow);
-  background: var(--Form-input-onFocused-bg);
+  background: var(--Form-select-onHover-bg);
+  border-width: var(--select-base-hover-top-border-width) var(--select-base-hover-right-border-width) var(--select-base-hover-bottom-border-width) var(--select-base-hover-left-border-width);
+  border-style: var(--select-base-hover-top-border-style) var(--select-base-hover-right-border-style) var(--select-base-hover-bottom-border-style) var(--select-base-hover-left-border-style);
+  border-color: var(--select-base-hover-top-border-color) var(--select-base-hover-right-border-color) var(--select-base-hover-bottom-border-color) var(--select-base-hover-left-border-color);
+}
+.cxd-ResultBox.is-active, .cxd-ResultBox.is-opened {
+  border-width: var(--select-base-active-top-border-width) var(--select-base-active-right-border-width) var(--select-base-active-bottom-border-width) var(--select-base-active-left-border-width);
+  border-style: var(--select-base-active-top-border-style) var(--select-base-active-right-border-style) var(--select-base-active-bottom-border-style) var(--select-base-active-left-border-style);
+  border-color: var(--select-base-active-top-border-color) var(--select-base-active-right-border-color) var(--select-base-active-bottom-border-color) var(--select-base-active-left-border-color);
+  box-shadow: var(--select-base-active-shadow);
+  background: var(--select-base-active-bg-color);
 }
 .cxd-ResultBox.is-clickable:not(.is-disabled) {
   cursor: pointer;
 }
 .cxd-ResultBox.is-clickable:not(.is-disabled):hover {
-  border-color: var(--Form-input-onFocused-borderColor);
-  box-shadow: var(--Form-input-boxShadow);
-  background: var(--Form-input-onFocused-bg);
+  background: var(--Form-select-onHover-bg);
+  border-width: var(--select-base-hover-top-border-width) var(--select-base-hover-right-border-width) var(--select-base-hover-bottom-border-width) var(--select-base-hover-left-border-width);
+  border-style: var(--select-base-hover-top-border-style) var(--select-base-hover-right-border-style) var(--select-base-hover-bottom-border-style) var(--select-base-hover-left-border-style);
+  border-color: var(--select-base-hover-top-border-color) var(--select-base-hover-right-border-color) var(--select-base-hover-bottom-border-color) var(--select-base-hover-left-border-color);
 }
 .cxd-ResultBox.is-error.is-focused {
   border-color: var(--Form-input-onError-borderColor);
 }
 .cxd-ResultBox.is-disabled {
   color: var(--text--muted-color);
-  background: var(--Form-input-onDisabled-bg);
-  border-color: var(--Form-input-onDisabled-borderColor);
   pointer-events: none;
-  background: var(--TabsTransfer-title-bg);
+  border-width: var(--select-base-disabled-top-border-width) var(--select-base-disabled-right-border-width) var(--select-base-disabled-bottom-border-width) var(--select-base-disabled-left-border-width);
+  border-style: var(--select-base-disabled-top-border-style) var(--select-base-disabled-right-border-style) var(--select-base-disabled-bottom-border-style) var(--select-base-disabled-left-border-style);
+  border-color: var(--select-base-disabled-top-border-color) var(--select-base-disabled-right-border-color) var(--select-base-disabled-bottom-border-color) var(--select-base-disabled-left-border-color);
+  background: var(--select-base-disabled-bg-color);
 }
 .cxd-ResultBox.is-disabled div.cxd-ResultBox-value {
   background: var(--TabsTransfer-border-color);
@@ -26258,7 +26972,6 @@ input[type=button].cxd-Button--block {
 }
 .cxd-ResultBox-clear svg {
   fill: var(--Form-input-clearBtn-color);
-  top: 0;
   width: var(--Form-input-clearBtn-size);
   height: var(--Form-input-clearBtn-size);
 }
@@ -26290,18 +27003,17 @@ input[type=button].cxd-Button--block {
 .cxd-ResultBox-value {
   background: var(--ResultBox-value-bg);
   color: var(--ResultBox-value-color);
-  font-size: var(--Form-input-fontSize);
-  padding: 0 var(--gap-xs);
+  font-size: var(--select-multiple-fontSize);
   min-height: var(--ResultBox-tag-height);
   flex-wrap: nowrap;
   display: inline-flex;
   align-items: center;
-  margin-right: var(--gap-xs);
-  margin-bottom: var(--ResultBox-tag-marginBottom);
+  padding: var(--select-multiple-paddingTop) var(--select-multiple-paddingRight) var(--select-multiple-paddingBottom) var(--select-multiple-paddingLeft);
+  margin: var(--select-multiple-marginTop) var(--select-multiple-marginRight) var(--ResultBox-tag-marginBottom) var(--select-multiple-marginLeft);
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
-  border-radius: 0.125rem;
+  border-radius: var(--select-multiple-top-left-border-radius) var(--select-multiple-top-right-border-radius) var(--select-multiple-bottom-right-border-radius) var(--select-multiple-bottom-left-border-radius);
 }
 .cxd-ResultBox-value > a {
   cursor: pointer;
@@ -26342,9 +27054,6 @@ input[type=button].cxd-Button--block {
   padding-left: 8px;
   min-height: 24px;
 }
-.cxd-ResultBox.cxd-TransferDropDown {
-  padding: 0 var(--gap-base);
-}
 .cxd-ResultBox.cxd-TransferDropDown.is-group > .cxd-TransferDropDown-icon {
   margin-right: var(--gap-sm);
 }
@@ -26405,7 +27114,6 @@ input[type=button].cxd-Button--block {
 }
 .cxd-ResultBox.is-mobile .cxd-ResultBox-clear svg {
   fill: var(--Form-input-clearBtn-color);
-  top: 0;
   width: var(--Form-input-clearBtn-size);
   height: var(--Form-input-clearBtn-size);
 }
@@ -26857,7 +27565,7 @@ input[type=button].cxd-Button--block {
 .cxd-Steps .cxd-StepsItem-containerIcon {
   vertical-align: top;
   display: inline-block;
-  padding-right: 0.625rem;
+  margin-right: 0.625rem;
 }
 .cxd-Steps .cxd-StepsItem-containerIcon .cxd-StepsItem-icon {
   display: inline-block;
@@ -26937,13 +27645,17 @@ input[type=button].cxd-Button--block {
   min-height: 75px;
   overflow: hidden !important;
 }
+.cxd-Steps--vertical .cxd-StepsItem-containerIcon {
+  position: relative;
+}
 .cxd-Steps--vertical .cxd-StepsItem-containerIcon:after {
   content: "";
   position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
   right: 0;
   top: 2.25rem;
   height: 9999px;
-  left: 0.6875rem;
   width: 1px;
   background-color: var(--Steps-line-bg);
 }
@@ -27670,6 +28382,15 @@ fieldset.cxd-Collapse--lg:after {
 .cxd-InputGroup:not(.is-inline) {
   display: flex;
 }
+.cxd-InputGroup-validation--full.is-error > .cxd-Form-control {
+  border-color: var(--Form-input-onError-borderColor);
+  transition: all var(--animation-duration);
+}
+.cxd-InputGroup-validation--partial.is-error > .cxd-Form-control.is-error {
+  border-color: var(--Form-input-onError-borderColor);
+  background: var(--Form-input-onError-bg);
+  transition: all var(--animation-duration);
+}
 .cxd-TextControl {
   position: relative;
   max-width: 100%;
@@ -27759,7 +28480,6 @@ fieldset.cxd-Collapse--lg:after {
 }
 .cxd-TextControl-clear svg {
   fill: var(--Form-input-clearBtn-color);
-  top: 0;
   width: var(--Form-input-clearBtn-size);
   height: var(--Form-input-clearBtn-size);
 }
@@ -27851,6 +28571,11 @@ fieldset.cxd-Collapse--lg:after {
   display: flex;
   flex-wrap: nowrap;
 }
+.cxd-TextControl--withAddOn:hover .cxd-TextControl-input,
+.cxd-TextControl--withAddOn:hover .cxd-Button,
+.cxd-TextControl--withAddOn:hover .cxd-TextControl-addOn {
+  border-color: var(--Form-input-onHover-borderColor);
+}
 @media (min-width: 576px) {
   .cxd-TextControl--withAddOn.cxd-Form-control--sizeXs, .cxd-TextControl--withAddOn.cxd-Form-control--sizeSm, .cxd-TextControl--withAddOn.cxd-Form-control--sizeMd, .cxd-TextControl--withAddOn.cxd-Form-control--sizeLg {
     display: inline-flex;
@@ -27859,17 +28584,17 @@ fieldset.cxd-Collapse--lg:after {
     min-width: unset;
   }
 }
-.cxd-TextControl--withAddOn > .cxd-TextControl-input {
+.cxd-TextControl--withAddOn > .cxd-TextControl-input, .cxd-TextControl--withAddOn.is-focused > .cxd-TextControl-input {
   flex-basis: 1;
   flex-grow: 1;
   min-width: 0;
   border-radius: 0;
 }
-.cxd-TextControl--withAddOn > .cxd-TextControl-input:first-child {
+.cxd-TextControl--withAddOn > .cxd-TextControl-input:first-child, .cxd-TextControl--withAddOn.is-focused > .cxd-TextControl-input:first-child {
   border-top-left-radius: var(--Form-input-borderRadius);
   border-bottom-left-radius: var(--Form-input-borderRadius);
 }
-.cxd-TextControl--withAddOn > .cxd-TextControl-input:last-child {
+.cxd-TextControl--withAddOn > .cxd-TextControl-input:last-child, .cxd-TextControl--withAddOn.is-focused > .cxd-TextControl-input:last-child {
   border-top-right-radius: var(--Form-input-borderRadius);
   border-bottom-right-radius: var(--Form-input-borderRadius);
 }
@@ -27890,6 +28615,8 @@ fieldset.cxd-Collapse--lg:after {
 }
 .cxd-TextControl-addOn:first-child {
   border-left-width: var(--input-addon-text-left-border-width);
+  border-top-left-radius: var(--Form-input-borderRadius);
+  border-bottom-left-radius: var(--Form-input-borderRadius);
 }
 .cxd-TextControl-addOn:last-child {
   border-right-width: var(--input-addon-text-right-border-width);
@@ -27900,7 +28627,7 @@ fieldset.cxd-Collapse--lg:after {
   position: relative;
   border-radius: 0;
   margin-left: -0.0625rem;
-  border: var(--InputGroup-button-borderWidth) solid var(--InputGroup-button-borderColor);
+  transition: none;
 }
 .cxd-TextControl--withAddOn > .cxd-TextControl-button:not(:last-child) .cxd-Button {
   border-right: 0;
@@ -28185,7 +28912,6 @@ input.cxd-TextControl-input-password {
 }
 .cxd-TextareaControl-clear svg {
   fill: var(--Form-input-clearBtn-color);
-  top: 0;
   width: var(--Form-input-clearBtn-size);
   height: var(--Form-input-clearBtn-size);
 }
@@ -28269,7 +28995,6 @@ input.cxd-TextControl-input-password {
 }
 .cxd-TextareaControl-clear svg {
   fill: var(--Form-input-clearBtn-color);
-  top: 0;
   width: var(--Form-input-clearBtn-size);
   height: var(--Form-input-clearBtn-size);
 }
@@ -28427,9 +29152,6 @@ input.cxd-TextControl-input-password {
 .cxd-Checkbox--full.cxd-Checkbox--checkbox:active input:checked + i {
   background: var(--Checkbox-checked-onHover-bgColor);
 }
-.cxd-Checkbox--full.cxd-Checkbox--checkbox:active input:checked + i:before {
-  background: var(--Checkbox-checked-onHover-bgColor);
-}
 .cxd-Checkbox--full.cxd-Checkbox--checkbox input:checked + i {
   border-color: var(--Checkbox-onHover-color);
   background: var(--Checkbox-onHover-color);
@@ -28813,15 +29535,20 @@ input.cxd-TextControl-input-password {
   padding: var(--gap-xs) 0;
 }
 .cxd-GroupedSelection-group > .cxd-GroupedSelection-itemLabel {
-  height: 2rem;
-  padding: var(--gap-xs) var(--gap-base);
-  color: var(--FileControl-icon-color);
+  padding: var(--select-group-paddingTop) var(--select-group-paddingRight) var(--select-group-paddingBottom) var(--select-group-paddingLeft);
+  color: var(--select-group-color);
+  font-size: var(--select-group-fontSize);
+  font-weight: var(--select-group-fontWeight);
+  line-height: var(--select-group-lineHeight);
 }
 .cxd-GroupedSelection-item {
   display: flex;
-  line-height: var(--Form-input-lineHeight);
-  font-size: var(--Form-input-fontSize);
-  padding: calc((var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--gap-sm);
+  color: var(--select-base-default-option-color);
+  background: var(--select-base-default-option-bg-color);
+  line-height: var(--select-base-default-option-line-height);
+  font-size: var(--select-base-default-option-fontSize);
+  font-weight: var(--select-base-default-option-fontWeight);
+  padding: var(--select-base-default-option-paddingTop) var(--select-base-default-option-paddingRight) var(--select-base-default-option-paddingBottom) var(--select-base-default-option-paddingLeft);
   flex-direction: row;
   cursor: pointer;
   -webkit-user-select: none;
@@ -28831,18 +29558,21 @@ input.cxd-TextControl-input-password {
 .cxd-GroupedSelection-item > .cxd-Checkbox {
   margin-right: 0.625rem;
 }
-.cxd-GroupedSelection-item.is-active {
-  background: var(--Form-select-menu-onActive-bg);
-}
 .cxd-GroupedSelection-item:hover {
-  background: var(--Tree-item-onHover-bg);
+  color: var(--Form-select-menu-onHover-color);
+  background: var(--Form-select-menu-onHover-bg);
 }
 .cxd-GroupedSelection-item:hover i {
   border: 1px solid var(--menu-active-color);
 }
+.cxd-GroupedSelection-item.is-active, .cxd-GroupedSelection-item.is-focused, .cxd-GroupedSelection-item.is-opened {
+  color: var(--Form-select-menu-onActive-color);
+  background: var(--Form-select-menu-onActive-bg);
+}
 .cxd-GroupedSelection-item.is-disabled {
   pointer-events: none;
-  color: var(--text--muted-color);
+  color: var(--Form-select-menu-onDisabled-color);
+  background: var(--Form-select-menu-onDisabled-bg);
 }
 .cxd-GroupedSelection-group > .cxd-GroupedSelection-items > .cxd-GroupedSelection-item {
   padding-left: calc(var(--gap-base) * 2);
@@ -28889,26 +29619,31 @@ input.cxd-TextControl-input-password {
 }
 .cxd-TableSelection .cxd-Table-table > thead > tr > th,
 .cxd-TableSelection .cxd-Table-table > tbody > tr > td {
-  font-size: var(--fontSizeSm);
-  padding-top: var(--gap-xs);
-  padding-bottom: 0.375rem;
+  color: var(--select-table-color);
+  font-size: var(--select-table-fontSize);
   vertical-align: middle;
 }
 .cxd-TableSelection .cxd-Table-table > thead > tr > th {
-  padding-top: 0.375rem;
+  padding: var(--select-table-header-paddingTop) var(--select-table-header-paddingLeft) var(--select-table-header-paddingBottom) var(--select-table-header-paddingLeft);
 }
-.cxd-TableSelection .cxd-Table-table > thead > tr > th:first-child,
-.cxd-TableSelection .cxd-Table-table > tbody > tr > td:first-child {
-  padding-left: 0.625rem;
+.cxd-TableSelection .cxd-Table-table > tbody > tr > td {
+  padding: var(--select-table-option-paddingTop) var(--select-table-option-paddingLeft) var(--select-table-option-paddingBottom) var(--select-table-option-paddingLeft);
+}
+.cxd-TableSelection .cxd-Table-table > thead > tr > th:last-child {
+  padding-right: var(--select-table-header-paddingRight);
 }
-.cxd-TableSelection .cxd-Table-table > thead > tr > th:last-child,
 .cxd-TableSelection .cxd-Table-table > tbody > tr > td:last-child {
-  padding-right: var(--gap-md);
+  padding-right: var(--select-table-option-paddingRight);
 }
-.cxd-TableSelection .cxd-Table-table > tbody > tr.is-active {
+.cxd-TableSelection .cxd-Table-table > tbody > tr.is-active > td {
   color: var(--Form-select-menu-onActive-color);
   background: var(--Form-select-menu-onActive-bg);
 }
+.cxd-TableSelection .cxd-Table-table > tbody > tr:hover > td,
+.cxd-TableSelection .cxd-Table-table > tbody > tr.is-hovered > td {
+  color: var(--Form-select-menu-onHover-color);
+  background: var(--Form-select-menu-onHover-bg);
+}
 .cxd-TreeSelection .cxd-Table-expandBtn {
   color: var(--icon-color);
   margin-right: var(--gap-xs);
@@ -28980,11 +29715,13 @@ input.cxd-TextControl-input-password {
   display: flex;
   flex-direction: row;
   min-height: 100%;
+  flex-wrap: wrap;
 }
 .cxd-ChainedSelection-col {
   position: relative;
   flex-grow: 1;
   min-width: 150px;
+  width: 0;
 }
 .cxd-ChainedSelection-col:not(:last-child) {
   border-right: 1px solid var(--borderColor);
@@ -28994,11 +29731,17 @@ input.cxd-TextControl-input-password {
   padding: var(--gap-xs) var(--gap-xs);
   color: var(--text--muted-color);
 }
+.cxd-ChainedSelection-checkAll {
+  width: 100%;
+}
 .cxd-ChainedSelection-item {
   display: flex;
-  line-height: var(--Form-input-lineHeight);
-  font-size: var(--Form-input-fontSize);
-  padding: calc((var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--gap-sm);
+  font-size: var(--select-base-default-option-fontSize);
+  font-weight: var(--select-base-default-option-fontWeight);
+  color: var(--select-base-default-option-color);
+  background: var(--select-base-default-option-bg-color);
+  line-height: var(--select-base-default-option-line-height);
+  padding: var(--select-base-default-option-paddingTop) var(--select-base-default-option-paddingRight) var(--select-base-default-option-paddingBottom) var(--select-base-default-option-paddingLeft);
   flex-direction: row;
   cursor: pointer;
   -webkit-user-select: none;
@@ -29013,14 +29756,19 @@ input.cxd-TextControl-input-password {
   background: var(--Form-select-menu-onActive-bg);
 }
 .cxd-ChainedSelection-item:hover {
-  background: var(--Tree-item-onHover-bg);
+  color: var(--Form-select-menu-onHover-color);
+  background: var(--Form-select-menu-onHover-bg);
 }
 .cxd-ChainedSelection-item.is-disabled {
   pointer-events: none;
-  color: var(--text--muted-color);
+  color: var(--Form-select-menu-onDisabled-color);
+  background: var(--Form-select-menu-onDisabled-bg);
 }
 .cxd-ChainedSelection-itemLabel {
   flex-grow: 1;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 .cxd-ChainedSelection-itemLabel span {
   margin-left: 0.625rem;
@@ -29305,6 +30053,7 @@ input.cxd-TextControl-input-password {
   border: var(--Number-borderWidth) solid var(--Form-input-borderColor);
   border-radius: var(--Number-borderRadius);
   overflow: hidden;
+  position: relative;
   border-width: var(--inputNumber-base-default-top-border-width) var(--inputNumber-base-default-right-border-width) var(--inputNumber-base-default-bottom-border-width) var(--inputNumber-base-default-left-border-width);
   border-style: var(--inputNumber-base-default-top-border-style) var(--inputNumber-base-default-right-border-style) var(--inputNumber-base-default-bottom-border-style) var(--inputNumber-base-default-left-border-style);
   border-color: var(--inputNumber-base-default-top-border-color) var(--inputNumber-base-default-right-border-color) var(--inputNumber-base-default-bottom-border-color) var(--inputNumber-base-default-left-border-color);
@@ -29318,6 +30067,9 @@ input.cxd-TextControl-input-password {
   border-radius: var(--inputNumber-base-hover-top-left-border-radius) var(--inputNumber-base-hover-top-right-border-radius) var(--inputNumber-base-hover-bottom-right-border-radius) var(--inputNumber-base-hover-bottom-left-border-radius);
   background: var(--inputNumber-base-hover-bg-color);
 }
+.cxd-Number:hover .cxd-Number-input {
+  padding-right: calc(var(--Number-handler-width) + var(--inputNumber-base-default-paddingRight));
+}
 .cxd-Number-focused {
   border-width: var(--inputNumber-base-active-top-border-width) var(--inputNumber-base-active-right-border-width) var(--inputNumber-base-active-bottom-border-width) var(--inputNumber-base-active-left-border-width);
   border-style: var(--inputNumber-base-active-top-border-style) var(--inputNumber-base-active-right-border-style) var(--inputNumber-base-active-bottom-border-style) var(--inputNumber-base-active-left-border-style);
@@ -29421,7 +30173,8 @@ input.cxd-TextControl-input-password {
 }
 .cxd-Number-handler-wrap {
   display: none;
-  float: right;
+  position: absolute;
+  right: 0;
   border-left: 0.0625rem solid var(--Form-input-borderColor);
   width: var(--Number-handler-width);
   height: 100%;
@@ -29445,8 +30198,6 @@ input.cxd-TextControl-input-password {
 .cxd-Number-disabled .cxd-Number-input {
   opacity: 0.72;
   cursor: not-allowed;
-  border-top-right-radius: 0px;
-  border-bottom-right-radius: 0px;
   color: var(--text--muted-color);
   background: var(--Form-input-onDisabled-bg);
   border-color: var(--Form-input-onDisabled-borderColor);
@@ -29480,10 +30231,6 @@ input.cxd-TextControl-input-password {
 .cxd-NumberControl:not(.is-inline) > .cxd-Number {
   display: block;
 }
-.cxd-NumberControl .cxd-Select {
-  min-width: var(--inputNumber-base-default-unit-width);
-  padding: var(--inputNumber-base-default-unit-paddingTop) var(--inputNumber-base-default-unit-paddingRight) var(--inputNumber-base-default-unit-paddingBottom) var(--inputNumber-base-default-unit-paddingLeft);
-}
 .cxd-Number--borderHalf .cxd-Number-handler-wrap,
 .cxd-Number--borderNone .cxd-Number-handler-wrap {
   border-left: none;
@@ -29491,11 +30238,33 @@ input.cxd-TextControl-input-password {
 .cxd-NumberControl--withUnit {
   display: flex;
 }
+.cxd-NumberControl--withUnit:hover .cxd-Number,
+.cxd-NumberControl--withUnit:hover .cxd-NumberControl-unit {
+  border-width: var(--inputNumber-base-hover-top-border-width) var(--inputNumber-base-hover-right-border-width) var(--inputNumber-base-hover-bottom-border-width) var(--inputNumber-base-hover-left-border-width);
+  border-style: var(--inputNumber-base-hover-top-border-style) var(--inputNumber-base-hover-right-border-style) var(--inputNumber-base-hover-bottom-border-style) var(--inputNumber-base-hover-left-border-style);
+  border-color: var(--inputNumber-base-hover-top-border-color) var(--inputNumber-base-hover-right-border-color) var(--inputNumber-base-hover-bottom-border-color) var(--inputNumber-base-hover-left-border-color);
+  border-radius: var(--inputNumber-base-hover-top-left-border-radius) var(--inputNumber-base-hover-top-right-border-radius) var(--inputNumber-base-hover-bottom-right-border-radius) var(--inputNumber-base-hover-bottom-left-border-radius);
+}
 .cxd-NumberControl--withUnit .cxd-Number {
   flex-grow: 1;
+  border-top-right-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
+  border-right: none !important;
 }
-.cxd-NumberControl--withUnit .cxd-Select {
-  border-left: 0;
+.cxd-NumberControl--withUnit .cxd-Number-focused + .cxd-NumberControl-unit {
+  border-width: var(--inputNumber-base-active-top-border-width) var(--inputNumber-base-active-right-border-width) var(--inputNumber-base-active-bottom-border-width) var(--inputNumber-base-active-left-border-width);
+  border-style: var(--inputNumber-base-active-top-border-style) var(--inputNumber-base-active-right-border-style) var(--inputNumber-base-active-bottom-border-style) var(--inputNumber-base-active-left-border-style);
+  border-color: var(--inputNumber-base-active-top-border-color) var(--inputNumber-base-active-right-border-color) var(--inputNumber-base-active-bottom-border-color) var(--inputNumber-base-active-left-border-color);
+  border-radius: var(--inputNumber-base-active-top-left-border-radius) var(--inputNumber-base-active-top-right-border-radius) var(--inputNumber-base-active-bottom-right-border-radius) var(--inputNumber-base-active-bottom-left-border-radius);
+}
+.cxd-NumberControl--withUnit .cxd-NumberControl-unit {
+  border-top-left-radius: 0 !important;
+  border-bottom-left-radius: 0 !important;
+  min-width: var(--inputNumber-base-default-unit-width);
+  padding: var(--inputNumber-base-default-unit-paddingTop) var(--inputNumber-base-default-unit-paddingRight) var(--inputNumber-base-default-unit-paddingBottom) var(--inputNumber-base-default-unit-paddingLeft);
+}
+.cxd-NumberControl--withUnit .cxd-NumberControl-single-unit {
+  cursor: default;
 }
 .cxd-Number--enhance {
   display: inline-flex;
@@ -29517,6 +30286,9 @@ input.cxd-TextControl-input-password {
   border-color: var(--inputNumber-enhance-hover-top-border-color) var(--inputNumber-enhance-hover-right-border-color) var(--inputNumber-enhance-hover-bottom-border-color) var(--inputNumber-enhance-hover-left-border-color);
   border-radius: var(--inputNumber-enhance-hover-top-left-border-radius) var(--inputNumber-enhance-hover-top-right-border-radius) var(--inputNumber-enhance-hover-bottom-right-border-radius) var(--inputNumber-enhance-hover-bottom-left-border-radius);
 }
+.cxd-Number--enhance:hover .cxd-Number-input {
+  padding-right: var(--inputNumber-base-default-paddingRight);
+}
 .cxd-Number--enhance:hover .cxd-Number--enhance-input {
   background: var(--inputNumber-enhance-hover-bg-color);
 }
@@ -29673,12 +30445,15 @@ input.cxd-TextControl-input-password {
   align-items: center;
   outline: none;
   position: relative;
-  font-size: var(--Form-input-fontSize);
-  border: var(--Form-select-borderWidth) solid var(--Form-select-borderColor);
+  font-size: var(--select-base-default-fontSize);
+  font-weight: var(--select-base-default-fontWeight);
+  border-width: var(--Form-select-borderWidth);
+  border-style: var(--select-base-default-top-border-style) var(--select-base-default-right-border-style) var(--select-base-default-bottom-border-style) var(--select-base-default-left-border-style);
+  border-color: var(--Form-select-borderColor);
   background: var(--Form-select-bg);
   border-radius: var(--Form-select-borderRadius);
   min-height: var(--Form-selectOption-height);
-  padding: calc((var(--Form-selectOption-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) - var(--Form-select-borderWidth) * 2) / 2) 0 calc((var(--Form-selectOption-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) - var(--Form-select-borderWidth) * 2) / 2) var(--Form-select-paddingX);
+  padding: var(--select-base-default-paddingTop) var(--select-base-default-paddingRight) var(--select-base-default-paddingBottom) var(--select-base-default-paddingLeft);
   cursor: pointer;
   color: var(--Form-select-color);
 }
@@ -29687,18 +30462,33 @@ input.cxd-TextControl-input-password {
 }
 .cxd-Select:hover {
   background: var(--Form-select-onHover-bg);
-  border-color: var(--Form-input-onHover-borderColor);
+  border-width: var(--select-base-hover-top-border-width) var(--select-base-hover-right-border-width) var(--select-base-hover-bottom-border-width) var(--select-base-hover-left-border-width);
+  border-style: var(--select-base-hover-top-border-style) var(--select-base-hover-right-border-style) var(--select-base-hover-bottom-border-style) var(--select-base-hover-left-border-style);
+  border-color: var(--select-base-hover-top-border-color) var(--select-base-hover-right-border-color) var(--select-base-hover-bottom-border-color) var(--select-base-hover-left-border-color);
 }
 .cxd-Select:hover .cxd-Select-arrow:before {
   color: var(--Form-select-caret-onHover-iconColor);
 }
 .cxd-Select:active {
-  border-color: var(--Button--default-onActive-border);
+  border-width: var(--select-base-active-top-border-width) var(--select-base-active-right-border-width) var(--select-base-active-bottom-border-width) var(--select-base-active-left-border-width);
+  border-style: var(--select-base-active-top-border-style) var(--select-base-active-right-border-style) var(--select-base-active-bottom-border-style) var(--select-base-active-left-border-style);
+  border-color: var(--select-base-active-top-border-color) var(--select-base-active-right-border-color) var(--select-base-active-bottom-border-color) var(--select-base-active-left-border-color);
+  box-shadow: var(--select-base-active-shadow);
+  background: var(--select-base-active-bg-color);
+}
+.cxd-Select.is-focused:not(.is-mobile), .cxd-Select.is-opened:not(.is-mobile) {
+  border-width: var(--select-base-active-top-border-width) var(--select-base-active-right-border-width) var(--select-base-active-bottom-border-width) var(--select-base-active-left-border-width);
+  border-style: var(--select-base-active-top-border-style) var(--select-base-active-right-border-style) var(--select-base-active-bottom-border-style) var(--select-base-active-left-border-style);
+  border-color: var(--select-base-active-top-border-color) var(--select-base-active-right-border-color) var(--select-base-active-bottom-border-color) var(--select-base-active-left-border-color);
+  box-shadow: var(--select-base-active-shadow);
+  background: var(--select-base-active-bg-color);
+  color: var(--Form-select-onFocused-color);
 }
 .cxd-Select.is-disabled {
-  color: var(--text--muted-color);
-  background: var(--Form-input-onDisabled-bg);
-  border-color: var(--Form-input-onDisabled-borderColor);
+  border-width: var(--select-base-disabled-top-border-width) var(--select-base-disabled-right-border-width) var(--select-base-disabled-bottom-border-width) var(--select-base-disabled-left-border-width);
+  border-style: var(--select-base-disabled-top-border-style) var(--select-base-disabled-right-border-style) var(--select-base-disabled-bottom-border-style) var(--select-base-disabled-left-border-style);
+  border-color: var(--select-base-disabled-top-border-color) var(--select-base-disabled-right-border-color) var(--select-base-disabled-bottom-border-color) var(--select-base-disabled-left-border-color);
+  background: var(--select-base-disabled-bg-color);
 }
 .cxd-Select:focus {
   box-shadow: var(--Form-select-onFocus-boxShadow);
@@ -29707,12 +30497,10 @@ input.cxd-TextControl-input-password {
   margin-top: 0.25rem;
 }
 .cxd-Select .cxd-PopOver.cxd-Select-popover .cxd-Select-menu .cxd-Select-option {
-  height: 2rem;
-  line-height: 2rem;
+  line-height: var(--select-base-default-option-line-height);
 }
 .cxd-Select .cxd-PopOver.cxd-Select-popover .cxd-Select-menu .cxd-Select-addBtn {
-  height: 2rem;
-  line-height: 1.875rem;
+  line-height: var(--select-base-default-option-line-height);
 }
 .cxd-Select--borderHalf {
   border-left-color: transparent !important;
@@ -29749,7 +30537,6 @@ input.cxd-TextControl-input-password {
   color: var(--Form-select-placeholderColor);
 }
 .cxd-Select-value {
-  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
   white-space: nowrap;
   max-width: 100%;
   overflow: hidden;
@@ -29764,7 +30551,7 @@ input.cxd-TextControl-input-password {
 .cxd-Select--multi {
   height: auto;
   min-height: var(--Form-selectOption-height);
-  padding: var(--gap-xs) 0 var(--gap-xs) var(--gap-xs);
+  padding: var(--select-base-default-paddingTop) var(--select-base-default-paddingRight) var(--select-base-default-paddingBottom) var(--select-base-default-paddingLeft);
 }
 .cxd-Select--multi .cxd-Select-valueWrap > input {
   display: inline-block;
@@ -29789,11 +30576,13 @@ input.cxd-TextControl-input-password {
   display: inline-block;
   vertical-align: middle;
   font-size: var(--Form-selectValue-fontSize);
+  font-weight: var(--select-multiple-fontWeight);
+  color: var(--select-multiple-color);
   background: var(--Form-select-value-bgColor);
   border: 0.0625rem solid var(--Form-select-value-borderColor);
-  border-radius: 0.125rem;
-  margin-right: var(--gap-xs);
-  margin-bottom: var(--gap-xs);
+  border-radius: var(--select-multiple-top-left-border-radius) var(--select-multiple-top-right-border-radius) var(--select-multiple-bottom-right-border-radius) var(--select-multiple-bottom-left-border-radius);
+  padding: var(--select-multiple-paddingTop) var(--select-multiple-paddingRight) var(--select-multiple-paddingBottom) var(--select-multiple-paddingLeft);
+  margin: var(--select-multiple-marginTop) var(--select-multiple-marginRight) var(--ResultBox-tag-marginBottom) var(--select-multiple-marginLeft);
 }
 .cxd-Select--multi .cxd-Select-value:hover {
   background-color: var(--Form-selectValue-onHover-bgColor);
@@ -29801,7 +30590,6 @@ input.cxd-TextControl-input-password {
 .cxd-Select--multi .cxd-Select-valueLabel {
   display: inline-block;
   max-width: var(--Form-valueLabel-maxWidth);
-  padding: 0 var(--gap-xs);
   overflow: hidden;
   vertical-align: top;
   text-overflow: ellipsis;
@@ -29809,7 +30597,7 @@ input.cxd-TextControl-input-password {
 }
 .cxd-Select-valueIcon {
   cursor: pointer;
-  padding: 1px 5px;
+  margin-left: 0.625rem;
   color: var(--Form-select-valueIcon-color);
 }
 .cxd-Select-valueIcon:hover {
@@ -29826,7 +30614,6 @@ input.cxd-TextControl-input-password {
   height: 0.625rem;
 }
 .cxd-Select-arrow {
-  margin-right: 0.75rem;
   width: var(--gap-md);
   text-align: center;
   display: flex;
@@ -29913,8 +30700,13 @@ input.cxd-TextControl-input-password {
 }
 .cxd-Select-option {
   cursor: pointer;
-  padding: calc((var(--Form-select-menu-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--Form-select-paddingX);
+  padding: var(--select-base-default-option-paddingTop) var(--select-base-default-option-paddingRight) var(--select-base-default-option-paddingBottom) var(--select-base-default-option-paddingLeft);
   display: flex;
+  color: var(--select-base-default-option-color);
+  font-size: var(--select-base-default-option-fontSize);
+  font-weight: var(--select-base-default-option-fontWeight);
+  background: var(--select-base-default-option-bg-color);
+  line-height: var(--select-base-default-option-line-height);
 }
 .cxd-Select-option-checkbox {
   width: 100%;
@@ -29940,19 +30732,31 @@ input.cxd-TextControl-input-password {
   overflow: hidden;
   white-space: nowrap;
   width: 100%;
+  font-size: var(--select-base-default-option-fontSize);
+  font-weight: var(--select-base-default-option-fontWeight);
+  color: var(--select-base-default-option-color);
 }
 .cxd-Select-option.is-active {
   color: var(--Form-select-menu-onActive-color);
   background: var(--Form-select-menu-onActive-bg);
 }
+.cxd-Select-option.is-active .cxd-Select-option-checkbox > label > span {
+  color: var(--Form-select-menu-onActive-color);
+}
 .cxd-Select-option.is-highlight {
   color: var(--Form-select-menu-onHover-color);
   background: var(--Form-select-menu-onHover-bg);
 }
+.cxd-Select-option.is-highlight .cxd-Select-option-checkbox > label > span {
+  color: var(--Form-select-menu-onHover-color);
+}
 .cxd-Select-option.is-disabled {
   color: var(--Form-select-menu-onDisabled-color);
   background: var(--Form-select-menu-onDisabled-bg);
 }
+.cxd-Select-option.is-disabled .cxd-Select-option-checkbox > label > span {
+  color: var(--Form-select-menu-onDisabled-color);
+}
 .cxd-Select-option > label {
   display: block;
 }
@@ -29970,7 +30774,6 @@ input.cxd-TextControl-input-password {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
-  display: inline-block;
   max-width: 100%;
 }
 .cxd-Select-noResult {
@@ -29988,7 +30791,7 @@ input.cxd-TextControl-input-password {
 .cxd-Select-addBtn {
   display: block;
   cursor: pointer;
-  padding: calc((var(--Form-select-menu-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--Form-select-paddingX);
+  padding: var(--select-base-default-option-paddingTop) var(--select-base-default-option-paddingRight) var(--select-base-default-option-paddingBottom) var(--select-base-default-option-paddingLeft);
 }
 .cxd-Select-addBtn:hover {
   text-decoration: none;
@@ -29998,10 +30801,6 @@ input.cxd-TextControl-input-password {
   height: 0.875rem;
   margin-right: var(--Checkbox-gap);
 }
-.cxd-Select.is-focused:not(.is-mobile), .cxd-Select.is-opened:not(.is-mobile) {
-  border-color: var(--Form-input-onFocused-borderColor);
-  color: var(--Form-select-onFocused-color);
-}
 .cxd-Select-spinner {
   line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
 }
@@ -30021,8 +30820,8 @@ input.cxd-TextControl-input-password {
   height: var(--Form-input-clearBtn-size);
   top: 0;
 }
-.cxd-Select-clear svg:hover > path:first-of-type {
-  fill: var(--Form-select-valueIcon-color);
+.cxd-Select-clear svg:hover {
+  fill: var(--Form-input-clearBtn-color-onHover);
 }
 .cxd-Select-popup {
   height: 20rem;
@@ -30050,11 +30849,13 @@ input.cxd-TextControl-input-password {
   display: inline-block;
   vertical-align: middle;
   font-size: var(--Form-selectValue-fontSize);
+  font-weight: var(--select-multiple-fontWeight);
+  color: var(--select-multiple-color);
   background: var(--Form-select-value-bgColor);
   border: 0.0625rem solid var(--Form-select-value-borderColor);
-  border-radius: 0.125rem;
-  margin-right: var(--gap-xs);
-  margin-bottom: var(--gap-xs);
+  border-radius: var(--select-multiple-top-left-border-radius) var(--select-multiple-top-right-border-radius) var(--select-multiple-bottom-right-border-radius) var(--select-multiple-bottom-left-border-radius);
+  padding: var(--select-multiple-paddingTop) var(--select-multiple-paddingRight) var(--select-multiple-paddingBottom) var(--select-multiple-paddingLeft);
+  margin: var(--select-multiple-marginTop) var(--select-multiple-marginRight) var(--ResultBox-tag-marginBottom) var(--select-multiple-marginLeft);
 }
 .cxd-Select-overflow-wrapper .cxd-Select-value:hover {
   background-color: var(--Form-selectValue-onHover-bgColor);
@@ -30062,7 +30863,6 @@ input.cxd-TextControl-input-password {
 .cxd-Select-overflow-wrapper .cxd-Select-valueLabel {
   display: inline-block;
   max-width: var(--Form-valueLabel-maxWidth);
-  padding: 0 var(--gap-xs);
   overflow: hidden;
   vertical-align: top;
   text-overflow: ellipsis;
@@ -30106,7 +30906,7 @@ input.cxd-TextControl-input-password {
 }
 .cxd-SelectControl .cxd-TransferDropDown-popover .cxd-Tree-list .cxd-Tree-item .cxd-Tree-itemLabel:hover .cxd-Tree-itemText,
 .cxd-SelectControl .cxd-TransferDropDown-popover .cxd-Tree-list .cxd-Tree-item .cxd-Tree-item--isLeaf:hover .cxd-Tree-itemText {
-  background: var(--Transfer-title-bg);
+  background: var(--select-tree-hover-bg-color);
 }
 .cxd-SelectControl .cxd-TransferDropDown-popover .cxd-Tree-list .cxd-Tree-item .cxd-Tree-itemLabel:active,
 .cxd-SelectControl .cxd-TransferDropDown-popover .cxd-Tree-list .cxd-Tree-item .cxd-Tree-item--isLeaf:active {
@@ -30114,7 +30914,7 @@ input.cxd-TextControl-input-password {
 }
 .cxd-SelectControl .cxd-TransferDropDown-popover .cxd-Tree-list .cxd-Tree-item .cxd-Tree-itemLabel:active .cxd-Tree-itemText,
 .cxd-SelectControl .cxd-TransferDropDown-popover .cxd-Tree-list .cxd-Tree-item .cxd-Tree-item--isLeaf:active .cxd-Tree-itemText {
-  background: var(--Tree-item-onChekced-bg);
+  background: var(--select-tree-active-bg-color);
 }
 .cxd-SelectControl .cxd-TransferDropDown-popover .cxd-Tree-list .cxd-Tree-item .cxd-Tree-itemLabel.is-checked,
 .cxd-SelectControl .cxd-TransferDropDown-popover .cxd-Tree-list .cxd-Tree-item .cxd-Tree-item--isLeaf.is-checked {
@@ -30358,28 +31158,28 @@ input.cxd-TextControl-input-password {
   position: relative;
   display: inline-flex;
   flex-wrap: nowrap;
-  border: var(--DatePicker-borderWidth) solid var(--DatePicker-borderColor);
-  font-size: var(--DatePicker-fontSize);
-  padding: var(--DatePicker-paddingY) var(--DatePicker-paddingX);
-  height: var(--DatePicker-height);
+  border: var(--borders-width-2) solid var(--colors-neutral-line-8);
+  font-size: var(--fonts-size-7);
+  padding: var(--sizes-size-4) var(--sizes-size-7);
+  height: var(--sizes-base-16);
   outline: none;
   white-space: nowrap;
-  color: var(--DatePicker-color);
-  background: var(--DatePicker-bg);
+  color: var(--colors-neutral-text-2);
+  background: var(--colors-neutral-fill-11);
   border-radius: var(--LocationPicker-borderRadius);
 }
 .cxd-LocationPicker:not(.is-disabled) {
   cursor: pointer;
 }
 .cxd-LocationPicker:not(.is-disabled):hover {
-  background: var(--DatePicker-onHover-bg);
-  border-color: var(--DatePicker-onHover-borderColor);
+  background: var(--colors-neutral-fill-11);
+  border-color: var(--colors-brand-5);
 }
 .cxd-LocationPicker:not(.is-disabled):hover .cxd-DatePicker-toggler:before {
-  color: var(--DatePicker-onHover-iconColor);
+  color: var(--colors-brand-5);
 }
 .cxd-LocationPicker.is-focused, .cxd-LocationPicker.is-active {
-  border-color: var(--DatePicker-onFocused-borderColor);
+  border-color: var(--colors-brand-5);
   box-shadow: var(--Form-input-boxShadow);
 }
 .cxd-LocationPicker.is-disabled {
@@ -30389,7 +31189,7 @@ input.cxd-TextControl-input-password {
   color: var(--text--muted-color);
 }
 .cxd-LocationPicker-placeholder {
-  color: var(--DatePicker-placeholderColor);
+  color: var(--colors-neutral-text-6);
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
@@ -30404,10 +31204,13 @@ input.cxd-TextControl-input-password {
 }
 .cxd-LocationPicker-toggler {
   cursor: pointer;
-  color: var(--DatePicker-iconColor);
+  color: var(--colors-neutral-text-5);
+}
+.cxd-LocationPicker-toggler svg {
+  top: 0;
 }
 .cxd-LocationPicker-toggler:hover {
-  color: var(--DatePicker-onHover-iconColor);
+  color: var(--colors-brand-5);
 }
 .cxd-LocationPicker-clear {
   padding: var(--Form-input-clearBtn-padding);
@@ -30422,7 +31225,6 @@ input.cxd-TextControl-input-password {
 }
 .cxd-LocationPicker-clear svg {
   fill: var(--Form-input-clearBtn-color);
-  top: 0;
   width: var(--Form-input-clearBtn-size);
   height: var(--Form-input-clearBtn-size);
 }
@@ -30432,6 +31234,9 @@ input.cxd-TextControl-input-password {
 .cxd-LocationPicker-clear:active svg {
   fill: var(--Form-input-clearBtn-color-onActive);
 }
+.cxd-LocationPicker-clear svg {
+  top: 0;
+}
 .cxd-LocationControl {
   position: relative;
   width: 100%;
@@ -30569,7 +31374,6 @@ input.cxd-TextControl-input-password {
 }
 .cxd-ColorPicker-clear svg {
   fill: var(--Form-input-clearBtn-color);
-  top: 0;
   width: var(--Form-input-clearBtn-size);
   height: var(--Form-input-clearBtn-size);
 }
@@ -30615,9 +31419,11 @@ input.cxd-TextControl-input-password {
   position: relative;
   display: inline-flex;
   flex-wrap: nowrap;
-  border: var(--DatePicker-borderWidth) solid var(--DatePicker-borderColor);
+  border-width: var(--DatePicker-borderWidth);
+  border-style: var(--DatePicker-borderStyle);
+  border-color: var(--DatePicker-borderColor);
   font-size: var(--DatePicker-fontSize);
-  padding: var(--DatePicker-paddingY) var(--DatePicker-paddingX);
+  padding: var(--inputDate-default-paddingTop) var(--inputDate-default-paddingRight) var(--inputDate-default-paddingBottom) var(--inputDate-default-paddingLeft);
   height: var(--DatePicker-height);
   outline: none;
   white-space: nowrap;
@@ -30632,6 +31438,9 @@ input.cxd-TextControl-input-password {
   background: none;
   padding: 0;
   border: 0;
+  font-size: var(--DatePicker-fontSize);
+  font-weight: var(--inputDate-default-fontWeight);
+  color: var(--inputDate-default-color);
 }
 .cxd-DatePicker-input:focus {
   border: none;
@@ -30661,6 +31470,11 @@ input.cxd-TextControl-input-password {
 .cxd-DatePicker:not(.is-disabled):hover {
   background: var(--DatePicker-onHover-bg);
   border-color: var(--DatePicker-onHover-borderColor);
+  border-style: var(--inputDate-hover-top-border-style) var(--inputDate-hover-right-border-style) var(--inputDate-hover-bottom-border-style) var(--inputDate-hover-left-border-style);
+  border-width: var(--inputDate-hover-top-border-width) var(--inputDate-hover-right-border-width) var(--inputDate-hover-bottom-border-width) var(--inputDate-hover-left-border-width);
+}
+.cxd-DatePicker:not(.is-disabled):hover .cxd-DatePicker-input {
+  color: var(--inputDate-hover-color);
 }
 .cxd-DatePicker:not(.is-disabled):hover .cxd-DatePicker-clear {
   display: flex;
@@ -30669,17 +31483,23 @@ input.cxd-TextControl-input-password {
   display: none;
 }
 .cxd-DatePicker:not(.is-disabled).is-focused {
+  background: var(--inputDate-active-bg-color);
   border-color: var(--DatePicker-onFocused-borderColor);
-  box-shadow: var(--Form-input-boxShadow);
+  box-shadow: var(--inputDate-active-shadow);
+  border-style: var(--inputDate-active-top-border-style) var(--inputDate-active-right-border-style) var(--inputDate-active-bottom-border-style) var(--inputDate-active-left-border-style);
+  border-width: var(--inputDate-active-top-border-width) var(--inputDate-active-right-border-width) var(--inputDate-active-bottom-border-width) var(--inputDate-active-left-border-width);
 }
-.cxd-DatePicker .cxd-DatePicker-input {
-  font-size: var(--fonts-size-7);
+.cxd-DatePicker:not(.is-disabled).is-focused .cxd-DatePicker-input {
+  color: var(--inputDate-active-color);
 }
 .cxd-DatePicker.is-disabled {
-  background: #e5e7eb;
+  background: var(--inputDate-disabled-bg-color);
+  border-width: var(--inputDate-disabled-top-border-width) var(--inputDate-disabled-right-border-width) var(--inputDate-disabled-bottom-border-width) var(--inputDate-disabled-left-border-width);
+  border-style: var(--inputDate-disabled-top-border-style) var(--inputDate-disabled-right-border-style) var(--inputDate-disabled-bottom-border-style) var(--inputDate-disabled-left-border-style);
+  border-color: var(--inputDate-disabled-top-border-color) var(--inputDate-disabled-right-border-color) var(--inputDate-disabled-bottom-border-color) var(--inputDate-disabled-left-border-color);
 }
 .cxd-DatePicker.is-disabled > .cxd-DatePicker-input {
-  color: var(--text--muted-color);
+  color: var(--inputDate-disabled-color);
 }
 .cxd-DatePicker-placeholder {
   color: var(--DatePicker-placeholderColor);
@@ -30708,7 +31528,6 @@ input.cxd-TextControl-input-password {
 }
 .cxd-DatePicker-toggler svg {
   fill: var(--Form-input-clearBtn-color);
-  top: 0;
   width: var(--Form-input-clearBtn-size);
   height: var(--Form-input-clearBtn-size);
 }
@@ -30718,6 +31537,17 @@ input.cxd-TextControl-input-password {
 .cxd-DatePicker-toggler:active svg {
   fill: var(--Form-input-clearBtn-color-onActive);
 }
+.cxd-DatePicker-toggler svg {
+  color: var(--inputDate-default-icon-color);
+  width: var(--inputDate-default-icon-size);
+  height: var(--inputDate-default-icon-size);
+}
+.cxd-DatePicker .DatePicker-toggler-clock {
+  content: var(--inputTime-default-icon);
+}
+.cxd-DatePicker .DatePicker-toggler-date {
+  content: var(--inputDate-default-icon);
+}
 .cxd-DatePicker-clear {
   padding: var(--Form-input-clearBtn-padding);
   cursor: pointer;
@@ -30730,7 +31560,6 @@ input.cxd-TextControl-input-password {
 }
 .cxd-DatePicker-clear svg {
   fill: var(--Form-input-clearBtn-color);
-  top: 0;
   width: var(--Form-input-clearBtn-size);
   height: var(--Form-input-clearBtn-size);
 }
@@ -30740,6 +31569,11 @@ input.cxd-TextControl-input-password {
 .cxd-DatePicker-clear:active svg {
   fill: var(--Form-input-clearBtn-color-onActive);
 }
+.cxd-DatePicker-clear svg {
+  top: 0;
+  width: var(--inputDate-default-icon-size);
+  height: var(--inputDate-default-icon-size);
+}
 .cxd-DateControl:not(.is-inline) > .cxd-DatePicker {
   display: flex;
 }
@@ -30871,6 +31705,7 @@ input.cxd-TextControl-input-password {
 .rdt .rdtPicker td.rdtMinute:hover span,
 .rdt .rdtPicker td.rdtSecond:hover span,
 .rdt .rdtPicker .rdtTimeToggle:hover span {
+  color: var(--inputDate-hover-option-color);
   background: var(--Calendar-cell-onHover-bg);
 }
 .rdt .rdtPicker td.rdtToday > span {
@@ -30895,6 +31730,7 @@ input.cxd-TextControl-input-password {
 }
 .rdt .rdtPicker td.rdtActive > span,
 .rdt .rdtPicker td.rdtActive:hover > span {
+  color: var(--inputDate-active-option-color);
   background: var(--Calendar-cell-onActive-bg);
 }
 .rdt .rdtPicker .rdtActive.rdtToday {
@@ -30948,8 +31784,8 @@ input.cxd-TextControl-input-password {
 }
 .cxd-CalendarInputWrapper .cxd-CalendarInput-sugs {
   list-style: none;
-  background: var(--Form-select-menu-bg);
-  color: var(--Form-select-menu-color);
+  background: var(--inputTime-default-bg-color);
+  color: var(--inputTime-default-color);
   left: -0.0625rem;
   right: -0.0625rem;
   top: 100%;
@@ -30966,15 +31802,17 @@ input.cxd-TextControl-input-password {
   text-align: center;
   height: 28px;
   line-height: 28px;
+  font-size: var(--inputTime-default-fontSize);
+  font-weight: var(--inputTime-default-fontWeight);
   cursor: pointer;
 }
 .cxd-CalendarInputWrapper .cxd-CalendarInput-sugsItem.is-highlight {
-  color: var(--Form-select-menu-onHover-color);
-  background: var(--Form-select-menu-onHover-bg);
+  color: var(--inputTime-active-color);
+  background: var(--inputTime-active-bg-color);
 }
 .cxd-CalendarInputWrapper .cxd-CalendarInput-sugsItem:hover {
-  color: var(--Form-select-menu-onHover-color);
-  background: #f7f7f9;
+  color: var(--inputTime-hover-color);
+  background: var(--inputTime-hover-bg-color);
 }
 .cxd-TimeContentWrapper {
   display: flex;
@@ -31200,7 +32038,7 @@ input.cxd-TextControl-input-password {
 .rdtPrev:hover,
 .rdtNext:hover {
   text-decoration: none;
-  color: var(--DatePicker-color);
+  color: var(--inputDate-hover-title-arrow-color);
 }
 .rdtCenter {
   color: var(--DatePicker-color);
@@ -31209,7 +32047,7 @@ input.cxd-TextControl-input-password {
   text-align: center;
   cursor: pointer;
   font-weight: normal;
-  color: var(--DatePicker-color);
+  color: var(--inputDate-default-title-color);
 }
 .rdtSwitch:hover {
   color: var(--DatePicker-header-onHover-color);
@@ -31254,6 +32092,9 @@ td.rdtMonth > span,
 td.rdtYear > span,
 td.rdtQuarter > span {
   display: inline-block;
+  color: var(--inputDate-other-color);
+  background: var(--inputDate-other-bg-color);
+  border-radius: var(--inputDate-other-top-left-border-radius) var(--inputDate-other-top-right-border-radius) var(--inputDate-other-bottom-right-border-radius) var(--inputDate-other-bottom-left-border-radius);
 }
 td.rdtMonth.rdtBetween,
 td.rdtYear.rdtBetween,
@@ -31268,8 +32109,8 @@ td.rdtQuarter:hover {
 td.rdtMonth:hover > span,
 td.rdtYear:hover > span,
 td.rdtQuarter:hover > span {
-  color: var(--Form-select-menu-onHover-color);
-  background: #f7f7f9;
+  color: var(--inputDate-other-hover-color);
+  background: var(--inputDate-other-hover-bg-color);
 }
 td.rdtMonth.rdtActive, td.rdtMonth.rdtActive:hover,
 td.rdtYear.rdtActive,
@@ -31283,16 +32124,23 @@ td.rdtYear.rdtActive > span,
 td.rdtYear.rdtActive:hover > span,
 td.rdtQuarter.rdtActive > span,
 td.rdtQuarter.rdtActive:hover > span {
-  background: var(--info) !important;
-  color: var(--white);
+  background: var(--inputDate-other-active-bg-color) !important;
+  color: var(--inputDate-other-active-color) !important;
 }
 td.rdtMonth.rdtDisabled, td.rdtMonth.rdtDisabled:hover,
 td.rdtYear.rdtDisabled,
 td.rdtYear.rdtDisabled:hover,
 td.rdtQuarter.rdtDisabled,
 td.rdtQuarter.rdtDisabled:hover {
-  background: var(--Calendar-cell-onDisabled-bg);
-  color: #b8babf;
+  background: var(--inputDate-other-disabled-bg-color);
+}
+td.rdtMonth.rdtDisabled > span, td.rdtMonth.rdtDisabled:hover > span,
+td.rdtYear.rdtDisabled > span,
+td.rdtYear.rdtDisabled:hover > span,
+td.rdtQuarter.rdtDisabled > span,
+td.rdtQuarter.rdtDisabled:hover > span {
+  background: var(--inputDate-other-disabled-bg-color);
+  color: var(--inputDate-other-disabled-color);
 }
 .rdtPicker .rdtActive.rdtBetween.rdtStartDay {
   background: linear-gradient(to right, transparent 0%, transparent 50%, var(--Calendar-cell-onBetween-bg) 51%, var(--Calendar-cell-onBetween-bg) 100%);
@@ -31323,9 +32171,11 @@ td.rdtQuarter.rdtDisabled:hover {
   position: relative;
   display: inline-flex;
   flex-wrap: nowrap;
-  border: var(--DatePicker-borderWidth) solid var(--DatePicker-borderColor);
+  border-width: var(--DatePicker-borderWidth);
+  border-style: var(--DatePicker-borderStyle);
+  border-color: var(--DatePicker-borderColor);
   font-size: var(--DatePicker-fontSize);
-  padding: 0 var(--DatePicker-paddingX);
+  padding: 0 var(--inputDate-default-paddingRight) 0 var(--inputDate-default-paddingLeft);
   height: var(--DatePicker-height);
   outline: none;
   border-radius: var(--DatePicker-borderRadius);
@@ -31346,6 +32196,11 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-DateRangePicker:not(.is-disabled):hover {
   background: var(--DatePicker-onHover-bg);
   border-color: var(--DatePicker-onHover-borderColor);
+  border-style: var(--inputDate-hover-top-border-style) var(--inputDate-hover-right-border-style) var(--inputDate-hover-bottom-border-style) var(--inputDate-hover-left-border-style);
+  border-width: var(--inputDate-hover-top-border-width) var(--inputDate-hover-right-border-width) var(--inputDate-hover-bottom-border-width) var(--inputDate-hover-left-border-width);
+}
+.cxd-DateRangePicker:not(.is-disabled):hover .cxd-DateRangePicker-input {
+  color: var(--inputDate-hover-color);
 }
 .cxd-DateRangePicker:not(.is-disabled):hover .cxd-DateRangePicker-clear {
   display: flex;
@@ -31354,19 +32209,27 @@ td.rdtQuarter.rdtDisabled:hover {
   display: none;
 }
 .cxd-DateRangePicker:not(.is-disabled).is-focused {
+  background: var(--inputDate-active-bg-color);
   border-color: var(--DatePicker-onFocused-borderColor);
-  box-shadow: var(--Form-input-boxShadow);
+  box-shadow: var(--inputDate-active-shadow);
+  border-style: var(--inputDate-active-top-border-style) var(--inputDate-active-right-border-style) var(--inputDate-active-bottom-border-style) var(--inputDate-active-left-border-style);
+  border-width: var(--inputDate-active-top-border-width) var(--inputDate-active-right-border-width) var(--inputDate-active-bottom-border-width) var(--inputDate-active-left-border-width);
+}
+.cxd-DateRangePicker:not(.is-disabled).is-focused .cxd-DateRangePicker-input {
+  color: var(--inputDate-active-color);
 }
 .cxd-DateRangePicker .cxd-DateRangePicker-input {
   border: none;
-  border-bottom: 2px solid transparent;
+  border-bottom: var(--DateRangePicker-activeCursor-height) solid transparent;
   outline: none;
   padding: 0;
   background: 0;
   flex: 1;
   width: 50%;
   line-height: 1.875rem;
-  font-size: var(--fonts-size-7);
+  font-size: var(--DatePicker-fontSize);
+  font-weight: var(--inputDate-default-fontWeight);
+  color: var(--inputDate-default-color);
 }
 .cxd-DateRangePicker .cxd-DateRangePicker-input::-moz-placeholder {
   color: var(--colors-neutral-text-6);
@@ -31378,20 +32241,23 @@ td.rdtQuarter.rdtDisabled:hover {
   border-bottom: var(--DateRangePicker-activeCursor-height) solid var(--DateRangePicker-activeCursor-color);
 }
 .cxd-DateRangePicker .cxd-DateRangePicker-input-separator {
-  margin: 0 var(--gap-sm);
+  margin: 0 var(--inputDate-range-separator-margin);
   display: flex;
   align-items: center;
 }
 .cxd-DateRangePicker .cxd-DateRangePicker-input-separator-line {
-  width: var(--gap-sm);
+  width: var(--inputDate-range-separator-width);
   height: 1px;
-  background: #b8babf;
+  background: var(--inputDate-range-separator-color);
 }
 .cxd-DateRangePicker.is-disabled {
-  background: #e5e7eb;
+  background: var(--inputDate-disabled-bg-color);
+  border-width: var(--inputDate-disabled-top-border-width) var(--inputDate-disabled-right-border-width) var(--inputDate-disabled-bottom-border-width) var(--inputDate-disabled-left-border-width);
+  border-style: var(--inputDate-disabled-top-border-style) var(--inputDate-disabled-right-border-style) var(--inputDate-disabled-bottom-border-style) var(--inputDate-disabled-left-border-style);
+  border-color: var(--inputDate-disabled-top-border-color) var(--inputDate-disabled-right-border-color) var(--inputDate-disabled-bottom-border-color) var(--inputDate-disabled-left-border-color);
 }
 .cxd-DateRangePicker.is-disabled > .cxd-DateRangePicker-input {
-  color: var(--text--muted-color);
+  color: var(--inputDate-disabled-color);
 }
 .cxd-DateRangePicker-placeholder {
   color: var(--DatePicker-placeholderColor);
@@ -31419,7 +32285,6 @@ td.rdtQuarter.rdtDisabled:hover {
 }
 .cxd-DateRangePicker-toggler svg {
   fill: var(--Form-input-clearBtn-color);
-  top: 0;
   width: var(--Form-input-clearBtn-size);
   height: var(--Form-input-clearBtn-size);
 }
@@ -31429,6 +32294,17 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-DateRangePicker-toggler:active svg {
   fill: var(--Form-input-clearBtn-color-onActive);
 }
+.cxd-DateRangePicker-toggler svg {
+  color: var(--inputDate-default-icon-color);
+  width: var(--inputDate-default-icon-size);
+  height: var(--inputDate-default-icon-size);
+}
+.cxd-DateRangePicker .DatePicker-toggler-clock {
+  content: var(--inputTime-default-icon);
+}
+.cxd-DateRangePicker .DatePicker-toggler-date {
+  content: var(--inputDate-default-icon);
+}
 .cxd-DateRangePicker-clear {
   padding: var(--Form-input-clearBtn-padding);
   cursor: pointer;
@@ -31441,7 +32317,6 @@ td.rdtQuarter.rdtDisabled:hover {
 }
 .cxd-DateRangePicker-clear svg {
   fill: var(--Form-input-clearBtn-color);
-  top: 0;
   width: var(--Form-input-clearBtn-size);
   height: var(--Form-input-clearBtn-size);
 }
@@ -31451,6 +32326,11 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-DateRangePicker-clear:active svg {
   fill: var(--Form-input-clearBtn-color-onActive);
 }
+.cxd-DateRangePicker-clear svg {
+  top: 0;
+  width: var(--inputDate-default-icon-size);
+  height: var(--inputDate-default-icon-size);
+}
 .cxd-DateRangePicker-activeCursor {
   bottom: 0;
   height: var(--DateRangePicker-activeCursor-height);
@@ -31530,7 +32410,9 @@ td.rdtQuarter.rdtDisabled:hover {
 }
 .cxd-DateRangeCalendar {
   display: inline-block;
-  border: var(--DatePicker-borderWidth) solid var(--DatePicker-borderColor);
+  border-width: var(--DatePicker-borderWidth);
+  border-style: var(--DatePicker-borderStyle);
+  border-color: var(--DatePicker-borderColor);
   background: var(--DatePicker-bg);
   border-radius: var(--DatePicker-borderRadius);
 }
@@ -32523,7 +33405,7 @@ td.rdtQuarter.rdtDisabled:hover {
   border: 1px solid var(--Form-input-borderColor);
   padding: 6px 12px;
   border-radius: 2px;
-  max-height: 300px;
+  max-height: var(--Tree-max-height);
   overflow: auto;
 }
 .cxd-TreeControl.h-full {
@@ -32533,6 +33415,21 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-TreeControl.no-border {
   border: 0;
 }
+.cxd-TreeControl.is-sticky {
+  max-height: unset;
+  overflow: unset;
+}
+.cxd-TreeControl-searchbox {
+  margin-top: var(--gap-sm);
+  margin-bottom: var(--gap-md);
+}
+.cxd-TreeControl-searchbox.is-active {
+  width: 100%;
+}
+.cxd-TreeControl > .cxd-Tree {
+  max-height: var(--Tree-max-height);
+  overflow: auto;
+}
 .cxd-Tree-list, .cxd-Tree-sublist {
   list-style: none;
   padding: 0;
@@ -32761,7 +33658,8 @@ td.rdtQuarter.rdtDisabled:hover {
   cursor: pointer;
   flex: 1 auto;
   display: inline-block;
-  color: var(--Form-input-color);
+  color: var(--select-tree-color);
+  font-size: var(--select-tree-fontSize);
   max-width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -32901,7 +33799,6 @@ td.rdtQuarter.rdtDisabled:hover {
 }
 .cxd-TreeSelect-clear svg {
   fill: var(--Form-input-clearBtn-color);
-  top: 0;
   width: var(--Form-input-clearBtn-size);
   height: var(--Form-input-clearBtn-size);
 }
@@ -33357,6 +34254,10 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-ChainedSelectControl .cxd-Select {
   margin-right: var(--gap-xs);
 }
+.cxd-ChainedSelectControl-spinner {
+  display: inline-block;
+  vertical-align: middle;
+}
 .cxd-Picker {
   position: relative;
   max-width: 100%;
@@ -33447,7 +34348,6 @@ td.rdtQuarter.rdtDisabled:hover {
 }
 .cxd-Picker-clear svg {
   fill: var(--Form-input-clearBtn-color);
-  top: 0;
   width: var(--Form-input-clearBtn-size);
   height: var(--Form-input-clearBtn-size);
 }
@@ -33545,6 +34445,9 @@ td.rdtQuarter.rdtDisabled:hover {
   align-items: center;
   justify-content: center;
 }
+.cxd-Picker-btn svg {
+  top: 0;
+}
 .cxd-Picker-btn:hover {
   color: var(--Picker-onHover-iconColor);
 }
@@ -33561,7 +34464,6 @@ td.rdtQuarter.rdtDisabled:hover {
 }
 .cxd-Picker-clear svg {
   fill: var(--Form-input-clearBtn-color);
-  top: 0;
   width: var(--Form-input-clearBtn-size);
   height: var(--Form-input-clearBtn-size);
 }
@@ -33571,6 +34473,9 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-Picker-clear:active svg {
   fill: var(--Form-input-clearBtn-color-onActive);
 }
+.cxd-Picker-clear svg {
+  top: 0;
+}
 .cxd-PickerControl.is-inline .cxd-Picker {
   display: inline-block;
   min-width: 9.375rem;
@@ -33582,9 +34487,6 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-TagControl {
   position: relative;
 }
-.cxd-TagControl-input.is-focused {
-  border-radius: 0;
-}
 .cxd-TagControl-input.is-disabled {
   border-style: dashed;
   background: transparent;
@@ -34232,10 +35134,14 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-NestedSelect-menu .cxd-NestedSelect-option {
   position: relative;
   padding-left: var(--gap-md);
-  min-height: var(--Form-input-height);
-  line-height: var(--Form-input-height);
+  min-height: var(--select-base-default-option-line-height);
+  line-height: var(--select-base-default-option-line-height);
   cursor: pointer;
   display: flex;
+  font-size: var(--select-base-default-option-fontSize);
+  font-weight: var(--select-base-default-option-fontWeight);
+  color: var(--select-base-default-option-color);
+  background: var(--select-base-default-option-bg-color);
 }
 .cxd-NestedSelect-menu .cxd-NestedSelect-option > .cxd-NestedSelect-optionLabel {
   flex: 1;
@@ -34463,7 +35369,6 @@ td.rdtQuarter.rdtDisabled:hover {
 }
 .cxd-IconPickerControl-clear svg {
   fill: var(--Form-input-clearBtn-color);
-  top: 0;
   width: var(--Form-input-clearBtn-size);
   height: var(--Form-input-clearBtn-size);
 }
@@ -34504,7 +35409,7 @@ td.rdtQuarter.rdtDisabled:hover {
 }
 .cxd-IconPickerControl-valueWrap > input {
   display: inline-block;
-  width: auto;
+  width: 100% !important;
   vertical-align: middle;
 }
 .cxd-IconPickerControl-input--withAC {
@@ -34566,6 +35471,7 @@ td.rdtQuarter.rdtDisabled:hover {
   background: var(--Form-select-menu-onActive-color);
 }
 .cxd-IconPickerControl-value {
+  position: absolute;
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
@@ -34669,7 +35575,6 @@ td.rdtQuarter.rdtDisabled:hover {
 }
 .cxd-IconSelectControl-clear svg {
   fill: var(--Form-input-clearBtn-color);
-  top: 0;
   width: var(--Form-input-clearBtn-size);
   height: var(--Form-input-clearBtn-size);
 }
@@ -35066,7 +35971,6 @@ td.rdtQuarter.rdtDisabled:hover {
     flex-basis: unset;
   }
   .cxd-Form-item--horizontal > .cxd-Form-label {
-    height: 2rem;
     line-height: 2rem;
     margin: 0;
     margin-right: var(--Form--horizontal-label-gap);
@@ -36299,6 +37203,8 @@ td.rdtQuarter.rdtDisabled:hover {
   height: var(--link-icon-size);
   width: var(--link-icon-size);
   margin: 0 var(--link-icon-margin);
+  display: inline-block;
+  vertical-align: text-top;
 }
 .cxd-MappingField {
   margin-right: var(--gap-xs);
@@ -36359,6 +37265,9 @@ td.rdtQuarter.rdtDisabled:hover {
   height: 15.625rem;
   margin-top: 0.625rem;
 }
+.cxd-FormulaEditor-settings > div {
+  width: 0;
+}
 .cxd-FormulaEditor-settings.only-variable {
   height: 21.875rem;
 }
@@ -36516,10 +37425,16 @@ td.rdtQuarter.rdtDisabled:hover {
   display: flex;
   flex-flow: row nowrap;
   justify-content: space-between;
+  align-items: center;
   white-space: nowrap;
 }
 .cxd-FormulaEditor-VariableList-item > label {
   white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  flex: 1;
+  width: 0;
+  display: inline-block;
 }
 .cxd-FormulaEditor-VariableList-item-tag {
   vertical-align: middle;
@@ -36528,6 +37443,9 @@ td.rdtQuarter.rdtDisabled:hover {
   border-radius: var(--borderRadius);
   background: #f5f5f5;
   color: var(--black);
+  font-size: var(--fontSizeSm);
+  line-height: 1.5rem;
+  height: 1.5rem;
 }
 .cxd-FormulaEditor-VariableList .cxd-GroupedSelection-item-tag {
   line-height: 17px;
@@ -37296,6 +38214,7 @@ td.rdtQuarter.rdtDisabled:hover {
   overflow-x: hidden;
 }
 .cxd-Nav-Menu {
+  --Menu-width: var(--Layout-aside-width);
   --Menu-width--collapsed: var(--Layout-aside-width-collapsed);
   --Menu-fontSize: var(--Nav-item-fontSize);
   --Menu-fontSize--collapsed: var(--Nav-item-collapsed-fontSize);
@@ -37312,7 +38231,7 @@ td.rdtQuarter.rdtDisabled:hover {
   --Menu-light-fontColor-onHover: var(--Layout-fontColor--onHover);
   --Menu-light-ancestor-fontColor-onActive: var(--Layout-light-fontColor);
   --Menu-light-fontColor-onActive: var(--Layout-fontColor--onActive);
-  --Menu-light-groupTitle-fontColor: #d8d8d8;
+  --Menu-light-groupTitle-fontColor: #84868c;
   --Menu-light-selectedIndicator-color: var(--Layout-fontColor--info);
   --Menu-dark-backgroundColor: var(--Layout-dark-backgroundColor);
   --Menu-dark-backgroundColor-onHover: var(--Layout-fontColor--info);
@@ -37320,7 +38239,7 @@ td.rdtQuarter.rdtDisabled:hover {
   --Menu-dark-fontColor-onHover: var(--Layout-fontColor--onHover);
   --Menu-dark-ancestor-fontColor-onActive: var(--Layout-fontColor--onActive);
   --Menu-dark-fontColor-onActive: var(--Layout-dark-fontColor);
-  --Menu-dark-groupTitle-fontColor: #d8d8d8;
+  --Menu-dark-groupTitle-fontColor: #84868c;
   --Menu-dark-selectedIndicator-color: var(--Layout-dark-selected-color);
   outline: none;
   margin-bottom: 0;
@@ -37330,6 +38249,8 @@ td.rdtQuarter.rdtDisabled:hover {
   list-style: none;
   color: var(--Menu-light-fontColor);
   background-color: var(--Menu-light-backgroundColor);
+  transition: all 0.3s;
+  width: 100%;
 }
 .cxd-Nav-Menu.cxd-Nav-Menu-dark {
   color: var(--Menu-dark-fontColor);
@@ -37365,14 +38286,17 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-Nav-Menu-disabled {
   cursor: not-allowed;
 }
-.cxd-Nav-Menu-root.cxd-Nav-Menu-collapsed .cxd-Nav-Menu-item {
+.cxd-Nav-Menu-root.cxd-Nav-Menu-collapsed .cxd-Nav-Menu-item,
+.cxd-Nav-Menu-root.cxd-Nav-Menu-collapsed .cxd-Nav-Menu-submenu-title {
   padding: 0;
   text-align: center;
 }
 .cxd-Nav-Menu-item-link {
-  display: block;
+  display: flex;
+  align-items: center;
   height: var(--Nav-Item-height);
   flex-grow: 1;
+  overflow: hidden;
 }
 .cxd-Nav-Menu-item-divider {
   border-bottom: 1px solid #e6e6e8;
@@ -37383,12 +38307,7 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-Nav-Menu-item-icon {
   margin-right: var(--gap-sm);
   font-size: var(--Menu-icon-size);
-  width: var(--Menu-icon-size);
   color: var(--Menu-light-fontColor);
-  display: inline-block;
-  line-height: var(--Menu-item-height--vertical);
-  position: relative;
-  top: 1.5px;
 }
 .cxd-Nav-Menu-item-icon img {
   height: var(--Tabs-linkFontSize);
@@ -37396,11 +38315,11 @@ td.rdtQuarter.rdtDisabled:hover {
 }
 .cxd-Nav-Menu-item-icon-collapsed {
   font-size: var(--Menu-fontSize--collapsed);
-  margin-right: 0;
+  margin: 0 auto;
 }
 .cxd-Nav-Menu-item-icon-svg-collapsed {
   font-size: var(--Menu-fontSize--collapsed);
-  margin-right: 0;
+  margin: 0 auto;
   height: var(--Menu-item-height--vertical);
 }
 .cxd-Nav-Menu-dark .cxd-Nav-Menu-item-icon {
@@ -37421,13 +38340,13 @@ td.rdtQuarter.rdtDisabled:hover {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  vertical-align: middle;
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
 }
 .cxd-Nav-Menu-item-label-collapsed {
   font-size: var(--Menu-fontSize--collapsed);
+  margin: 0 auto;
   font-weight: 600;
 }
 .cxd-Nav-Menu-dark .cxd-Nav-Menu-item-label {
@@ -37448,9 +38367,10 @@ td.rdtQuarter.rdtDisabled:hover {
 }
 .cxd-Nav-Menu-item-group-title {
   color: var(--Menu-light-groupTitle-fontColor);
-  line-height: 1.5;
-  padding: 8px 10px;
-  border-bottom: 1px solid #dedede;
+  line-height: 1.25rem;
+  padding: 0 var(--Menu-Submenu-item-paddingX) 0 1rem;
+  font-size: 0.75rem;
+  margin: 0.75rem 0 0.25rem 0;
 }
 .cxd-Nav-Menu-item-group-title.cxd-Nav-Menu-dark {
   color: var(--Menu-dark-groupTitle-fontColor);
@@ -37494,6 +38414,9 @@ td.rdtQuarter.rdtDisabled:hover {
 }
 .cxd-Nav-Menu-item .cxd-Badge, .cxd-Nav-Menu-submenu .cxd-Badge {
   position: static;
+  flex: 1;
+  width: 0;
+  display: flex;
 }
 .cxd-Nav-Menu-item .cxd-Nav-Menu-item-wrap, .cxd-Nav-Menu-submenu .cxd-Nav-Menu-item-wrap {
   display: flex;
@@ -37502,6 +38425,12 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-Nav-Menu-item-extra {
   position: relative;
 }
+.cxd-Nav-Menu-item-extra .cxd-DropDown > .cxd-Button {
+  padding: 0;
+}
+.cxd-Nav-Menu-item-extra .cxd-DropDown > .cxd-Button > i {
+  margin: 0;
+}
 .cxd-Nav-Menu-inline .cxd-Nav-Menu-item-selected {
   background-color: var(--Menu-light-backgroundColor-onHover);
 }
@@ -37556,114 +38485,11 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-Nav-Menu-inline.cxd-Nav-Menu-light .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-label {
   color: var(--Menu-light-fontColor-onActive) !important;
 }
-.cxd-Nav-Menu-inline.cxd-Nav-Menu-light .cxd-Nav-Menu-submenu-actived > .cxd-Nav-Menu-submenu-title {
-  background-color: var(--Menu-light-backgroundColor-onHover);
-}
-.cxd-Nav-Menu-inline.cxd-Nav-Menu-light .cxd-Nav-Menu-submenu-actived > .cxd-Nav-Menu-submenu-title::before {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  border-right: 3px solid var(--Menu-light-selectedIndicator-color);
-  transform: scaleY(1);
-  opacity: 1;
-  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
-}
-.cxd-Nav-Menu-inline.cxd-Nav-Menu-light .cxd-Nav-Menu-submenu-actived > .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-item-icon,
-.cxd-Nav-Menu-inline.cxd-Nav-Menu-light .cxd-Nav-Menu-submenu-actived > .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-item-label {
+.cxd-Nav-Menu-inline.cxd-Nav-Menu-light .cxd-Nav-Menu-submenu-selected > .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-item-icon,
+.cxd-Nav-Menu-inline.cxd-Nav-Menu-light .cxd-Nav-Menu-submenu-selected > .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-item-label,
+.cxd-Nav-Menu-inline.cxd-Nav-Menu-light .cxd-Nav-Menu-submenu-selected > .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-submenu-arrow {
   color: var(--Menu-light-fontColor-onActive) !important;
 }
-.cxd-Nav-Menu-root.cxd-Nav-Menu-vertical > .cxd-Nav-Menu-item-selected {
-  background-color: var(--Menu-light-backgroundColor-onHover);
-}
-.cxd-Nav-Menu-root.cxd-Nav-Menu-vertical > .cxd-Nav-Menu-item-selected::before {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  border-right: 3px solid var(--Menu-light-selectedIndicator-color);
-  transform: scaleY(1);
-  opacity: 1;
-  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
-}
-.cxd-Nav-Menu-root.cxd-Nav-Menu-vertical > .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-icon,
-.cxd-Nav-Menu-root.cxd-Nav-Menu-vertical > .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-label {
-  color: var(--Menu-light-fontColor-onActive);
-}
-.cxd-Nav-Menu-root.cxd-Nav-Menu-vertical.cxd-Nav-Menu-dark > .cxd-Nav-Menu-item-selected {
-  background-color: var(--Menu-dark-backgroundColor-onHover);
-}
-.cxd-Nav-Menu-root.cxd-Nav-Menu-vertical.cxd-Nav-Menu-dark > .cxd-Nav-Menu-item-selected::before {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  border-right: 3px solid var(--Menu-dark-selectedIndicator-color);
-  transform: scaleY(1);
-  opacity: 1;
-  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
-}
-.cxd-Nav-Menu-root.cxd-Nav-Menu-vertical.cxd-Nav-Menu-dark > .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-icon,
-.cxd-Nav-Menu-root.cxd-Nav-Menu-vertical.cxd-Nav-Menu-dark > .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-label {
-  color: var(--Menu-dark-fontColor-onActive);
-}
-.cxd-Nav-Menu-root.cxd-Nav-Menu-vertical.cxd-Nav-Menu-dark > .cxd-Nav-Menu-submenu-selected > .cxd-Nav-Menu-submenu-title {
-  background-color: var(--Menu-dark-backgroundColor-onHover);
-}
-.cxd-Nav-Menu-root.cxd-Nav-Menu-vertical.cxd-Nav-Menu-dark > .cxd-Nav-Menu-submenu-selected > .cxd-Nav-Menu-submenu-title::before {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  border-right: 3px solid var(--Menu-dark-selectedIndicator-color);
-  transform: scaleY(1);
-  opacity: 1;
-  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
-}
-.cxd-Nav-Menu-root.cxd-Nav-Menu-vertical.cxd-Nav-Menu-dark > .cxd-Nav-Menu-submenu-selected .cxd-Nav-Menu-item-icon,
-.cxd-Nav-Menu-root.cxd-Nav-Menu-vertical.cxd-Nav-Menu-dark > .cxd-Nav-Menu-submenu-selected .cxd-Nav-Menu-item-label {
-  color: var(--Menu-dark-fontColor-onActive);
-}
-.cxd-Nav-Menu-root.cxd-Nav-Menu-vertical.cxd-Nav-Menu-light > .cxd-Nav-Menu-item-selected {
-  background-color: var(--Menu-light-backgroundColor-onHover);
-}
-.cxd-Nav-Menu-root.cxd-Nav-Menu-vertical.cxd-Nav-Menu-light > .cxd-Nav-Menu-item-selected::before {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  border-right: 3px solid var(--Menu-light-selectedIndicator-color);
-  transform: scaleY(1);
-  opacity: 1;
-  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
-}
-.cxd-Nav-Menu-root.cxd-Nav-Menu-vertical.cxd-Nav-Menu-light > .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-icon,
-.cxd-Nav-Menu-root.cxd-Nav-Menu-vertical.cxd-Nav-Menu-light > .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-label {
-  color: var(--Menu-light-fontColor-onActive);
-}
-.cxd-Nav-Menu-root.cxd-Nav-Menu-vertical.cxd-Nav-Menu-light > .cxd-Nav-Menu-submenu-selected > .cxd-Nav-Menu-submenu-title {
-  background-color: var(--Menu-light-backgroundColor-onHover);
-}
-.cxd-Nav-Menu-root.cxd-Nav-Menu-vertical.cxd-Nav-Menu-light > .cxd-Nav-Menu-submenu-selected > .cxd-Nav-Menu-submenu-title::before {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  border-right: 3px solid var(--Menu-light-selectedIndicator-color);
-  transform: scaleY(1);
-  opacity: 1;
-  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
-}
-.cxd-Nav-Menu-root.cxd-Nav-Menu-vertical.cxd-Nav-Menu-light > .cxd-Nav-Menu-submenu-selected .cxd-Nav-Menu-item-icon,
-.cxd-Nav-Menu-root.cxd-Nav-Menu-vertical.cxd-Nav-Menu-light > .cxd-Nav-Menu-submenu-selected .cxd-Nav-Menu-item-label {
-  color: var(--Menu-light-fontColor-onActive);
-}
 .cxd-Nav-Menu .cxd-Nav-Menu-dark .cxd-Nav-Menu-submenu-selected {
   background-color: transparent;
 }
@@ -37680,9 +38506,6 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-Nav-Menu .cxd-Nav-Menu-light .cxd-Nav-Menu-submenu-selected > .cxd-Nav-Menu-submenu-title {
   color: var(--Menu-light-ancestor-fontColor-onActive);
 }
-.cxd-Nav-Menu .cxd-Nav-Menu-light .cxd-Nav-Menu-submenu-selected > .cxd-Nav-Menu-submenu-title > .cxd-Nav-Menu-item-label, .cxd-Nav-Menu .cxd-Nav-Menu-light .cxd-Nav-Menu-submenu-selected > .cxd-Nav-Menu-submenu-title > .cxd-Nav-Menu-item-icon {
-  color: var(--Menu-light-ancestor-fontColor-onActive);
-}
 .cxd-Nav-Menu .cxd-Nav-Menu-light .cxd-Nav-Menu-submenu-selected > .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-item-label,
 .cxd-Nav-Menu .cxd-Nav-Menu-light .cxd-Nav-Menu-submenu-selected > .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-item-icon {
   color: var(--Menu-light-ancestor-fontColor-onActive);
@@ -37690,37 +38513,16 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-Nav-Menu > li.cxd-Nav-Menu-submenu {
   padding: 0;
 }
-.cxd-Nav-Menu-horizontal.cxd-Nav-Menu-sub, .cxd-Nav-Menu-vertical.cxd-Nav-Menu-sub, .cxd-Nav-Menu-vertical-left.cxd-Nav-Menu-sub, .cxd-Nav-Menu-vertical-right.cxd-Nav-Menu-sub {
+.cxd-Nav-Menu-vertical.cxd-Nav-Menu-sub {
   min-width: 160px;
   margin-top: 0;
   border-radius: 2px;
   box-shadow: 0 4px 5px 0 rgba(21, 26, 38, 0.06), 0 1px 10px 0 rgba(21, 26, 38, 0.05), 0 2px 4px -1px rgba(21, 26, 38, 0.04);
 }
-.cxd-Nav-Menu-horizontal.cxd-Nav-Menu-sub .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-icon,
-.cxd-Nav-Menu-horizontal.cxd-Nav-Menu-sub .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-label, .cxd-Nav-Menu-vertical.cxd-Nav-Menu-sub .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-icon,
-.cxd-Nav-Menu-vertical.cxd-Nav-Menu-sub .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-label, .cxd-Nav-Menu-vertical-left.cxd-Nav-Menu-sub .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-icon,
-.cxd-Nav-Menu-vertical-left.cxd-Nav-Menu-sub .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-label, .cxd-Nav-Menu-vertical-right.cxd-Nav-Menu-sub .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-icon,
-.cxd-Nav-Menu-vertical-right.cxd-Nav-Menu-sub .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-label {
-  color: var(--Menu-light-fontColor-onActive);
-}
-.cxd-Nav-Menu-dark .cxd-Nav-Menu-horizontal.cxd-Nav-Menu-sub .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-icon,
-.cxd-Nav-Menu-dark .cxd-Nav-Menu-horizontal.cxd-Nav-Menu-sub .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-label, .cxd-Nav-Menu-dark .cxd-Nav-Menu-vertical.cxd-Nav-Menu-sub .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-icon,
-.cxd-Nav-Menu-dark .cxd-Nav-Menu-vertical.cxd-Nav-Menu-sub .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-label, .cxd-Nav-Menu-dark .cxd-Nav-Menu-vertical-left.cxd-Nav-Menu-sub .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-icon,
-.cxd-Nav-Menu-dark .cxd-Nav-Menu-vertical-left.cxd-Nav-Menu-sub .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-label, .cxd-Nav-Menu-dark .cxd-Nav-Menu-vertical-right.cxd-Nav-Menu-sub .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-icon,
-.cxd-Nav-Menu-dark .cxd-Nav-Menu-vertical-right.cxd-Nav-Menu-sub .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-label {
-  color: var(--Menu-dark-fontColor-onActive);
-}
-.cxd-Nav-Menu-light .cxd-Nav-Menu-horizontal.cxd-Nav-Menu-sub .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-icon,
-.cxd-Nav-Menu-light .cxd-Nav-Menu-horizontal.cxd-Nav-Menu-sub .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-label, .cxd-Nav-Menu-light .cxd-Nav-Menu-vertical.cxd-Nav-Menu-sub .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-icon,
-.cxd-Nav-Menu-light .cxd-Nav-Menu-vertical.cxd-Nav-Menu-sub .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-label, .cxd-Nav-Menu-light .cxd-Nav-Menu-vertical-left.cxd-Nav-Menu-sub .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-icon,
-.cxd-Nav-Menu-light .cxd-Nav-Menu-vertical-left.cxd-Nav-Menu-sub .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-label, .cxd-Nav-Menu-light .cxd-Nav-Menu-vertical-right.cxd-Nav-Menu-sub .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-icon,
-.cxd-Nav-Menu-light .cxd-Nav-Menu-vertical-right.cxd-Nav-Menu-sub .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-label {
-  color: var(--Menu-light-fontColor-onActive);
-}
 .cxd-Nav-Menu-item, .cxd-Nav-Menu-submenu-title {
   margin: 0;
   position: relative;
-  padding: 0;
+  padding: 0 1rem;
   line-height: var(--Nav-Item-height);
   display: block;
   white-space: nowrap;
@@ -37729,8 +38531,10 @@ td.rdtQuarter.rdtDisabled:hover {
   color: var(--Menu-light-fontColor);
 }
 .cxd-Nav-Menu-item:hover .cxd-Nav-Menu-item-label,
-.cxd-Nav-Menu-item:hover .cxd-Nav-Menu-item-icon, .cxd-Nav-Menu-submenu-title:hover .cxd-Nav-Menu-item-label,
-.cxd-Nav-Menu-submenu-title:hover .cxd-Nav-Menu-item-icon {
+.cxd-Nav-Menu-item:hover .cxd-Nav-Menu-item-icon,
+.cxd-Nav-Menu-item:hover .cxd-Nav-Menu-submenu-arrow, .cxd-Nav-Menu-submenu-title:hover .cxd-Nav-Menu-item-label,
+.cxd-Nav-Menu-submenu-title:hover .cxd-Nav-Menu-item-icon,
+.cxd-Nav-Menu-submenu-title:hover .cxd-Nav-Menu-submenu-arrow {
   color: var(--Menu-light-fontColor-onHover);
 }
 .cxd-Nav-Menu-item:hover .cxd-Nav-Menu-item-dragBar, .cxd-Nav-Menu-submenu-title:hover .cxd-Nav-Menu-item-dragBar {
@@ -37741,8 +38545,10 @@ td.rdtQuarter.rdtDisabled:hover {
   background-color: var(--Menu-dark-backgroundColor);
 }
 .cxd-Nav-Menu-dark .cxd-Nav-Menu-item:hover .cxd-Nav-Menu-item-label,
-.cxd-Nav-Menu-dark .cxd-Nav-Menu-item:hover .cxd-Nav-Menu-item-icon, .cxd-Nav-Menu-dark .cxd-Nav-Menu-submenu-title:hover .cxd-Nav-Menu-item-label,
-.cxd-Nav-Menu-dark .cxd-Nav-Menu-submenu-title:hover .cxd-Nav-Menu-item-icon {
+.cxd-Nav-Menu-dark .cxd-Nav-Menu-item:hover .cxd-Nav-Menu-item-icon,
+.cxd-Nav-Menu-dark .cxd-Nav-Menu-item:hover .cxd-Nav-Menu-submenu-arrow, .cxd-Nav-Menu-dark .cxd-Nav-Menu-submenu-title:hover .cxd-Nav-Menu-item-label,
+.cxd-Nav-Menu-dark .cxd-Nav-Menu-submenu-title:hover .cxd-Nav-Menu-item-icon,
+.cxd-Nav-Menu-dark .cxd-Nav-Menu-submenu-title:hover .cxd-Nav-Menu-submenu-arrow {
   color: var(--Menu-dark-fontColor-onHover);
 }
 .cxd-Nav-Menu-light .cxd-Nav-Menu-item, .cxd-Nav-Menu-light .cxd-Nav-Menu-submenu-title {
@@ -37750,8 +38556,10 @@ td.rdtQuarter.rdtDisabled:hover {
   background-color: var(--Menu-light-backgroundColor);
 }
 .cxd-Nav-Menu-light .cxd-Nav-Menu-item:hover .cxd-Nav-Menu-item-label,
-.cxd-Nav-Menu-light .cxd-Nav-Menu-item:hover .cxd-Nav-Menu-item-icon, .cxd-Nav-Menu-light .cxd-Nav-Menu-submenu-title:hover .cxd-Nav-Menu-item-label,
-.cxd-Nav-Menu-light .cxd-Nav-Menu-submenu-title:hover .cxd-Nav-Menu-item-icon {
+.cxd-Nav-Menu-light .cxd-Nav-Menu-item:hover .cxd-Nav-Menu-item-icon,
+.cxd-Nav-Menu-light .cxd-Nav-Menu-item:hover .cxd-Nav-Menu-submenu-arrow, .cxd-Nav-Menu-light .cxd-Nav-Menu-submenu-title:hover .cxd-Nav-Menu-item-label,
+.cxd-Nav-Menu-light .cxd-Nav-Menu-submenu-title:hover .cxd-Nav-Menu-item-icon,
+.cxd-Nav-Menu-light .cxd-Nav-Menu-submenu-title:hover .cxd-Nav-Menu-submenu-arrow {
   color: var(--Menu-light-fontColor-onHover);
 }
 .cxd-Nav-Menu-rtl .cxd-Nav-Menu-item, .cxd-Nav-Menu-rtl .cxd-Nav-Menu-submenu-title {
@@ -37760,6 +38568,9 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-Nav-Menu-item.cxd-Nav-Menu-item-disabled, .cxd-Nav-Menu-item.cxd-Nav-Menu-submenu-disabled, .cxd-Nav-Menu-submenu-title.cxd-Nav-Menu-item-disabled, .cxd-Nav-Menu-submenu-title.cxd-Nav-Menu-submenu-disabled {
   color: #777 !important;
 }
+.cxd-Nav-Menu-item-tooltip-wrap {
+  padding: 0;
+}
 .cxd-Nav-Menu-collapsed > .cxd-Nav-Menu-item, .cxd-Nav-Menu-collapsed > .cxd-Nav-Menu-submenu-title, .cxd-Nav-Menu-collapsed > .cxd-Nav-Menu-submenu > .cxd-Nav-Menu-submenu-title {
   text-overflow: initial;
 }
@@ -37775,9 +38586,6 @@ td.rdtQuarter.rdtDisabled:hover {
   position: absolute;
   z-index: 1500;
 }
-.cxd-Nav-Menu-submenu-popup .cxd-Nav-Menu-item {
-  padding: 0 var(--Menu-Submenu-item-paddingX);
-}
 .cxd-Nav-Menu-submenu > .cxd-Nav-Menu {
   background-color: var(--Menu-light-backgroundColor);
 }
@@ -37818,6 +38626,11 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-Nav-Menu-submenu-popup-dark > .cxd-Nav-Menu .cxd-Nav-Menu-submenu-dark .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-submenu-arrow {
   color: var(--Menu-dark-fontColor);
 }
+.cxd-Nav-Menu-submenu-popup-dark > .cxd-Nav-Menu .cxd-Nav-Menu-submenu-dark .cxd-Nav-Menu-submenu-title:hover .cxd-Nav-Menu-item-label,
+.cxd-Nav-Menu-submenu-popup-dark > .cxd-Nav-Menu .cxd-Nav-Menu-submenu-dark .cxd-Nav-Menu-submenu-title:hover .cxd-Nav-Menu-item-icon,
+.cxd-Nav-Menu-submenu-popup-dark > .cxd-Nav-Menu .cxd-Nav-Menu-submenu-dark .cxd-Nav-Menu-submenu-title:hover .cxd-Nav-Menu-submenu-arrow {
+  color: var(--Menu-dark-fontColor-onHover);
+}
 .cxd-Nav-Menu-submenu-popup-dark > .cxd-Nav-Menu .cxd-Nav-Menu-submenu-active .cxd-Nav-Menu-submenu-title {
   background-color: var(--Menu-dark-backgroundColor);
   color: var(--Menu-dark-fontColor-onActive);
@@ -37831,12 +38644,10 @@ td.rdtQuarter.rdtDisabled:hover {
   color: var(--Menu-dark-ancestor-fontColor-onActive);
 }
 .cxd-Nav-Menu-submenu-popup-dark > .cxd-Nav-Menu .cxd-Nav-Menu-submenu-selected .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-item-icon,
-.cxd-Nav-Menu-submenu-popup-dark > .cxd-Nav-Menu .cxd-Nav-Menu-submenu-selected .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-item-label {
+.cxd-Nav-Menu-submenu-popup-dark > .cxd-Nav-Menu .cxd-Nav-Menu-submenu-selected .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-item-label,
+.cxd-Nav-Menu-submenu-popup-dark > .cxd-Nav-Menu .cxd-Nav-Menu-submenu-selected .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-submenu-arrow {
   color: var(--Menu-dark-ancestor-fontColor-onActive);
 }
-.cxd-Nav-Menu-submenu-popup .cxd-Nav-Menu-vertical .cxd-Nav-Menu-submenu-arrow {
-  width: 2rem;
-}
 .cxd-Nav-Menu .cxd-Nav-Menu-submenu-title,
 .cxd-Nav-Menu .cxd-Nav-Menu-item {
   cursor: pointer;
@@ -37883,7 +38694,7 @@ td.rdtQuarter.rdtDisabled:hover {
   background-color: var(--Menu-light-backgroundColor);
 }
 .cxd-Nav-Menu-horizontal > .cxd-Nav-Menu-item-tooltip-wrap > .cxd-Nav-Menu-item, .cxd-Nav-Menu-horizontal > .cxd-Nav-Menu-submenu > .cxd-Nav-Menu-submenu-title {
-  padding: 0 20px;
+  padding: 0 1rem;
   height: var(--Menu-item-height--horizontal);
 }
 .cxd-Nav-Menu-horizontal > .cxd-Nav-Menu-item-tooltip-wrap > .cxd-Nav-Menu-item .cxd-Nav-Menu-item-link, .cxd-Nav-Menu-horizontal > .cxd-Nav-Menu-submenu > .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-item-link {
@@ -37894,10 +38705,6 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-Nav-Menu-horizontal > .cxd-Nav-Menu-submenu > .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-item-label {
   line-height: var(--Menu-item-height--horizontal);
 }
-.cxd-Nav-Menu-horizontal > .cxd-Nav-Menu-item-tooltip-wrap > .cxd-Nav-Menu-item .cxd-Nav-Menu-item-label, .cxd-Nav-Menu-horizontal > .cxd-Nav-Menu-submenu > .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-item-label {
-  padding: 0;
-  top: 0;
-}
 .cxd-Nav-Menu-horizontal .cxd-Nav-Menu-item.cxd-Nav-Menu-item-selected:after {
   content: " ";
   width: 100%;
@@ -37935,8 +38742,8 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-Nav-Menu-horizontal .cxd-Nav-Menu-submenu-arrow {
   display: inline-block;
   font-size: 0.5625rem;
-  vertical-align: baseline;
   text-align: center;
+  vertical-align: middle;
   text-transform: none;
   text-rendering: auto;
   line-height: 1.25rem;
@@ -37944,7 +38751,9 @@ td.rdtQuarter.rdtDisabled:hover {
   color: var(--Menu-light-fontColor);
 }
 .cxd-Nav-Menu-horizontal .cxd-Nav-Menu-submenu-arrow > svg {
-  text-align: center;
+  top: auto;
+}
+.cxd-Nav-Menu-horizontal .cxd-Nav-Menu-item-label {
   vertical-align: middle;
 }
 .cxd-Nav-Menu-horizontal.cxd-Nav-Menu-dark > .cxd-Nav-Menu-submenu-active, .cxd-Nav-Menu-horizontal.cxd-Nav-Menu-dark > .cxd-Nav-Menu-item-active {
@@ -37970,8 +38779,10 @@ td.rdtQuarter.rdtDisabled:hover {
   border-bottom: 2px solid var(--Menu-light-selectedIndicator-color);
 }
 .cxd-Nav-Menu-horizontal.cxd-Nav-Menu-light > .cxd-Nav-Menu-submenu-selected .cxd-Nav-Menu-item-icon,
-.cxd-Nav-Menu-horizontal.cxd-Nav-Menu-light > .cxd-Nav-Menu-submenu-selected .cxd-Nav-Menu-item-label, .cxd-Nav-Menu-horizontal.cxd-Nav-Menu-light > .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-icon,
-.cxd-Nav-Menu-horizontal.cxd-Nav-Menu-light > .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-label {
+.cxd-Nav-Menu-horizontal.cxd-Nav-Menu-light > .cxd-Nav-Menu-submenu-selected .cxd-Nav-Menu-item-label,
+.cxd-Nav-Menu-horizontal.cxd-Nav-Menu-light > .cxd-Nav-Menu-submenu-selected .cxd-Nav-Menu-submenu-arrow, .cxd-Nav-Menu-horizontal.cxd-Nav-Menu-light > .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-icon,
+.cxd-Nav-Menu-horizontal.cxd-Nav-Menu-light > .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-label,
+.cxd-Nav-Menu-horizontal.cxd-Nav-Menu-light > .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-submenu-arrow {
   color: var(--Menu-light-fontColor-onActive);
 }
 .cxd-Nav-Menu-horizontal.cxd-Nav-Menu-light .cxd-Nav-Menu-submenu-arrow {
@@ -37988,15 +38799,12 @@ td.rdtQuarter.rdtDisabled:hover {
   text-transform: none;
   text-rendering: auto;
   position: absolute;
-  right: 0;
+  right: var(--Menu-Submenu-item-paddingX);
   top: 0;
-  width: 1.125rem;
   line-height: var(--Menu-item-height--vertical);
-  transform: rotate(-90deg);
 }
 .cxd-Nav-Menu-vertical .cxd-Nav-Menu-submenu-arrow > svg, .cxd-Nav-Menu-vertical-left .cxd-Nav-Menu-submenu-arrow > svg, .cxd-Nav-Menu-vertical-right .cxd-Nav-Menu-submenu-arrow > svg, .cxd-Nav-Menu-inline .cxd-Nav-Menu-submenu-arrow > svg {
-  text-align: center;
-  vertical-align: middle;
+  top: auto;
 }
 .cxd-Nav-Menu-rtl .cxd-Nav-Menu-vertical .cxd-Nav-Menu-submenu-arrow, .cxd-Nav-Menu-submenu-rtl .cxd-Nav-Menu-vertical .cxd-Nav-Menu-submenu-arrow, .cxd-Nav-Menu-rtl .cxd-Nav-Menu-vertical-left .cxd-Nav-Menu-submenu-arrow, .cxd-Nav-Menu-submenu-rtl .cxd-Nav-Menu-vertical-left .cxd-Nav-Menu-submenu-arrow, .cxd-Nav-Menu-rtl .cxd-Nav-Menu-vertical-right .cxd-Nav-Menu-submenu-arrow, .cxd-Nav-Menu-submenu-rtl .cxd-Nav-Menu-vertical-right .cxd-Nav-Menu-submenu-arrow, .cxd-Nav-Menu-rtl .cxd-Nav-Menu-inline .cxd-Nav-Menu-submenu-arrow, .cxd-Nav-Menu-submenu-rtl .cxd-Nav-Menu-inline .cxd-Nav-Menu-submenu-arrow {
   right: auto;
@@ -38004,7 +38812,7 @@ td.rdtQuarter.rdtDisabled:hover {
 }
 .cxd-Nav-Menu-vertical.cxd-Nav-Menu-expand-before .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-item-wrap, .cxd-Nav-Menu-vertical-left.cxd-Nav-Menu-expand-before .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-item-wrap, .cxd-Nav-Menu-vertical-right.cxd-Nav-Menu-expand-before .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-item-wrap, .cxd-Nav-Menu-inline.cxd-Nav-Menu-expand-before .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-item-wrap {
   padding-right: 0;
-  padding-left: var(--Menu-Submenu-title-paddingX);
+  padding-left: 1rem;
 }
 .cxd-Nav-Menu-vertical.cxd-Nav-Menu-expand-before .cxd-Nav-Menu-submenu-arrow, .cxd-Nav-Menu-vertical-left.cxd-Nav-Menu-expand-before .cxd-Nav-Menu-submenu-arrow, .cxd-Nav-Menu-vertical-right.cxd-Nav-Menu-expand-before .cxd-Nav-Menu-submenu-arrow, .cxd-Nav-Menu-inline.cxd-Nav-Menu-expand-before .cxd-Nav-Menu-submenu-arrow {
   right: auto;
@@ -38015,37 +38823,49 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-Nav-Menu-vertical.cxd-Nav-Menu-light .cxd-Nav-Menu-submenu-arrow, .cxd-Nav-Menu-vertical-left.cxd-Nav-Menu-light .cxd-Nav-Menu-submenu-arrow, .cxd-Nav-Menu-vertical-right.cxd-Nav-Menu-light .cxd-Nav-Menu-submenu-arrow, .cxd-Nav-Menu-inline.cxd-Nav-Menu-light .cxd-Nav-Menu-submenu-arrow {
   color: var(--Menu-light-fontColor);
 }
-.cxd-Nav-Menu-vertical-right .cxd-Nav-Menu-item {
-  padding: 0 var(--Menu-Submenu-item-paddingX);
+.cxd-Nav-Menu-vertical-right .cxd-Nav-Menu-submenu-arrow {
+  right: 0.625rem;
 }
 .cxd-Nav-Menu-inline .cxd-Nav-Menu-submenu-arrow, .cxd-Nav-Menu-horizontal .cxd-Nav-Menu-submenu-arrow {
   cursor: pointer;
   transition: transform 0.3s;
-  transform: rotate(0deg);
+  transform: rotate(90deg);
 }
 .cxd-Nav-Menu-inline .cxd-Nav-Menu-submenu-open > .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-submenu-arrow, .cxd-Nav-Menu-horizontal .cxd-Nav-Menu-submenu-open > .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-submenu-arrow {
-  transform: rotate(180deg);
-  padding-bottom: 0.25rem;
+  transform: rotate(270deg);
 }
 .cxd-Nav-Menu-collapsed .cxd-Nav-Menu-item-wrap {
   overflow: hidden;
 }
-.cxd-Nav-Menu-collapsed .cxd-Nav-Menu-submenu-vertical.cxd-Nav-Menu-submenu .cxd-Nav-Menu-submenu-title {
-  padding: 0 var(--Menu-Submenu-title-paddingX) 0 calc(var(--Menu-Submenu-title-paddingX) - 1px);
-  text-align: center;
-}
 .cxd-Nav-Menu-collapsed .cxd-Nav-Menu-submenu-arrow {
   display: none !important;
 }
+.cxd-Nav-Menu-collapsed .cxd-Nav-Menu-item-group-title {
+  display: none;
+}
+.cxd-Nav-Menu-collapsed .cxd-Nav-Menu-item-group-list .cxd-Nav-Menu-item-divider {
+  height: 1px;
+  width: 60%;
+  margin: 0 auto;
+}
 .cxd-Nav-Menu-submenu-vertical.cxd-Nav-Menu-submenu, .cxd-Nav-Menu-submenu-vertical-left.cxd-Nav-Menu-submenu, .cxd-Nav-Menu-submenu-vertical-right.cxd-Nav-Menu-submenu {
   padding: 0;
 }
-.cxd-Nav-Menu-submenu-vertical.cxd-Nav-Menu-submenu .cxd-Nav-Menu-submenu-title, .cxd-Nav-Menu-submenu-vertical-left.cxd-Nav-Menu-submenu .cxd-Nav-Menu-submenu-title, .cxd-Nav-Menu-submenu-vertical-right.cxd-Nav-Menu-submenu .cxd-Nav-Menu-submenu-title {
-  padding: 0 var(--Menu-Submenu-item-paddingX);
-}
 .cxd-Nav-Menu-submenu-rtl .cxd-Nav-Menu-submenu-vertical.cxd-Nav-Menu-submenu, .cxd-Nav-Menu-submenu-rtl .cxd-Nav-Menu-submenu-vertical-left.cxd-Nav-Menu-submenu, .cxd-Nav-Menu-submenu-rtl .cxd-Nav-Menu-submenu-vertical-right.cxd-Nav-Menu-submenu {
   direction: rtl;
 }
+.cxd-Nav-Menu-submenu-vertical.cxd-Nav-Menu-submenu.cxd-Nav-Menu-submenu-selected > .cxd-Nav-Menu-submenu-title, .cxd-Nav-Menu-submenu-vertical-left.cxd-Nav-Menu-submenu.cxd-Nav-Menu-submenu-selected > .cxd-Nav-Menu-submenu-title, .cxd-Nav-Menu-submenu-vertical-right.cxd-Nav-Menu-submenu.cxd-Nav-Menu-submenu-selected > .cxd-Nav-Menu-submenu-title {
+  color: var(--Menu-light-fontColor-onActive);
+}
+.cxd-Nav-Menu-submenu-vertical.cxd-Nav-Menu-submenu.cxd-Nav-Menu-submenu-selected .cxd-Nav-Menu-item-icon,
+.cxd-Nav-Menu-submenu-vertical.cxd-Nav-Menu-submenu.cxd-Nav-Menu-submenu-selected .cxd-Nav-Menu-item-label,
+.cxd-Nav-Menu-submenu-vertical.cxd-Nav-Menu-submenu.cxd-Nav-Menu-submenu-selected .cxd-Nav-Menu-submenu-arrow, .cxd-Nav-Menu-submenu-vertical-left.cxd-Nav-Menu-submenu.cxd-Nav-Menu-submenu-selected .cxd-Nav-Menu-item-icon,
+.cxd-Nav-Menu-submenu-vertical-left.cxd-Nav-Menu-submenu.cxd-Nav-Menu-submenu-selected .cxd-Nav-Menu-item-label,
+.cxd-Nav-Menu-submenu-vertical-left.cxd-Nav-Menu-submenu.cxd-Nav-Menu-submenu-selected .cxd-Nav-Menu-submenu-arrow, .cxd-Nav-Menu-submenu-vertical-right.cxd-Nav-Menu-submenu.cxd-Nav-Menu-submenu-selected .cxd-Nav-Menu-item-icon,
+.cxd-Nav-Menu-submenu-vertical-right.cxd-Nav-Menu-submenu.cxd-Nav-Menu-submenu-selected .cxd-Nav-Menu-item-label,
+.cxd-Nav-Menu-submenu-vertical-right.cxd-Nav-Menu-submenu.cxd-Nav-Menu-submenu-selected .cxd-Nav-Menu-submenu-arrow {
+  color: var(--Menu-light-fontColor-onActive);
+}
 .cxd-Nav-Menu-sub.cxd-Nav-Menu-inline {
   padding: 0;
   border: none;
@@ -38055,7 +38875,6 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-Nav-Menu-sub.cxd-Nav-Menu-inline > .cxd-Nav-Menu-item, .cxd-Nav-Menu-sub.cxd-Nav-Menu-inline > .cxd-Nav-Menu-submenu > .cxd-Nav-Menu-submenu-title {
   padding-top: 0;
   padding-bottom: 0;
-  padding-right: 0;
   display: block;
   white-space: nowrap;
   overflow: hidden;
@@ -38068,7 +38887,8 @@ td.rdtQuarter.rdtDisabled:hover {
   color: var(--Menu-dark-ancestor-fontColor-onActive);
 }
 .cxd-Nav-Menu-sub.cxd-Nav-Menu-inline > .cxd-Nav-Menu-submenu.cxd-Nav-Menu-submenu-dark.cxd-Nav-Menu-submenu-selected > .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-item-label,
-.cxd-Nav-Menu-sub.cxd-Nav-Menu-inline > .cxd-Nav-Menu-submenu.cxd-Nav-Menu-submenu-dark.cxd-Nav-Menu-submenu-selected > .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-item-icon {
+.cxd-Nav-Menu-sub.cxd-Nav-Menu-inline > .cxd-Nav-Menu-submenu.cxd-Nav-Menu-submenu-dark.cxd-Nav-Menu-submenu-selected > .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-item-icon,
+.cxd-Nav-Menu-sub.cxd-Nav-Menu-inline > .cxd-Nav-Menu-submenu.cxd-Nav-Menu-submenu-dark.cxd-Nav-Menu-submenu-selected > .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-submenu-arrow {
   color: var(--Menu-dark-ancestor-fontColor-onActive);
 }
 .cxd-Nav-Menu .cxd-Nav-Menu-item-disabled,
@@ -38200,56 +39020,6 @@ td.rdtQuarter.rdtDisabled:hover {
     transform: scale(0, 0);
   }
 }
-.cxd-Nav-Menu-overflow-menu-dark > .cxd-Nav-Menu {
-  background-color: var(--Menu-dark-backgroundColor);
-}
-.cxd-Nav-Menu-overflow-menu-dark > .cxd-Nav-Menu .cxd-Nav-Menu-item {
-  color: var(--Menu-dark-fontColor);
-}
-.cxd-Nav-Menu-overflow-menu-dark > .cxd-Nav-Menu .cxd-Nav-Menu-item .cxd-Nav-Menu-item-icon,
-.cxd-Nav-Menu-overflow-menu-dark > .cxd-Nav-Menu .cxd-Nav-Menu-item .cxd-Nav-Menu-item-label {
-  color: var(--Menu-dark-fontColor);
-}
-.cxd-Nav-Menu-overflow-menu-dark > .cxd-Nav-Menu .cxd-Nav-Menu-item-active {
-  background-color: var(--Menu-dark-backgroundColor);
-  color: var(--Menu-dark-fontColor-onHover);
-}
-.cxd-Nav-Menu-overflow-menu-dark > .cxd-Nav-Menu .cxd-Nav-Menu-item-active .cxd-Nav-Menu-item-icon,
-.cxd-Nav-Menu-overflow-menu-dark > .cxd-Nav-Menu .cxd-Nav-Menu-item-active .cxd-Nav-Menu-item-label {
-  color: var(--Menu-dark-fontColor-onHover);
-}
-.cxd-Nav-Menu-overflow-menu-dark > .cxd-Nav-Menu .cxd-Nav-Menu-item-selected {
-  background-color: var(--Menu-dark-backgroundColor);
-  color: var(--Menu-dark-ancestor-fontColor-onActive) !important;
-}
-.cxd-Nav-Menu-overflow-menu-dark > .cxd-Nav-Menu .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-icon,
-.cxd-Nav-Menu-overflow-menu-dark > .cxd-Nav-Menu .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-label {
-  color: var(--Menu-dark-ancestor-fontColor-onActive) !important;
-}
-.cxd-Nav-Menu-overflow-menu-dark > .cxd-Nav-Menu .cxd-Nav-Menu-submenu-dark .cxd-Nav-Menu-submenu-title {
-  color: var(--Menu-dark-fontColor);
-}
-.cxd-Nav-Menu-overflow-menu-dark > .cxd-Nav-Menu .cxd-Nav-Menu-submenu-dark .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-item-icon,
-.cxd-Nav-Menu-overflow-menu-dark > .cxd-Nav-Menu .cxd-Nav-Menu-submenu-dark .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-item-label,
-.cxd-Nav-Menu-overflow-menu-dark > .cxd-Nav-Menu .cxd-Nav-Menu-submenu-dark .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-submenu-arrow {
-  color: var(--Menu-dark-fontColor);
-}
-.cxd-Nav-Menu-overflow-menu-dark > .cxd-Nav-Menu .cxd-Nav-Menu-submenu-active .cxd-Nav-Menu-submenu-title {
-  background-color: var(--Menu-dark-backgroundColor);
-  color: var(--Menu-dark-fontColor-onActive);
-}
-.cxd-Nav-Menu-overflow-menu-dark > .cxd-Nav-Menu .cxd-Nav-Menu-submenu-active .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-item-icon,
-.cxd-Nav-Menu-overflow-menu-dark > .cxd-Nav-Menu .cxd-Nav-Menu-submenu-active .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-item-label {
-  color: var(--Menu-dark-fontColor-onActive);
-}
-.cxd-Nav-Menu-overflow-menu-dark > .cxd-Nav-Menu .cxd-Nav-Menu-submenu-selected .cxd-Nav-Menu-submenu-title {
-  background-color: var(--Menu-dark-backgroundColor);
-  color: var(--Menu-dark-ancestor-fontColor-onActive);
-}
-.cxd-Nav-Menu-overflow-menu-dark > .cxd-Nav-Menu .cxd-Nav-Menu-submenu-selected .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-item-icon,
-.cxd-Nav-Menu-overflow-menu-dark > .cxd-Nav-Menu .cxd-Nav-Menu-submenu-selected .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-item-label {
-  color: var(--Menu-dark-ancestor-fontColor-onActive);
-}
 .cxd-Nav-Menu-item-tooltip {
   font-size: var(--Layout-tooltip-fontSize);
   color: var(--Layout-light-fontColor);