amis-ui 3.6.2 → 6.0.0

package/lib/themes/cxd.css

@@ -10,7 +10,8 @@
   --primary: var(--colors-brand-5);
   --primary-onHover: var(--colors-brand-6);
   --primary-onActive: var(--colors-brand-4);
-  --secondary: var(--colors-neutral-text-4); /*  secondary 颜色需进一步确认 */
+  --secondary: var(--colors-neutral-text-4);
+  /*  secondary 颜色需进一步确认 */
   --secondary-onHover: var(--colors-neutral-text-6);
   --secondary-onActive: var(--colors-neutral-text-4);
   --success: var(--colors-success-5);
@@ -187,7 +188,7 @@
   --Carousel--light-control: white;
   --Carousel-arrowControl-height: var(--gap-lg);
   --Carousel-arrowControl-width: var(--gap-lg);
-  --Carousel-bg: #f6f8f8;
+  --Carousel-bg: var(--colors-neutral-fill-10);
   --Carousel-dot-borderRadius: 0.25rem;
   --Carousel-dot-height: 0.5rem;
   --Carousel-dot-margin: 0.4375rem var(--gap-xs);
@@ -235,7 +236,7 @@
   --DropDown-menu-paddingY: var(--gap-xs);
   --DropDown-menuItem-onHover-bg: var(--Form-select-menu-onHover-bg);
   --DropDown-group-color: #848b99;
-  --DropDown-menuItem-color: #151a26;
+  --DropDown-menuItem-color: var(--colors-neutral-text-2);
   --DropDown-menuItem-onHover-color: var(--Form-select-menu-onHover-color);
   --DropDown-menuItem-onActive-color: var(--colors-brand-5);
   --DropDown-menuItem-onDisabled-color: #b4b6ba;
@@ -524,7 +525,9 @@
   --Page-title-lineHeight: 1.5;
   --Pagination-fontSize: var(--fonts-size-8);
   --Pagination-height: 2rem;
+  --Pagination-height-sm: 1.5rem;
   --Pagination-minWidth: 2rem;
+  --Pagination-minWidth-sm: 1.5rem;
   --Pagination-onActive-backgroundColor: var(--colors-neutral-fill-11);
   --Pagination-onActive-border: var(--borders-width-2) var(--borders-style-2)
     var(--colors-brand-5);
@@ -532,6 +535,7 @@
   --Pagination-onDisabled-color: var(--colors-neutral-text-6);
   --Pagination-onDisabled-backgroundColor: var(--colors-neutral-fill-10);
   --Pagination-padding: 0 0.5rem;
+  --Pagination-padding-sm: 0 0.25rem;
   --Pagination-light-color: #84868c;
   --Panel--default-badgeBg: var(--colors-neutral-fill-3);
   --Panel--default-badgeColor: var(--colors-neutral-fill-10);
@@ -551,7 +555,7 @@
   --PickerColumns-optionDisabled-opacity: 0.3;
   --PickerColumns-loadingIcon-color: var(--icon-color);
   --PickerColumns-loadingMask-Color: rgba(255, 255, 255, 0.9);
-  --PopOver-bg: white;
+  --PopOver-bg: var(--colors-neutral-fill-11);
   --PopOverAble-iconColor: inherit;
   --PopOverAble-onHover-iconColor: inherit;
   --PopUp-cancelAction-color: #666;
@@ -725,6 +729,7 @@
   --SearchBox-enhonce-disabled-color: var(--colors-neutral-text-9);
   --SearchBox-enhonce-disabled-search-color: var(--colors-neutral-text-6);
   --SearchBox-enhonce-clearable-gap: var(--borders-radius-4);
+  --SearchBox-search-btn-color--disabled: var(--colors-neutral-fill-6);
   --IconSelect-searchBox-width: 15.375rem;
   --IconSelect-type-item-height: 3rem;
   --IconSelect-dialog-height: 50vh;
@@ -2033,7 +2038,6 @@
   --checkbox-checkbox-default-height: var(--sizes-size-9);
   --checkbox-checkbox-default-bg-color: var(--colors-neutral-fill-11);
   --checkbox-checkbox-default-text-color: var(--colors-neutral-text-2);
-  --checkbox-checkbox-default-lineHeight: var(--fonts-lineHeight-2);
   --checkbox-checkbox-default-fontWeight: var(--fonts-weight-6);
   --checkbox-checkbox-default-fontSize: var(--fonts-size-7);
   --checkbox-checkbox-default-top-border-color: var(--colors-neutral-line-8);
@@ -4465,6 +4469,7 @@
   --inputTag-option-bg-color: var(--colors-neutral-fill-11);
   --inputTag-option-hover-color: var(--colors-brand-5);
   --inputTag-option-hover-bg-color: var(--colors-brand-10);
+  --inputTag-popover-maxHeight: 300px;
   --fieldSet-legend-height: var(--sizes-size-9);
   --fieldSet-legend-color: var(--colors-neutral-text-2);
   --fieldSet-legend-fontSize: var(--fonts-size-7);
@@ -4581,9 +4586,9 @@
   --conditionBuilder-line-width: var(--sizes-size-2);
   --conditionBuilder-line-bg-color: var(--colors-brand-9);
   --conditionBuilder-body-bg-color: var(--colors-neutral-line-10);
-  --conditionBuilder-body-paddingTop: var(--sizes-size-7);
+  --conditionBuilder-body-paddingTop: var(--sizes-size-3);
   --conditionBuilder-body-paddingRight: var(--sizes-size-7);
-  --conditionBuilder-body-paddingBottom: var(--sizes-size-7);
+  --conditionBuilder-body-paddingBottom: var(--sizes-size-3);
   --conditionBuilder-body-paddingLeft: var(--sizes-base-14);
   --table-border-width: var(--borders-width-2);
   --table-border-color: var(--colors-neutral-line-8);
@@ -5132,14 +5137,17 @@
 }
 /* PADDING */
 .CodeMirror-lines {
-  padding: 4px 0; /* Vertical padding around content */
+  padding: 4px 0;
+  /* Vertical padding around content */
 }
 .CodeMirror pre.CodeMirror-line,
 .CodeMirror pre.CodeMirror-line-like {
-  padding: 0 4px; /* Horizontal padding of content */
+  padding: 0 4px;
+  /* Horizontal padding of content */
 }
 .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
-  background-color: white; /* The little square between H and V scrollbars */
+  background-color: white;
+  /* The little square between H and V scrollbars */
 }
 /* GUTTER */
 .CodeMirror-gutters {
@@ -5325,14 +5333,16 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {
   background: white;
 }
 .CodeMirror-scroll {
-  overflow: scroll !important; /* Things will break if this is overridden */
+  overflow: scroll !important;
+  /* Things will break if this is overridden */
   /* 50px is the magic margin used to hide the element's real scrollbars */
   /* See overflow: hidden in .CodeMirror */
   margin-bottom: -50px;
   margin-right: -50px;
   padding-bottom: 50px;
   height: 100%;
-  outline: none; /* Prevent dragging from highlighting the element */
+  outline: none;
+  /* Prevent dragging from highlighting the element */
   position: relative;
   z-index: 0;
 }
@@ -5411,7 +5421,8 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {
 }
 .CodeMirror-lines {
   cursor: text;
-  min-height: 1px; /* prevents collapsing before first draw */
+  min-height: 1px;
+  /* prevents collapsing before first draw */
 }
 .CodeMirror pre.CodeMirror-line,
 .CodeMirror pre.CodeMirror-line-like {
@@ -5449,7 +5460,8 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {
 .CodeMirror-linewidget {
   position: relative;
   z-index: 2;
-  padding: 0.1px; /* Force widget margins to stay inside of the container */
+  padding: 0.1px;
+  /* Force widget margins to stay inside of the container */
 }
 .CodeMirror-rtl pre {
   direction: rtl;
@@ -5733,7 +5745,7 @@ img.fr-bordered {
   vertical-align: bottom;
   margin-left: 5px;
   margin-right: 5px;
-  max-width: calc(100% - 10px);
+  max-width: calc(100% - (2 * 5px));
 }
 .fr-view img.fr-dii.fr-fil {
   float: left;
@@ -5769,7 +5781,7 @@ img.fr-bordered {
   vertical-align: bottom;
   margin-left: 5px;
   margin-right: 5px;
-  max-width: calc(100% - 10px);
+  max-width: calc(100% - (2 * 5px));
 }
 .fr-view span.fr-img-caption.fr-dii.fr-fil {
   float: left;
@@ -5897,7 +5909,7 @@ img.fr-view.fr-dii {
   vertical-align: bottom;
   margin-left: 5px;
   margin-right: 5px;
-  max-width: calc(100% - 10px);
+  max-width: calc(100% - (2 * 5px));
 }
 img.fr-view.fr-dii.fr-fil {
   float: left;
@@ -5933,7 +5945,7 @@ span.fr-img-caption.fr-view.fr-dii {
   vertical-align: bottom;
   margin-left: 5px;
   margin-right: 5px;
-  max-width: calc(100% - 10px);
+  max-width: calc(100% - (2 * 5px));
 }
 span.fr-img-caption.fr-view.fr-dii.fr-fil {
   float: left;
@@ -6139,12 +6151,14 @@ iframe.fr-iframe {
   .fr-box.fr-document {
     min-width: 21cm;
   }
+
   .fr-box.fr-document .fr-wrapper {
     text-align: left;
     padding: 30px;
     min-width: 21cm;
     background: #efefef;
   }
+
   .fr-box.fr-document .fr-wrapper .fr-element {
     text-align: left;
     background: #FFF;
@@ -6155,6 +6169,7 @@ iframe.fr-iframe {
     overflow: visible;
     z-index: auto;
   }
+
   .fr-box.fr-document .fr-wrapper .fr-element hr {
     margin-left: -2cm;
     margin-right: -2cm;
@@ -6163,6 +6178,7 @@ iframe.fr-iframe {
     outline: none;
     border: none;
   }
+
   .fr-box.fr-document .fr-wrapper .fr-element img {
     z-index: 1;
   }
@@ -7333,7 +7349,7 @@ ol.decimal_type > li:before {
 }
 .fr-separator.fr-hs {
   clear: both;
-  width: calc(100% - 8px);
+  width: calc(100% - (2 * 4px));
   margin: 0 4px;
   height: 1px;
 }
@@ -8108,18 +8124,22 @@ body.fr-fullscreen {
     width: 10px;
     height: 10px;
   }
+
   .fr-image-resizer .fr-handler.fr-hnw {
     left: -5px;
     top: -5px;
   }
+
   .fr-image-resizer .fr-handler.fr-hne {
     right: -5px;
     top: -5px;
   }
+
   .fr-image-resizer .fr-handler.fr-hsw {
     left: -5px;
     bottom: -5px;
   }
+
   .fr-image-resizer .fr-handler.fr-hse {
     right: -5px;
     bottom: -5px;
@@ -8529,7 +8549,7 @@ div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
 }
 .fr-line-breaker a.fr-floating-btn {
   position: absolute;
-  left: calc(50% - 20px);
+  left: calc(50% - (40px / 2));
   top: -20px;
 }
 .fr-line-breaker a.fr-floating-btn svg {
@@ -8864,18 +8884,22 @@ div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
     width: 10px;
     height: 10px;
   }
+
   .fr-box .fr-video-resizer .fr-handler.fr-hnw {
     left: -5px;
     top: -5px;
   }
+
   .fr-box .fr-video-resizer .fr-handler.fr-hne {
     right: -5px;
     top: -5px;
   }
+
   .fr-box .fr-video-resizer .fr-handler.fr-hsw {
     left: -5px;
     bottom: -5px;
   }
+
   .fr-box .fr-video-resizer .fr-handler.fr-hse {
     right: -5px;
     bottom: -5px;
@@ -9177,7 +9201,7 @@ img.fr-bordered {
   vertical-align: bottom;
   margin-left: 5px;
   margin-right: 5px;
-  max-width: calc(100% - 10px);
+  max-width: calc(100% - (2 * 5px));
 }
 .fr-view img.fr-dii.fr-fil {
   float: left;
@@ -9213,7 +9237,7 @@ img.fr-bordered {
   vertical-align: bottom;
   margin-left: 5px;
   margin-right: 5px;
-  max-width: calc(100% - 10px);
+  max-width: calc(100% - (2 * 5px));
 }
 .fr-view span.fr-img-caption.fr-dii.fr-fil {
   float: left;
@@ -9341,7 +9365,7 @@ img.fr-view.fr-dii {
   vertical-align: bottom;
   margin-left: 5px;
   margin-right: 5px;
-  max-width: calc(100% - 10px);
+  max-width: calc(100% - (2 * 5px));
 }
 img.fr-view.fr-dii.fr-fil {
   float: left;
@@ -9377,7 +9401,7 @@ span.fr-img-caption.fr-view.fr-dii {
   vertical-align: bottom;
   margin-left: 5px;
   margin-right: 5px;
-  max-width: calc(100% - 10px);
+  max-width: calc(100% - (2 * 5px));
 }
 span.fr-img-caption.fr-view.fr-dii.fr-fil {
   float: left;
@@ -9950,7 +9974,7 @@ button::-moz-focus-inner {
   display: flex;
   height: 24px;
   justify-content: center;
-  padding: 3px;
+  padding: calc(4px - 1px);
   width: 24px;
 }
 .tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
@@ -9993,7 +10017,7 @@ button::-moz-focus-inner {
 .tox input.tox-checkbox__input:focus + .tox-checkbox__icons {
   border-radius: 6px;
   box-shadow: inset 0 0 0 1px #006ce7;
-  padding: 3px;
+  padding: calc(4px - 1px);
 }
 .tox:not([dir=rtl]) .tox-checkbox__label {
   margin-left: 4px;
@@ -10442,7 +10466,7 @@ button::-moz-focus-inner {
   display: none;
   fill: #222f3e;
   height: 24px;
-  margin: 3px 3px;
+  margin: calc((30px - 24px) / 2) calc((30px - 24px) / 2);
   width: 24px;
 }
 .tox div.tox-swatch:not(.tox-swatch--remove) svg path {
@@ -10716,7 +10740,7 @@ button::-moz-focus-inner {
   body:not(.tox-force-desktop) .tox .tox-dialog {
     align-self: flex-start;
     margin: 8px auto;
-    max-height: calc(100vh - 16px);
+    max-height: calc(100vh - 8px * 2);
     width: calc(100vw - 16px);
   }
 }
@@ -10820,7 +10844,7 @@ button::-moz-focus-inner {
   display: flex;
   flex: 1;
   flex-direction: column;
-  max-height: min(650px, 100vh - 110px);
+  max-height: min(650px, calc(100vh - 110px));
   overflow: auto;
   -webkit-overflow-scrolling: touch;
   padding: 16px 16px;
@@ -11349,13 +11373,13 @@ body.tox-dialog__disable-scroll {
   justify-content: space-between;
 }
 .tox .tox-form__grid--2col > .tox-form__group {
-  width: calc(50% - 4px);
+  width: calc(50% - (8px / 2));
 }
 .tox .tox-form__grid--3col > .tox-form__group {
-  width: calc(33.3333333333% - 4px);
+  width: calc(100% / 3 - (8px / 2));
 }
 .tox .tox-form__grid--4col > .tox-form__group {
-  width: calc(25% - 4px);
+  width: calc(25% - (8px / 2));
 }
 .tox .tox-form__controls-h-stack {
   align-items: center;
@@ -11753,6 +11777,7 @@ body.tox-dialog__disable-scroll {
     overflow-wrap: break-word;
     word-break: normal;
   }
+
   .tox .tox-dialog__popups .tox-menu .tox-collection__item-label {
     word-break: break-all;
   }
@@ -12279,9 +12304,9 @@ body.tox-dialog__disable-scroll {
 }
 @media only screen and (min-width: 768px) {
   .tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols > .tox-statusbar__help-text,
-  .tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols > .tox-statusbar__right-container,
-  .tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols > .tox-statusbar__path {
-    flex: 0 0 33.3333333333%;
+.tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols > .tox-statusbar__right-container,
+.tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols > .tox-statusbar__path {
+    flex: 0 0 calc(100% / 3);
   }
 }
 .tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-end {
@@ -12305,6 +12330,7 @@ body.tox-dialog__disable-scroll {
   .tox .tox-statusbar__text-container .tox-statusbar__help-text {
     display: none;
   }
+
   .tox .tox-statusbar__text-container .tox-statusbar__help-text:only-child {
     display: block;
   }
@@ -12702,7 +12728,7 @@ body.tox-dialog__disable-scroll {
   background-image: repeating-linear-gradient(#e3e3e3 0px 1px, transparent 1px 39px);
   background-position: center top 40px;
   background-repeat: no-repeat;
-  background-size: calc(100% - 22px) calc(100% - 41px);
+  background-size: calc(100% - 11px * 2) calc(100% - 41px);
   display: flex;
   flex: 0 0 auto;
   flex-shrink: 0;
@@ -12714,7 +12740,7 @@ body.tox-dialog__disable-scroll {
 .tox .tox-toolbar-overlord > .tox-toolbar__primary,
 .tox .tox-toolbar-overlord > .tox-toolbar__overflow {
   background-position: center top 0px;
-  background-size: calc(100% - 22px) calc(100% - 0px);
+  background-size: calc(100% - 11px * 2) calc(100% - 0px);
 }
 .tox .tox-toolbar__overflow.tox-toolbar__overflow--closed {
   height: 0;
@@ -12761,7 +12787,7 @@ body.tox-dialog__disable-scroll {
 .tox.tox-tinymce-aux .tox-toolbar__overflow {
   background-color: #fff;
   background-position: center top 43px;
-  background-size: calc(100% - 16px) calc(100% - 51px);
+  background-size: calc(100% - 8px * 2) calc(100% - 51px);
   border: none;
   border-radius: 6px;
   box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
@@ -12773,7 +12799,7 @@ body.tox-dialog__disable-scroll {
 }
 .tox-pop .tox-pop__dialog .tox-toolbar {
   background-position: center top 43px;
-  background-size: calc(100% - 22px) calc(100% - 51px);
+  background-size: calc(100% - 11px * 2) calc(100% - 51px);
   padding: 4px 0;
 }
 .tox .tox-toolbar__group {
@@ -14067,18 +14093,18 @@ body.video-react-full-window .video-react-fullscreen {
 .cropper-dashed.dashed-h {
   border-bottom-width: 1px;
   border-top-width: 1px;
-  height: 33.3333333333%;
+  height: calc(100% / 3);
   left: 0;
-  top: 33.3333333333%;
+  top: calc(100% / 3);
   width: 100%;
 }
 .cropper-dashed.dashed-v {
   border-left-width: 1px;
   border-right-width: 1px;
   height: 100%;
-  left: 33.3333333333%;
+  left: calc(100% / 3);
   top: 0;
-  width: 33.3333333333%;
+  width: calc(100% / 3);
 }
 .cropper-center {
   display: block;
@@ -14400,9 +14426,14 @@ body.video-react-full-window .video-react-fullscreen {
 .rdtPrev span,
 .rdtNext span {
   display: block;
-  -webkit-touch-callout: none; /* iOS Safari */
-  -webkit-user-select: none; /* Chrome/Safari/Opera */ /* Konqueror */
-  -moz-user-select: none; /* Firefox */ /* Internet Explorer/Edge */
+  -webkit-touch-callout: none;
+  /* iOS Safari */
+  -webkit-user-select: none;
+  /* Chrome/Safari/Opera */
+  /* Konqueror */
+  -moz-user-select: none;
+  /* Firefox */
+  /* Internet Explorer/Edge */
   user-select: none;
 }
 .rdtPicker th.rdtDisabled,
@@ -14471,9 +14502,14 @@ td.rdtQuarter:hover {
   line-height: 40px;
   cursor: pointer;
   display: block;
-  -webkit-touch-callout: none; /* iOS Safari */
-  -webkit-user-select: none; /* Chrome/Safari/Opera */ /* Konqueror */
-  -moz-user-select: none; /* Firefox */ /* Internet Explorer/Edge */
+  -webkit-touch-callout: none;
+  /* iOS Safari */
+  -webkit-user-select: none;
+  /* Chrome/Safari/Opera */
+  /* Konqueror */
+  -moz-user-select: none;
+  /* Firefox */
+  /* Internet Explorer/Edge */
   user-select: none;
 }
 .rdtCounter .rdtBtn:hover {
@@ -15039,6 +15075,7 @@ body {
   .cxd-Layout-content {
     transition: transform var(--animation-duration) ease;
   }
+
   .cxd-Layout-aside {
     display: none;
   }
@@ -15054,11 +15091,13 @@ body {
     -webkit-overflow-scrolling: touch;
     z-index: 1010;
   }
+
   .cxd-Layout-headerBar {
     display: none;
   }
+
   .cxd-Layout--offScreen .cxd-Layout-body,
-  .cxd-Layout--offScreen .cxd-Layout-footer {
+.cxd-Layout--offScreen .cxd-Layout-footer {
     background: var(--body-bg);
     transition: transform var(--animation-duration) ease;
     backface-visibility: hidden;
@@ -15073,6 +15112,7 @@ body {
     z-index: 1015;
     padding-top: 3.125rem;
   }
+
   .cxd-Layout-offScreenBtn {
     display: block;
   }
@@ -15127,7 +15167,7 @@ body {
     float: left;
   }
   .cxd-Layout--withAside .cxd-Layout-headerBar,
-  .cxd-Layout--withAside .cxd-Layout-footer {
+.cxd-Layout--withAside .cxd-Layout-footer {
     margin-left: var(--Layout-aside-width);
     transition: margin var(--animation-duration) ease;
   }
@@ -15150,11 +15190,11 @@ body {
     width: auto;
   }
   .cxd-Layout--folded .cxd-Layout-aside,
-  .cxd-Layout--folded .cxd-Layout-brandBar {
+.cxd-Layout--folded .cxd-Layout-brandBar {
     width: var(--Layout-aside--folded-width);
   }
   .cxd-Layout--folded.cxd-Layout--withAside .cxd-Layout-headerBar,
-  .cxd-Layout--folded.cxd-Layout--withAside .cxd-Layout-footer {
+.cxd-Layout--folded.cxd-Layout--withAside .cxd-Layout-footer {
     margin-left: var(--Layout-aside--folded-width);
   }
   .cxd-Layout--folded .cxd-Layout-brand {
@@ -15213,18 +15253,18 @@ body {
     padding-right: 17px;
   }
   .cxd-Layout--sm:not(.cxd-Layout--folded) .cxd-Layout-brand,
-  .cxd-Layout--sm:not(.cxd-Layout--folded) .cxd-Layout-brandBar,
-  .cxd-Layout--sm:not(.cxd-Layout--folded) .cxd-Layout-aside {
+.cxd-Layout--sm:not(.cxd-Layout--folded) .cxd-Layout-brandBar,
+.cxd-Layout--sm:not(.cxd-Layout--folded) .cxd-Layout-aside {
     width: var(--Layout-aside--sm-width);
   }
   .cxd-Layout--md:not(.cxd-Layout--folded) .cxd-Layout-brand,
-  .cxd-Layout--md:not(.cxd-Layout--folded) .cxd-Layout-brandBar,
-  .cxd-Layout--md:not(.cxd-Layout--folded) .cxd-Layout-aside {
+.cxd-Layout--md:not(.cxd-Layout--folded) .cxd-Layout-brandBar,
+.cxd-Layout--md:not(.cxd-Layout--folded) .cxd-Layout-aside {
     width: var(--Layout-aside--md-width);
   }
   .cxd-Layout--lg:not(.cxd-Layout--folded) .cxd-Layout-brand,
-  .cxd-Layout--lg:not(.cxd-Layout--folded) .cxd-Layout-brandBar,
-  .cxd-Layout--lg:not(.cxd-Layout--folded) .cxd-Layout-aside {
+.cxd-Layout--lg:not(.cxd-Layout--folded) .cxd-Layout-brandBar,
+.cxd-Layout--lg:not(.cxd-Layout--folded) .cxd-Layout-aside {
     width: var(--Layout-aside--lg-width);
   }
 }
@@ -15396,6 +15436,7 @@ body {
     flex-direction: column;
     justify-content: space-between;
   }
+
   .cxd-Grid-col--sm1 {
     flex: 0 0 8.3333333333%;
     max-width: 8.3333333333%;
@@ -15403,6 +15444,7 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
+
   .cxd-Grid-col--sm2 {
     flex: 0 0 16.6666666667%;
     max-width: 16.6666666667%;
@@ -15410,6 +15452,7 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
+
   .cxd-Grid-col--sm3 {
     flex: 0 0 25%;
     max-width: 25%;
@@ -15417,6 +15460,7 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
+
   .cxd-Grid-col--sm4 {
     flex: 0 0 33.3333333333%;
     max-width: 33.3333333333%;
@@ -15424,6 +15468,7 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
+
   .cxd-Grid-col--sm5 {
     flex: 0 0 41.6666666667%;
     max-width: 41.6666666667%;
@@ -15431,6 +15476,7 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
+
   .cxd-Grid-col--sm6 {
     flex: 0 0 50%;
     max-width: 50%;
@@ -15438,6 +15484,7 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
+
   .cxd-Grid-col--sm7 {
     flex: 0 0 58.3333333333%;
     max-width: 58.3333333333%;
@@ -15445,6 +15492,7 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
+
   .cxd-Grid-col--sm8 {
     flex: 0 0 66.6666666667%;
     max-width: 66.6666666667%;
@@ -15452,6 +15500,7 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
+
   .cxd-Grid-col--sm9 {
     flex: 0 0 75%;
     max-width: 75%;
@@ -15459,6 +15508,7 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
+
   .cxd-Grid-col--sm10 {
     flex: 0 0 83.3333333333%;
     max-width: 83.3333333333%;
@@ -15466,6 +15516,7 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
+
   .cxd-Grid-col--sm11 {
     flex: 0 0 91.6666666667%;
     max-width: 91.6666666667%;
@@ -15473,6 +15524,7 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
+
   .cxd-Grid-col--sm12 {
     flex: 0 0 100%;
     max-width: 100%;
@@ -15480,6 +15532,7 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
+
   .cxd-Grid-col--sm {
     flex-basis: 0;
     flex-grow: 1;
@@ -15489,6 +15542,7 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
+
   .cxd-Grid-col--smAuto {
     flex: 0 0 auto;
     width: auto;
@@ -15505,6 +15559,7 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
+
   .cxd-Grid-col--md2 {
     flex: 0 0 16.6666666667%;
     max-width: 16.6666666667%;
@@ -15512,6 +15567,7 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
+
   .cxd-Grid-col--md3 {
     flex: 0 0 25%;
     max-width: 25%;
@@ -15519,6 +15575,7 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
+
   .cxd-Grid-col--md4 {
     flex: 0 0 33.3333333333%;
     max-width: 33.3333333333%;
@@ -15526,6 +15583,7 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
+
   .cxd-Grid-col--md5 {
     flex: 0 0 41.6666666667%;
     max-width: 41.6666666667%;
@@ -15533,6 +15591,7 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
+
   .cxd-Grid-col--md6 {
     flex: 0 0 50%;
     max-width: 50%;
@@ -15540,6 +15599,7 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
+
   .cxd-Grid-col--md7 {
     flex: 0 0 58.3333333333%;
     max-width: 58.3333333333%;
@@ -15547,6 +15607,7 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
+
   .cxd-Grid-col--md8 {
     flex: 0 0 66.6666666667%;
     max-width: 66.6666666667%;
@@ -15554,6 +15615,7 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
+
   .cxd-Grid-col--md9 {
     flex: 0 0 75%;
     max-width: 75%;
@@ -15561,6 +15623,7 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
+
   .cxd-Grid-col--md10 {
     flex: 0 0 83.3333333333%;
     max-width: 83.3333333333%;
@@ -15568,6 +15631,7 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
+
   .cxd-Grid-col--md11 {
     flex: 0 0 91.6666666667%;
     max-width: 91.6666666667%;
@@ -15575,6 +15639,7 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
+
   .cxd-Grid-col--md12 {
     flex: 0 0 100%;
     max-width: 100%;
@@ -15582,6 +15647,7 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
+
   .cxd-Grid-col--md {
     flex-basis: 0;
     flex-grow: 1;
@@ -15591,6 +15657,7 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
+
   .cxd-Grid-col--mdAuto {
     flex: 0 0 auto;
     width: auto;
@@ -15607,6 +15674,7 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
+
   .cxd-Grid-col--lg2 {
     flex: 0 0 16.6666666667%;
     max-width: 16.6666666667%;
@@ -15614,6 +15682,7 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
+
   .cxd-Grid-col--lg3 {
     flex: 0 0 25%;
     max-width: 25%;
@@ -15621,6 +15690,7 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
+
   .cxd-Grid-col--lg4 {
     flex: 0 0 33.3333333333%;
     max-width: 33.3333333333%;
@@ -15628,6 +15698,7 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
+
   .cxd-Grid-col--lg5 {
     flex: 0 0 41.6666666667%;
     max-width: 41.6666666667%;
@@ -15635,6 +15706,7 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
+
   .cxd-Grid-col--lg6 {
     flex: 0 0 50%;
     max-width: 50%;
@@ -15642,6 +15714,7 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
+
   .cxd-Grid-col--lg7 {
     flex: 0 0 58.3333333333%;
     max-width: 58.3333333333%;
@@ -15649,6 +15722,7 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
+
   .cxd-Grid-col--lg8 {
     flex: 0 0 66.6666666667%;
     max-width: 66.6666666667%;
@@ -15656,6 +15730,7 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
+
   .cxd-Grid-col--lg9 {
     flex: 0 0 75%;
     max-width: 75%;
@@ -15663,6 +15738,7 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
+
   .cxd-Grid-col--lg10 {
     flex: 0 0 83.3333333333%;
     max-width: 83.3333333333%;
@@ -15670,6 +15746,7 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
+
   .cxd-Grid-col--lg11 {
     flex: 0 0 91.6666666667%;
     max-width: 91.6666666667%;
@@ -15677,6 +15754,7 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
+
   .cxd-Grid-col--lg12 {
     flex: 0 0 100%;
     max-width: 100%;
@@ -15684,6 +15762,7 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
+
   .cxd-Grid-col--lg {
     flex-basis: 0;
     flex-grow: 1;
@@ -15693,6 +15772,7 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
+
   .cxd-Grid-col--lgAuto {
     flex: 0 0 auto;
     width: auto;
@@ -15817,7 +15897,7 @@ body {
   border-radius: 0.625rem;
 }
 .cxd-AsideNav-itemIcon {
-  margin: calc((var(--Layout-nav-height) - var(--lineHeightBase) * var(--Layout-asideLink-fontSize)) / -2) -0.625rem;
+  margin: calc( ( var(--Layout-nav-height) - var(--lineHeightBase) * var(--Layout-asideLink-fontSize) ) / -2 ) -0.625rem;
   line-height: var(--Layout-nav-height);
   width: var(--Layout-nav-height);
   vertical-align: middle;
@@ -15863,7 +15943,7 @@ body {
   text-transform: none;
   display: block;
   font-size: var(--Layout-asideLink-fontSize);
-  padding: calc((var(--Layout-nav-height) - var(--lineHeightBase) * var(--Layout-asideLink-fontSize)) / 2) var(--gap-base);
+  padding: calc( ( var(--Layout-nav-height) - var(--lineHeightBase) * var(--Layout-asideLink-fontSize) ) / 2 ) var(--gap-base);
   position: relative;
   transition: background-color var(--animation-duration) ease-in-out 0s;
   color: var(--Layout-asideLink-color);
@@ -15888,7 +15968,7 @@ body {
   background: var(--Layout-aside-onAcitve-onHover-bg);
 }
 .cxd-AsideNav-item.is-lg > a {
-  padding: calc((var(--Layout-nav-lgHeight) - var(--lineHeightBase) * var(--Layout-asideLink-fontSize)) / 2) var(--gap-md);
+  padding: calc( ( var(--Layout-nav-lgHeight) - var(--lineHeightBase) * var(--Layout-asideLink-fontSize) ) / 2 ) var(--gap-md);
 }
 .cxd-AsideNav-item .cxd-AsideNav-item a {
   padding-left: calc(var(--Layout-nav-height) + 0.3125rem);
@@ -15915,7 +15995,7 @@ body {
   cursor: default;
   background: transparent;
   color: var(--Layout-asideLink-color);
-  padding: calc((var(--Layout-nav--folded-height) - var(--lineHeightBase) * var(--Layout-asideLink-fontSize)) / 2) var(--gap-md);
+  padding: calc( ( var(--Layout-nav--folded-height) - var(--lineHeightBase) * var(--Layout-asideLink-fontSize) ) / 2 ) var(--gap-md);
 }
 .cxd-AsideNav-subHeader a:hover {
   color: var(--Layout-asideLink-onHover-color);
@@ -15978,7 +16058,7 @@ img.cxd-AsideNav-itemIcon {
     border: none;
   }
   .cxd-Layout--folded .cxd-AsideNav-list > .cxd-AsideNav-item > a .cxd-AsideNav-itemArrow,
-  .cxd-Layout--folded .cxd-AsideNav-list > .cxd-AsideNav-item > a .cxd-AsideNav-itemLabel {
+.cxd-Layout--folded .cxd-AsideNav-list > .cxd-AsideNav-item > a .cxd-AsideNav-itemLabel {
     display: none;
   }
   .cxd-Layout--folded .cxd-AsideNav-list > .cxd-AsideNav-item > a .cxd-AsideNav-itemIcon {
@@ -17498,49 +17578,54 @@ input[type=button].cxd-Button--block {
   margin-left: var(--dialog-footer-margin-left);
 }
 .cxd-Modal--2th .cxd-Modal-content {
-  margin-top: calc(var(--Modal-content-startMarginTop) + 1 * var(--Modal-content-stepMarginTop));
+  margin-top: calc( var(--Modal-content-startMarginTop) + 1 * var(--Modal-content-stepMarginTop) );
 }
 .cxd-Modal--3th .cxd-Modal-content {
-  margin-top: calc(var(--Modal-content-startMarginTop) + 2 * var(--Modal-content-stepMarginTop));
+  margin-top: calc( var(--Modal-content-startMarginTop) + 2 * var(--Modal-content-stepMarginTop) );
 }
 .cxd-Modal--4th .cxd-Modal-content {
-  margin-top: calc(var(--Modal-content-startMarginTop) + 3 * var(--Modal-content-stepMarginTop));
+  margin-top: calc( var(--Modal-content-startMarginTop) + 3 * var(--Modal-content-stepMarginTop) );
 }
 .cxd-Modal--5th .cxd-Modal-content {
-  margin-top: calc(var(--Modal-content-startMarginTop) + 4 * var(--Modal-content-stepMarginTop));
+  margin-top: calc( var(--Modal-content-startMarginTop) + 4 * var(--Modal-content-stepMarginTop) );
 }
 .cxd-Modal--6th .cxd-Modal-content {
-  margin-top: calc(var(--Modal-content-startMarginTop) + 5 * var(--Modal-content-stepMarginTop));
+  margin-top: calc( var(--Modal-content-startMarginTop) + 5 * var(--Modal-content-stepMarginTop) );
 }
 .cxd-Modal--7th .cxd-Modal-content {
-  margin-top: calc(var(--Modal-content-startMarginTop) + 6 * var(--Modal-content-stepMarginTop));
+  margin-top: calc( var(--Modal-content-startMarginTop) + 6 * var(--Modal-content-stepMarginTop) );
 }
 .cxd-Modal--8th .cxd-Modal-content {
-  margin-top: calc(var(--Modal-content-startMarginTop) + 7 * var(--Modal-content-stepMarginTop));
+  margin-top: calc( var(--Modal-content-startMarginTop) + 7 * var(--Modal-content-stepMarginTop) );
 }
 .cxd-Modal--9th .cxd-Modal-content {
-  margin-top: calc(var(--Modal-content-startMarginTop) + 8 * var(--Modal-content-stepMarginTop));
+  margin-top: calc( var(--Modal-content-startMarginTop) + 8 * var(--Modal-content-stepMarginTop) );
 }
 .cxd-Modal--10th .cxd-Modal-content {
-  margin-top: calc(var(--Modal-content-startMarginTop) + 9 * var(--Modal-content-stepMarginTop));
+  margin-top: calc( var(--Modal-content-startMarginTop) + 9 * var(--Modal-content-stepMarginTop) );
 }
 @media (min-width: 576px) {
   .cxd-Modal-content:not(.cxd-Modal-content-custom) {
     max-width: var(--dialog-size-normal-width);
     border-width: var(--dialog-default-border-width);
   }
+
   .cxd-Modal--sm .cxd-Modal-content {
     max-width: var(--dialog-size-sm-width);
   }
+
   .cxd-Modal--base .cxd-Modal-content {
     max-width: var(--Modal-widthBase);
   }
+
   .cxd-Modal--md .cxd-Modal-content {
     max-width: var(--Modal-widthMd);
   }
+
   .cxd-Modal--lg .cxd-Modal-content {
     max-width: var(--dialog-size-lg-width);
   }
+
   .cxd-Modal--xl .cxd-Modal-content {
     max-width: var(--dialog-size-xl-width);
   }
@@ -17722,264 +17807,279 @@ input[type=button].cxd-Button--block {
     width: var(--Drawer-widthBase);
     height: var(--Drawer-widthBase);
   }
+
   .cxd-Drawer--xs .cxd-Drawer-content {
     width: var(--drawer-size-xs-width);
     height: var(--Drawer-widthXs);
   }
+
   .cxd-Drawer--sm .cxd-Drawer-content {
     width: var(--drawer-size-sm-width);
     height: var(--Drawer-widthSm);
   }
+
   .cxd-Drawer--md .cxd-Drawer-content {
     width: var(--drawer-size-md-width);
     height: var(--Drawer-widthMd);
   }
+
   .cxd-Drawer--lg .cxd-Drawer-content {
     width: var(--drawer-size-lg-width);
     height: var(--Drawer-widthLg);
   }
+
   .cxd-Drawer--xl .cxd-Drawer-content {
     width: var(--drawer-size-xl-width);
     height: var(--Drawer-widthXl);
   }
+
   .cxd-Drawer--right.cxd-Modal--2th.cxd-Drawer .cxd-Drawer-content,
-  .cxd-Drawer--left.cxd-Modal--2th.cxd-Drawer .cxd-Drawer-content {
+.cxd-Drawer--left.cxd-Modal--2th.cxd-Drawer .cxd-Drawer-content {
     width: calc(var(--Drawer-widthBase) - 20px);
   }
   .cxd-Drawer--right.cxd-Modal--2th.cxd-Drawer--xs .cxd-Drawer-content,
-  .cxd-Drawer--left.cxd-Modal--2th.cxd-Drawer--xs .cxd-Drawer-content {
+.cxd-Drawer--left.cxd-Modal--2th.cxd-Drawer--xs .cxd-Drawer-content {
     width: calc(var(--Drawer-widthXs) - 20px);
   }
   .cxd-Drawer--right.cxd-Modal--2th.cxd-Drawer--sm .cxd-Drawer-content,
-  .cxd-Drawer--left.cxd-Modal--2th.cxd-Drawer--sm .cxd-Drawer-content {
+.cxd-Drawer--left.cxd-Modal--2th.cxd-Drawer--sm .cxd-Drawer-content {
     width: calc(var(--Drawer-widthSm) - 20px);
   }
   .cxd-Drawer--right.cxd-Modal--2th.cxd-Drawer--md .cxd-Drawer-content,
-  .cxd-Drawer--left.cxd-Modal--2th.cxd-Drawer--md .cxd-Drawer-content {
+.cxd-Drawer--left.cxd-Modal--2th.cxd-Drawer--md .cxd-Drawer-content {
     width: calc(var(--Drawer-widthMd) - 20px);
   }
   .cxd-Drawer--right.cxd-Modal--2th.cxd-Drawer--lg .cxd-Drawer-content,
-  .cxd-Drawer--left.cxd-Modal--2th.cxd-Drawer--lg .cxd-Drawer-content {
+.cxd-Drawer--left.cxd-Modal--2th.cxd-Drawer--lg .cxd-Drawer-content {
     width: calc(var(--Drawer-widthLg) - 20px);
   }
   .cxd-Drawer--right.cxd-Modal--2th.cxd-Drawer--xl .cxd-Drawer-content,
-  .cxd-Drawer--left.cxd-Modal--2th.cxd-Drawer--xl .cxd-Drawer-content {
+.cxd-Drawer--left.cxd-Modal--2th.cxd-Drawer--xl .cxd-Drawer-content {
     width: calc(var(--Drawer-widthXl) - 20px);
   }
+
   .cxd-Drawer--top.cxd-Modal--2th.cxd-Drawer .cxd-Drawer-content,
-  .cxd-Drawer--bottom.cxd-Modal--2th.cxd-Drawer .cxd-Drawer-content {
+.cxd-Drawer--bottom.cxd-Modal--2th.cxd-Drawer .cxd-Drawer-content {
     height: calc(var(--Drawer-widthBase) - 20px);
   }
   .cxd-Drawer--top.cxd-Modal--2th.cxd-Drawer--xs .cxd-Drawer-content,
-  .cxd-Drawer--bottom.cxd-Modal--2th.cxd-Drawer--xs .cxd-Drawer-content {
+.cxd-Drawer--bottom.cxd-Modal--2th.cxd-Drawer--xs .cxd-Drawer-content {
     height: calc(var(--Drawer-widthXs) - 20px);
   }
   .cxd-Drawer--top.cxd-Modal--2th.cxd-Drawer--sm .cxd-Drawer-content,
-  .cxd-Drawer--bottom.cxd-Modal--2th.cxd-Drawer--sm .cxd-Drawer-content {
+.cxd-Drawer--bottom.cxd-Modal--2th.cxd-Drawer--sm .cxd-Drawer-content {
     height: calc(var(--Drawer-widthSm) - 20px);
   }
   .cxd-Drawer--top.cxd-Modal--2th.cxd-Drawer--md .cxd-Drawer-content,
-  .cxd-Drawer--bottom.cxd-Modal--2th.cxd-Drawer--md .cxd-Drawer-content {
+.cxd-Drawer--bottom.cxd-Modal--2th.cxd-Drawer--md .cxd-Drawer-content {
     height: calc(var(--Drawer-widthMd) - 20px);
   }
   .cxd-Drawer--top.cxd-Modal--2th.cxd-Drawer--lg .cxd-Drawer-content,
-  .cxd-Drawer--bottom.cxd-Modal--2th.cxd-Drawer--lg .cxd-Drawer-content {
+.cxd-Drawer--bottom.cxd-Modal--2th.cxd-Drawer--lg .cxd-Drawer-content {
     height: calc(var(--Drawer-widthLg) - 20px);
   }
   .cxd-Drawer--top.cxd-Modal--2th.cxd-Drawer--xl .cxd-Drawer-content,
-  .cxd-Drawer--bottom.cxd-Modal--2th.cxd-Drawer--xl .cxd-Drawer-content {
+.cxd-Drawer--bottom.cxd-Modal--2th.cxd-Drawer--xl .cxd-Drawer-content {
     height: calc(var(--Drawer-widthXl) - 20px);
   }
+
   .cxd-Drawer--right.cxd-Modal--3th.cxd-Drawer .cxd-Drawer-content,
-  .cxd-Drawer--left.cxd-Modal--3th.cxd-Drawer .cxd-Drawer-content {
+.cxd-Drawer--left.cxd-Modal--3th.cxd-Drawer .cxd-Drawer-content {
     width: calc(var(--Drawer-widthBase) - 40px);
   }
   .cxd-Drawer--right.cxd-Modal--3th.cxd-Drawer--xs .cxd-Drawer-content,
-  .cxd-Drawer--left.cxd-Modal--3th.cxd-Drawer--xs .cxd-Drawer-content {
+.cxd-Drawer--left.cxd-Modal--3th.cxd-Drawer--xs .cxd-Drawer-content {
     width: calc(var(--Drawer-widthXs) - 40px);
   }
   .cxd-Drawer--right.cxd-Modal--3th.cxd-Drawer--sm .cxd-Drawer-content,
-  .cxd-Drawer--left.cxd-Modal--3th.cxd-Drawer--sm .cxd-Drawer-content {
+.cxd-Drawer--left.cxd-Modal--3th.cxd-Drawer--sm .cxd-Drawer-content {
     width: calc(var(--Drawer-widthSm) - 40px);
   }
   .cxd-Drawer--right.cxd-Modal--3th.cxd-Drawer--md .cxd-Drawer-content,
-  .cxd-Drawer--left.cxd-Modal--3th.cxd-Drawer--md .cxd-Drawer-content {
+.cxd-Drawer--left.cxd-Modal--3th.cxd-Drawer--md .cxd-Drawer-content {
     width: calc(var(--Drawer-widthMd) - 40px);
   }
   .cxd-Drawer--right.cxd-Modal--3th.cxd-Drawer--lg .cxd-Drawer-content,
-  .cxd-Drawer--left.cxd-Modal--3th.cxd-Drawer--lg .cxd-Drawer-content {
+.cxd-Drawer--left.cxd-Modal--3th.cxd-Drawer--lg .cxd-Drawer-content {
     width: calc(var(--Drawer-widthLg) - 40px);
   }
   .cxd-Drawer--right.cxd-Modal--3th.cxd-Drawer--xl .cxd-Drawer-content,
-  .cxd-Drawer--left.cxd-Modal--3th.cxd-Drawer--xl .cxd-Drawer-content {
+.cxd-Drawer--left.cxd-Modal--3th.cxd-Drawer--xl .cxd-Drawer-content {
     width: calc(var(--Drawer-widthXl) - 40px);
   }
+
   .cxd-Drawer--top.cxd-Modal--3th.cxd-Drawer .cxd-Drawer-content,
-  .cxd-Drawer--bottom.cxd-Modal--3th.cxd-Drawer .cxd-Drawer-content {
+.cxd-Drawer--bottom.cxd-Modal--3th.cxd-Drawer .cxd-Drawer-content {
     height: calc(var(--Drawer-widthBase) - 40px);
   }
   .cxd-Drawer--top.cxd-Modal--3th.cxd-Drawer--xs .cxd-Drawer-content,
-  .cxd-Drawer--bottom.cxd-Modal--3th.cxd-Drawer--xs .cxd-Drawer-content {
+.cxd-Drawer--bottom.cxd-Modal--3th.cxd-Drawer--xs .cxd-Drawer-content {
     height: calc(var(--Drawer-widthXs) - 40px);
   }
   .cxd-Drawer--top.cxd-Modal--3th.cxd-Drawer--sm .cxd-Drawer-content,
-  .cxd-Drawer--bottom.cxd-Modal--3th.cxd-Drawer--sm .cxd-Drawer-content {
+.cxd-Drawer--bottom.cxd-Modal--3th.cxd-Drawer--sm .cxd-Drawer-content {
     height: calc(var(--Drawer-widthSm) - 40px);
   }
   .cxd-Drawer--top.cxd-Modal--3th.cxd-Drawer--md .cxd-Drawer-content,
-  .cxd-Drawer--bottom.cxd-Modal--3th.cxd-Drawer--md .cxd-Drawer-content {
+.cxd-Drawer--bottom.cxd-Modal--3th.cxd-Drawer--md .cxd-Drawer-content {
     height: calc(var(--Drawer-widthMd) - 40px);
   }
   .cxd-Drawer--top.cxd-Modal--3th.cxd-Drawer--lg .cxd-Drawer-content,
-  .cxd-Drawer--bottom.cxd-Modal--3th.cxd-Drawer--lg .cxd-Drawer-content {
+.cxd-Drawer--bottom.cxd-Modal--3th.cxd-Drawer--lg .cxd-Drawer-content {
     height: calc(var(--Drawer-widthLg) - 40px);
   }
   .cxd-Drawer--top.cxd-Modal--3th.cxd-Drawer--xl .cxd-Drawer-content,
-  .cxd-Drawer--bottom.cxd-Modal--3th.cxd-Drawer--xl .cxd-Drawer-content {
+.cxd-Drawer--bottom.cxd-Modal--3th.cxd-Drawer--xl .cxd-Drawer-content {
     height: calc(var(--Drawer-widthXl) - 40px);
   }
+
   .cxd-Drawer--right.cxd-Modal--4th.cxd-Drawer .cxd-Drawer-content,
-  .cxd-Drawer--left.cxd-Modal--4th.cxd-Drawer .cxd-Drawer-content {
+.cxd-Drawer--left.cxd-Modal--4th.cxd-Drawer .cxd-Drawer-content {
     width: calc(var(--Drawer-widthBase) - 60px);
   }
   .cxd-Drawer--right.cxd-Modal--4th.cxd-Drawer--xs .cxd-Drawer-content,
-  .cxd-Drawer--left.cxd-Modal--4th.cxd-Drawer--xs .cxd-Drawer-content {
+.cxd-Drawer--left.cxd-Modal--4th.cxd-Drawer--xs .cxd-Drawer-content {
     width: calc(var(--Drawer-widthXs) - 60px);
   }
   .cxd-Drawer--right.cxd-Modal--4th.cxd-Drawer--sm .cxd-Drawer-content,
-  .cxd-Drawer--left.cxd-Modal--4th.cxd-Drawer--sm .cxd-Drawer-content {
+.cxd-Drawer--left.cxd-Modal--4th.cxd-Drawer--sm .cxd-Drawer-content {
     width: calc(var(--Drawer-widthSm) - 60px);
   }
   .cxd-Drawer--right.cxd-Modal--4th.cxd-Drawer--md .cxd-Drawer-content,
-  .cxd-Drawer--left.cxd-Modal--4th.cxd-Drawer--md .cxd-Drawer-content {
+.cxd-Drawer--left.cxd-Modal--4th.cxd-Drawer--md .cxd-Drawer-content {
     width: calc(var(--Drawer-widthMd) - 60px);
   }
   .cxd-Drawer--right.cxd-Modal--4th.cxd-Drawer--lg .cxd-Drawer-content,
-  .cxd-Drawer--left.cxd-Modal--4th.cxd-Drawer--lg .cxd-Drawer-content {
+.cxd-Drawer--left.cxd-Modal--4th.cxd-Drawer--lg .cxd-Drawer-content {
     width: calc(var(--Drawer-widthLg) - 60px);
   }
   .cxd-Drawer--right.cxd-Modal--4th.cxd-Drawer--xl .cxd-Drawer-content,
-  .cxd-Drawer--left.cxd-Modal--4th.cxd-Drawer--xl .cxd-Drawer-content {
+.cxd-Drawer--left.cxd-Modal--4th.cxd-Drawer--xl .cxd-Drawer-content {
     width: calc(var(--Drawer-widthXl) - 60px);
   }
+
   .cxd-Drawer--top.cxd-Modal--4th.cxd-Drawer .cxd-Drawer-content,
-  .cxd-Drawer--bottom.cxd-Modal--4th.cxd-Drawer .cxd-Drawer-content {
+.cxd-Drawer--bottom.cxd-Modal--4th.cxd-Drawer .cxd-Drawer-content {
     height: calc(var(--Drawer-widthBase) - 60px);
   }
   .cxd-Drawer--top.cxd-Modal--4th.cxd-Drawer--xs .cxd-Drawer-content,
-  .cxd-Drawer--bottom.cxd-Modal--4th.cxd-Drawer--xs .cxd-Drawer-content {
+.cxd-Drawer--bottom.cxd-Modal--4th.cxd-Drawer--xs .cxd-Drawer-content {
     height: calc(var(--Drawer-widthXs) - 60px);
   }
   .cxd-Drawer--top.cxd-Modal--4th.cxd-Drawer--sm .cxd-Drawer-content,
-  .cxd-Drawer--bottom.cxd-Modal--4th.cxd-Drawer--sm .cxd-Drawer-content {
+.cxd-Drawer--bottom.cxd-Modal--4th.cxd-Drawer--sm .cxd-Drawer-content {
     height: calc(var(--Drawer-widthSm) - 60px);
   }
   .cxd-Drawer--top.cxd-Modal--4th.cxd-Drawer--md .cxd-Drawer-content,
-  .cxd-Drawer--bottom.cxd-Modal--4th.cxd-Drawer--md .cxd-Drawer-content {
+.cxd-Drawer--bottom.cxd-Modal--4th.cxd-Drawer--md .cxd-Drawer-content {
     height: calc(var(--Drawer-widthMd) - 60px);
   }
   .cxd-Drawer--top.cxd-Modal--4th.cxd-Drawer--lg .cxd-Drawer-content,
-  .cxd-Drawer--bottom.cxd-Modal--4th.cxd-Drawer--lg .cxd-Drawer-content {
+.cxd-Drawer--bottom.cxd-Modal--4th.cxd-Drawer--lg .cxd-Drawer-content {
     height: calc(var(--Drawer-widthLg) - 60px);
   }
   .cxd-Drawer--top.cxd-Modal--4th.cxd-Drawer--xl .cxd-Drawer-content,
-  .cxd-Drawer--bottom.cxd-Modal--4th.cxd-Drawer--xl .cxd-Drawer-content {
+.cxd-Drawer--bottom.cxd-Modal--4th.cxd-Drawer--xl .cxd-Drawer-content {
     height: calc(var(--Drawer-widthXl) - 60px);
   }
+
   .cxd-Drawer--right.cxd-Modal--5th.cxd-Drawer .cxd-Drawer-content,
-  .cxd-Drawer--left.cxd-Modal--5th.cxd-Drawer .cxd-Drawer-content {
+.cxd-Drawer--left.cxd-Modal--5th.cxd-Drawer .cxd-Drawer-content {
     width: calc(var(--Drawer-widthBase) - 80px);
   }
   .cxd-Drawer--right.cxd-Modal--5th.cxd-Drawer--xs .cxd-Drawer-content,
-  .cxd-Drawer--left.cxd-Modal--5th.cxd-Drawer--xs .cxd-Drawer-content {
+.cxd-Drawer--left.cxd-Modal--5th.cxd-Drawer--xs .cxd-Drawer-content {
     width: calc(var(--Drawer-widthXs) - 80px);
   }
   .cxd-Drawer--right.cxd-Modal--5th.cxd-Drawer--sm .cxd-Drawer-content,
-  .cxd-Drawer--left.cxd-Modal--5th.cxd-Drawer--sm .cxd-Drawer-content {
+.cxd-Drawer--left.cxd-Modal--5th.cxd-Drawer--sm .cxd-Drawer-content {
     width: calc(var(--Drawer-widthSm) - 80px);
   }
   .cxd-Drawer--right.cxd-Modal--5th.cxd-Drawer--md .cxd-Drawer-content,
-  .cxd-Drawer--left.cxd-Modal--5th.cxd-Drawer--md .cxd-Drawer-content {
+.cxd-Drawer--left.cxd-Modal--5th.cxd-Drawer--md .cxd-Drawer-content {
     width: calc(var(--Drawer-widthMd) - 80px);
   }
   .cxd-Drawer--right.cxd-Modal--5th.cxd-Drawer--lg .cxd-Drawer-content,
-  .cxd-Drawer--left.cxd-Modal--5th.cxd-Drawer--lg .cxd-Drawer-content {
+.cxd-Drawer--left.cxd-Modal--5th.cxd-Drawer--lg .cxd-Drawer-content {
     width: calc(var(--Drawer-widthLg) - 80px);
   }
   .cxd-Drawer--right.cxd-Modal--5th.cxd-Drawer--xl .cxd-Drawer-content,
-  .cxd-Drawer--left.cxd-Modal--5th.cxd-Drawer--xl .cxd-Drawer-content {
+.cxd-Drawer--left.cxd-Modal--5th.cxd-Drawer--xl .cxd-Drawer-content {
     width: calc(var(--Drawer-widthXl) - 80px);
   }
+
   .cxd-Drawer--top.cxd-Modal--5th.cxd-Drawer .cxd-Drawer-content,
-  .cxd-Drawer--bottom.cxd-Modal--5th.cxd-Drawer .cxd-Drawer-content {
+.cxd-Drawer--bottom.cxd-Modal--5th.cxd-Drawer .cxd-Drawer-content {
     height: calc(var(--Drawer-widthBase) - 80px);
   }
   .cxd-Drawer--top.cxd-Modal--5th.cxd-Drawer--xs .cxd-Drawer-content,
-  .cxd-Drawer--bottom.cxd-Modal--5th.cxd-Drawer--xs .cxd-Drawer-content {
+.cxd-Drawer--bottom.cxd-Modal--5th.cxd-Drawer--xs .cxd-Drawer-content {
     height: calc(var(--Drawer-widthXs) - 80px);
   }
   .cxd-Drawer--top.cxd-Modal--5th.cxd-Drawer--sm .cxd-Drawer-content,
-  .cxd-Drawer--bottom.cxd-Modal--5th.cxd-Drawer--sm .cxd-Drawer-content {
+.cxd-Drawer--bottom.cxd-Modal--5th.cxd-Drawer--sm .cxd-Drawer-content {
     height: calc(var(--Drawer-widthSm) - 80px);
   }
   .cxd-Drawer--top.cxd-Modal--5th.cxd-Drawer--md .cxd-Drawer-content,
-  .cxd-Drawer--bottom.cxd-Modal--5th.cxd-Drawer--md .cxd-Drawer-content {
+.cxd-Drawer--bottom.cxd-Modal--5th.cxd-Drawer--md .cxd-Drawer-content {
     height: calc(var(--Drawer-widthMd) - 80px);
   }
   .cxd-Drawer--top.cxd-Modal--5th.cxd-Drawer--lg .cxd-Drawer-content,
-  .cxd-Drawer--bottom.cxd-Modal--5th.cxd-Drawer--lg .cxd-Drawer-content {
+.cxd-Drawer--bottom.cxd-Modal--5th.cxd-Drawer--lg .cxd-Drawer-content {
     height: calc(var(--Drawer-widthLg) - 80px);
   }
   .cxd-Drawer--top.cxd-Modal--5th.cxd-Drawer--xl .cxd-Drawer-content,
-  .cxd-Drawer--bottom.cxd-Modal--5th.cxd-Drawer--xl .cxd-Drawer-content {
+.cxd-Drawer--bottom.cxd-Modal--5th.cxd-Drawer--xl .cxd-Drawer-content {
     height: calc(var(--Drawer-widthXl) - 80px);
   }
+
   .cxd-Drawer--right.cxd-Modal--6th.cxd-Drawer .cxd-Drawer-content,
-  .cxd-Drawer--left.cxd-Modal--6th.cxd-Drawer .cxd-Drawer-content {
+.cxd-Drawer--left.cxd-Modal--6th.cxd-Drawer .cxd-Drawer-content {
     width: calc(var(--Drawer-widthBase) - 100px);
   }
   .cxd-Drawer--right.cxd-Modal--6th.cxd-Drawer--xs .cxd-Drawer-content,
-  .cxd-Drawer--left.cxd-Modal--6th.cxd-Drawer--xs .cxd-Drawer-content {
+.cxd-Drawer--left.cxd-Modal--6th.cxd-Drawer--xs .cxd-Drawer-content {
     width: calc(var(--Drawer-widthXs) - 100px);
   }
   .cxd-Drawer--right.cxd-Modal--6th.cxd-Drawer--sm .cxd-Drawer-content,
-  .cxd-Drawer--left.cxd-Modal--6th.cxd-Drawer--sm .cxd-Drawer-content {
+.cxd-Drawer--left.cxd-Modal--6th.cxd-Drawer--sm .cxd-Drawer-content {
     width: calc(var(--Drawer-widthSm) - 100px);
   }
   .cxd-Drawer--right.cxd-Modal--6th.cxd-Drawer--md .cxd-Drawer-content,
-  .cxd-Drawer--left.cxd-Modal--6th.cxd-Drawer--md .cxd-Drawer-content {
+.cxd-Drawer--left.cxd-Modal--6th.cxd-Drawer--md .cxd-Drawer-content {
     width: calc(var(--Drawer-widthMd) - 100px);
   }
   .cxd-Drawer--right.cxd-Modal--6th.cxd-Drawer--lg .cxd-Drawer-content,
-  .cxd-Drawer--left.cxd-Modal--6th.cxd-Drawer--lg .cxd-Drawer-content {
+.cxd-Drawer--left.cxd-Modal--6th.cxd-Drawer--lg .cxd-Drawer-content {
     width: calc(var(--Drawer-widthLg) - 100px);
   }
   .cxd-Drawer--right.cxd-Modal--6th.cxd-Drawer--xl .cxd-Drawer-content,
-  .cxd-Drawer--left.cxd-Modal--6th.cxd-Drawer--xl .cxd-Drawer-content {
+.cxd-Drawer--left.cxd-Modal--6th.cxd-Drawer--xl .cxd-Drawer-content {
     width: calc(var(--Drawer-widthXl) - 100px);
   }
+
   .cxd-Drawer--top.cxd-Modal--6th.cxd-Drawer .cxd-Drawer-content,
-  .cxd-Drawer--bottom.cxd-Modal--6th.cxd-Drawer .cxd-Drawer-content {
+.cxd-Drawer--bottom.cxd-Modal--6th.cxd-Drawer .cxd-Drawer-content {
     height: calc(var(--Drawer-widthBase) - 100px);
   }
   .cxd-Drawer--top.cxd-Modal--6th.cxd-Drawer--xs .cxd-Drawer-content,
-  .cxd-Drawer--bottom.cxd-Modal--6th.cxd-Drawer--xs .cxd-Drawer-content {
+.cxd-Drawer--bottom.cxd-Modal--6th.cxd-Drawer--xs .cxd-Drawer-content {
     height: calc(var(--Drawer-widthXs) - 100px);
   }
   .cxd-Drawer--top.cxd-Modal--6th.cxd-Drawer--sm .cxd-Drawer-content,
-  .cxd-Drawer--bottom.cxd-Modal--6th.cxd-Drawer--sm .cxd-Drawer-content {
+.cxd-Drawer--bottom.cxd-Modal--6th.cxd-Drawer--sm .cxd-Drawer-content {
     height: calc(var(--Drawer-widthSm) - 100px);
   }
   .cxd-Drawer--top.cxd-Modal--6th.cxd-Drawer--md .cxd-Drawer-content,
-  .cxd-Drawer--bottom.cxd-Modal--6th.cxd-Drawer--md .cxd-Drawer-content {
+.cxd-Drawer--bottom.cxd-Modal--6th.cxd-Drawer--md .cxd-Drawer-content {
     height: calc(var(--Drawer-widthMd) - 100px);
   }
   .cxd-Drawer--top.cxd-Modal--6th.cxd-Drawer--lg .cxd-Drawer-content,
-  .cxd-Drawer--bottom.cxd-Modal--6th.cxd-Drawer--lg .cxd-Drawer-content {
+.cxd-Drawer--bottom.cxd-Modal--6th.cxd-Drawer--lg .cxd-Drawer-content {
     height: calc(var(--Drawer-widthLg) - 100px);
   }
   .cxd-Drawer--top.cxd-Modal--6th.cxd-Drawer--xl .cxd-Drawer-content,
-  .cxd-Drawer--bottom.cxd-Modal--6th.cxd-Drawer--xl .cxd-Drawer-content {
+.cxd-Drawer--bottom.cxd-Modal--6th.cxd-Drawer--xl .cxd-Drawer-content {
     height: calc(var(--Drawer-widthXl) - 100px);
   }
 }
@@ -18138,7 +18238,7 @@ input[type=button].cxd-Button--block {
   margin-top: calc(var(--Tooltip-arrow-height) * -1 - 0.125rem);
 }
 .cxd-Tooltip--top .cxd-Tooltip-arrow {
-  bottom: calc((var(--Tooltip-arrow-height) + var(--Tooltip-borderWidth)) * -1);
+  bottom: calc( (var(--Tooltip-arrow-height) + var(--Tooltip-borderWidth)) * -1 );
 }
 .cxd-Tooltip--top .cxd-Tooltip-arrow::before,
 .cxd-Tooltip--top .cxd-Tooltip-arrow::after {
@@ -18176,7 +18276,7 @@ input[type=button].cxd-Button--block {
   margin-top: calc(var(--Tooltip-arrow-height) + 0.125rem);
 }
 .cxd-Tooltip--bottom .cxd-Tooltip-arrow {
-  top: calc((var(--Tooltip-arrow-height) + var(--Tooltip-borderWidth)) * -1);
+  top: calc( (var(--Tooltip-arrow-height) + var(--Tooltip-borderWidth)) * -1 );
 }
 .cxd-Tooltip--bottom .cxd-Tooltip-arrow::before,
 .cxd-Tooltip--bottom .cxd-Tooltip-arrow::after {
@@ -18204,7 +18304,7 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Tooltip--left .cxd-Tooltip-arrow {
   left: auto;
-  right: calc((var(--Tooltip-arrow-height) + var(--Tooltip-borderWidth)) * -1);
+  right: calc( (var(--Tooltip-arrow-height) + var(--Tooltip-borderWidth)) * -1 );
   width: var(--Tooltip-arrow-height);
   height: var(--Tooltip-arrow-width);
   margin-top: calc(var(--Tooltip-arrow-width) * -1 / 2);
@@ -18227,8 +18327,8 @@ input[type=button].cxd-Button--block {
   font-size: var(--fontSizeBase);
   color: var(--Tooltip-title-color);
   font-weight: var(--Tooltip-fontWeight);
-  border-top-left-radius: calc(var(--Tooltip-borderRadius) - var(--Tooltip-borderWidth));
-  border-top-right-radius: calc(var(--Tooltip-borderRadius) - var(--Tooltip-borderWidth));
+  border-top-left-radius: calc( var(--Tooltip-borderRadius) - var(--Tooltip-borderWidth) );
+  border-top-right-radius: calc( var(--Tooltip-borderRadius) - var(--Tooltip-borderWidth) );
   font-weight: var(--Tooltip-title-fontWeight);
 }
 .cxd-Tooltip-title:empty {
@@ -18662,7 +18762,7 @@ input[type=button].cxd-Button--block {
   z-index: 1;
   width: 100%;
   height: 100%;
-  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-image: linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.4)), linear-gradient(0deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.4));
   background-repeat: no-repeat;
   background-position: top, bottom;
   transform: translateZ(0);
@@ -18960,6 +19060,7 @@ input[type=button].cxd-Button--block {
   margin-bottom: var(--alert-base-title-margin-bottom);
 }
 .cxd-Alert-content .cxd-Alert-desc {
+  min-height: 1.5rem;
   line-height: 1.5rem;
 }
 .cxd-Alert-actions {
@@ -20408,20 +20509,22 @@ input[type=button].cxd-Button--block {
     min-width: var(--Page-aside-width);
     max-width: var(--Page-aside-maxWidth);
   }
+
   .cxd-Page--withSidebar {
     display: flex;
     flex-direction: row;
     align-items: stretch;
   }
   .cxd-Page--withSidebar > .cxd-Page-content,
-  .cxd-Page--withSidebar > .cxd-PullRefresh {
+.cxd-Page--withSidebar > .cxd-PullRefresh {
     width: 0;
     flex-grow: 1;
   }
+
   .cxd-Page--asideSticky > .cxd-Page-aside {
     position: sticky;
     top: var(--affix-offset-top);
-    max-height: calc(100vh - var(--affix-offset-top) - var(--affix-offset-bottom));
+    max-height: calc( 100vh - var(--affix-offset-top) - var(--affix-offset-bottom) );
     overflow-x: hidden;
     overflow-y: auto;
   }
@@ -21276,7 +21379,7 @@ input[type=button].cxd-Button--block {
 .cxd-DropDown-menuItem.cxd-DropDown-groupTitle ~ .cxd-DropDown-button, .cxd-DropDown-menu > li.cxd-DropDown-groupTitle ~ .cxd-DropDown-button {
   padding-left: var(--gap-lg);
 }
-.cxd-DropDown-menuItem:hover, .cxd-DropDown-menu:not(.is-mobile) > li:hover {
+.cxd-DropDown-menuItem:hover, .cxd-DropDown-menu:not(.is-mobile) > li:not(.is-disabled):hover {
   background: var(--DropDown-menuItem-onHover-bg);
   color: var(--DropDown-menuItem-onHover-color);
 }
@@ -22135,7 +22238,7 @@ input[type=button].cxd-Button--block {
   padding: 10px;
   margin: -10px 0px;
   background: #fff;
-  z-index: 2;
+  z-index: 1000;
 }
 .cxd-CBGroupOrItem-body-group > .cxd-CBGroupOrItem-dragbar {
   left: -0.3125rem;
@@ -22668,8 +22771,8 @@ input[type=button].cxd-Button--block {
   align-items: flex-start;
   overflow-x: hidden;
   overflow-y: auto;
-  height: calc((var(--Picker-tag-height) + var(--Picker-tag-marginBottom) * 4) * 3);
-  max-height: calc((var(--Picker-tag-height) + var(--Picker-tag-marginBottom)) * 5);
+  height: calc( (var(--Picker-tag-height) + var(--Picker-tag-marginBottom) * 4) * 3 );
+  max-height: calc( (var(--Picker-tag-height) + var(--Picker-tag-marginBottom)) * 5 );
 }
 .cxd-Crud-selection-overflow-wrapper .cxd-Crud-value {
   cursor: pointer;
@@ -22678,7 +22781,7 @@ input[type=button].cxd-Button--block {
           user-select: none;
   white-space: nowrap;
   vertical-align: middle;
-  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem);
+  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem );
   display: inline-block;
   font-size: var(--Pick-base-value-fontSize);
   color: var(--Pick-base-value-color);
@@ -22691,6 +22794,10 @@ input[type=button].cxd-Button--block {
   margin-right: var(--gap-xs);
   margin-bottom: var(--gap-xs);
   margin-top: var(--gap-xs);
+  max-width: 9.375rem;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 .cxd-Crud-selection-overflow-wrapper .cxd-Crud-value:hover {
   background: var(--Form-selectValue-onHover-bg);
@@ -22723,7 +22830,7 @@ input[type=button].cxd-Button--block {
           user-select: none;
   white-space: nowrap;
   vertical-align: middle;
-  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem);
+  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem );
   display: inline-block;
   font-size: var(--Pick-base-value-fontSize);
   color: var(--Pick-base-value-color);
@@ -22736,6 +22843,10 @@ input[type=button].cxd-Button--block {
   margin-right: var(--gap-xs);
   margin-bottom: var(--gap-xs);
   margin-top: var(--gap-xs);
+  max-width: 9.375rem;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 .cxd-Crud .cxd-Crud-value:hover {
   background: var(--Form-selectValue-onHover-bg);
@@ -22846,7 +22957,7 @@ input[type=button].cxd-Button--block {
     float: right;
   }
   .cxd-Crud-actions > * + .cxd-Button,
-  .cxd-Crud-actions > * + .cxd-Button--disabled-wrap {
+.cxd-Crud-actions > * + .cxd-Button--disabled-wrap {
     margin-left: var(--Crud-toolbar-gap);
   }
 }
@@ -22867,7 +22978,7 @@ input[type=button].cxd-Button--block {
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
-  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem);
+  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem );
   display: inline-block;
   font-size: var(--Pick-base-value-fontSize);
   color: var(--Pick-base-value-color);
@@ -22978,7 +23089,7 @@ input[type=button].cxd-Button--block {
     float: right;
   }
   .cxd-Crud-actions > * + .cxd-Button,
-  .cxd-Crud-actions > * + .cxd-Button--disabled-wrap {
+.cxd-Crud-actions > * + .cxd-Button--disabled-wrap {
     margin-left: var(--Crud-toolbar-gap);
   }
 }
@@ -23019,7 +23130,7 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Table-heading {
   background: var(--Table-heading-bg);
-  padding: calc((var(--Table-heading-height) - var(--Table-fontSize) * var(--lineHeightBase)) / 2) var(--gap-sm);
+  padding: calc( ( var(--Table-heading-height) - var(--Table-fontSize) * var(--lineHeightBase) ) / 2 ) var(--gap-sm);
 }
 .cxd-Table--unsaved .cxd-Table-heading {
   background: var(--Table--unsaved-heading-bg);
@@ -23088,6 +23199,12 @@ input[type=button].cxd-Button--block {
   display: flex;
   align-items: center;
 }
+.cxd-Table-footerToolbar--affix, .cxd-Table-footer--affix {
+  position: sticky;
+  bottom: var(--affix-offset-bottom);
+  background: var(--Table-bg);
+  z-index: 900;
+}
 .cxd-Table.is-mobile .cxd-Table-toolbar .cxd-Form-item {
   padding: 0;
 }
@@ -23121,6 +23238,9 @@ input[type=button].cxd-Button--block {
   opacity: 0.5;
   z-index: 15;
 }
+.cxd-Table-content-colDragLine--disabled {
+  cursor: not-allowed;
+}
 .cxd-Table-content-colDragLine:hover, .cxd-Table-content-colDragLine.is-resizing {
   background: var(--primary);
 }
@@ -23168,6 +23288,9 @@ input[type=button].cxd-Button--block {
   content: "";
   pointer-events: none;
 }
+.cxd-Table-table th .label, .cxd-Table-table td .label {
+  font-size: 90%;
+}
 .cxd-Table-table.is-layout-fixed td {
   white-space: normal;
   word-break: break-all;
@@ -24040,13 +24163,14 @@ input[type=button].cxd-Button--block {
     border-bottom: 1px solid var(--Table-thead-borderColor);
     transform: scaleY(0.5);
   }
+
   .cxd-Table-table th,
-  .cxd-Table-table td {
+.cxd-Table-table td {
     position: relative;
     border-bottom: none;
   }
   .cxd-Table-table th::before,
-  .cxd-Table-table td::before {
+.cxd-Table-table td::before {
     position: absolute;
     box-sizing: border-box;
     content: " ";
@@ -24103,7 +24227,7 @@ input[type=button].cxd-Button--block {
   padding: var(--table-size-large-paddingTop) var(--table-size-large-paddingRight) var(--table-size-large-paddingBottom) var(--table-size-large-paddingLeft);
 }
 .cxd-Table2.cxd-Table-large .cxd-TableCell-filterBtn {
-  right: calc(var(--table-size-large-paddingRight) - var(--TableCell-filterBtn-width) / 2);
+  right: calc( var(--table-size-large-paddingRight) - var(--TableCell-filterBtn-width) / 2 );
 }
 .cxd-Table2.cxd-Table-small .cxd-Table-table > thead > tr > th {
   padding: var(--table-size-small-paddingTop) var(--table-size-small-paddingRight) var(--table-size-small-paddingBottom) var(--table-size-small-paddingLeft);
@@ -24116,7 +24240,7 @@ input[type=button].cxd-Button--block {
   padding: var(--table-size-small-paddingTop) var(--table-size-small-paddingRight) var(--table-size-small-paddingBottom) var(--table-size-small-paddingLeft);
 }
 .cxd-Table2.cxd-Table-small .cxd-TableCell-filterBtn {
-  right: calc(var(--table-size-small-paddingRight) - var(--TableCell-filterBtn-width) / 2);
+  right: calc( var(--table-size-small-paddingRight) - var(--TableCell-filterBtn-width) / 2 );
 }
 .cxd-Table2 .cxd-Table-title,
 .cxd-Table2 .cxd-Table-footer {
@@ -24215,6 +24339,7 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Table2 .cxd-Table-table > thead > tr > th .cxd-Table-head-cell-wrapper {
   display: flex;
+  align-items: center;
 }
 .cxd-Table2 .cxd-Table-table > thead > tr:not(:last-child) {
   border-bottom: var(--Table-borderWidth) solid var(--Table-borderColor);
@@ -24996,15 +25121,15 @@ input[type=button].cxd-Button--block {
   background: var(--Table-tree-borderColor);
 }
 .cxd-Table2 .cxd-Table-table > thead > tr > th.cxd-TableCell--sortable {
-  padding-right: calc(var(--TableCell-paddingX) + var(--TableCell-sortBtn-width));
+  padding-right: calc( var(--TableCell-paddingX) + var(--TableCell-sortBtn-width) );
   position: relative;
 }
 .cxd-Table2 .cxd-Table-table > thead > tr > th.cxd-TableCell--searchable {
-  padding-right: calc(var(--TableCell-paddingX) + var(--TableCell-searchBtn-width));
+  padding-right: calc( var(--TableCell-paddingX) + var(--TableCell-searchBtn-width) );
   position: relative;
 }
 .cxd-Table2 .cxd-Table-table > thead > tr > th.cxd-TableCell--filterable {
-  padding-right: calc(var(--TableCell-paddingX) + var(--TableCell-filterBtn-width));
+  padding-right: calc( var(--TableCell-paddingX) + var(--TableCell-filterBtn-width) );
   position: relative;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.cxd-Table-row-disabled {
@@ -25104,6 +25229,9 @@ input[type=button].cxd-Button--block {
   z-index: 15;
   opacity: 0.5;
 }
+.cxd-Table2.cxd-Table-resizable .cxd-Table-table > thead > tr > th .cxd-Table-thead-resizable--disabled {
+  cursor: not-allowed;
+}
 .cxd-Table2.cxd-Table-resizable .cxd-Table-table > thead > tr > th .cxd-Table-thead-resizable:hover, .cxd-Table2.cxd-Table-resizable .cxd-Table-table > thead > tr > th .cxd-Table-thead-resizable.is-resizing {
   background: var(--primary);
 }
@@ -25117,7 +25245,7 @@ input[type=button].cxd-Button--block {
 .cxd-Table2 .cxd-TableCell-sortBtn {
   cursor: pointer;
   width: var(--TableCell-sortBtn-width);
-  height: 100%;
+  height: 14px;
   vertical-align: middle;
   position: static;
   display: inline-block;
@@ -25154,6 +25282,7 @@ input[type=button].cxd-Button--block {
   cursor: pointer;
   color: var(--table-icon-color);
   margin-left: var(--TableCell-icon-gap);
+  height: 18px;
 }
 .cxd-Table2 .cxd-TableCell-searchBtn svg {
   width: 12px;
@@ -25176,7 +25305,7 @@ input[type=button].cxd-Button--block {
 .cxd-Table2 .cxd-TableCell-filterBtn {
   cursor: pointer;
   width: var(--TableCell-filterBtn-width);
-  height: 100%;
+  height: 14px;
   vertical-align: middle;
   position: static;
   display: inline-block;
@@ -25553,7 +25682,7 @@ input[type=button].cxd-Button--block {
 .cxd-List-toolbar {
   display: flex;
   flex-wrap: wrap;
-  margin: 0 var(--List-toolbar-marginX) var(--List-toolbar-marginY);
+  padding: var(--List-toolbar-marginY) var(--List-toolbar-marginX) var(--List-toolbar-marginY);
 }
 .cxd-List-toolbar::before, .cxd-List-toolbar::after {
   display: table;
@@ -25612,6 +25741,12 @@ input[type=button].cxd-Button--block {
   min-height: var(--List-placeholder-height);
   line-height: var(--List-placeholder-height);
 }
+.cxd-List-footToolbar--affix, .cxd-List-footer--affix {
+  position: sticky;
+  bottom: var(--affix-offset-bottom);
+  background: var(--Table-bg);
+  z-index: 900;
+}
 .cxd-ListGroup {
   max-width: 25rem;
   display: flex;
@@ -25745,7 +25880,7 @@ input[type=button].cxd-Button--block {
   background: var(--ListMenu-item--onHover-bg);
 }
 .cxd-Cards-toolbar {
-  margin: 0 var(--Cards-toolbar-marginX) var(--Cards-toolbar-marginY);
+  padding: var(--Cards-toolbar-marginY) var(--Cards-toolbar-marginX) var(--Cards-toolbar-marginY);
 }
 .cxd-Cards-toolbar::before, .cxd-Cards-toolbar::after {
   display: table;
@@ -25830,31 +25965,43 @@ input[type=button].cxd-Button--block {
   display: inline-block;
   flex: unset;
 }
+.cxd-Cards-footToolbar--affix, .cxd-Cards-footer--affix {
+  position: sticky;
+  bottom: var(--affix-offset-bottom);
+  background: var(--Table-bg);
+  z-index: 900;
+}
 @media (min-width: 576px) {
   .cxd-Cards--masonrySm1 {
     -moz-column-count: 12;
          column-count: 12;
   }
+
   .cxd-Cards--masonrySm2 {
     -moz-column-count: 6;
          column-count: 6;
   }
+
   .cxd-Cards--masonrySm3 {
     -moz-column-count: 4;
          column-count: 4;
   }
+
   .cxd-Cards--masonrySm4 {
     -moz-column-count: 3;
          column-count: 3;
   }
+
   .cxd-Cards--masonrySm6 {
     -moz-column-count: 2;
          column-count: 2;
   }
+
   .cxd-Cards--masonrySm12 {
     -moz-column-count: 1;
          column-count: 1;
   }
+
   .cxd-Cards-toolbar {
     display: flex;
     flex-wrap: wrap;
@@ -25865,22 +26012,27 @@ input[type=button].cxd-Button--block {
     -moz-column-count: 12;
          column-count: 12;
   }
+
   .cxd-Cards--masonryMd2 {
     -moz-column-count: 6;
          column-count: 6;
   }
+
   .cxd-Cards--masonryMd3 {
     -moz-column-count: 4;
          column-count: 4;
   }
+
   .cxd-Cards--masonryMd4 {
     -moz-column-count: 3;
          column-count: 3;
   }
+
   .cxd-Cards--masonryMd6 {
     -moz-column-count: 2;
          column-count: 2;
   }
+
   .cxd-Cards--masonryMd12 {
     -moz-column-count: 1;
          column-count: 1;
@@ -25891,22 +26043,27 @@ input[type=button].cxd-Button--block {
     -moz-column-count: 12;
          column-count: 12;
   }
+
   .cxd-Cards--masonryLg2 {
     -moz-column-count: 6;
          column-count: 6;
   }
+
   .cxd-Cards--masonryLg3 {
     -moz-column-count: 4;
          column-count: 4;
   }
+
   .cxd-Cards--masonryLg4 {
     -moz-column-count: 3;
          column-count: 3;
   }
+
   .cxd-Cards--masonryLg6 {
     -moz-column-count: 2;
          column-count: 2;
   }
+
   .cxd-Cards--masonryLg12 {
     -moz-column-count: 1;
          column-count: 1;
@@ -26624,14 +26781,6 @@ input[type=button].cxd-Button--block {
   background: transparent;
   color: var(--primary);
 }
-.cxd-Pagination .ellipsis {
-  cursor: unset;
-}
-.cxd-Pagination .ellipsis > a {
-  cursor: unset;
-  position: relative;
-  top: -0.25rem;
-}
 .cxd-Pagination > li.is-disabled > span,
 .cxd-Pagination > li.is-disabled > a {
   cursor: not-allowed;
@@ -26717,9 +26866,72 @@ input[type=button].cxd-Button--block {
   border-left: var(--borderWidth) solid var(--primary);
   margin-left: -1px;
 }
+.cxd-Pagination-simplego {
+  display: inline-flex;
+  flex-wrap: nowrap;
+  align-items: center;
+  height: var(--Pagination-height);
+}
+.cxd-Pagination-simplego input {
+  min-width: 2.5rem;
+  width: 2.5rem;
+  height: var(--Pagination-height);
+  line-height: var(--Pagination-height);
+  border: none;
+  border: var(--borderWidth) solid var(--borderColor);
+  border-radius: var(--borderRadius);
+  padding: var(--Pagination-padding);
+  margin-right: 0.5rem;
+  text-align: center;
+}
+.cxd-Pagination-simplego input:focus, .cxd-Pagination-simplego input:hover {
+  outline: none;
+  border-color: var(--primary);
+}
+.cxd-Pagination-simplego-right {
+  display: inline-block;
+  width: 2rem;
+  height: var(--Pagination-height);
+  line-height: var(--Pagination-height);
+  border: var(--borderWidth) solid var(--borderColor);
+  font-size: var(--fontSizeSm);
+}
+.cxd-Pagination-simplego-right:hover {
+  color: #666666 !important;
+  cursor: default;
+}
+.cxd-Pagination-ellipsis {
+  cursor: unset;
+  position: relative;
+}
+.cxd-Pagination-ellipsis:hover {
+  cursor: pointer;
+}
+.cxd-Pagination-ellipsis:hover > a {
+  opacity: 0;
+  transition: all 0.2s;
+}
+.cxd-Pagination-ellipsis:hover > span {
+  opacity: 1;
+  transition: all 0.2s;
+}
+.cxd-Pagination-ellipsis > a {
+  cursor: unset;
+  position: absolute !important;
+  top: -0.25rem;
+  opacity: 1;
+  transition: all 0.2s;
+}
+.cxd-Pagination-ellipsis > span {
+  opacity: 0;
+  transition: all 0.2s;
+}
 .cxd-Pagination-wrap {
   line-height: 1.875rem;
 }
+.cxd-Pagination-wrap .cxd-Pagination-item.cxd-Pagination-perpage {
+  margin-left: 0.5rem;
+}
 .cxd-Pagination-wrap .cxd-Pagination-item:nth-child(1) {
   margin-left: 0;
 }
@@ -26746,6 +26958,44 @@ input[type=button].cxd-Button--block {
 .cxd-PaginationWrapper-pager:first-child {
   margin-bottom: var(--gap-sm);
 }
+.cxd-Pagination-wrap-size--sm {
+  line-height: 1.5rem;
+}
+.cxd-Pagination-wrap-size--sm .cxd-Pagination-item {
+  margin-left: 0.25rem;
+}
+.cxd-Pagination-wrap-size--sm .cxd-Pagination-item > li > a,
+.cxd-Pagination-wrap-size--sm .cxd-Pagination-item > li > span {
+  min-width: var(--Pagination-minWidth-sm);
+  height: var(--Pagination-height-sm);
+  line-height: var(--Pagination-height-sm);
+  padding: var(--Pagination-padding-sm);
+}
+.cxd-Pagination-wrap-size--sm .cxd-Pagination-item .cxd-Pagination-inputGroup, .cxd-Pagination-wrap-size--sm .cxd-Pagination-item .cxd-Pagination-simplego {
+  height: var(--Pagination-height-sm);
+}
+.cxd-Pagination-wrap-size--sm .cxd-Pagination-item .cxd-Pagination-inputGroup-input, .cxd-Pagination-wrap-size--sm .cxd-Pagination-item .cxd-Pagination-simplego-input {
+  min-width: 2.5rem;
+  width: 2.5rem;
+  height: var(--Pagination-height-sm);
+  line-height: var(--Pagination-height-sm);
+  padding: var(--Pagination-padding-sm);
+  margin-left: 0.25rem;
+}
+.cxd-Pagination-wrap-size--sm .cxd-Pagination-item .cxd-Pagination-inputGroup-right, .cxd-Pagination-wrap-size--sm .cxd-Pagination-item .cxd-Pagination-simplego-right {
+  height: var(--Pagination-height-sm);
+  line-height: var(--Pagination-height-sm);
+}
+.cxd-Pagination-wrap-size--sm .cxd-Pagination-item .cxd-Pagination-simplego-input {
+  min-width: 2rem;
+  width: 2rem;
+}
+.cxd-Pagination-wrap-size--sm .cxd-Pagination-perpage {
+  margin-left: 0.25rem;
+  padding: 0 0.375rem;
+  min-height: 1.5rem;
+  vertical-align: baseline;
+}
 .cxd-Wrapper--xs,
 .cxd-Container--xs {
   padding: var(--gap-xs);
@@ -27163,7 +27413,7 @@ input[type=button].cxd-Button--block {
   pointer-events: none;
 }
 .cxd-ImageGallery-prevList:hover, .cxd-ImageGallery-nextList:hover {
-  background: rgb(0, 0, 0);
+  background: black;
   color: #fff;
 }
 .cxd-ImageGallery-itemsWrap {
@@ -28099,7 +28349,7 @@ input[type=button].cxd-Button--block {
   align-items: center;
   overflow-x: hidden;
   overflow-y: auto;
-  max-height: calc((var(--ResultBox-tag-height) + var(--ResultBox-tag-marginBottom)) * 5);
+  max-height: calc( (var(--ResultBox-tag-height) + var(--ResultBox-tag-marginBottom)) * 5 );
 }
 .cxd-ResultBox-overflow.cxd-Tooltip--dark .cxd-ResultBox-overflow-wrapper .cxd-ResultBox-value {
   color: var(--white);
@@ -28179,14 +28429,13 @@ input[type=button].cxd-Button--block {
   flex-wrap: nowrap;
   align-items: center;
   justify-content: flex-end;
-  height: 30px;
+  height: var(--input-size-default-height);
   width: 30px;
   padding-left: 8px;
   transition: all var(--animation-duration) ease-in-out;
   border: var(--Form-input-borderWidth) solid transparent;
   border-radius: var(--Form-input-borderRadius);
   overflow: hidden;
-  height: 30px;
 }
 .cxd-SearchBox:hover {
   background: var(--Form-input-onHover-bg);
@@ -28209,6 +28458,10 @@ input[type=button].cxd-Button--block {
   display: inline-block;
   padding: 0.3125rem 0.625rem;
 }
+.cxd-SearchBox-searchBtn--loading {
+  display: inline-flex;
+  align-items: center;
+}
 .cxd-SearchBox-activeBtn, .cxd-SearchBox-cancelBtn {
   margin-right: 8px;
 }
@@ -28223,7 +28476,7 @@ input[type=button].cxd-Button--block {
   color: var(--icon-onHover-color);
 }
 .cxd-SearchBox.is-disabled .cxd-SearchBox-activeBtn, .cxd-SearchBox.is-disabled .cxd-SearchBox-searchBtn, .cxd-SearchBox.is-disabled .cxd-SearchBox-cancelBtn {
-  color: var(--icon-onDisabled-color);
+  color: var(--SearchBox-search-btn-color--disabled);
   pointer-events: none;
 }
 .cxd-SearchBox.is-disabled {
@@ -28344,7 +28597,7 @@ input[type=button].cxd-Button--block {
   padding: 0 var(--gap-md);
   overflow-x: hidden;
   overflow-y: auto;
-  max-height: calc(var(--SearchBox-history-dropdown-maxHeight) - 38px - var(--gap-sm) * 2);
+  max-height: calc( var(--SearchBox-history-dropdown-maxHeight) - 38px - var(--gap-sm) * 2 );
 }
 .cxd-SearchBox-history .cxd-SearchBox-history-tag {
   display: inlin-flex;
@@ -28398,7 +28651,7 @@ input[type=button].cxd-Button--block {
 .cxd-ListMenu-groupLabel {
   font-size: var(--fontSizeXs);
   color: var(--text--muted-color);
-  padding: calc((var(--ListMenu-item-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) - var(--gap-sm)) / 2) 0 0 calc(var(--Form-select-paddingX) - var(--gap-xs));
+  padding: calc( ( var(--ListMenu-item-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) - var(--gap-sm) ) / 2 ) 0 0 calc(var(--Form-select-paddingX) - var(--gap-xs));
 }
 .cxd-ListMenu-group:not(:first-child) > .cxd-ListMenu-groupLabel {
   border-top: 0.0625rem solid var(--ListMenu-divider-color);
@@ -28410,7 +28663,7 @@ input[type=button].cxd-Button--block {
   line-height: var(--Form-input-lineHeight);
   font-size: var(--Form-input-fontSize);
   cursor: pointer;
-  padding: calc((var(--ListMenu-item-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--Form-select-paddingX);
+  padding: calc( ( var(--ListMenu-item-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--Form-select-paddingX);
 }
 .cxd-ListMenu-item.is-active {
   color: var(--ListMenu-item--onActive-color);
@@ -28431,7 +28684,7 @@ input[type=button].cxd-Button--block {
   line-height: var(--Form-input-lineHeight);
   font-size: var(--Form-input-fontSize);
   cursor: pointer;
-  padding: calc((var(--ListMenu-item-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--Form-select-paddingX);
+  padding: calc( ( var(--ListMenu-item-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--Form-select-paddingX);
 }
 .cxd-ListMenu.is-mobile {
   display: flex;
@@ -29123,11 +29376,9 @@ fieldset.cxd-Collapse--lg > legend, fieldset.cxd-Collapse--md > legend, fieldset
   top: 0;
   left: 0;
   display: inline-block;
-  border: 0;
   width: auto;
   z-index: 1;
   background: var(--Fieldset-legend-bgColor);
-  border-left: 0 !important;
 }
 fieldset.cxd-Collapse--lg > legend.cxd-Collapse-header.is-mobile, fieldset.cxd-Collapse--md > legend.cxd-Collapse-header.is-mobile, fieldset.cxd-Collapse--base > legend.cxd-Collapse-header.is-mobile, fieldset.cxd-Collapse--sm > legend.cxd-Collapse-header.is-mobile, fieldset.cxd-Collapse--xs > legend.cxd-Collapse-header.is-mobile {
   position: absolute;
@@ -29285,7 +29536,7 @@ fieldset.cxd-Collapse .cxd-Collapse-header.is-mobile:hover {
     margin-right: 0;
   }
   .cxd-Form-group--hor > .cxd-Form-item,
-  .cxd-Form-group--hor > div > .cxd-Form-item {
+.cxd-Form-group--hor > div > .cxd-Form-item {
     margin-bottom: 0;
   }
   .cxd-Form-group--hor .cxd-Form-input > .cxd-Form-group {
@@ -29323,6 +29574,7 @@ fieldset.cxd-Collapse .cxd-Collapse-header.is-mobile:hover {
     padding-left: calc(var(--Form-group--xs-gutterWidth) / 2);
     padding-right: calc(var(--Form-group--xs-gutterWidth) / 2);
   }
+
   .cxd-Form-groupColumn {
     flex-basis: 0;
     flex-grow: 1;
@@ -29330,66 +29582,79 @@ fieldset.cxd-Collapse .cxd-Collapse-header.is-mobile:hover {
     max-width: 100%;
     margin-bottom: 0;
   }
+
   .cxd-Form-groupColumn--1 {
     flex: 0 0 8.3333333333%;
     max-width: 8.3333333333%;
     min-height: 1px;
   }
+
   .cxd-Form-groupColumn--2 {
     flex: 0 0 16.6666666667%;
     max-width: 16.6666666667%;
     min-height: 1px;
   }
+
   .cxd-Form-groupColumn--3 {
     flex: 0 0 25%;
     max-width: 25%;
     min-height: 1px;
   }
+
   .cxd-Form-groupColumn--4 {
     flex: 0 0 33.3333333333%;
     max-width: 33.3333333333%;
     min-height: 1px;
   }
+
   .cxd-Form-groupColumn--5 {
     flex: 0 0 41.6666666667%;
     max-width: 41.6666666667%;
     min-height: 1px;
   }
+
   .cxd-Form-groupColumn--6 {
     flex: 0 0 50%;
     max-width: 50%;
     min-height: 1px;
   }
+
   .cxd-Form-groupColumn--7 {
     flex: 0 0 58.3333333333%;
     max-width: 58.3333333333%;
     min-height: 1px;
   }
+
   .cxd-Form-groupColumn--8 {
     flex: 0 0 66.6666666667%;
     max-width: 66.6666666667%;
     min-height: 1px;
   }
+
   .cxd-Form-groupColumn--9 {
     flex: 0 0 75%;
     max-width: 75%;
     min-height: 1px;
   }
+
   .cxd-Form-groupColumn--10 {
     flex: 0 0 83.3333333333%;
     max-width: 83.3333333333%;
     min-height: 1px;
   }
+
   .cxd-Form-groupColumn--11 {
     flex: 0 0 91.6666666667%;
     max-width: 91.6666666667%;
     min-height: 1px;
   }
+
   .cxd-Form-groupColumn--12 {
     flex: 0 0 100%;
     max-width: 100%;
     min-height: 1px;
   }
+
   .cxd-Form-groupColumn--auto {
     flex: 0 0 auto;
     width: auto;
@@ -29401,6 +29666,10 @@ fieldset.cxd-Collapse .cxd-Collapse-header.is-mobile:hover {
   display: inline-flex;
   flex-wrap: nowrap;
 }
+.cxd-InputGroup:hover div,
+.cxd-InputGroup:hover button {
+  border-color: var(--colors-brand-5) !important;
+}
 .cxd-InputGroup.cxd-Form-control--sizeXs, .cxd-InputGroup.cxd-Form-control--sizeSm, .cxd-InputGroup.cxd-Form-control--sizeMd, .cxd-InputGroup.cxd-Form-control--sizeLg {
   display: inline-flex;
 }
@@ -29411,7 +29680,7 @@ fieldset.cxd-Collapse .cxd-Collapse-header.is-mobile:hover {
 .cxd-InputGroup-addOn {
   background: var(--InputGroup-addOn-bg);
   border: var(--InputGroup-addOn-borderWidth) solid var(--InputGroup-addOn-borderColor);
-  line-height: calc(var(--InputGroup-height) - var(--InputGroup-paddingY) * 2 - var(--InputGroup-addOn-borderWidth) * 2);
+  line-height: calc( var(--InputGroup-height) - var(--InputGroup-paddingY) * 2 - var(--InputGroup-addOn-borderWidth) * 2 );
   height: var(--InputGroup-height);
   box-sizing: border-box;
   padding: var(--InputGroup-paddingY) var(--InputGroup-paddingX);
@@ -29446,16 +29715,20 @@ fieldset.cxd-Collapse .cxd-Collapse-header.is-mobile:hover {
   border-top-right-radius: var(--InputGroup-button-borderRadius);
   border-bottom-right-radius: var(--InputGroup-button-borderRadius);
 }
-.cxd-InputGroup .cxd-TextControl-input {
+.cxd-InputGroup .cxd-TextControl-input,
+.cxd-InputGroup .cxd-SearchBox {
   flex-basis: 0;
   flex-grow: 1;
   display: inline-flex;
 }
-.cxd-InputGroup .cxd-TextControl-input:not(:first-child) {
+.cxd-InputGroup .cxd-TextControl-input:not(:first-child),
+.cxd-InputGroup .cxd-SearchBox:not(:first-child) {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
+  border-left: none;
 }
-.cxd-InputGroup .cxd-TextControl-input:not(:last-child) {
+.cxd-InputGroup .cxd-TextControl-input:not(:last-child),
+.cxd-InputGroup .cxd-SearchBox:not(:last-child) {
   border-right-width: 0;
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
@@ -29471,6 +29744,7 @@ fieldset.cxd-Collapse .cxd-Collapse-header.is-mobile:hover {
 .cxd-InputGroup .cxd-SelectControl:first-child .cxd-Select {
   border-top-left-radius: var(--InputGroup-select-borderRadius);
   border-bottom-left-radius: var(--InputGroup-select-borderRadius);
+  background-color: var(--colors-neutral-fill-10);
 }
 .cxd-InputGroup .cxd-SelectControl:last-child .cxd-Select {
   border-top-right-radius: var(--InputGroup-select-borderRadius);
@@ -29491,18 +29765,10 @@ fieldset.cxd-Collapse .cxd-Collapse-header.is-mobile:hover {
 .cxd-InputGroup.is-focused .cxd-InputGroup-addOn,
 .cxd-InputGroup.is-focused .cxd-TextControl-input,
 .cxd-InputGroup.is-focused .cxd-Select,
+.cxd-InputGroup.is-focused .cxd-SearchBox,
 .cxd-InputGroup.is-focused .cxd-InputGroup-btn .cxd-Button {
   border-color: var(--InputGroup-addOn-onFocused-borderColor);
 }
-.cxd-InputGroup.is-focused .cxd-Select {
-  background: var(--InputGroup-select-onFocused-bg);
-}
-.cxd-InputGroup.is-focused .cxd-Select {
-  color: var(--InputGroup-select-onFocused-color);
-}
-.cxd-InputGroup.is-focused .cxd-Select-arrow {
-  color: var(--InputGroup-select-onFocused-arrowColor);
-}
 .cxd-InputGroup.is-focused .cxd-InputGroup-addOn {
   color: var(--primary);
 }
@@ -29599,7 +29865,7 @@ fieldset.cxd-Collapse .cxd-Collapse-header.is-mobile:hover {
   color: var(--text--muted-color);
 }
 .cxd-TextControl-spinner {
-  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
+  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) );
 }
 .cxd-TextControl-clear {
   padding: var(--Form-input-clearBtn-padding);
@@ -29658,6 +29924,7 @@ fieldset.cxd-Collapse .cxd-Collapse-header.is-mobile:hover {
   background: var(--input-default-default-bg-color);
   height: var(--input-size-default-height);
   align-items: center;
+  transition: all var(--animation-duration) ease-in-out;
 }
 .cxd-TextControl-input input {
   color: var(--input-default-default-color);
@@ -29845,7 +30112,7 @@ fieldset.cxd-Collapse .cxd-Collapse-header.is-mobile:hover {
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
-  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
+  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) );
   vertical-align: middle;
   display: inline-block;
 }
@@ -29869,7 +30136,7 @@ fieldset.cxd-Collapse .cxd-Collapse-header.is-mobile:hover {
 }
 .cxd-TextControl-input--multiple .cxd-TextControl-value {
   white-space: nowrap;
-  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem);
+  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem );
   font-size: var(--Form-selectValue-fontSize);
   background: var(--Form-select-multiple-bgColor);
   border-radius: 0.125rem;
@@ -30033,7 +30300,7 @@ input.cxd-TextControl-input-password {
   color: var(--text--muted-color);
 }
 .cxd-TextareaControl-spinner {
-  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
+  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) );
 }
 .cxd-TextareaControl-clear {
   padding: var(--Form-input-clearBtn-padding);
@@ -30072,6 +30339,7 @@ input.cxd-TextControl-input-password {
 .cxd-TextareaControl > textarea {
   border: 1px solid var(--Form-input-borderColor);
   border-radius: var(--Form-input-borderRadius);
+  color: var(--colors-neutral-text-2);
   background: var(--Form-input-bg);
   padding: var(--input-textarea-paddingTop) var(--input-textarea-paddingRight) var(--input-textarea-paddingBottom) var(--input-textarea-paddingLeft);
   font-size: var(--Form-input-fontSize);
@@ -30182,7 +30450,6 @@ input.cxd-TextControl-input-password {
   cursor: pointer;
   display: inline-block;
   vertical-align: top;
-  line-height: var(--checkbox-checkbox-default-lineHeight);
 }
 .cxd-Checkbox > i + span > a {
   margin-left: var(--gap-xs);
@@ -30242,12 +30509,13 @@ input.cxd-TextControl-input-password {
   background: var(--Checkbox-onHover-color);
 }
 .cxd-Checkbox--checkbox input[disabled] + i {
-  border-color: var(--Checkbox-onDisabled-color);
+  border-color: var(--Checkbox-color) !important;
   cursor: not-allowed;
+  background-color: var(--checkbox-checkbox-disabled-bg-color);
 }
 .cxd-Checkbox--checkbox input[disabled] + i:before {
-  width: var(--Checkbox-inner-size);
-  height: calc(var(--Checkbox-inner-size) / 2);
+  background-color: var(--Checkbox-onDisabled-color);
+  border-width: 0;
 }
 .cxd-Checkbox--checkbox input[disabled] + i + span {
   cursor: not-allowed;
@@ -30320,6 +30588,7 @@ input.cxd-TextControl-input-password {
 .cxd-Checkbox--full.cxd-Checkbox--checkbox input[disabled]:checked + i:before {
   border-color: var(--Checkbox-onDisabled-color);
   background: var(--Checkbox-onDisabled-bg);
+  border-width: 0 0 0.0625rem 0.0625rem;
 }
 .cxd-Checkbox--full.cxd-Checkbox--checkbox input:checked[disabled] + i {
   border-color: var(--Checkbox-color);
@@ -30599,7 +30868,7 @@ input.cxd-TextControl-input-password {
 .cxd-CheckboxControl,
 .cxd-RadiosControl,
 .cxd-CheckboxesControl {
-  padding-top: calc((var(--Form-input-height) - var(--Checkbox-size)) / 2 - 3px);
+  padding-top: calc( (var(--Form-input-height) - var(--Checkbox-size)) / 2 - 3px );
 }
 .cxd-RadiosControl .cxd-Checkbox {
   display: block;
@@ -30670,7 +30939,7 @@ input.cxd-TextControl-input-password {
   display: block;
   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) calc((var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) calc(var(--gap-sm) + var(--Checkbox-size));
+  padding: calc( ( var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--gap-sm) calc( ( var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) calc(var(--gap-sm) + var(--Checkbox-size));
 }
 .cxd-Selection--inline > .cxd-Checkbox {
   display: inline-block;
@@ -30738,6 +31007,9 @@ input.cxd-TextControl-input-password {
   color: var(--Form-select-menu-onActive-color);
   background: var(--Form-select-menu-onActive-bg);
 }
+.cxd-GroupedSelection-item.is-active:hover, .cxd-GroupedSelection-item.is-focused:hover, .cxd-GroupedSelection-item.is-opened:hover {
+  background: var(--Form-select-menu-onHover-bg);
+}
 .cxd-GroupedSelection-item.is-disabled {
   pointer-events: none;
   color: var(--Form-select-menu-onDisabled-color);
@@ -30761,7 +31033,7 @@ input.cxd-TextControl-input-password {
   height: var(--Form-input-height);
   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);
+  padding: calc( ( var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--gap-sm);
   color: var(--text--muted-color);
   height: 100%;
   display: flex;
@@ -30885,7 +31157,7 @@ input.cxd-TextControl-input-password {
   height: var(--Form-input-height);
   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);
+  padding: calc( ( var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--gap-sm);
   color: var(--text--muted-color);
 }
 .cxd-ChainedSelection {
@@ -30958,7 +31230,7 @@ input.cxd-TextControl-input-password {
   height: var(--Form-input-height);
   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);
+  padding: calc( ( var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--gap-sm);
   color: var(--text--muted-color);
 }
 .cxd-AssociatedSelection {
@@ -31148,7 +31420,7 @@ input.cxd-TextControl-input-password {
 .cxd-Switch .text > svg {
   width: var(--switch-text-off-fontSize);
   height: var(--switch-text-off-fontSize);
-  margin-top: calc((var(--Switch-height) - var(--switch-text-off-fontSize)) / 2);
+  margin-top: calc( (var(--Switch-height) - var(--switch-text-off-fontSize)) / 2 );
 }
 .cxd-Switch .slider:before {
   content: "";
@@ -31168,7 +31440,7 @@ input.cxd-TextControl-input-password {
   background: var(--Switch-checked-bgColor);
 }
 .cxd-Switch.is-checked .slider::before {
-  left: calc(100% - var(--Switch-slider-width) - var(--Switch-slider-margin));
+  left: calc( 100% - var(--Switch-slider-width) - var(--Switch-slider-margin) );
   right: var(--Switch-slider-margin);
   border-width: 0;
   background: var(--switch-default-on-slider-color);
@@ -31186,7 +31458,7 @@ input.cxd-TextControl-input-password {
   background: var(--Switch-checked-onActive-bgColor);
 }
 .cxd-Switch.is-checked:active .slider::before {
-  left: calc(100% - (var(--Switch-height) + 0.125rem) - 0.125rem);
+  left: calc( 100% - (var(--Switch-height) + 0.125rem) - 0.125rem );
 }
 .cxd-Switch.is-checked.is-disabled .slider:before {
   color: var(--Switch-onDisabled-color);
@@ -31218,7 +31490,7 @@ input.cxd-TextControl-input-password {
   right: auto;
 }
 .cxd-Switch--sm.is-checked .slider::before {
-  left: calc(100% - var(--Switch-slider-width--sm) - var(--switch-size-sm-slider-margin));
+  left: calc( 100% - var(--Switch-slider-width--sm) - var(--switch-size-sm-slider-margin) );
   right: var(--switch-size-sm-slider-margin);
 }
 .cxd-Switch:active .slider::before {
@@ -31246,11 +31518,11 @@ input.cxd-TextControl-input-password {
   height: var(--Switch-spinner-icon-width--sm);
 }
 .cxd-Switch-spinner.cxd-Switch-spinner--checked {
-  left: calc(100% - var(--Switch-slider-width) - var(--Switch-slider-margin));
+  left: calc( 100% - var(--Switch-slider-width) - var(--Switch-slider-margin) );
   right: var(--Switch-slider-margin);
 }
 .cxd-Switch-spinner.cxd-Switch-spinner--checked.cxd-Switch-spinner--sm {
-  left: calc(100% - var(--Switch-slider-width--sm) - var(--Switch-slider-margin));
+  left: calc( 100% - var(--Switch-slider-width--sm) - var(--Switch-slider-margin) );
   right: var(--Switch-slider-margin);
 }
 .cxd-Switch-option {
@@ -31422,7 +31694,7 @@ input.cxd-TextControl-input-password {
 }
 .cxd-Number-handler {
   line-height: calc((var(--Form-input-height) - 0.375rem) / 2);
-  height: calc((var(--Form-input-height) - var(--Number-borderWidth) * 2) / 2);
+  height: calc( (var(--Form-input-height) - var(--Number-borderWidth) * 2) / 2 );
 }
 .cxd-Number-handler-up {
   border-bottom: var(--Number-handler-borderBottom);
@@ -31705,6 +31977,7 @@ input.cxd-TextControl-input-password {
   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);
+  transition: all var(--animation-duration) ease-in-out;
 }
 .cxd-Select--block {
   display: flex;
@@ -31825,7 +32098,7 @@ input.cxd-TextControl-input-password {
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
-  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem);
+  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem );
   display: inline-block;
   vertical-align: middle;
   font-size: var(--Form-selectValue-fontSize);
@@ -32032,7 +32305,7 @@ input.cxd-TextControl-input-password {
   position: relative;
 }
 .cxd-Select-option.is-mobile > a {
-  margin-right: calc(20px + var(--select-base-default-option-paddingRight));
+  margin-right: calc( 20px + var(--select-base-default-option-paddingRight) );
 }
 .cxd-Select-option.is-mobile .cxd-Select-option-item-check {
   flex: 1;
@@ -32058,7 +32331,7 @@ input.cxd-TextControl-input-password {
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
-  padding: calc((var(--Form-select-menu-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--Form-select-paddingX);
+  padding: calc( ( var(--Form-select-menu-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--Form-select-paddingX);
 }
 .cxd-Select-option-hl {
   color: var(--info);
@@ -32077,7 +32350,7 @@ input.cxd-TextControl-input-password {
   margin-right: var(--Checkbox-gap);
 }
 .cxd-Select-spinner {
-  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
+  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) );
 }
 .cxd-Select-clear {
   padding: 0.1875rem;
@@ -32108,7 +32381,7 @@ input.cxd-TextControl-input-password {
   align-items: center;
   overflow-x: hidden;
   overflow-y: auto;
-  max-height: calc((var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem + var(--gap-xs)) * 5);
+  max-height: calc( ( var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem + var(--gap-xs) ) * 5 );
 }
 .cxd-Select-overflow-wrapper .cxd-Select-value {
   position: static;
@@ -32116,7 +32389,7 @@ input.cxd-TextControl-input-password {
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
-  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem);
+  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem );
   display: inline-block;
   vertical-align: middle;
   font-size: var(--Form-selectValue-fontSize);
@@ -32191,17 +32464,17 @@ input.cxd-TextControl-input-password {
 }
 @media (min-width: 576px) {
   .cxd-Form-control--sizeXs > .cxd-Select,
-  .cxd-Form-control--sizeSm > .cxd-Select,
-  .cxd-Form-control--sizeMd > .cxd-Select,
-  .cxd-Form-control--sizeLg > .cxd-Select {
+.cxd-Form-control--sizeSm > .cxd-Select,
+.cxd-Form-control--sizeMd > .cxd-Select,
+.cxd-Form-control--sizeLg > .cxd-Select {
     min-width: 100%;
     max-width: 100%;
     display: inline-flex !important;
   }
   .cxd-Form-control--sizeXs > .cxd-Select .cxd-Select-valueWrap,
-  .cxd-Form-control--sizeSm > .cxd-Select .cxd-Select-valueWrap,
-  .cxd-Form-control--sizeMd > .cxd-Select .cxd-Select-valueWrap,
-  .cxd-Form-control--sizeLg > .cxd-Select .cxd-Select-valueWrap {
+.cxd-Form-control--sizeSm > .cxd-Select .cxd-Select-valueWrap,
+.cxd-Form-control--sizeMd > .cxd-Select .cxd-Select-valueWrap,
+.cxd-Form-control--sizeLg > .cxd-Select .cxd-Select-valueWrap {
     width: 0;
   }
 }
@@ -32234,7 +32507,7 @@ input.cxd-TextControl-input-password {
   height: var(--Form-input-height);
   background: var(--Table-thead-bg);
   font-size: var(--Form-input-fontSize);
-  padding: calc((var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--gap-sm);
+  padding: calc( ( var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--gap-sm);
 }
 .cxd-Selections-placeholder {
   color: var(--Form-input-placeholderColor);
@@ -32258,12 +32531,14 @@ input.cxd-TextControl-input-password {
   line-height: var(--Form-input-lineHeight);
   font-size: var(--Form-input-fontSize);
   align-items: center;
-  padding: calc((var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--gap-sm);
+  padding: calc( ( var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--gap-sm);
 }
 .cxd-Selections-item > label {
   flex-basis: 3.125rem;
   flex-grow: 1;
   width: 3.125rem;
+  display: flex;
+  align-items: center;
 }
 .cxd-Selections-item > label.is-invalid {
   color: var(--Form-selectValue-onInvalid-color);
@@ -32279,6 +32554,9 @@ input.cxd-TextControl-input-password {
 .cxd-Selections-item--dragging > * {
   opacity: 0.2;
 }
+.cxd-Selections-item:hover {
+  background: var(--Form-select-menu-onHover-bg);
+}
 .cxd-Selections-delBtn {
   color: var(--icon-color);
   cursor: pointer;
@@ -32502,7 +32780,7 @@ input.cxd-TextControl-input-password {
   flex-basis: 0;
   flex-grow: 1;
   overflow-x: auto;
-  max-width: calc(100% - 1.25rem);
+  max-width: calc(100% - px2rem(20px));
 }
 .cxd-LocationPicker-toggler {
   cursor: pointer;
@@ -32612,7 +32890,7 @@ input.cxd-TextControl-input-password {
 }
 .cxd-MapPicker-sugItem {
   cursor: pointer;
-  padding: calc((var(--Form-select-menu-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--Form-select-paddingX);
+  padding: calc( ( var(--Form-select-menu-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--Form-select-paddingX);
 }
 .cxd-MapPicker-sugItem:hover {
   color: var(--Form-select-menu-onActive-color);
@@ -33397,11 +33675,17 @@ input.cxd-TextControl-input-password {
   width: var(--gap-md);
   padding: 0;
   color: var(--DatePicker-arrow-color);
-  font-size: var(--fontSizeXl);
+  font-size: var(--fontSizeXl) !important;
   text-decoration: none;
   font-family: auto;
   font-weight: normal;
 }
+.rdtPrev .icon-right-arrow,
+.rdtNext .icon-right-arrow {
+  width: 0.75rem;
+  height: 0.75rem;
+  top: 0;
+}
 .rdtPrev:hover,
 .rdtNext:hover {
   text-decoration: none;
@@ -33446,6 +33730,13 @@ input.cxd-TextControl-input-password {
   transform: rotate(180deg);
   transform-origin: 50% 50%;
 }
+.rdtHeader .icon-right-double-arrow {
+  top: -1px;
+}
+.rdtHeader .icon-right-arrow {
+  width: 0.75rem;
+  height: 0.75rem;
+}
 .header-line {
   display: block;
   position: absolute;
@@ -33750,7 +34041,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   margin: 0;
   padding-left: 0.625rem;
   list-style: none;
-  background: #f7f7f9;
+  background: var(--colors-neutral-fill-10);
   line-height: 2rem;
   overflow-x: auto;
 }
@@ -33785,6 +34076,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   .cxd-DateRangePicker-wrap {
     white-space: nowrap;
   }
+
   .cxd-DateRangePicker-end {
     margin-top: 0;
     border-left: 1px solid var(--Calendar-input-borderColor);
@@ -34581,6 +34873,37 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .cxd-InputRange-input .cxd-Number-handler-up-inner:hover, .cxd-InputRange-input .cxd-Number-handler-down-inner:hover {
   color: var(--Number-handler-onHover-color);
 }
+.cxd-InputRange-input-with-unit {
+  display: flex;
+  width: auto;
+}
+.cxd-InputRange-input-with-unit:hover .cxd-Number,
+.cxd-InputRange-input-with-unit:hover .cxd-InputRange-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-InputRange-input-with-unit .cxd-Number-focused + .cxd-InputRange-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-InputRange-input-with-unit .cxd-Number {
+  width: 5rem;
+  border-top-right-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
+  border-right: none !important;
+}
+.cxd-InputRange-input-with-unit .cxd-InputRange-unit {
+  cursor: default;
+  text-align: center;
+  min-width: unset;
+  border-top-left-radius: 0 !important;
+  border-bottom-left-radius: 0 !important;
+  background-color: var(--inputNumber-base-unit-bg-color);
+}
 .cxd-InputRange.is-mobile .cxd-InputRange-input {
   width: var(--InputRange-input-mobile-width);
 }
@@ -34735,6 +35058,9 @@ td.rdtQuarter.rdtDisabled:hover > span {
   border-radius: var(--InputRange-label-border-radius);
   visibility: hidden;
 }
+.cxd-InputRange-label span {
+  word-break: keep-all;
+}
 .cxd-InputRange-label-visible {
   visibility: visible;
 }
@@ -34814,6 +35140,20 @@ td.rdtQuarter.rdtDisabled:hover > span {
   top: 0;
   transform: translateX(-50%);
 }
+.cxd-InputRange-marks div:first-child {
+  transform: translateX(-10%);
+}
+.cxd-InputRange-marks div:first-child span {
+  left: 0;
+  transform: translateX(0%);
+}
+.cxd-InputRange-marks div:last-child {
+  transform: translateX(-90%);
+}
+.cxd-InputRange-marks div:last-child span {
+  left: 100%;
+  transform: translateX(-100%);
+}
 .cxd-InputRange-marks div span {
   position: absolute;
   left: 50%;
@@ -34841,7 +35181,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 @media (min-width: 768px) {
   .repeat-control.form-contorl-inline,
-  .form-group-inline .repeat-control {
+.form-group-inline .repeat-control {
     display: inline-block;
     min-width: 280px;
     width: auto;
@@ -34928,7 +35268,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .cxd-Tree--outline .cxd-Tree-item--isLeaf.is-child:before {
   position: absolute;
   top: -8px;
-  left: calc((var(--Tree-icon-gap) + var(--Tree-itemArrowWidth) + var(--Tree-icon-margin-right)) / 2 - var(--Tree-indent));
+  left: calc( ( var(--Tree-icon-gap) + var(--Tree-itemArrowWidth) + var(--Tree-icon-margin-right) ) / 2 - var(--Tree-indent) );
   bottom: 0px;
   border-left: 1px solid var(--borderColor);
   content: "";
@@ -35038,7 +35378,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   border: var(--Form-input-borderWidth) solid var(--inputTree-border-color);
   border-radius: var(--inputTree-border-radius);
   line-height: var(--inputTree-input-lineHeight);
-  padding: calc((var(--Tree-inputHeight) - var(--inputTree-input-lineHeight) * var(--inputTree-fontSize) - 0.125rem) / 2) var(--Form-input-paddingX);
+  padding: calc( ( var(--Tree-inputHeight) - var(--inputTree-input-lineHeight) * var(--inputTree-fontSize) - 0.125rem ) / 2 ) var(--Form-input-paddingX);
   font-size: var(--inputTree-fontSize);
 }
 .cxd-Tree-itemInput > input::-moz-placeholder {
@@ -35126,7 +35466,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .cxd-Tree-itemText {
   cursor: pointer;
-  display: inline-block;
+  display: inline-flex;
   color: var(--inputTree-base-default-color);
   font-size: var(--select-tree-fontSize);
   max-width: 100%;
@@ -35266,7 +35606,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   color: var(--text--muted-color);
 }
 .cxd-TreeSelect-spinner {
-  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
+  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) );
 }
 .cxd-TreeSelect-clear {
   padding: var(--Form-input-clearBtn-padding);
@@ -35491,7 +35831,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   display: none;
 }
 .cxd-Combo-items:empty + .cxd-Combo-toolbar {
-  padding-top: calc((var(--Form-input-height) - var(--Combo-addBtn-height)) / 2);
+  padding-top: calc( (var(--Form-input-height) - var(--Combo-addBtn-height)) / 2 );
 }
 .cxd-Combo-item {
   background: var(--combo-bg-color);
@@ -35888,7 +36228,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   color: var(--text--muted-color);
 }
 .cxd-Picker-spinner {
-  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
+  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) );
 }
 .cxd-Picker-clear {
   padding: var(--Form-input-clearBtn-padding);
@@ -35971,7 +36311,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
   border-width: var(--Pick-base-top-border-width) var(--Pick-base-right-border-width) var(--Pick-base-bottom-border-width) var(--Pick-base-left-border-width);
   border-style: var(--Pick-base-top-border-style) var(--Pick-base-right-border-style) var(--Pick-base-bottom-border-style) var(--Pick-base-left-border-style);
   border-color: var(--Pick-base-top-border-color) var(--Pick-base-right-border-color) var(--Pick-base-bottom-border-color) var(--Pick-base-left-border-color);
-  overflow: auto;
 }
 .cxd-Picker .cxd-Picker-values {
   display: inline;
@@ -35996,7 +36335,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
           user-select: none;
   white-space: nowrap;
   vertical-align: middle;
-  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem);
+  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem );
   display: inline-block;
   font-size: var(--Pick-base-value-fontSize);
   color: var(--Pick-base-value-color);
@@ -36009,6 +36348,10 @@ td.rdtQuarter.rdtDisabled:hover > span {
   margin-right: var(--gap-xs);
   margin-bottom: var(--gap-xs);
   margin-top: var(--gap-xs);
+  max-width: 9.375rem;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 .cxd-Picker .cxd-Picker-value:hover {
   background: var(--Form-selectValue-onHover-bg);
@@ -36085,8 +36428,8 @@ td.rdtQuarter.rdtDisabled:hover > span {
   align-items: flex-start;
   overflow-x: hidden;
   overflow-y: auto;
-  height: calc((var(--Picker-tag-height) + var(--Picker-tag-marginBottom) * 4) * 3);
-  max-height: calc((var(--Picker-tag-height) + var(--Picker-tag-marginBottom)) * 5);
+  height: calc( (var(--Picker-tag-height) + var(--Picker-tag-marginBottom) * 4) * 3 );
+  max-height: calc( (var(--Picker-tag-height) + var(--Picker-tag-marginBottom)) * 5 );
 }
 .cxd-Picker-overflow-wrapper .cxd-Picker-value {
   cursor: pointer;
@@ -36095,7 +36438,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
           user-select: none;
   white-space: nowrap;
   vertical-align: middle;
-  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem);
+  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem );
   display: inline-block;
   font-size: var(--Pick-base-value-fontSize);
   color: var(--Pick-base-value-color);
@@ -36108,6 +36451,10 @@ td.rdtQuarter.rdtDisabled:hover > span {
   margin-right: var(--gap-xs);
   margin-bottom: var(--gap-xs);
   margin-top: var(--gap-xs);
+  max-width: 9.375rem;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 .cxd-Picker-overflow-wrapper .cxd-Picker-value:hover {
   background: var(--Form-selectValue-onHover-bg);
@@ -36310,6 +36657,11 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .cxd-TagControl-popover .cxd-ListMenu {
   padding: 0.25rem 0;
+  max-height: var(--inputTag-popover-maxHeight);
+  overflow: auto;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
 }
 .cxd-TagControl-popover .cxd-ListMenu-item {
   height: var(--inputTag-option-height);
@@ -36730,7 +37082,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   height: var(--Form-input-height);
   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);
+  padding: calc( ( var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--gap-sm);
   color: var(--text--muted-color);
 }
 .cxd-TabsTransfer-tab {
@@ -36899,7 +37251,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
-  padding: calc((var(--Form-select-menu-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--Form-select-paddingX);
+  padding: calc( ( var(--Form-select-menu-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--Form-select-paddingX);
 }
 .cxd-NestedSelect-menu {
   width: 10rem;
@@ -37164,7 +37516,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   color: var(--text--muted-color);
 }
 .cxd-IconPickerControl-spinner {
-  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
+  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) );
 }
 .cxd-IconPickerControl-clear {
   padding: var(--Form-input-clearBtn-padding);
@@ -37283,7 +37635,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
-  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
+  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) );
   vertical-align: middle;
   display: inline-block;
   overflow: hidden;
@@ -37369,7 +37721,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   color: var(--text--muted-color);
 }
 .cxd-IconSelectControl-spinner {
-  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
+  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) );
 }
 .cxd-IconSelectControl-clear {
   padding: var(--Form-input-clearBtn-padding);
@@ -37743,6 +38095,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
     display: inline-block;
     max-width: 100%;
   }
+
   .cxd-Form-control--sizeXs {
     width: var(--Form-control-widthXs);
     max-width: 100%;
@@ -37752,6 +38105,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   .cxd-Form-control--sizeXs.cxd-NumberControl {
     width: var(--Form-control-widthXs);
   }
+
   .cxd-Form-control--sizeSm {
     width: var(--Form-control-widthSm);
     max-width: 100%;
@@ -37761,12 +38115,14 @@ td.rdtQuarter.rdtDisabled:hover > span {
   .cxd-Form-control--sizeSm.cxd-NumberControl {
     width: var(--Form-control-widthSm);
   }
+
   .cxd-Form-control--sizeMd {
     width: var(--Form-control-widthMd);
     max-width: 100%;
     display: inline-block;
     vertical-align: top;
   }
+
   .cxd-Form-control--sizeLg {
     width: var(--Form-control-widthLg);
     max-width: 100%;
@@ -37776,6 +38132,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   .cxd-Form-control--sizeLg.cxd-NumberControl {
     width: var(--Form-control-widthLg);
   }
+
   .cxd-Form-item--horizontal {
     display: flex;
     flex-wrap: nowrap;
@@ -37787,16 +38144,16 @@ td.rdtQuarter.rdtDisabled:hover > span {
     min-width: var(--Form--horizontal-value-minWidth);
   }
   .cxd-Form-item--horizontal .cxd-Form-itemColumn--xs,
-  .cxd-Form-item--horizontal .cxd-Form-itemColumn--sm,
-  .cxd-Form-item--horizontal .cxd-Form-itemColumn--normal,
-  .cxd-Form-item--horizontal .cxd-Form-itemColumn--auto,
-  .cxd-Form-item--horizontal .cxd-Form-itemColumn--md,
-  .cxd-Form-item--horizontal .cxd-Form-itemColumn--lg {
+.cxd-Form-item--horizontal .cxd-Form-itemColumn--sm,
+.cxd-Form-item--horizontal .cxd-Form-itemColumn--normal,
+.cxd-Form-item--horizontal .cxd-Form-itemColumn--auto,
+.cxd-Form-item--horizontal .cxd-Form-itemColumn--md,
+.cxd-Form-item--horizontal .cxd-Form-itemColumn--lg {
     flex-grow: unset;
     flex-basis: unset;
   }
   .cxd-Form-item--horizontal > .cxd-Form-label {
-    padding-top: calc((var(--Form-input-height) - var(--Form-item-lineHeight) * var(--Form-item-fontSize)) / 2);
+    padding-top: calc( ( var(--Form-input-height) - var(--Form-item-lineHeight) * var(--Form-item-fontSize) ) / 2 );
     word-break: break-word;
     line-height: var(--Form-item-lineHeight);
     margin: 0;
@@ -37897,7 +38254,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
     vertical-align: top;
   }
   .cxd-Form-item--inline > .cxd-Form-label {
-    padding-top: calc((var(--Form-input-height) - var(--Form-item-lineHeight) * var(--Form-item-fontSize)) / 2);
+    padding-top: calc( ( var(--Form-input-height) - var(--Form-item-lineHeight) * var(--Form-item-fontSize) ) / 2 );
     word-break: break-word;
     line-height: var(--Form-item-lineHeight);
     margin: 0;
@@ -37925,6 +38282,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   .cxd-Form-item--inline > .cxd-Form-value > .cxd-TextControl--withAddOn {
     display: inline-flex;
   }
+
   .cxd-Form-row {
     display: flex;
     flex-wrap: wrap;
@@ -37936,11 +38294,13 @@ td.rdtQuarter.rdtDisabled:hover > span {
     padding-left: calc(var(--Form-row-gutterWidth) / 2);
     padding-right: calc(var(--Form-row-gutterWidth) / 2);
   }
+
   .cxd-Form-col {
     flex-basis: 0;
     flex-grow: 1;
     flex-shrink: 1;
   }
+
   .cxd-Form-rowInner {
     display: flex;
     flex-wrap: nowrap;
@@ -37959,7 +38319,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .cxd-Form--debug {
   padding: var(--gap-sm);
   margin-bottom: var(--gap-sm);
-  background-color: rgb(250, 250, 250);
+  background-color: #fafafa;
   border-radius: var(--borderRadius);
   position: relative;
   word-wrap: break-word;
@@ -38048,6 +38408,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   .cxd-Combo-form::before {
     border-bottom: none;
   }
+
   .cxd-Form-item {
     display: flex;
     margin-bottom: 0;
@@ -38066,7 +38427,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
     transform: scaleY(0.5);
   }
   .cxd-Form-item .cxd-InputGroup-addOn,
-  .cxd-Form-item .cxd-TextControl-addOn {
+.cxd-Form-item .cxd-TextControl-addOn {
     border: none;
   }
   .cxd-Form-item .cxd-Form-label {
@@ -38081,7 +38442,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
     font-size: var(--fontSizeLg);
   }
   .cxd-Form-item .cxd-Form-label + .cxd-Form-item-controlBox {
-    max-width: 72%;
+    max-width: calc(100% - 28%);
   }
   .cxd-Form-item .cxd-Form-label > span {
     line-height: 2rem;
@@ -38131,7 +38492,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
     text-align: center;
   }
   .cxd-Form-item .cxd-Number--enhance .cxd-InputNumber-enhance-minus,
-  .cxd-Form-item .cxd-Number--enhance .cxd-InputNumber-enhance-plus {
+.cxd-Form-item .cxd-Number--enhance .cxd-InputNumber-enhance-plus {
     width: var(--inputNumber-enhance-mobile-icon-inner-width);
     height: var(--inputNumber-enhance-mobile-icon-inner-height);
     display: flex;
@@ -38143,49 +38504,49 @@ td.rdtQuarter.rdtDisabled:hover > span {
     padding-right: var(--inputNumber-enhance-default-paddingRight);
   }
   .cxd-Form-item .cxd-Form-value,
-  .cxd-Form-item .cxd-Form-control {
+.cxd-Form-item .cxd-Form-control {
     flex: 1;
     flex-wrap: wrap;
     font-size: var(--fontSizeLg);
     min-width: 0;
   }
   .cxd-Form-item .cxd-Form-value .cxd-ColorPicker > input,
-  .cxd-Form-item .cxd-Form-control .cxd-ColorPicker > input {
+.cxd-Form-item .cxd-Form-control .cxd-ColorPicker > input {
     height: 100%;
   }
   .cxd-Form-item .cxd-Form-value .cxd-ResultBox,
-  .cxd-Form-item .cxd-Form-control .cxd-ResultBox {
+.cxd-Form-item .cxd-Form-control .cxd-ResultBox {
     height: 100%;
   }
   .cxd-Form-item .cxd-Form-value .cxd-ResultBox .cxd-ResultBox-value-wrap,
-  .cxd-Form-item .cxd-Form-control .cxd-ResultBox .cxd-ResultBox-value-wrap {
+.cxd-Form-item .cxd-Form-control .cxd-ResultBox .cxd-ResultBox-value-wrap {
     justify-content: flex-end;
     text-align: right;
   }
   .cxd-Form-item .cxd-Form-value.is-disabled > .cxd-TextControl-input,
-  .cxd-Form-item .cxd-Form-control.is-disabled > .cxd-TextControl-input {
+.cxd-Form-item .cxd-Form-control.is-disabled > .cxd-TextControl-input {
     background: transparent;
   }
   .cxd-Form-item .cxd-SelectControl.cxd-Form-control {
     overflow: hidden;
   }
   .cxd-Form-item .cxd-Form-hint,
-  .cxd-Form-item .cxd-Form-remark,
-  .cxd-Form-item .cxd-Form-group--hor .cxd-Form-item,
-  .cxd-Form-item .cxd-SwitchControl,
-  .cxd-Form-item .cxd-CheckboxControl,
-  .cxd-Form-item .cxd-RadiosControl,
-  .cxd-Form-item .cxd-CheckboxesControl {
+.cxd-Form-item .cxd-Form-remark,
+.cxd-Form-item .cxd-Form-group--hor .cxd-Form-item,
+.cxd-Form-item .cxd-SwitchControl,
+.cxd-Form-item .cxd-CheckboxControl,
+.cxd-Form-item .cxd-RadiosControl,
+.cxd-Form-item .cxd-CheckboxesControl {
     padding-top: 0;
     padding-bottom: 0;
   }
   .cxd-Form-item .cxd-SwitchControl,
-  .cxd-Form-item .cxd-TransferControl,
-  .cxd-Form-item .cxd-TagControl,
-  .cxd-Form-item .cxd-CheckboxControl,
-  .cxd-Form-item .cxd-TreeSelectControl,
-  .cxd-Form-item .cxd-NestedSelectControl,
-  .cxd-Form-item .cxd-TabsTransferControl {
+.cxd-Form-item .cxd-TransferControl,
+.cxd-Form-item .cxd-TagControl,
+.cxd-Form-item .cxd-CheckboxControl,
+.cxd-Form-item .cxd-TreeSelectControl,
+.cxd-Form-item .cxd-NestedSelectControl,
+.cxd-Form-item .cxd-TabsTransferControl {
     padding-top: 0.1875rem;
   }
   .cxd-Form-item--inline {
@@ -38218,11 +38579,11 @@ td.rdtQuarter.rdtDisabled:hover > span {
     min-height: 0;
   }
   .cxd-Form-item .cxd-Form-description,
-  .cxd-Form-item .cxd-Form-feedback {
+.cxd-Form-item .cxd-Form-feedback {
     font-size: var(--fontSizeBase);
   }
   .cxd-Form-item .cxd-InputGroup .cxd-Select,
-  .cxd-Form-item .cxd-InputGroup .cxd-InputGroup-btn .cxd-Button {
+.cxd-Form-item .cxd-InputGroup .cxd-InputGroup-btn .cxd-Button {
     border: none;
   }
   .cxd-Form-item .cxd-InputGroup > .cxd-TextControl-input input {
@@ -38239,20 +38600,20 @@ td.rdtQuarter.rdtDisabled:hover > span {
     margin-bottom: var(--gap-xs);
   }
   .cxd-Form-item .cxd-TextareaControl > textarea,
-  .cxd-Form-item .cxd-Form-control > .cxd-TextControl-input,
-  .cxd-Form-item .cxd-TextControl.is-focused > .cxd-TextControl-input {
+.cxd-Form-item .cxd-Form-control > .cxd-TextControl-input,
+.cxd-Form-item .cxd-TextControl.is-focused > .cxd-TextControl-input {
     border: none;
     padding: 0 var(--Form-input-paddingX) 0 0;
     box-shadow: none;
     border-radius: 0;
   }
   .cxd-Form-item .cxd-TextareaControl > textarea:hover, .cxd-Form-item .cxd-TextareaControl > textarea:focus, .cxd-Form-item .cxd-TextareaControl > textarea.active,
-  .cxd-Form-item .cxd-Form-control > .cxd-TextControl-input:hover,
-  .cxd-Form-item .cxd-Form-control > .cxd-TextControl-input:focus,
-  .cxd-Form-item .cxd-Form-control > .cxd-TextControl-input.active,
-  .cxd-Form-item .cxd-TextControl.is-focused > .cxd-TextControl-input:hover,
-  .cxd-Form-item .cxd-TextControl.is-focused > .cxd-TextControl-input:focus,
-  .cxd-Form-item .cxd-TextControl.is-focused > .cxd-TextControl-input.active {
+.cxd-Form-item .cxd-Form-control > .cxd-TextControl-input:hover,
+.cxd-Form-item .cxd-Form-control > .cxd-TextControl-input:focus,
+.cxd-Form-item .cxd-Form-control > .cxd-TextControl-input.active,
+.cxd-Form-item .cxd-TextControl.is-focused > .cxd-TextControl-input:hover,
+.cxd-Form-item .cxd-TextControl.is-focused > .cxd-TextControl-input:focus,
+.cxd-Form-item .cxd-TextControl.is-focused > .cxd-TextControl-input.active {
     border: none;
     outline: none;
     outline-style: none;
@@ -38261,21 +38622,27 @@ td.rdtQuarter.rdtDisabled:hover > span {
     padding: 0;
     min-height: 0;
   }
+
   .cxd-Form-groupColumn {
     margin-bottom: 0;
   }
+
   .cxd-Form-item:nth-last-of-type(1)::after {
     display: none;
   }
+
   .cxd-Form-item.is-placeholder::after {
     display: none;
   }
+
   .cxd-Tabs-pane {
     padding: 0;
   }
+
   .cxd-Form-item .cxd-Form-groupColumn > .cxd-Form-item {
     padding-bottom: var(--Form-input-paddingX);
   }
+
   .cxd-Form-groupColumn {
     position: relative;
   }
@@ -38289,6 +38656,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
     left: 0;
     border-bottom: var(--Form-input-borderWidth) solid var(--borderColor);
   }
+
   .cxd-Form-groupColumn:nth-last-of-type(1)::after {
     display: none;
   }
@@ -38824,7 +39192,8 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .cxd-InputTable-UI table thead > tr > th {
   position: sticky;
   top: 0;
-  z-index: 900; /* 遮挡一下 tbody */
+  z-index: 900;
+  /* 遮挡一下 tbody */
 }
 .cxd-AnchorNav {
   display: flex;
@@ -39694,7 +40063,8 @@ td.rdtQuarter.rdtDisabled:hover > span {
   padding-left: var(--Form-input-paddingX);
 }
 .cxd-FormulaPicker.is-input-group .cxd-FormulaPicker-input-number .cxd-Number-handler-wrap {
-  height: unset; /* 避免调节器超出Input框 */
+  height: unset;
+  /* 避免调节器超出Input框 */
 }
 .cxd-FormulaPicker.is-input-group .cxd-FormulaPicker-input-variable {
   border: none;
@@ -40346,7 +40716,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   --Menu-fontColor-onDisabled: var(--Nav-item-fontColor-onDisabled);
   --Menu-Submenu-item-paddingX: var(--Nav-Item-Badge-paddingRight);
   --Menu-light-backgroundColor: var(--Layout-light-backgroundColor);
-  --Menu-light-active-backgroundColor: var(--colors-neutral-fill-12);
+  --Menu-light-active-backgroundColor: var(--colors-neutral-fill-8);
   --Menu-light-backgroundColor-onHover: var(--Layout-light-bgColor-onHover);
   --Menu-light-fontColor: var(--Layout-light-fontColor);
   --Menu-light-fontColor-onHover: var(--Layout-fontColor--onHover);
@@ -40400,7 +40770,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  color: inherit;
+  color: var(--colors-neutral-text-2);
   font-size: inherit;
   flex: 1;
   cursor: inherit;
@@ -41053,4 +41423,9 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .cxd-Nav-Menu-item-tooltip.cxd-Nav-Menu-item-tooltip-dark .cxd-Tooltip-body,
 .cxd-Nav-Menu-item-tooltip.cxd-Nav-Menu-item-tooltip-dark .cxd-Tooltip-body span {
   color: var(--Layout-dark-fontColor);
+}
+.cxd-OverflowTpl {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
 }