amis-ui 3.2.0 → 3.3.0

package/lib/themes/ang.css

@@ -1,11 +1,12 @@
 @charset "UTF-8";
 /* 此处放置需要override的变量，因为部分变量已经在variables.scss中定义 */
-:root {
+:root,
+.AMISCSSWrapper {
   --white: var(--colors-neutral-text-11);
   --primary: var(--colors-brand-5);
   --primary-onHover: var(--colors-brand-6);
   --primary-onActive: var(--colors-brand-4);
-  --secondary: var(--colors-neutral-text-4);
+  --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);
@@ -419,7 +420,7 @@
   --ListControl-item-borderRadius: var(--borders-radius-3);
   --ListControl-item-color: var(--colors-neutral-text-2);
   --ListControl-item-onActive-after-borderColor: var(--colors-neutral-line-11);
-  --ListControl-item-onActive-before-bg: var(--colors-brand-4);
+  --ListControl-item-onActive-before-bg: var(--colors-brand-5);
   --ListControl-item-onActive-bg: var(--colors-neutral-fill-11);
   --ListControl-item-onActive-borderColor: var(--colors-brand-4);
   --ListControl-item-onActive-color: var(--colors-brand-4);
@@ -675,9 +676,10 @@
   --ColumnToggler-item-margin: 0.25rem;
   --ColumnToggler-item-dragBar-color: #d8d8d8;
   --InputFormula-header-bgColor: #fafafa;
-  --InputFormula-icon-size: 1.5rem;
+  --InputFormula-icon-size: 1.125rem;
   --InputFormula-icon-color-onActive: var(--colors-brand-5);
   --InputFormula-code-bgColor: var(--colors-neutral-fill-10);
+  --InputFormula-input-schema-height: var(--sizes-base-12);
   --UserSelect--post-bg: var(--colors-brand-6);
   --UserSelect--department-bg: #ffab52;
   --UserSelect--role-bg: #0bc286;
@@ -758,7 +760,8 @@
     --fontSizeBase: var(--fontSizeLg);
   }
 }
-:root {
+:root,
+.AMISCSSWrapper {
   --button-default-default-top-border-color: var(--colors-neutral-line-8);
   --button-default-default-top-border-style: var(--borders-style-2);
   --button-default-default-top-border-width: var(--borders-width-2);
@@ -2342,7 +2345,7 @@
   --ListControl-item-onActive-color: var(
     --listSelect-base-active-top-border-color
   );
-  --ListControl-item-onActive-before-bg: var(--colors-brand-4);
+  --ListControl-item-onActive-before-bg: var(--colors-brand-5);
   --ListControl-item-color: var(--listSelect-base-default-color);
   --ListControl-item-onDisabled-color: var(--listSelect-base-disabled-color);
   --ListControl-item-paddingX: var(--listSelect-base-default-paddingLeft);
@@ -4181,7 +4184,7 @@
   --Toast--danger-bottom-left-border-radius: var(--borders-radius-3);
   --Toast--danger-bgColor: var(--colors-neutral-fill-11);
   --Toast--info-color: var(--colors-neutral-text-2);
-  --Toast--info-fontSize: var(--fonts-size-6);
+  --Toast--info-fontSize: var(--fonts-size-7);
   --Toast--info-fontWeight: var(--fonts-weight-6);
   --Toast--info-top-border-color: var(--colors-neutral-line-11);
   --Toast--info-top-border-width: var(--borders-width-2);
@@ -4638,9 +4641,9 @@
   --Table-color: var(--table-body-color);
   --Table-expandBtn-color: var(--colors-neutral-text-5);
   --Table-fixed-zIndex: 5;
-  --Table-fixedLeft-boxShadow: 0.42rem 0 0.42rem -0.28rem rgba(0, 0, 0, 0.15);
-  --Table-fixedRight-boxShadow: -0.42rem 0 0.42rem -0.28rem rgba(0, 0, 0, 0.15);
-  --Table-fixedTop-boxShadow: var(--shadows-shadow-normal);
+  --Table-fixedLeft-boxShadow: inset 10px 0 8px -8px rgba(5, 5, 5, 0.06);
+  --Table-fixedRight-boxShadow: inset -10px 0 8px -8px rgba(5, 5, 5, 0.06);
+  --Table-fixedTop-boxShadow: inset 0 10px 8px -8px rgba(5, 5, 5, 0.06);
   --Table-fontSize: var(--table-body-fontSize);
   --Table-heading-bg: var(--table-title-bg-color);
   --Table-heading-height: 2.5rem;
@@ -5118,17 +5121,14 @@
 }
 /* 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 {
@@ -5314,16 +5314,14 @@ 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;
 }
@@ -5402,8 +5400,7 @@ 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 {
@@ -5441,8 +5438,7 @@ 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;
@@ -5726,7 +5722,7 @@ img.fr-bordered {
   vertical-align: bottom;
   margin-left: 5px;
   margin-right: 5px;
-  max-width: calc(100% - (2 * 5px));
+  max-width: calc(100% - 10px);
 }
 .fr-view img.fr-dii.fr-fil {
   float: left;
@@ -5762,7 +5758,7 @@ img.fr-bordered {
   vertical-align: bottom;
   margin-left: 5px;
   margin-right: 5px;
-  max-width: calc(100% - (2 * 5px));
+  max-width: calc(100% - 10px);
 }
 .fr-view span.fr-img-caption.fr-dii.fr-fil {
   float: left;
@@ -5890,7 +5886,7 @@ img.fr-view.fr-dii {
   vertical-align: bottom;
   margin-left: 5px;
   margin-right: 5px;
-  max-width: calc(100% - (2 * 5px));
+  max-width: calc(100% - 10px);
 }
 img.fr-view.fr-dii.fr-fil {
   float: left;
@@ -5926,7 +5922,7 @@ span.fr-img-caption.fr-view.fr-dii {
   vertical-align: bottom;
   margin-left: 5px;
   margin-right: 5px;
-  max-width: calc(100% - (2 * 5px));
+  max-width: calc(100% - 10px);
 }
 span.fr-img-caption.fr-view.fr-dii.fr-fil {
   float: left;
@@ -6132,14 +6128,12 @@ 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;
@@ -6150,7 +6144,6 @@ iframe.fr-iframe {
     overflow: visible;
     z-index: auto;
   }
-
   .fr-box.fr-document .fr-wrapper .fr-element hr {
     margin-left: -2cm;
     margin-right: -2cm;
@@ -6159,7 +6152,6 @@ iframe.fr-iframe {
     outline: none;
     border: none;
   }
-
   .fr-box.fr-document .fr-wrapper .fr-element img {
     z-index: 1;
   }
@@ -7330,7 +7322,7 @@ ol.decimal_type > li:before {
 }
 .fr-separator.fr-hs {
   clear: both;
-  width: calc(100% - (2 * 4px));
+  width: calc(100% - 8px);
   margin: 0 4px;
   height: 1px;
 }
@@ -8105,22 +8097,18 @@ 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;
@@ -8530,7 +8518,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% - (40px / 2));
+  left: calc(50% - 20px);
   top: -20px;
 }
 .fr-line-breaker a.fr-floating-btn svg {
@@ -8865,22 +8853,18 @@ 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;
@@ -9182,7 +9166,7 @@ img.fr-bordered {
   vertical-align: bottom;
   margin-left: 5px;
   margin-right: 5px;
-  max-width: calc(100% - (2 * 5px));
+  max-width: calc(100% - 10px);
 }
 .fr-view img.fr-dii.fr-fil {
   float: left;
@@ -9218,7 +9202,7 @@ img.fr-bordered {
   vertical-align: bottom;
   margin-left: 5px;
   margin-right: 5px;
-  max-width: calc(100% - (2 * 5px));
+  max-width: calc(100% - 10px);
 }
 .fr-view span.fr-img-caption.fr-dii.fr-fil {
   float: left;
@@ -9346,7 +9330,7 @@ img.fr-view.fr-dii {
   vertical-align: bottom;
   margin-left: 5px;
   margin-right: 5px;
-  max-width: calc(100% - (2 * 5px));
+  max-width: calc(100% - 10px);
 }
 img.fr-view.fr-dii.fr-fil {
   float: left;
@@ -9382,7 +9366,7 @@ span.fr-img-caption.fr-view.fr-dii {
   vertical-align: bottom;
   margin-left: 5px;
   margin-right: 5px;
-  max-width: calc(100% - (2 * 5px));
+  max-width: calc(100% - 10px);
 }
 span.fr-img-caption.fr-view.fr-dii.fr-fil {
   float: left;
@@ -9655,6 +9639,10 @@ button::-moz-focus-inner {
   display: flex;
   flex: 0 0 auto;
 }
+.tox .tox-bottom-anchorbar {
+  display: flex;
+  flex: 0 0 auto;
+}
 .tox .tox-bar {
   display: flex;
   flex: 0 0 auto;
@@ -9951,7 +9939,7 @@ button::-moz-focus-inner {
   display: flex;
   height: 24px;
   justify-content: center;
-  padding: calc(4px - 1px);
+  padding: 3px;
   width: 24px;
 }
 .tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
@@ -9994,7 +9982,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: calc(4px - 1px);
+  padding: 3px;
 }
 .tox:not([dir=rtl]) .tox-checkbox__label {
   margin-left: 4px;
@@ -10438,7 +10426,7 @@ button::-moz-focus-inner {
   display: none;
   fill: #222f3e;
   height: 24px;
-  margin: calc((30px - 24px) / 2) calc((30px - 24px) / 2);
+  margin: 3px 3px;
   width: 24px;
 }
 .tox div.tox-swatch:not(.tox-swatch--remove) svg path {
@@ -10712,7 +10700,7 @@ button::-moz-focus-inner {
   body:not(.tox-force-desktop) .tox .tox-dialog {
     align-self: flex-start;
     margin: 8px auto;
-    max-height: calc(100vh - 8px * 2);
+    max-height: calc(100vh - 16px);
     width: calc(100vw - 16px);
   }
 }
@@ -10816,7 +10804,7 @@ button::-moz-focus-inner {
   display: flex;
   flex: 1;
   flex-direction: column;
-  max-height: min(650px, calc(100vh - 110px));
+  max-height: min(650px, 100vh - 110px);
   overflow: auto;
   -webkit-overflow-scrolling: touch;
   padding: 16px 16px;
@@ -10861,8 +10849,7 @@ button::-moz-focus-inner {
 .tox .tox-dialog__body-content ul,
 .tox .tox-dialog__body-content ol,
 .tox .tox-dialog__body-content dd {
-  -webkit-padding-start: 2.5rem;
-          padding-inline-start: 2.5rem;
+  padding-inline-start: 2.5rem;
 }
 .tox .tox-dialog__body-content ul,
 .tox .tox-dialog__body-content ol,
@@ -10875,10 +10862,8 @@ button::-moz-focus-inner {
 .tox .tox-dialog__body-content dd,
 .tox .tox-dialog__body-content dt {
   display: block;
-  -webkit-margin-end: 0;
-          margin-inline-end: 0;
-  -webkit-margin-start: 0;
-          margin-inline-start: 0;
+  margin-inline-end: 0;
+  margin-inline-start: 0;
 }
 .tox .tox-dialog__body-content .tox-form__group h1 {
   color: #222f3e;
@@ -10919,6 +10904,12 @@ button::-moz-focus-inner {
   margin-bottom: 0;
   margin-top: 0;
 }
+.tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--center {
+  text-align: center;
+}
+.tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--end {
+  text-align: end;
+}
 .tox .tox-dialog--width-lg {
   height: 650px;
   max-width: 1200px;
@@ -10987,9 +10978,16 @@ button::-moz-focus-inner {
 .tox .tox-dialog__table td:first-child {
   padding-right: 8px;
 }
+.tox .tox-dialog__iframe {
+  min-height: 200px;
+}
 .tox .tox-dialog__iframe.tox-dialog__iframe--opaque {
   background: #fff;
 }
+.tox .tox-dialog__iframe.tox-dialog__iframe--bordered {
+  border: 1px solid #eeeeee;
+  border-radius: 6px;
+}
 .tox .tox-dialog__popups {
   position: absolute;
   width: 100%;
@@ -11316,13 +11314,13 @@ body.tox-dialog__disable-scroll {
   justify-content: space-between;
 }
 .tox .tox-form__grid--2col > .tox-form__group {
-  width: calc(50% - (8px / 2));
+  width: calc(50% - 4px);
 }
 .tox .tox-form__grid--3col > .tox-form__group {
-  width: calc(100% / 3 - (8px / 2));
+  width: calc(33.3333333333% - 4px);
 }
 .tox .tox-form__grid--4col > .tox-form__group {
-  width: calc(25% - (8px / 2));
+  width: calc(25% - 4px);
 }
 .tox .tox-form__controls-h-stack {
   align-items: center;
@@ -11391,6 +11389,7 @@ body.tox-dialog__disable-scroll {
   cursor: not-allowed;
 }
 .tox .tox-textfield:focus,
+.tox .tox-dialog__iframe.tox-dialog__iframe--bordered:focus-within,
 .tox .tox-listboxfield .tox-listbox--select:focus,
 .tox .tox-textarea-wrap:focus-within,
 .tox .tox-textarea:focus,
@@ -11751,10 +11750,8 @@ body.tox-dialog__disable-scroll {
   background-color: #fff;
   grid-column: 2;
   grid-row: 1;
-  -webkit-padding-end: 8px;
-          padding-inline-end: 8px;
-  -webkit-padding-start: 4px;
-          padding-inline-start: 4px;
+  padding-inline-end: 8px;
+  padding-inline-start: 4px;
   padding-top: 5px;
 }
 .tox .tox-promotion-link {
@@ -12166,16 +12163,13 @@ body.tox-dialog__disable-scroll {
   width: 14px;
 }
 .tox .tox-form__controls-h-stack > .tox-slider:not(:first-of-type) {
-  -webkit-margin-start: 8px;
-          margin-inline-start: 8px;
+  margin-inline-start: 8px;
 }
 .tox .tox-form__controls-h-stack > .tox-form__group + .tox-slider {
-  -webkit-margin-start: 32px;
-          margin-inline-start: 32px;
+  margin-inline-start: 32px;
 }
 .tox .tox-form__controls-h-stack > .tox-slider + .tox-form__group {
-  -webkit-margin-start: 32px;
-          margin-inline-start: 32px;
+  margin-inline-start: 32px;
 }
 .tox .tox-source-code {
   overflow: auto;
@@ -12568,8 +12562,7 @@ body.tox-dialog__disable-scroll {
   background: #f7f7f7;
 }
 .tox .tox-tbtn--bespoke + .tox-tbtn--bespoke {
-  -webkit-margin-start: 4px;
-          margin-inline-start: 4px;
+  margin-inline-start: 4px;
 }
 .tox .tox-tbtn--bespoke .tox-tbtn__select-label {
   overflow: hidden;
@@ -12641,7 +12634,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% - 11px * 2) calc(100% - 41px);
+  background-size: calc(100% - 22px) calc(100% - 41px);
   display: flex;
   flex: 0 0 auto;
   flex-shrink: 0;
@@ -12653,7 +12646,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% - 11px * 2) calc(100% - 0px);
+  background-size: calc(100% - 22px) calc(100% - 0px);
 }
 .tox .tox-toolbar__overflow.tox-toolbar__overflow--closed {
   height: 0;
@@ -12700,7 +12693,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% - 8px * 2) calc(100% - 51px);
+  background-size: calc(100% - 16px) 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);
@@ -12712,7 +12705,7 @@ body.tox-dialog__disable-scroll {
 }
 .tox-pop .tox-pop__dialog .tox-toolbar {
   background-position: center top 43px;
-  background-size: calc(100% - 11px * 2) calc(100% - 51px);
+  background-size: calc(100% - 22px) calc(100% - 51px);
   padding: 4px 0;
 }
 .tox .tox-toolbar__group {
@@ -14006,18 +13999,18 @@ body.video-react-full-window .video-react-fullscreen {
 .cropper-dashed.dashed-h {
   border-bottom-width: 1px;
   border-top-width: 1px;
-  height: calc(100% / 3);
+  height: 33.3333333333%;
   left: 0;
-  top: calc(100% / 3);
+  top: 33.3333333333%;
   width: 100%;
 }
 .cropper-dashed.dashed-v {
   border-left-width: 1px;
   border-right-width: 1px;
   height: 100%;
-  left: calc(100% / 3);
+  left: 33.3333333333%;
   top: 0;
-  width: calc(100% / 3);
+  width: 33.3333333333%;
 }
 .cropper-center {
   display: block;
@@ -14339,14 +14332,9 @@ 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,
@@ -14415,14 +14403,9 @@ 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 {
@@ -14831,6 +14814,9 @@ samp {
 .is-keyword {
   color: var(--primary-onActive);
 }
+.visibility-sensor {
+  min-height: 5px;
+}
 html,
 body {
   width: 100%;
@@ -14977,7 +14963,6 @@ body {
   .a-Layout-content {
     transition: transform var(--animation-duration) ease;
   }
-
   .a-Layout-aside {
     display: none;
   }
@@ -14993,13 +14978,11 @@ body {
     -webkit-overflow-scrolling: touch;
     z-index: 1010;
   }
-
   .a-Layout-headerBar {
     display: none;
   }
-
   .a-Layout--offScreen .a-Layout-body,
-.a-Layout--offScreen .a-Layout-footer {
+  .a-Layout--offScreen .a-Layout-footer {
     background: var(--body-bg);
     transition: transform var(--animation-duration) ease;
     backface-visibility: hidden;
@@ -15014,7 +14997,6 @@ body {
     z-index: 1015;
     padding-top: 3.125rem;
   }
-
   .a-Layout-offScreenBtn {
     display: block;
   }
@@ -15069,7 +15051,7 @@ body {
     float: left;
   }
   .a-Layout--withAside .a-Layout-headerBar,
-.a-Layout--withAside .a-Layout-footer {
+  .a-Layout--withAside .a-Layout-footer {
     margin-left: var(--Layout-aside-width);
     transition: margin var(--animation-duration) ease;
   }
@@ -15092,11 +15074,11 @@ body {
     width: auto;
   }
   .a-Layout--folded .a-Layout-aside,
-.a-Layout--folded .a-Layout-brandBar {
+  .a-Layout--folded .a-Layout-brandBar {
     width: var(--Layout-aside--folded-width);
   }
   .a-Layout--folded.a-Layout--withAside .a-Layout-headerBar,
-.a-Layout--folded.a-Layout--withAside .a-Layout-footer {
+  .a-Layout--folded.a-Layout--withAside .a-Layout-footer {
     margin-left: var(--Layout-aside--folded-width);
   }
   .a-Layout--folded .a-Layout-brand {
@@ -15156,18 +15138,18 @@ body {
     padding-right: 17px;
   }
   .a-Layout--sm:not(.a-Layout--folded) .a-Layout-brand,
-.a-Layout--sm:not(.a-Layout--folded) .a-Layout-brandBar,
-.a-Layout--sm:not(.a-Layout--folded) .a-Layout-aside {
+  .a-Layout--sm:not(.a-Layout--folded) .a-Layout-brandBar,
+  .a-Layout--sm:not(.a-Layout--folded) .a-Layout-aside {
     width: var(--Layout-aside--sm-width);
   }
   .a-Layout--md:not(.a-Layout--folded) .a-Layout-brand,
-.a-Layout--md:not(.a-Layout--folded) .a-Layout-brandBar,
-.a-Layout--md:not(.a-Layout--folded) .a-Layout-aside {
+  .a-Layout--md:not(.a-Layout--folded) .a-Layout-brandBar,
+  .a-Layout--md:not(.a-Layout--folded) .a-Layout-aside {
     width: var(--Layout-aside--md-width);
   }
   .a-Layout--lg:not(.a-Layout--folded) .a-Layout-brand,
-.a-Layout--lg:not(.a-Layout--folded) .a-Layout-brandBar,
-.a-Layout--lg:not(.a-Layout--folded) .a-Layout-aside {
+  .a-Layout--lg:not(.a-Layout--folded) .a-Layout-brandBar,
+  .a-Layout--lg:not(.a-Layout--folded) .a-Layout-aside {
     width: var(--Layout-aside--lg-width);
   }
 }
@@ -15339,7 +15321,6 @@ body {
     flex-direction: column;
     justify-content: space-between;
   }
-
   .a-Grid-col--sm1 {
     flex: 0 0 8.3333333333%;
     max-width: 8.3333333333%;
@@ -15347,7 +15328,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .a-Grid-col--sm2 {
     flex: 0 0 16.6666666667%;
     max-width: 16.6666666667%;
@@ -15355,7 +15335,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .a-Grid-col--sm3 {
     flex: 0 0 25%;
     max-width: 25%;
@@ -15363,7 +15342,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .a-Grid-col--sm4 {
     flex: 0 0 33.3333333333%;
     max-width: 33.3333333333%;
@@ -15371,7 +15349,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .a-Grid-col--sm5 {
     flex: 0 0 41.6666666667%;
     max-width: 41.6666666667%;
@@ -15379,7 +15356,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .a-Grid-col--sm6 {
     flex: 0 0 50%;
     max-width: 50%;
@@ -15387,7 +15363,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .a-Grid-col--sm7 {
     flex: 0 0 58.3333333333%;
     max-width: 58.3333333333%;
@@ -15395,7 +15370,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .a-Grid-col--sm8 {
     flex: 0 0 66.6666666667%;
     max-width: 66.6666666667%;
@@ -15403,7 +15377,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .a-Grid-col--sm9 {
     flex: 0 0 75%;
     max-width: 75%;
@@ -15411,7 +15384,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .a-Grid-col--sm10 {
     flex: 0 0 83.3333333333%;
     max-width: 83.3333333333%;
@@ -15419,7 +15391,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .a-Grid-col--sm11 {
     flex: 0 0 91.6666666667%;
     max-width: 91.6666666667%;
@@ -15427,7 +15398,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .a-Grid-col--sm12 {
     flex: 0 0 100%;
     max-width: 100%;
@@ -15435,7 +15405,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .a-Grid-col--sm {
     flex-basis: 0;
     flex-grow: 1;
@@ -15445,7 +15414,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .a-Grid-col--smAuto {
     flex: 0 0 auto;
     width: auto;
@@ -15462,7 +15430,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .a-Grid-col--md2 {
     flex: 0 0 16.6666666667%;
     max-width: 16.6666666667%;
@@ -15470,7 +15437,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .a-Grid-col--md3 {
     flex: 0 0 25%;
     max-width: 25%;
@@ -15478,7 +15444,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .a-Grid-col--md4 {
     flex: 0 0 33.3333333333%;
     max-width: 33.3333333333%;
@@ -15486,7 +15451,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .a-Grid-col--md5 {
     flex: 0 0 41.6666666667%;
     max-width: 41.6666666667%;
@@ -15494,7 +15458,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .a-Grid-col--md6 {
     flex: 0 0 50%;
     max-width: 50%;
@@ -15502,7 +15465,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .a-Grid-col--md7 {
     flex: 0 0 58.3333333333%;
     max-width: 58.3333333333%;
@@ -15510,7 +15472,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .a-Grid-col--md8 {
     flex: 0 0 66.6666666667%;
     max-width: 66.6666666667%;
@@ -15518,7 +15479,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .a-Grid-col--md9 {
     flex: 0 0 75%;
     max-width: 75%;
@@ -15526,7 +15486,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .a-Grid-col--md10 {
     flex: 0 0 83.3333333333%;
     max-width: 83.3333333333%;
@@ -15534,7 +15493,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .a-Grid-col--md11 {
     flex: 0 0 91.6666666667%;
     max-width: 91.6666666667%;
@@ -15542,7 +15500,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .a-Grid-col--md12 {
     flex: 0 0 100%;
     max-width: 100%;
@@ -15550,7 +15507,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .a-Grid-col--md {
     flex-basis: 0;
     flex-grow: 1;
@@ -15560,7 +15516,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .a-Grid-col--mdAuto {
     flex: 0 0 auto;
     width: auto;
@@ -15577,7 +15532,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .a-Grid-col--lg2 {
     flex: 0 0 16.6666666667%;
     max-width: 16.6666666667%;
@@ -15585,7 +15539,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .a-Grid-col--lg3 {
     flex: 0 0 25%;
     max-width: 25%;
@@ -15593,7 +15546,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .a-Grid-col--lg4 {
     flex: 0 0 33.3333333333%;
     max-width: 33.3333333333%;
@@ -15601,7 +15553,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .a-Grid-col--lg5 {
     flex: 0 0 41.6666666667%;
     max-width: 41.6666666667%;
@@ -15609,7 +15560,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .a-Grid-col--lg6 {
     flex: 0 0 50%;
     max-width: 50%;
@@ -15617,7 +15567,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .a-Grid-col--lg7 {
     flex: 0 0 58.3333333333%;
     max-width: 58.3333333333%;
@@ -15625,7 +15574,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .a-Grid-col--lg8 {
     flex: 0 0 66.6666666667%;
     max-width: 66.6666666667%;
@@ -15633,7 +15581,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .a-Grid-col--lg9 {
     flex: 0 0 75%;
     max-width: 75%;
@@ -15641,7 +15588,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .a-Grid-col--lg10 {
     flex: 0 0 83.3333333333%;
     max-width: 83.3333333333%;
@@ -15649,7 +15595,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .a-Grid-col--lg11 {
     flex: 0 0 91.6666666667%;
     max-width: 91.6666666667%;
@@ -15657,7 +15602,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .a-Grid-col--lg12 {
     flex: 0 0 100%;
     max-width: 100%;
@@ -15665,7 +15609,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .a-Grid-col--lg {
     flex-basis: 0;
     flex-grow: 1;
@@ -15675,7 +15618,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .a-Grid-col--lgAuto {
     flex: 0 0 auto;
     width: auto;
@@ -15800,7 +15742,7 @@ body {
   border-radius: 0.625rem;
 }
 .a-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;
@@ -15846,7 +15788,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);
@@ -15871,7 +15813,7 @@ body {
   background: var(--Layout-aside-onAcitve-onHover-bg);
 }
 .a-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);
 }
 .a-AsideNav-item .a-AsideNav-item a {
   padding-left: calc(var(--Layout-nav-height) + 0.3125rem);
@@ -15898,7 +15840,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);
 }
 .a-AsideNav-subHeader a:hover {
   color: var(--Layout-asideLink-onHover-color);
@@ -15961,7 +15903,7 @@ img.a-AsideNav-itemIcon {
     border: none;
   }
   .a-Layout--folded .a-AsideNav-list > .a-AsideNav-item > a .a-AsideNav-itemArrow,
-.a-Layout--folded .a-AsideNav-list > .a-AsideNav-item > a .a-AsideNav-itemLabel {
+  .a-Layout--folded .a-AsideNav-list > .a-AsideNav-item > a .a-AsideNav-itemLabel {
     display: none;
   }
   .a-Layout--folded .a-AsideNav-list > .a-AsideNav-item > a .a-AsideNav-itemIcon {
@@ -17478,54 +17420,85 @@ input[type=button].a-Button--block {
   margin-left: var(--dialog-footer-margin-left);
 }
 .a-Modal--2th .a-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)
+      );
 }
 .a-Modal--3th .a-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)
+      );
 }
 .a-Modal--4th .a-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)
+      );
 }
 .a-Modal--5th .a-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)
+      );
 }
 .a-Modal--6th .a-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)
+      );
 }
 .a-Modal--7th .a-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)
+      );
 }
 .a-Modal--8th .a-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)
+      );
 }
 .a-Modal--9th .a-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)
+      );
 }
 .a-Modal--10th .a-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) {
   .a-Modal-content {
     max-width: var(--dialog-size-normal-width);
     border-width: var(--dialog-default-border-width);
   }
-
   .a-Modal--sm .a-Modal-content {
     max-width: var(--dialog-size-sm-width);
   }
-
   .a-Modal--base .a-Modal-content {
     max-width: var(--Modal-widthBase);
   }
-
   .a-Modal--md .a-Modal-content {
     max-width: var(--Modal-widthMd);
   }
-
   .a-Modal--lg .a-Modal-content {
     max-width: var(--dialog-size-lg-width);
   }
-
   .a-Modal--xl .a-Modal-content {
     max-width: var(--dialog-size-xl-width);
   }
@@ -17654,11 +17627,16 @@ input[type=button].a-Button--block {
   fill: var(--Drawer-close-onHover-color);
 }
 .a-Drawer-body {
-  padding: var(--drawer-content-paddingTop) var(--drawer-content-paddingRight) var(--drawer-content-paddingBottom) var(--drawer-content-paddingLeft);
+  padding: 0 var(--drawer-content-paddingRight) var(--drawer-content-paddingBottom) var(--drawer-content-paddingLeft);
   flex-basis: 0;
   flex-grow: 1;
   overflow: auto;
 }
+.a-Drawer-body:before {
+  content: "";
+  display: block;
+  height: var(--drawer-content-paddingTop);
+}
 .a-Drawer-footer {
   display: flex;
   align-items: flex-end;
@@ -17702,279 +17680,264 @@ input[type=button].a-Button--block {
     width: var(--Drawer-widthBase);
     height: var(--Drawer-widthBase);
   }
-
   .a-Drawer--xs .a-Drawer-content {
     width: var(--drawer-size-xs-width);
     height: var(--Drawer-widthXs);
   }
-
   .a-Drawer--sm .a-Drawer-content {
     width: var(--drawer-size-sm-width);
     height: var(--Drawer-widthSm);
   }
-
   .a-Drawer--md .a-Drawer-content {
     width: var(--drawer-size-md-width);
     height: var(--Drawer-widthMd);
   }
-
   .a-Drawer--lg .a-Drawer-content {
     width: var(--drawer-size-lg-width);
     height: var(--Drawer-widthLg);
   }
-
   .a-Drawer--xl .a-Drawer-content {
     width: var(--drawer-size-xl-width);
     height: var(--Drawer-widthXl);
   }
-
   .a-Drawer--right.a-Modal--2th.a-Drawer .a-Drawer-content,
-.a-Drawer--left.a-Modal--2th.a-Drawer .a-Drawer-content {
+  .a-Drawer--left.a-Modal--2th.a-Drawer .a-Drawer-content {
     width: calc(var(--Drawer-widthBase) - 20px);
   }
   .a-Drawer--right.a-Modal--2th.a-Drawer--xs .a-Drawer-content,
-.a-Drawer--left.a-Modal--2th.a-Drawer--xs .a-Drawer-content {
+  .a-Drawer--left.a-Modal--2th.a-Drawer--xs .a-Drawer-content {
     width: calc(var(--Drawer-widthXs) - 20px);
   }
   .a-Drawer--right.a-Modal--2th.a-Drawer--sm .a-Drawer-content,
-.a-Drawer--left.a-Modal--2th.a-Drawer--sm .a-Drawer-content {
+  .a-Drawer--left.a-Modal--2th.a-Drawer--sm .a-Drawer-content {
     width: calc(var(--Drawer-widthSm) - 20px);
   }
   .a-Drawer--right.a-Modal--2th.a-Drawer--md .a-Drawer-content,
-.a-Drawer--left.a-Modal--2th.a-Drawer--md .a-Drawer-content {
+  .a-Drawer--left.a-Modal--2th.a-Drawer--md .a-Drawer-content {
     width: calc(var(--Drawer-widthMd) - 20px);
   }
   .a-Drawer--right.a-Modal--2th.a-Drawer--lg .a-Drawer-content,
-.a-Drawer--left.a-Modal--2th.a-Drawer--lg .a-Drawer-content {
+  .a-Drawer--left.a-Modal--2th.a-Drawer--lg .a-Drawer-content {
     width: calc(var(--Drawer-widthLg) - 20px);
   }
   .a-Drawer--right.a-Modal--2th.a-Drawer--xl .a-Drawer-content,
-.a-Drawer--left.a-Modal--2th.a-Drawer--xl .a-Drawer-content {
+  .a-Drawer--left.a-Modal--2th.a-Drawer--xl .a-Drawer-content {
     width: calc(var(--Drawer-widthXl) - 20px);
   }
-
   .a-Drawer--top.a-Modal--2th.a-Drawer .a-Drawer-content,
-.a-Drawer--bottom.a-Modal--2th.a-Drawer .a-Drawer-content {
+  .a-Drawer--bottom.a-Modal--2th.a-Drawer .a-Drawer-content {
     height: calc(var(--Drawer-widthBase) - 20px);
   }
   .a-Drawer--top.a-Modal--2th.a-Drawer--xs .a-Drawer-content,
-.a-Drawer--bottom.a-Modal--2th.a-Drawer--xs .a-Drawer-content {
+  .a-Drawer--bottom.a-Modal--2th.a-Drawer--xs .a-Drawer-content {
     height: calc(var(--Drawer-widthXs) - 20px);
   }
   .a-Drawer--top.a-Modal--2th.a-Drawer--sm .a-Drawer-content,
-.a-Drawer--bottom.a-Modal--2th.a-Drawer--sm .a-Drawer-content {
+  .a-Drawer--bottom.a-Modal--2th.a-Drawer--sm .a-Drawer-content {
     height: calc(var(--Drawer-widthSm) - 20px);
   }
   .a-Drawer--top.a-Modal--2th.a-Drawer--md .a-Drawer-content,
-.a-Drawer--bottom.a-Modal--2th.a-Drawer--md .a-Drawer-content {
+  .a-Drawer--bottom.a-Modal--2th.a-Drawer--md .a-Drawer-content {
     height: calc(var(--Drawer-widthMd) - 20px);
   }
   .a-Drawer--top.a-Modal--2th.a-Drawer--lg .a-Drawer-content,
-.a-Drawer--bottom.a-Modal--2th.a-Drawer--lg .a-Drawer-content {
+  .a-Drawer--bottom.a-Modal--2th.a-Drawer--lg .a-Drawer-content {
     height: calc(var(--Drawer-widthLg) - 20px);
   }
   .a-Drawer--top.a-Modal--2th.a-Drawer--xl .a-Drawer-content,
-.a-Drawer--bottom.a-Modal--2th.a-Drawer--xl .a-Drawer-content {
+  .a-Drawer--bottom.a-Modal--2th.a-Drawer--xl .a-Drawer-content {
     height: calc(var(--Drawer-widthXl) - 20px);
   }
-
   .a-Drawer--right.a-Modal--3th.a-Drawer .a-Drawer-content,
-.a-Drawer--left.a-Modal--3th.a-Drawer .a-Drawer-content {
+  .a-Drawer--left.a-Modal--3th.a-Drawer .a-Drawer-content {
     width: calc(var(--Drawer-widthBase) - 40px);
   }
   .a-Drawer--right.a-Modal--3th.a-Drawer--xs .a-Drawer-content,
-.a-Drawer--left.a-Modal--3th.a-Drawer--xs .a-Drawer-content {
+  .a-Drawer--left.a-Modal--3th.a-Drawer--xs .a-Drawer-content {
     width: calc(var(--Drawer-widthXs) - 40px);
   }
   .a-Drawer--right.a-Modal--3th.a-Drawer--sm .a-Drawer-content,
-.a-Drawer--left.a-Modal--3th.a-Drawer--sm .a-Drawer-content {
+  .a-Drawer--left.a-Modal--3th.a-Drawer--sm .a-Drawer-content {
     width: calc(var(--Drawer-widthSm) - 40px);
   }
   .a-Drawer--right.a-Modal--3th.a-Drawer--md .a-Drawer-content,
-.a-Drawer--left.a-Modal--3th.a-Drawer--md .a-Drawer-content {
+  .a-Drawer--left.a-Modal--3th.a-Drawer--md .a-Drawer-content {
     width: calc(var(--Drawer-widthMd) - 40px);
   }
   .a-Drawer--right.a-Modal--3th.a-Drawer--lg .a-Drawer-content,
-.a-Drawer--left.a-Modal--3th.a-Drawer--lg .a-Drawer-content {
+  .a-Drawer--left.a-Modal--3th.a-Drawer--lg .a-Drawer-content {
     width: calc(var(--Drawer-widthLg) - 40px);
   }
   .a-Drawer--right.a-Modal--3th.a-Drawer--xl .a-Drawer-content,
-.a-Drawer--left.a-Modal--3th.a-Drawer--xl .a-Drawer-content {
+  .a-Drawer--left.a-Modal--3th.a-Drawer--xl .a-Drawer-content {
     width: calc(var(--Drawer-widthXl) - 40px);
   }
-
   .a-Drawer--top.a-Modal--3th.a-Drawer .a-Drawer-content,
-.a-Drawer--bottom.a-Modal--3th.a-Drawer .a-Drawer-content {
+  .a-Drawer--bottom.a-Modal--3th.a-Drawer .a-Drawer-content {
     height: calc(var(--Drawer-widthBase) - 40px);
   }
   .a-Drawer--top.a-Modal--3th.a-Drawer--xs .a-Drawer-content,
-.a-Drawer--bottom.a-Modal--3th.a-Drawer--xs .a-Drawer-content {
+  .a-Drawer--bottom.a-Modal--3th.a-Drawer--xs .a-Drawer-content {
     height: calc(var(--Drawer-widthXs) - 40px);
   }
   .a-Drawer--top.a-Modal--3th.a-Drawer--sm .a-Drawer-content,
-.a-Drawer--bottom.a-Modal--3th.a-Drawer--sm .a-Drawer-content {
+  .a-Drawer--bottom.a-Modal--3th.a-Drawer--sm .a-Drawer-content {
     height: calc(var(--Drawer-widthSm) - 40px);
   }
   .a-Drawer--top.a-Modal--3th.a-Drawer--md .a-Drawer-content,
-.a-Drawer--bottom.a-Modal--3th.a-Drawer--md .a-Drawer-content {
+  .a-Drawer--bottom.a-Modal--3th.a-Drawer--md .a-Drawer-content {
     height: calc(var(--Drawer-widthMd) - 40px);
   }
   .a-Drawer--top.a-Modal--3th.a-Drawer--lg .a-Drawer-content,
-.a-Drawer--bottom.a-Modal--3th.a-Drawer--lg .a-Drawer-content {
+  .a-Drawer--bottom.a-Modal--3th.a-Drawer--lg .a-Drawer-content {
     height: calc(var(--Drawer-widthLg) - 40px);
   }
   .a-Drawer--top.a-Modal--3th.a-Drawer--xl .a-Drawer-content,
-.a-Drawer--bottom.a-Modal--3th.a-Drawer--xl .a-Drawer-content {
+  .a-Drawer--bottom.a-Modal--3th.a-Drawer--xl .a-Drawer-content {
     height: calc(var(--Drawer-widthXl) - 40px);
   }
-
   .a-Drawer--right.a-Modal--4th.a-Drawer .a-Drawer-content,
-.a-Drawer--left.a-Modal--4th.a-Drawer .a-Drawer-content {
+  .a-Drawer--left.a-Modal--4th.a-Drawer .a-Drawer-content {
     width: calc(var(--Drawer-widthBase) - 60px);
   }
   .a-Drawer--right.a-Modal--4th.a-Drawer--xs .a-Drawer-content,
-.a-Drawer--left.a-Modal--4th.a-Drawer--xs .a-Drawer-content {
+  .a-Drawer--left.a-Modal--4th.a-Drawer--xs .a-Drawer-content {
     width: calc(var(--Drawer-widthXs) - 60px);
   }
   .a-Drawer--right.a-Modal--4th.a-Drawer--sm .a-Drawer-content,
-.a-Drawer--left.a-Modal--4th.a-Drawer--sm .a-Drawer-content {
+  .a-Drawer--left.a-Modal--4th.a-Drawer--sm .a-Drawer-content {
     width: calc(var(--Drawer-widthSm) - 60px);
   }
   .a-Drawer--right.a-Modal--4th.a-Drawer--md .a-Drawer-content,
-.a-Drawer--left.a-Modal--4th.a-Drawer--md .a-Drawer-content {
+  .a-Drawer--left.a-Modal--4th.a-Drawer--md .a-Drawer-content {
     width: calc(var(--Drawer-widthMd) - 60px);
   }
   .a-Drawer--right.a-Modal--4th.a-Drawer--lg .a-Drawer-content,
-.a-Drawer--left.a-Modal--4th.a-Drawer--lg .a-Drawer-content {
+  .a-Drawer--left.a-Modal--4th.a-Drawer--lg .a-Drawer-content {
     width: calc(var(--Drawer-widthLg) - 60px);
   }
   .a-Drawer--right.a-Modal--4th.a-Drawer--xl .a-Drawer-content,
-.a-Drawer--left.a-Modal--4th.a-Drawer--xl .a-Drawer-content {
+  .a-Drawer--left.a-Modal--4th.a-Drawer--xl .a-Drawer-content {
     width: calc(var(--Drawer-widthXl) - 60px);
   }
-
   .a-Drawer--top.a-Modal--4th.a-Drawer .a-Drawer-content,
-.a-Drawer--bottom.a-Modal--4th.a-Drawer .a-Drawer-content {
+  .a-Drawer--bottom.a-Modal--4th.a-Drawer .a-Drawer-content {
     height: calc(var(--Drawer-widthBase) - 60px);
   }
   .a-Drawer--top.a-Modal--4th.a-Drawer--xs .a-Drawer-content,
-.a-Drawer--bottom.a-Modal--4th.a-Drawer--xs .a-Drawer-content {
+  .a-Drawer--bottom.a-Modal--4th.a-Drawer--xs .a-Drawer-content {
     height: calc(var(--Drawer-widthXs) - 60px);
   }
   .a-Drawer--top.a-Modal--4th.a-Drawer--sm .a-Drawer-content,
-.a-Drawer--bottom.a-Modal--4th.a-Drawer--sm .a-Drawer-content {
+  .a-Drawer--bottom.a-Modal--4th.a-Drawer--sm .a-Drawer-content {
     height: calc(var(--Drawer-widthSm) - 60px);
   }
   .a-Drawer--top.a-Modal--4th.a-Drawer--md .a-Drawer-content,
-.a-Drawer--bottom.a-Modal--4th.a-Drawer--md .a-Drawer-content {
+  .a-Drawer--bottom.a-Modal--4th.a-Drawer--md .a-Drawer-content {
     height: calc(var(--Drawer-widthMd) - 60px);
   }
   .a-Drawer--top.a-Modal--4th.a-Drawer--lg .a-Drawer-content,
-.a-Drawer--bottom.a-Modal--4th.a-Drawer--lg .a-Drawer-content {
+  .a-Drawer--bottom.a-Modal--4th.a-Drawer--lg .a-Drawer-content {
     height: calc(var(--Drawer-widthLg) - 60px);
   }
   .a-Drawer--top.a-Modal--4th.a-Drawer--xl .a-Drawer-content,
-.a-Drawer--bottom.a-Modal--4th.a-Drawer--xl .a-Drawer-content {
+  .a-Drawer--bottom.a-Modal--4th.a-Drawer--xl .a-Drawer-content {
     height: calc(var(--Drawer-widthXl) - 60px);
   }
-
   .a-Drawer--right.a-Modal--5th.a-Drawer .a-Drawer-content,
-.a-Drawer--left.a-Modal--5th.a-Drawer .a-Drawer-content {
+  .a-Drawer--left.a-Modal--5th.a-Drawer .a-Drawer-content {
     width: calc(var(--Drawer-widthBase) - 80px);
   }
   .a-Drawer--right.a-Modal--5th.a-Drawer--xs .a-Drawer-content,
-.a-Drawer--left.a-Modal--5th.a-Drawer--xs .a-Drawer-content {
+  .a-Drawer--left.a-Modal--5th.a-Drawer--xs .a-Drawer-content {
     width: calc(var(--Drawer-widthXs) - 80px);
   }
   .a-Drawer--right.a-Modal--5th.a-Drawer--sm .a-Drawer-content,
-.a-Drawer--left.a-Modal--5th.a-Drawer--sm .a-Drawer-content {
+  .a-Drawer--left.a-Modal--5th.a-Drawer--sm .a-Drawer-content {
     width: calc(var(--Drawer-widthSm) - 80px);
   }
   .a-Drawer--right.a-Modal--5th.a-Drawer--md .a-Drawer-content,
-.a-Drawer--left.a-Modal--5th.a-Drawer--md .a-Drawer-content {
+  .a-Drawer--left.a-Modal--5th.a-Drawer--md .a-Drawer-content {
     width: calc(var(--Drawer-widthMd) - 80px);
   }
   .a-Drawer--right.a-Modal--5th.a-Drawer--lg .a-Drawer-content,
-.a-Drawer--left.a-Modal--5th.a-Drawer--lg .a-Drawer-content {
+  .a-Drawer--left.a-Modal--5th.a-Drawer--lg .a-Drawer-content {
     width: calc(var(--Drawer-widthLg) - 80px);
   }
   .a-Drawer--right.a-Modal--5th.a-Drawer--xl .a-Drawer-content,
-.a-Drawer--left.a-Modal--5th.a-Drawer--xl .a-Drawer-content {
+  .a-Drawer--left.a-Modal--5th.a-Drawer--xl .a-Drawer-content {
     width: calc(var(--Drawer-widthXl) - 80px);
   }
-
   .a-Drawer--top.a-Modal--5th.a-Drawer .a-Drawer-content,
-.a-Drawer--bottom.a-Modal--5th.a-Drawer .a-Drawer-content {
+  .a-Drawer--bottom.a-Modal--5th.a-Drawer .a-Drawer-content {
     height: calc(var(--Drawer-widthBase) - 80px);
   }
   .a-Drawer--top.a-Modal--5th.a-Drawer--xs .a-Drawer-content,
-.a-Drawer--bottom.a-Modal--5th.a-Drawer--xs .a-Drawer-content {
+  .a-Drawer--bottom.a-Modal--5th.a-Drawer--xs .a-Drawer-content {
     height: calc(var(--Drawer-widthXs) - 80px);
   }
   .a-Drawer--top.a-Modal--5th.a-Drawer--sm .a-Drawer-content,
-.a-Drawer--bottom.a-Modal--5th.a-Drawer--sm .a-Drawer-content {
+  .a-Drawer--bottom.a-Modal--5th.a-Drawer--sm .a-Drawer-content {
     height: calc(var(--Drawer-widthSm) - 80px);
   }
   .a-Drawer--top.a-Modal--5th.a-Drawer--md .a-Drawer-content,
-.a-Drawer--bottom.a-Modal--5th.a-Drawer--md .a-Drawer-content {
+  .a-Drawer--bottom.a-Modal--5th.a-Drawer--md .a-Drawer-content {
     height: calc(var(--Drawer-widthMd) - 80px);
   }
   .a-Drawer--top.a-Modal--5th.a-Drawer--lg .a-Drawer-content,
-.a-Drawer--bottom.a-Modal--5th.a-Drawer--lg .a-Drawer-content {
+  .a-Drawer--bottom.a-Modal--5th.a-Drawer--lg .a-Drawer-content {
     height: calc(var(--Drawer-widthLg) - 80px);
   }
   .a-Drawer--top.a-Modal--5th.a-Drawer--xl .a-Drawer-content,
-.a-Drawer--bottom.a-Modal--5th.a-Drawer--xl .a-Drawer-content {
+  .a-Drawer--bottom.a-Modal--5th.a-Drawer--xl .a-Drawer-content {
     height: calc(var(--Drawer-widthXl) - 80px);
   }
-
   .a-Drawer--right.a-Modal--6th.a-Drawer .a-Drawer-content,
-.a-Drawer--left.a-Modal--6th.a-Drawer .a-Drawer-content {
+  .a-Drawer--left.a-Modal--6th.a-Drawer .a-Drawer-content {
     width: calc(var(--Drawer-widthBase) - 100px);
   }
   .a-Drawer--right.a-Modal--6th.a-Drawer--xs .a-Drawer-content,
-.a-Drawer--left.a-Modal--6th.a-Drawer--xs .a-Drawer-content {
+  .a-Drawer--left.a-Modal--6th.a-Drawer--xs .a-Drawer-content {
     width: calc(var(--Drawer-widthXs) - 100px);
   }
   .a-Drawer--right.a-Modal--6th.a-Drawer--sm .a-Drawer-content,
-.a-Drawer--left.a-Modal--6th.a-Drawer--sm .a-Drawer-content {
+  .a-Drawer--left.a-Modal--6th.a-Drawer--sm .a-Drawer-content {
     width: calc(var(--Drawer-widthSm) - 100px);
   }
   .a-Drawer--right.a-Modal--6th.a-Drawer--md .a-Drawer-content,
-.a-Drawer--left.a-Modal--6th.a-Drawer--md .a-Drawer-content {
+  .a-Drawer--left.a-Modal--6th.a-Drawer--md .a-Drawer-content {
     width: calc(var(--Drawer-widthMd) - 100px);
   }
   .a-Drawer--right.a-Modal--6th.a-Drawer--lg .a-Drawer-content,
-.a-Drawer--left.a-Modal--6th.a-Drawer--lg .a-Drawer-content {
+  .a-Drawer--left.a-Modal--6th.a-Drawer--lg .a-Drawer-content {
     width: calc(var(--Drawer-widthLg) - 100px);
   }
   .a-Drawer--right.a-Modal--6th.a-Drawer--xl .a-Drawer-content,
-.a-Drawer--left.a-Modal--6th.a-Drawer--xl .a-Drawer-content {
+  .a-Drawer--left.a-Modal--6th.a-Drawer--xl .a-Drawer-content {
     width: calc(var(--Drawer-widthXl) - 100px);
   }
-
   .a-Drawer--top.a-Modal--6th.a-Drawer .a-Drawer-content,
-.a-Drawer--bottom.a-Modal--6th.a-Drawer .a-Drawer-content {
+  .a-Drawer--bottom.a-Modal--6th.a-Drawer .a-Drawer-content {
     height: calc(var(--Drawer-widthBase) - 100px);
   }
   .a-Drawer--top.a-Modal--6th.a-Drawer--xs .a-Drawer-content,
-.a-Drawer--bottom.a-Modal--6th.a-Drawer--xs .a-Drawer-content {
+  .a-Drawer--bottom.a-Modal--6th.a-Drawer--xs .a-Drawer-content {
     height: calc(var(--Drawer-widthXs) - 100px);
   }
   .a-Drawer--top.a-Modal--6th.a-Drawer--sm .a-Drawer-content,
-.a-Drawer--bottom.a-Modal--6th.a-Drawer--sm .a-Drawer-content {
+  .a-Drawer--bottom.a-Modal--6th.a-Drawer--sm .a-Drawer-content {
     height: calc(var(--Drawer-widthSm) - 100px);
   }
   .a-Drawer--top.a-Modal--6th.a-Drawer--md .a-Drawer-content,
-.a-Drawer--bottom.a-Modal--6th.a-Drawer--md .a-Drawer-content {
+  .a-Drawer--bottom.a-Modal--6th.a-Drawer--md .a-Drawer-content {
     height: calc(var(--Drawer-widthMd) - 100px);
   }
   .a-Drawer--top.a-Modal--6th.a-Drawer--lg .a-Drawer-content,
-.a-Drawer--bottom.a-Modal--6th.a-Drawer--lg .a-Drawer-content {
+  .a-Drawer--bottom.a-Modal--6th.a-Drawer--lg .a-Drawer-content {
     height: calc(var(--Drawer-widthLg) - 100px);
   }
   .a-Drawer--top.a-Modal--6th.a-Drawer--xl .a-Drawer-content,
-.a-Drawer--bottom.a-Modal--6th.a-Drawer--xl .a-Drawer-content {
+  .a-Drawer--bottom.a-Modal--6th.a-Drawer--xl .a-Drawer-content {
     height: calc(var(--Drawer-widthXl) - 100px);
   }
 }
@@ -18133,7 +18096,7 @@ input[type=button].a-Button--block {
   margin-top: calc(var(--Tooltip-arrow-height) * -1 - 0.125rem);
 }
 .a-Tooltip--top .a-Tooltip-arrow {
-  bottom: calc( (var(--Tooltip-arrow-height) + var(--Tooltip-borderWidth)) * -1 );
+  bottom: calc((var(--Tooltip-arrow-height) + var(--Tooltip-borderWidth)) * -1);
 }
 .a-Tooltip--top .a-Tooltip-arrow::before,
 .a-Tooltip--top .a-Tooltip-arrow::after {
@@ -18171,7 +18134,7 @@ input[type=button].a-Button--block {
   margin-top: calc(var(--Tooltip-arrow-height) + 0.125rem);
 }
 .a-Tooltip--bottom .a-Tooltip-arrow {
-  top: calc( (var(--Tooltip-arrow-height) + var(--Tooltip-borderWidth)) * -1 );
+  top: calc((var(--Tooltip-arrow-height) + var(--Tooltip-borderWidth)) * -1);
 }
 .a-Tooltip--bottom .a-Tooltip-arrow::before,
 .a-Tooltip--bottom .a-Tooltip-arrow::after {
@@ -18199,7 +18162,7 @@ input[type=button].a-Button--block {
 }
 .a-Tooltip--left .a-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);
@@ -18222,8 +18185,8 @@ input[type=button].a-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);
 }
 .a-Tooltip-title:empty {
@@ -18650,7 +18613,7 @@ input[type=button].a-Button--block {
   z-index: 1;
   width: 100%;
   height: 100%;
-  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-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.9), hsla(0, 0%, 100%, 0.4)), linear-gradient(0deg, hsla(0, 0%, 100%, 0.9), hsla(0, 0%, 100%, 0.4));
   background-repeat: no-repeat;
   background-position: top, bottom;
   transform: translateZ(0);
@@ -20363,14 +20326,13 @@ input[type=button].a-Button--block {
     min-width: var(--Page-aside-width);
     max-width: var(--Page-aside-maxWidth);
   }
-
   .a-Page--withSidebar {
     display: flex;
     flex-direction: row;
     align-items: stretch;
   }
   .a-Page--withSidebar > .a-Page-content,
-.a-Page--withSidebar > .a-PullRefresh {
+  .a-Page--withSidebar > .a-PullRefresh {
     width: 0;
     flex-grow: 1;
   }
@@ -21118,15 +21080,16 @@ input[type=button].a-Button--block {
   margin-left: var(--DropDown-caret-marginLeft);
   display: inline-block;
   vertical-align: top;
-  transition: transform var(--animation-duration) ease;
 }
 .a-DropDown-caret > svg {
   width: 0.625rem;
   height: 0.625rem;
-  top: 0.125em;
+  top: 0;
+  transform: rotate(90deg);
+  transition: transform var(--animation-duration) ease;
 }
-.a-DropDown.is-opened .a-DropDown-caret {
-  transform: rotate(180deg);
+.a-DropDown.is-opened .a-DropDown-caret svg {
+  transform: rotate(270deg);
 }
 .a-DropDown.is-actived .a-Button {
   color: var(--link-color);
@@ -22025,7 +21988,7 @@ input[type=button].a-Button--block {
   padding: 10px;
   margin: -10px 0px;
   background: #fff;
-  z-index: 1;
+  z-index: 2;
 }
 .a-CBGroupOrItem-body-group > .a-CBGroupOrItem-dragbar {
   left: -0.3125rem;
@@ -22561,7 +22524,9 @@ input[type=button].a-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);
@@ -22683,7 +22648,7 @@ input[type=button].a-Button--block {
     float: right;
   }
   .a-Crud-actions > * + .a-Button,
-.a-Crud-actions > * + .a-Button--disabled-wrap {
+  .a-Crud-actions > * + .a-Button--disabled-wrap {
     margin-left: var(--Crud-toolbar-gap);
   }
 }
@@ -22704,7 +22669,9 @@ input[type=button].a-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);
@@ -22815,7 +22782,7 @@ input[type=button].a-Button--block {
     float: right;
   }
   .a-Crud-actions > * + .a-Button,
-.a-Crud-actions > * + .a-Button--disabled-wrap {
+  .a-Crud-actions > * + .a-Button--disabled-wrap {
     margin-left: var(--Crud-toolbar-gap);
   }
 }
@@ -22827,77 +22794,32 @@ input[type=button].a-Button--block {
 .a-Form-control > .a-Table {
   margin-bottom: var(--gap-sm);
 }
-.a-Table-fixedLeft, .a-Table-fixedRight {
-  position: absolute;
-  background: var(--Table-bg);
-  z-index: var(--Table-fixed-zIndex);
-  top: auto;
-  box-shadow: none;
-}
-.a-Table-fixedLeft--autoFillHeight > table thead, .a-Table-fixedRight--autoFillHeight > table thead {
-  position: sticky;
-  top: 0;
-  z-index: 1;
-}
-.a-Table-fixedLeft {
-  left: 0;
-  top: -999999px;
-}
-.a-Table-fixedLeft.in {
-  box-shadow: var(--Table-fixedLeft-boxShadow);
-  top: auto;
-}
-.a-Table-fixedLeft > .a-Table-table > thead > tr > th:last-child,
-.a-Table-fixedLeft > .a-Table-table > tbody > tr > td:last-child {
-  padding-right: var(--TableCell-paddingX);
-}
-.a-Table-fixedRight {
-  right: 0;
-  top: -999999px;
-}
-.a-Table-fixedRight.in {
-  box-shadow: var(--Table-fixedRight-boxShadow);
-  top: auto;
-}
-.a-Table-fixedRight > .a-Table-table > thead > tr > th:first-child,
-.a-Table-fixedRight > .a-Table-table > tbody > tr > td:first-child {
-  padding-left: var(--TableCell-paddingX);
-}
 .a-Table-fixedTop {
-  position: absolute;
+  position: sticky;
   background: var(--Table-bg);
-  z-index: -1;
-  opacity: 0;
+  display: block;
+  opacity: 1;
+  z-index: 1100;
 }
 .a-Table-fixedTop:after {
   content: "";
   position: absolute;
   width: 100%;
   box-shadow: var(--Table-fixedTop-boxShadow);
-  z-index: 10;
-  height: 1px;
-  margin-top: -3px;
+  z-index: 30;
+  height: 30px;
+  top: 100%;
+  pointer-events: none;
   background-color: transparent;
+  margin-top: -2px;
 }
-.a-Table-fixedTop.in {
-  position: fixed;
-  opacity: 1;
-  z-index: 900;
-}
-.a-Table-fixedTop > .a-Table-fixedLeft,
-.a-Table-fixedTop > .a-Table-fixedRight {
-  z-index: 910;
-  background: transparent;
-}
-.a-Table-fixedTop.is-fakeHide > .a-Table-fixedLeft,
-.a-Table-fixedTop.is-fakeHide > .a-Table-fixedRight,
 .a-Table-fixedTop.is-fakeHide > .a-Table-wrapper {
   visibility: hidden;
   position: absolute;
 }
 .a-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);
 }
 .a-Table--unsaved .a-Table-heading {
   background: var(--Table--unsaved-heading-bg);
@@ -22987,9 +22909,6 @@ input[type=button].a-Button--block {
   overflow-x: auto;
   transform: translateZ(0);
 }
-.a-Table-content th {
-  position: relative;
-}
 .a-Table-content-colDragLine {
   position: absolute;
   width: 7px;
@@ -23001,9 +22920,9 @@ input[type=button].a-Button--block {
      -moz-user-select: none;
           user-select: none;
   opacity: 0.5;
-  z-index: 3000;
+  z-index: 15;
 }
-.a-Table-content-colDragLine:hover {
+.a-Table-content-colDragLine:hover, .a-Table-content-colDragLine.is-resizing {
   background: var(--primary);
 }
 .a-Table-table {
@@ -23014,11 +22933,47 @@ input[type=button].a-Button--block {
   color: var(--Table-color);
   background: var(--Table-bg);
   border-spacing: 0;
-  border-collapse: collapse;
-  border-bottom: var(--Table-borderWidth) solid var(--Table-borderColor);
+  border-collapse: separate;
 }
 .a-Table-table th, .a-Table-table td {
   text-align: left;
+  border-bottom: var(--Table-borderWidth) solid var(--Table-borderColor);
+}
+.a-Table-table th.is-sticky, .a-Table-table td.is-sticky {
+  position: sticky !important;
+  z-index: 20;
+  background: inherit;
+}
+.a-Table-table th.is-sticky-last-left:after, .a-Table-table td.is-sticky-last-left:after {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: -1px;
+  width: 30px;
+  transform: translateX(100%);
+  transition: box-shadow 0.3s;
+  content: "";
+  pointer-events: none;
+}
+.a-Table-table th.is-sticky-first-right:after, .a-Table-table td.is-sticky-first-right:after {
+  position: absolute;
+  top: 0;
+  bottom: -1px;
+  left: 0;
+  width: 30px;
+  transform: translateX(-100%);
+  transition: box-shadow 0.3s;
+  content: "";
+  pointer-events: none;
+}
+.a-Table-table.table-fixed-left .is-sticky-last-left:after {
+  box-shadow: var(--Table-fixedLeft-boxShadow);
+}
+.a-Table-table.table-fixed-right .is-sticky-first-right:after {
+  box-shadow: var(--Table-fixedRight-boxShadow);
+}
+.a-Table-table th {
+  position: relative;
 }
 .a-Table-table th.text-center, .a-Table-table td.text-center, .a-Table-table th[colspan], .a-Table-table td[colspan] {
   text-align: center;
@@ -23029,6 +22984,9 @@ input[type=button].a-Button--block {
 .a-Table-table td .a-SwitchControl {
   padding-top: 0;
 }
+.a-Table-table--affixHeader thead {
+  visibility: collapse;
+}
 .a-Table-table--withCombine > thead > tr > th:first-child,
 .a-Table-table--withCombine > tbody > tr > td:first-child {
   padding-left: var(--TableCell-paddingX) !important;
@@ -23049,8 +23007,11 @@ input[type=button].a-Button--block {
 .a-Table-table--checkOnItemClick > tbody > tr {
   cursor: pointer;
 }
-.a-Table-table > thead > tr > th {
+.a-Table-table > thead > tr {
   background: var(--Table-thead-bg);
+}
+.a-Table-table > thead > tr > th {
+  background: inherit;
   padding: var(--TableCell-paddingY) var(--TableCell-paddingX);
   text-align: left;
   border-bottom: var(--Table-thead-borderWidth) solid var(--Table-thead-borderColor);
@@ -23096,6 +23057,7 @@ input[type=button].a-Button--block {
 }
 .a-Table-table > tbody > tr {
   position: relative;
+  background: var(--Table-bg);
 }
 .a-Table-table > tbody > tr + tr {
   border-top: var(--Table-borderWidth) solid var(--Table-borderColor);
@@ -23134,7 +23096,7 @@ input[type=button].a-Button--block {
   border-color: var(--Table-onHover-borderColor);
 }
 .a-Table-table > tbody > tr:active {
-  background: transparent;
+  background: var(--Table-onHover-bg);
 }
 .a-Table-table > tbody > tr:hover.a-Table-placeholder {
   color: var(--text--muted-color);
@@ -23415,334 +23377,197 @@ input[type=button].a-Button--block {
 .a-Table-table > tbody > tr.is-dragging {
   opacity: var(--Table-onDragging-opacity);
 }
-.a-Table-table tr.a-Table-tr--2th.is-expanded .a-Table-expandCell:before {
-  right: -0.6875rem;
-}
-.a-Table-table tr.a-Table-tr--2th .a-Table-expandBtn {
-  position: relative;
-  right: -1.125rem;
-}
-.a-Table-table tr.a-Table-tr--2th .a-Table-expandCell + td {
-  position: relative;
-  padding-left: 1.125rem;
-}
-.a-Table-table tr.a-Table-tr--2th .a-Table-expandCell + td::before {
+.a-Table-table .a-Table-divider2 {
   content: "";
+  position: absolute;
+  height: 0.0625rem;
+  top: 50%;
+  width: 0.625rem;
+  background: var(--Table-tree-borderColor);
+}
+.a-Table-table .a-Table-divider3 {
   position: absolute;
   width: 0.0625rem;
   top: 0;
   bottom: 0;
-  left: -0.5rem;
-  height: auto;
+  height: 100%;
   background: var(--Table-tree-borderColor);
 }
-.a-Table-table tr.a-Table-tr--2th .a-Table-expandCell + td::after {
-  content: "";
-  position: absolute;
-  height: 0.0625rem;
-  top: 50%;
-  left: -0.5rem;
-  width: 0.625rem;
-  background: var(--Table-tree-borderColor);
+.a-Table-table tr.a-Table-tr--2th.is-expanded .a-Table-expandCell:before {
+  left: 2.5625rem;
 }
-.a-Table-table tr.a-Table-tr--2th.is-expandable .a-Table-expandCell + td {
-  padding-left: 1.125rem;
+.a-Table-table tr.a-Table-tr--2th .a-Table-expandBtn {
+  position: relative;
+  left: 1.1875rem;
+}
+.a-Table-table tr.a-Table-tr--2th .a-Table-divider2 {
+  left: 1.4375rem;
+}
+.a-Table-table tr.a-Table-tr--2th .a-Table-divider3 {
+  left: 1.4375rem;
+}
+.a-Table-table tr.a-Table-tr--2th.is-last .a-Table-divider3 {
+  height: 50%;
 }
 .a-Table-table tr.a-Table-tr--2th.is-last:not(.is-expanded) .a-Table-expandCell + td::before {
   height: 50%;
   bottom: auto;
 }
 .a-Table-table tr.a-Table-tr--3th.is-expanded .a-Table-expandCell:before {
-  right: -1.8125rem;
+  left: 3.6875rem;
 }
 .a-Table-table tr.a-Table-tr--3th .a-Table-expandBtn {
   position: relative;
-  right: -2.25rem;
+  left: 2.3125rem;
 }
-.a-Table-table tr.a-Table-tr--3th .a-Table-expandCell + td {
-  position: relative;
-  padding-left: 2.25rem;
+.a-Table-table tr.a-Table-tr--3th .a-Table-divider2 {
+  left: 2.5625rem;
 }
-.a-Table-table tr.a-Table-tr--3th .a-Table-expandCell + td::before {
-  content: "";
-  position: absolute;
-  width: 0.0625rem;
-  top: 0;
-  bottom: 0;
-  left: 0.625rem;
-  height: auto;
-  background: var(--Table-tree-borderColor);
-}
-.a-Table-table tr.a-Table-tr--3th .a-Table-expandCell + td::after {
-  content: "";
-  position: absolute;
-  height: 0.0625rem;
-  top: 50%;
-  left: 0.625rem;
-  width: 0.625rem;
-  background: var(--Table-tree-borderColor);
+.a-Table-table tr.a-Table-tr--3th .a-Table-divider3 {
+  left: 2.5625rem;
 }
-.a-Table-table tr.a-Table-tr--3th.is-expandable .a-Table-expandCell + td {
-  padding-left: 2.25rem;
+.a-Table-table tr.a-Table-tr--3th.is-last .a-Table-divider3 {
+  height: 50%;
 }
 .a-Table-table tr.a-Table-tr--3th.is-last:not(.is-expanded) .a-Table-expandCell + td::before {
   height: 50%;
   bottom: auto;
 }
 .a-Table-table tr.a-Table-tr--4th.is-expanded .a-Table-expandCell:before {
-  right: -2.9375rem;
+  left: 4.8125rem;
 }
 .a-Table-table tr.a-Table-tr--4th .a-Table-expandBtn {
   position: relative;
-  right: -3.375rem;
+  left: 3.4375rem;
 }
-.a-Table-table tr.a-Table-tr--4th .a-Table-expandCell + td {
-  position: relative;
-  padding-left: 3.375rem;
+.a-Table-table tr.a-Table-tr--4th .a-Table-divider2 {
+  left: 3.6875rem;
 }
-.a-Table-table tr.a-Table-tr--4th .a-Table-expandCell + td::before {
-  content: "";
-  position: absolute;
-  width: 0.0625rem;
-  top: 0;
-  bottom: 0;
-  left: 1.75rem;
-  height: auto;
-  background: var(--Table-tree-borderColor);
-}
-.a-Table-table tr.a-Table-tr--4th .a-Table-expandCell + td::after {
-  content: "";
-  position: absolute;
-  height: 0.0625rem;
-  top: 50%;
-  left: 1.75rem;
-  width: 0.625rem;
-  background: var(--Table-tree-borderColor);
+.a-Table-table tr.a-Table-tr--4th .a-Table-divider3 {
+  left: 3.6875rem;
 }
-.a-Table-table tr.a-Table-tr--4th.is-expandable .a-Table-expandCell + td {
-  padding-left: 3.375rem;
+.a-Table-table tr.a-Table-tr--4th.is-last .a-Table-divider3 {
+  height: 50%;
 }
 .a-Table-table tr.a-Table-tr--4th.is-last:not(.is-expanded) .a-Table-expandCell + td::before {
   height: 50%;
   bottom: auto;
 }
 .a-Table-table tr.a-Table-tr--5th.is-expanded .a-Table-expandCell:before {
-  right: -4.0625rem;
+  left: 5.9375rem;
 }
 .a-Table-table tr.a-Table-tr--5th .a-Table-expandBtn {
   position: relative;
-  right: -4.5rem;
+  left: 4.5625rem;
 }
-.a-Table-table tr.a-Table-tr--5th .a-Table-expandCell + td {
-  position: relative;
-  padding-left: 4.5rem;
+.a-Table-table tr.a-Table-tr--5th .a-Table-divider2 {
+  left: 4.8125rem;
 }
-.a-Table-table tr.a-Table-tr--5th .a-Table-expandCell + td::before {
-  content: "";
-  position: absolute;
-  width: 0.0625rem;
-  top: 0;
-  bottom: 0;
-  left: 2.875rem;
-  height: auto;
-  background: var(--Table-tree-borderColor);
-}
-.a-Table-table tr.a-Table-tr--5th .a-Table-expandCell + td::after {
-  content: "";
-  position: absolute;
-  height: 0.0625rem;
-  top: 50%;
-  left: 2.875rem;
-  width: 0.625rem;
-  background: var(--Table-tree-borderColor);
+.a-Table-table tr.a-Table-tr--5th .a-Table-divider3 {
+  left: 4.8125rem;
 }
-.a-Table-table tr.a-Table-tr--5th.is-expandable .a-Table-expandCell + td {
-  padding-left: 4.5rem;
+.a-Table-table tr.a-Table-tr--5th.is-last .a-Table-divider3 {
+  height: 50%;
 }
 .a-Table-table tr.a-Table-tr--5th.is-last:not(.is-expanded) .a-Table-expandCell + td::before {
   height: 50%;
   bottom: auto;
 }
 .a-Table-table tr.a-Table-tr--6th.is-expanded .a-Table-expandCell:before {
-  right: -5.1875rem;
+  left: 7.0625rem;
 }
 .a-Table-table tr.a-Table-tr--6th .a-Table-expandBtn {
   position: relative;
-  right: -5.625rem;
-}
-.a-Table-table tr.a-Table-tr--6th .a-Table-expandCell + td {
-  position: relative;
-  padding-left: 5.625rem;
+  left: 5.6875rem;
 }
-.a-Table-table tr.a-Table-tr--6th .a-Table-expandCell + td::before {
-  content: "";
-  position: absolute;
-  width: 0.0625rem;
-  top: 0;
-  bottom: 0;
-  left: 4rem;
-  height: auto;
-  background: var(--Table-tree-borderColor);
+.a-Table-table tr.a-Table-tr--6th .a-Table-divider2 {
+  left: 5.9375rem;
 }
-.a-Table-table tr.a-Table-tr--6th .a-Table-expandCell + td::after {
-  content: "";
-  position: absolute;
-  height: 0.0625rem;
-  top: 50%;
-  left: 4rem;
-  width: 0.625rem;
-  background: var(--Table-tree-borderColor);
+.a-Table-table tr.a-Table-tr--6th .a-Table-divider3 {
+  left: 5.9375rem;
 }
-.a-Table-table tr.a-Table-tr--6th.is-expandable .a-Table-expandCell + td {
-  padding-left: 5.625rem;
+.a-Table-table tr.a-Table-tr--6th.is-last .a-Table-divider3 {
+  height: 50%;
 }
 .a-Table-table tr.a-Table-tr--6th.is-last:not(.is-expanded) .a-Table-expandCell + td::before {
   height: 50%;
   bottom: auto;
 }
 .a-Table-table tr.a-Table-tr--7th.is-expanded .a-Table-expandCell:before {
-  right: -6.3125rem;
+  left: 8.1875rem;
 }
 .a-Table-table tr.a-Table-tr--7th .a-Table-expandBtn {
   position: relative;
-  right: -6.75rem;
+  left: 6.8125rem;
 }
-.a-Table-table tr.a-Table-tr--7th .a-Table-expandCell + td {
-  position: relative;
-  padding-left: 6.75rem;
+.a-Table-table tr.a-Table-tr--7th .a-Table-divider2 {
+  left: 7.0625rem;
 }
-.a-Table-table tr.a-Table-tr--7th .a-Table-expandCell + td::before {
-  content: "";
-  position: absolute;
-  width: 0.0625rem;
-  top: 0;
-  bottom: 0;
-  left: 5.125rem;
-  height: auto;
-  background: var(--Table-tree-borderColor);
+.a-Table-table tr.a-Table-tr--7th .a-Table-divider3 {
+  left: 7.0625rem;
 }
-.a-Table-table tr.a-Table-tr--7th .a-Table-expandCell + td::after {
-  content: "";
-  position: absolute;
-  height: 0.0625rem;
-  top: 50%;
-  left: 5.125rem;
-  width: 0.625rem;
-  background: var(--Table-tree-borderColor);
-}
-.a-Table-table tr.a-Table-tr--7th.is-expandable .a-Table-expandCell + td {
-  padding-left: 6.75rem;
+.a-Table-table tr.a-Table-tr--7th.is-last .a-Table-divider3 {
+  height: 50%;
 }
 .a-Table-table tr.a-Table-tr--7th.is-last:not(.is-expanded) .a-Table-expandCell + td::before {
   height: 50%;
   bottom: auto;
 }
 .a-Table-table tr.a-Table-tr--8th.is-expanded .a-Table-expandCell:before {
-  right: -7.4375rem;
+  left: 9.3125rem;
 }
 .a-Table-table tr.a-Table-tr--8th .a-Table-expandBtn {
   position: relative;
-  right: -7.875rem;
+  left: 7.9375rem;
 }
-.a-Table-table tr.a-Table-tr--8th .a-Table-expandCell + td {
-  position: relative;
-  padding-left: 7.875rem;
+.a-Table-table tr.a-Table-tr--8th .a-Table-divider2 {
+  left: 8.1875rem;
 }
-.a-Table-table tr.a-Table-tr--8th .a-Table-expandCell + td::before {
-  content: "";
-  position: absolute;
-  width: 0.0625rem;
-  top: 0;
-  bottom: 0;
-  left: 6.25rem;
-  height: auto;
-  background: var(--Table-tree-borderColor);
-}
-.a-Table-table tr.a-Table-tr--8th .a-Table-expandCell + td::after {
-  content: "";
-  position: absolute;
-  height: 0.0625rem;
-  top: 50%;
-  left: 6.25rem;
-  width: 0.625rem;
-  background: var(--Table-tree-borderColor);
+.a-Table-table tr.a-Table-tr--8th .a-Table-divider3 {
+  left: 8.1875rem;
 }
-.a-Table-table tr.a-Table-tr--8th.is-expandable .a-Table-expandCell + td {
-  padding-left: 7.875rem;
+.a-Table-table tr.a-Table-tr--8th.is-last .a-Table-divider3 {
+  height: 50%;
 }
 .a-Table-table tr.a-Table-tr--8th.is-last:not(.is-expanded) .a-Table-expandCell + td::before {
   height: 50%;
   bottom: auto;
 }
 .a-Table-table tr.a-Table-tr--9th.is-expanded .a-Table-expandCell:before {
-  right: -8.5625rem;
+  left: 10.4375rem;
 }
 .a-Table-table tr.a-Table-tr--9th .a-Table-expandBtn {
   position: relative;
-  right: -9rem;
+  left: 9.0625rem;
 }
-.a-Table-table tr.a-Table-tr--9th .a-Table-expandCell + td {
-  position: relative;
-  padding-left: 9rem;
-}
-.a-Table-table tr.a-Table-tr--9th .a-Table-expandCell + td::before {
-  content: "";
-  position: absolute;
-  width: 0.0625rem;
-  top: 0;
-  bottom: 0;
-  left: 7.375rem;
-  height: auto;
-  background: var(--Table-tree-borderColor);
+.a-Table-table tr.a-Table-tr--9th .a-Table-divider2 {
+  left: 9.3125rem;
 }
-.a-Table-table tr.a-Table-tr--9th .a-Table-expandCell + td::after {
-  content: "";
-  position: absolute;
-  height: 0.0625rem;
-  top: 50%;
-  left: 7.375rem;
-  width: 0.625rem;
-  background: var(--Table-tree-borderColor);
+.a-Table-table tr.a-Table-tr--9th .a-Table-divider3 {
+  left: 9.3125rem;
 }
-.a-Table-table tr.a-Table-tr--9th.is-expandable .a-Table-expandCell + td {
-  padding-left: 9rem;
+.a-Table-table tr.a-Table-tr--9th.is-last .a-Table-divider3 {
+  height: 50%;
 }
 .a-Table-table tr.a-Table-tr--9th.is-last:not(.is-expanded) .a-Table-expandCell + td::before {
   height: 50%;
   bottom: auto;
 }
 .a-Table-table tr.a-Table-tr--10th.is-expanded .a-Table-expandCell:before {
-  right: -9.6875rem;
+  left: 11.5625rem;
 }
 .a-Table-table tr.a-Table-tr--10th .a-Table-expandBtn {
   position: relative;
-  right: -10.125rem;
+  left: 10.1875rem;
 }
-.a-Table-table tr.a-Table-tr--10th .a-Table-expandCell + td {
-  position: relative;
-  padding-left: 10.125rem;
+.a-Table-table tr.a-Table-tr--10th .a-Table-divider2 {
+  left: 10.4375rem;
 }
-.a-Table-table tr.a-Table-tr--10th .a-Table-expandCell + td::before {
-  content: "";
-  position: absolute;
-  width: 0.0625rem;
-  top: 0;
-  bottom: 0;
-  left: 8.5rem;
-  height: auto;
-  background: var(--Table-tree-borderColor);
-}
-.a-Table-table tr.a-Table-tr--10th .a-Table-expandCell + td::after {
-  content: "";
-  position: absolute;
-  height: 0.0625rem;
-  top: 50%;
-  left: 8.5rem;
-  width: 0.625rem;
-  background: var(--Table-tree-borderColor);
+.a-Table-table tr.a-Table-tr--10th .a-Table-divider3 {
+  left: 10.4375rem;
 }
-.a-Table-table tr.a-Table-tr--10th.is-expandable .a-Table-expandCell + td {
-  padding-left: 10.125rem;
+.a-Table-table tr.a-Table-tr--10th.is-last .a-Table-divider3 {
+  height: 50%;
 }
 .a-Table-table tr.a-Table-tr--10th.is-last:not(.is-expanded) .a-Table-expandCell + td::before {
   height: 50%;
@@ -23789,7 +23614,7 @@ input[type=button].a-Button--block {
   bottom: 0;
   height: 100%;
   background: var(--Table-tree-borderColor);
-  right: 0.4375rem;
+  left: 1.4375rem;
 }
 .a-Table-table > tbody > tr > td.a-Table-expandCell .a-Table-divider-2 {
   position: absolute;
@@ -23798,7 +23623,7 @@ input[type=button].a-Button--block {
   bottom: 0;
   height: 100%;
   background: var(--Table-tree-borderColor);
-  right: -0.6875rem;
+  left: 2.5625rem;
 }
 .a-Table-table > tbody > tr > td.a-Table-expandCell .a-Table-divider-3 {
   position: absolute;
@@ -23807,7 +23632,7 @@ input[type=button].a-Button--block {
   bottom: 0;
   height: 100%;
   background: var(--Table-tree-borderColor);
-  right: -1.8125rem;
+  left: 3.6875rem;
 }
 .a-Table-table > tbody > tr > td.a-Table-expandCell .a-Table-divider-4 {
   position: absolute;
@@ -23816,7 +23641,7 @@ input[type=button].a-Button--block {
   bottom: 0;
   height: 100%;
   background: var(--Table-tree-borderColor);
-  right: -2.9375rem;
+  left: 4.8125rem;
 }
 .a-Table-table > tbody > tr > td.a-Table-expandCell .a-Table-divider-5 {
   position: absolute;
@@ -23825,7 +23650,7 @@ input[type=button].a-Button--block {
   bottom: 0;
   height: 100%;
   background: var(--Table-tree-borderColor);
-  right: -4.0625rem;
+  left: 5.9375rem;
 }
 .a-Table-table > tbody > tr > td.a-Table-expandCell .a-Table-divider-6 {
   position: absolute;
@@ -23834,7 +23659,7 @@ input[type=button].a-Button--block {
   bottom: 0;
   height: 100%;
   background: var(--Table-tree-borderColor);
-  right: -5.1875rem;
+  left: 7.0625rem;
 }
 .a-Table-table > tbody > tr > td.a-Table-expandCell .a-Table-divider-7 {
   position: absolute;
@@ -23843,7 +23668,7 @@ input[type=button].a-Button--block {
   bottom: 0;
   height: 100%;
   background: var(--Table-tree-borderColor);
-  right: -6.3125rem;
+  left: 8.1875rem;
 }
 .a-Table-table > tbody > tr.is-expanded > td.a-Table-expandCell::before {
   content: "";
@@ -23851,7 +23676,7 @@ input[type=button].a-Button--block {
   width: 0.0625rem;
   top: 50%;
   bottom: 0;
-  right: 0.4375rem;
+  left: 1.4375rem;
   height: auto;
   background: var(--Table-tree-borderColor);
 }
@@ -24106,10 +23931,7 @@ input[type=button].a-Button--block {
 .a-Table--autoFillHeight > .a-Table-contentWrap > .a-Table-content table thead {
   position: sticky;
   top: 0;
-  z-index: 1;
-}
-.a-Table--autoFillHeight > .a-Table-fixedTop {
-  display: none;
+  z-index: 21;
 }
 .a-Table--autoFillHeight > .a-Table-footToolbar {
   margin-bottom: 0;
@@ -24121,6 +23943,10 @@ input[type=button].a-Button--block {
   display: inline-flex;
   cursor: pointer;
 }
+.a-Table-SFToggler:hover {
+  color: var(--link-color);
+  font-size: var(--Button--sm-fontSize);
+}
 .a-Table-SFToggler-arrow {
   width: var(--gap-md);
   text-align: center;
@@ -24222,7 +24048,7 @@ input[type=button].a-Button--block {
   padding: var(--table-size-large-paddingTop) var(--table-size-large-paddingRight) var(--table-size-large-paddingBottom) var(--table-size-large-paddingLeft);
 }
 .a-Table2.a-Table-large .a-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);
 }
 .a-Table2.a-Table-small .a-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);
@@ -24235,7 +24061,7 @@ input[type=button].a-Button--block {
   padding: var(--table-size-small-paddingTop) var(--table-size-small-paddingRight) var(--table-size-small-paddingBottom) var(--table-size-small-paddingLeft);
 }
 .a-Table2.a-Table-small .a-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);
 }
 .a-Table2 .a-Table-title,
 .a-Table2 .a-Table-footer {
@@ -25114,15 +24940,15 @@ input[type=button].a-Button--block {
   background: var(--Table-tree-borderColor);
 }
 .a-Table2 .a-Table-table > thead > tr > th.a-TableCell--sortable {
-  padding-right: calc( var(--TableCell-paddingX) + var(--TableCell-sortBtn-width) );
+  padding-right: calc(var(--TableCell-paddingX) + var(--TableCell-sortBtn-width));
   position: relative;
 }
 .a-Table2 .a-Table-table > thead > tr > th.a-TableCell--searchable {
-  padding-right: calc( var(--TableCell-paddingX) + var(--TableCell-searchBtn-width) );
+  padding-right: calc(var(--TableCell-paddingX) + var(--TableCell-searchBtn-width));
   position: relative;
 }
 .a-Table2 .a-Table-table > thead > tr > th.a-TableCell--filterable {
-  padding-right: calc( var(--TableCell-paddingX) + var(--TableCell-filterBtn-width) );
+  padding-right: calc(var(--TableCell-paddingX) + var(--TableCell-filterBtn-width));
   position: relative;
 }
 .a-Table2 .a-Table-table > tbody > tr.a-Table-row-disabled {
@@ -25453,15 +25279,15 @@ input[type=button].a-Button--block {
   margin-left: var(--DropDown-caret-marginLeft);
   display: inline-block;
   vertical-align: top;
-  transition: transform var(--animation-duration) ease;
 }
 .a-ColumnToggler-caret > svg {
   width: 0.625rem;
   height: 0.625rem;
-  top: 0.125em;
+  transition: transform var(--animation-duration) ease;
+  transform: rotate(90deg);
 }
-.a-ColumnToggler.is-opened .a-ColumnToggler-caret {
-  transform: rotate(180deg);
+.a-ColumnToggler.is-opened .a-ColumnToggler-caret svg {
+  transform: rotate(270deg);
 }
 .a-ColumnToggler.is-actived > .a-Button {
   color: var(--link-color);
@@ -25701,16 +25527,9 @@ input[type=button].a-Button--block {
   padding: var(--gap-xs) 0;
 }
 .a-List-fixedTop {
-  position: absolute;
+  position: sticky;
   background: var(--white);
-  z-index: -1;
-  opacity: 0;
-  box-shadow: var(--List-fixedTop-boxShadow);
-}
-.a-List-fixedTop.in {
-  position: fixed;
-  opacity: 1;
-  z-index: 900;
+  z-index: 1100;
 }
 .a-List-fixedTop .a-Cards-toolbar {
   margin-bottom: 0;
@@ -25899,17 +25718,10 @@ input[type=button].a-Button--block {
   padding-top: 0;
 }
 .a-Cards-fixedTop {
-  position: absolute;
+  position: sticky;
   background: var(--white);
-  z-index: -1;
-  opacity: 0;
-  box-shadow: var(--Cards-fixedTop-boxShadow);
   padding: var(--gap-sm);
-}
-.a-Cards-fixedTop.in {
-  position: fixed;
-  opacity: 1;
-  z-index: 900;
+  z-index: 1100;
 }
 .a-Cards-fixedTop .a-Cards-toolbar {
   margin-bottom: 0;
@@ -25965,32 +25777,26 @@ input[type=button].a-Button--block {
     -moz-column-count: 12;
          column-count: 12;
   }
-
   .a-Cards--masonrySm2 {
     -moz-column-count: 6;
          column-count: 6;
   }
-
   .a-Cards--masonrySm3 {
     -moz-column-count: 4;
          column-count: 4;
   }
-
   .a-Cards--masonrySm4 {
     -moz-column-count: 3;
          column-count: 3;
   }
-
   .a-Cards--masonrySm6 {
     -moz-column-count: 2;
          column-count: 2;
   }
-
   .a-Cards--masonrySm12 {
     -moz-column-count: 1;
          column-count: 1;
   }
-
   .a-Cards-toolbar {
     display: flex;
     flex-wrap: wrap;
@@ -26001,27 +25807,22 @@ input[type=button].a-Button--block {
     -moz-column-count: 12;
          column-count: 12;
   }
-
   .a-Cards--masonryMd2 {
     -moz-column-count: 6;
          column-count: 6;
   }
-
   .a-Cards--masonryMd3 {
     -moz-column-count: 4;
          column-count: 4;
   }
-
   .a-Cards--masonryMd4 {
     -moz-column-count: 3;
          column-count: 3;
   }
-
   .a-Cards--masonryMd6 {
     -moz-column-count: 2;
          column-count: 2;
   }
-
   .a-Cards--masonryMd12 {
     -moz-column-count: 1;
          column-count: 1;
@@ -26032,27 +25833,22 @@ input[type=button].a-Button--block {
     -moz-column-count: 12;
          column-count: 12;
   }
-
   .a-Cards--masonryLg2 {
     -moz-column-count: 6;
          column-count: 6;
   }
-
   .a-Cards--masonryLg3 {
     -moz-column-count: 4;
          column-count: 4;
   }
-
   .a-Cards--masonryLg4 {
     -moz-column-count: 3;
          column-count: 3;
   }
-
   .a-Cards--masonryLg6 {
     -moz-column-count: 2;
          column-count: 2;
   }
-
   .a-Cards--masonryLg12 {
     -moz-column-count: 1;
          column-count: 1;
@@ -26496,6 +26292,7 @@ input[type=button].a-Button--block {
   align-items: center;
   color: var(--text-color);
   font-size: var(--fontSizeXs);
+  min-width: 50px;
 }
 .a-Progress-line {
   display: inline-block;
@@ -27248,7 +27045,7 @@ input[type=button].a-Button--block {
   pointer-events: none;
 }
 .a-ImageGallery-prevList:hover, .a-ImageGallery-nextList:hover {
-  background: black;
+  background: rgb(0, 0, 0);
   color: #fff;
 }
 .a-ImageGallery-itemsWrap {
@@ -27554,7 +27351,6 @@ input[type=button].a-Button--block {
   border: none;
   color: var(--Form-input-color);
   width: 100%;
-  height: var(--Form-input-lineHeight);
 }
 .a-InputBox input::-moz-placeholder {
   color: var(--Form-input-placeholderColor);
@@ -27640,6 +27436,7 @@ input[type=button].a-Button--block {
   margin: 5px;
   display: flex;
   color: var(--Form-select-caret-iconColor);
+  transform: rotate(90deg);
 }
 .a-InputBox-caret:hover {
   color: var(--Form-select-caret-onHover-iconColor);
@@ -27650,7 +27447,7 @@ input[type=button].a-Button--block {
   top: 0;
 }
 .a-InputBox.is-active .a-InputBox-caret {
-  transform: rotate(180deg);
+  transform: rotate(270deg);
 }
 .a-InputBox.is-mobile {
   border: none;
@@ -27732,6 +27529,7 @@ input[type=button].a-Button--block {
   transition: transform var(--animation-duration);
   color: var(--icon-color);
   margin-top: calc((var(--Form-input-height) - var(--Switch-height)) / 2);
+  transform: rotate(90deg);
 }
 .a-JSONSchemaObject-caret > svg {
   width: 10px;
@@ -27739,7 +27537,7 @@ input[type=button].a-Button--block {
   top: 0;
 }
 .a-JSONSchemaObject-caret.is-collapsed {
-  transform: rotate(-90deg);
+  transform: rotate(0deg);
 }
 .a-JSONSchemaObject.is-expanded {
   position: relative;
@@ -27871,6 +27669,7 @@ input[type=button].a-Button--block {
   transition: transform var(--animation-duration);
   color: var(--icon-color);
   margin-top: calc((var(--Form-input-height) - var(--Switch-height)) / 2);
+  transform: rotate(90deg);
 }
 .a-SchemaEditor-caret > svg {
   width: 10px;
@@ -27878,7 +27677,7 @@ input[type=button].a-Button--block {
   top: 0;
 }
 .a-SchemaEditor-caret.is-collapsed {
-  transform: rotate(-90deg);
+  transform: rotate(0deg);
 }
 .a-SchemaEditor-required {
   padding-top: 4px;
@@ -27926,7 +27725,6 @@ input[type=button].a-Button--block {
   border: none;
   color: var(--Form-input-color);
   width: 100%;
-  height: var(--Form-input-lineHeight);
 }
 .a-ResultBox input::-moz-placeholder {
   color: var(--Form-input-placeholderColor);
@@ -28152,7 +27950,7 @@ input[type=button].a-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);
 }
 .a-ResultBox-overflow.a-Tooltip--dark .a-ResultBox-overflow-wrapper .a-ResultBox-value {
   color: var(--white);
@@ -28269,6 +28067,9 @@ input[type=button].a-Button--block {
   cursor: pointer;
   color: var(--SearchBox-search-icon-color);
 }
+.a-SearchBox-activeBtn svg, .a-SearchBox-searchBtn svg, .a-SearchBox-cancelBtn svg {
+  top: 1px;
+}
 .a-SearchBox-activeBtn:hover, .a-SearchBox-searchBtn:hover, .a-SearchBox-cancelBtn:hover {
   color: var(--icon-onHover-color);
 }
@@ -28325,6 +28126,9 @@ input[type=button].a-Button--block {
   color: var(--SearchBox-enhonce-icon-color);
   background: var(--SearchBox-hover-color);
 }
+.a-SearchBox--enhance.is-active .a-SearchBox-searchBtn svg {
+  top: 0;
+}
 .a-SearchBox--enhance.is-active .a-SearchBox-searchBtn:hover {
   background: var(--button-primary-hover-bg-color);
 }
@@ -28391,7 +28195,7 @@ input[type=button].a-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);
 }
 .a-SearchBox-history .a-SearchBox-history-tag {
   display: inlin-flex;
@@ -28445,7 +28249,7 @@ input[type=button].a-Button--block {
 .a-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));
 }
 .a-ListMenu-group:not(:first-child) > .a-ListMenu-groupLabel {
   border-top: 0.0625rem solid var(--ListMenu-divider-color);
@@ -28457,7 +28261,7 @@ input[type=button].a-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);
 }
 .a-ListMenu-item.is-active {
   color: var(--ListMenu-item--onActive-color);
@@ -28478,7 +28282,7 @@ input[type=button].a-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);
 }
 .a-ListMenu.is-mobile {
   display: flex;
@@ -28697,8 +28501,8 @@ input[type=button].a-Button--block {
   text-align: center;
 }
 .a-Steps .a-StepsItem-containerIcon .a-StepsItem-icon .icon {
-  width: 0.5625rem;
-  height: 0.5625rem;
+  width: 0.75rem;
+  height: 0.75rem;
   position: relative;
   top: 0;
 }
@@ -29330,7 +29134,7 @@ fieldset.a-Collapse .a-Collapse-header.is-mobile:hover {
     margin-right: 0;
   }
   .a-Form-group--hor > .a-Form-item,
-.a-Form-group--hor > div > .a-Form-item {
+  .a-Form-group--hor > div > .a-Form-item {
     margin-bottom: 0;
   }
   .a-Form-group--hor .a-Form-input > .a-Form-group {
@@ -29368,7 +29172,6 @@ fieldset.a-Collapse .a-Collapse-header.is-mobile:hover {
     padding-left: calc(var(--Form-group--xs-gutterWidth) / 2);
     padding-right: calc(var(--Form-group--xs-gutterWidth) / 2);
   }
-
   .a-Form-groupColumn {
     flex-basis: 0;
     flex-grow: 1;
@@ -29376,79 +29179,66 @@ fieldset.a-Collapse .a-Collapse-header.is-mobile:hover {
     max-width: 100%;
     margin-bottom: 0;
   }
-
   .a-Form-groupColumn--1 {
     flex: 0 0 8.3333333333%;
     max-width: 8.3333333333%;
     min-height: 1px;
   }
-
   .a-Form-groupColumn--2 {
     flex: 0 0 16.6666666667%;
     max-width: 16.6666666667%;
     min-height: 1px;
   }
-
   .a-Form-groupColumn--3 {
     flex: 0 0 25%;
     max-width: 25%;
     min-height: 1px;
   }
-
   .a-Form-groupColumn--4 {
     flex: 0 0 33.3333333333%;
     max-width: 33.3333333333%;
     min-height: 1px;
   }
-
   .a-Form-groupColumn--5 {
     flex: 0 0 41.6666666667%;
     max-width: 41.6666666667%;
     min-height: 1px;
   }
-
   .a-Form-groupColumn--6 {
     flex: 0 0 50%;
     max-width: 50%;
     min-height: 1px;
   }
-
   .a-Form-groupColumn--7 {
     flex: 0 0 58.3333333333%;
     max-width: 58.3333333333%;
     min-height: 1px;
   }
-
   .a-Form-groupColumn--8 {
     flex: 0 0 66.6666666667%;
     max-width: 66.6666666667%;
     min-height: 1px;
   }
-
   .a-Form-groupColumn--9 {
     flex: 0 0 75%;
     max-width: 75%;
     min-height: 1px;
   }
-
   .a-Form-groupColumn--10 {
     flex: 0 0 83.3333333333%;
     max-width: 83.3333333333%;
     min-height: 1px;
   }
-
   .a-Form-groupColumn--11 {
     flex: 0 0 91.6666666667%;
     max-width: 91.6666666667%;
     min-height: 1px;
   }
-
   .a-Form-groupColumn--12 {
     flex: 0 0 100%;
     max-width: 100%;
     min-height: 1px;
   }
-
   .a-Form-groupColumn--auto {
     flex: 0 0 auto;
     width: auto;
@@ -29470,7 +29260,7 @@ fieldset.a-Collapse .a-Collapse-header.is-mobile:hover {
 .a-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);
@@ -29610,7 +29400,6 @@ fieldset.a-Collapse .a-Collapse-header.is-mobile:hover {
   border: none;
   color: var(--Form-input-color);
   width: 100%;
-  height: var(--Form-input-lineHeight);
 }
 .a-TextControl-input input::-moz-placeholder {
   color: var(--Form-input-placeholderColor);
@@ -29659,7 +29448,7 @@ fieldset.a-Collapse .a-Collapse-header.is-mobile:hover {
   color: var(--text--muted-color);
 }
 .a-TextControl-spinner {
-  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) );
+  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
 }
 .a-TextControl-clear {
   padding: var(--Form-input-clearBtn-padding);
@@ -29880,7 +29669,10 @@ fieldset.a-Collapse .a-Collapse-header.is-mobile:hover {
   overflow: auto;
 }
 .a-TextControl-sugItem {
-  padding: calc( ( var(--Form-selectOption-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem ) / 2 ) 0.75rem;
+  padding: calc((
+            var(--Form-selectOption-height) - var(--Form-input-lineHeight) *
+              var(--Form-input-fontSize) - 0.125rem
+          ) / 2) 0.75rem;
 }
 .a-TextControl-sugItem svg {
   width: 1rem;
@@ -29902,7 +29694,7 @@ fieldset.a-Collapse .a-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;
 }
@@ -29926,7 +29718,9 @@ fieldset.a-Collapse .a-Collapse-header.is-mobile:hover {
 }
 .a-TextControl-input--multiple .a-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;
@@ -30042,7 +29836,6 @@ input.a-TextControl-input-password {
   border: none;
   color: var(--Form-input-color);
   width: 100%;
-  height: var(--Form-input-lineHeight);
 }
 .a-TextareaControl-input input::-moz-placeholder {
   color: var(--Form-input-placeholderColor);
@@ -30091,7 +29884,7 @@ input.a-TextControl-input-password {
   color: var(--text--muted-color);
 }
 .a-TextareaControl-spinner {
-  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) );
+  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
 }
 .a-TextareaControl-clear {
   padding: var(--Form-input-clearBtn-padding);
@@ -30437,6 +30230,9 @@ input.a-TextControl-input-password {
   border-radius: calc(var(--Checkbox-borderRadius) * 2);
   min-width: var(--Checkbox-button-min-width);
 }
+.a-Checkbox--button.a-Checkbox--checkbox > span {
+  line-height: var(--Checkbox-button-line-height);
+}
 .a-Checkbox--button.a-Checkbox--checkbox:hover:not(:disabled) {
   color: var(--Checkbox-onHover-color);
   border-color: var(--Checkbox-onHover-color);
@@ -30650,7 +30446,7 @@ input.a-TextControl-input-password {
 .a-CheckboxControl,
 .a-RadiosControl,
 .a-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);
 }
 .a-RadiosControl .a-Checkbox {
   display: block;
@@ -30716,7 +30512,7 @@ input.a-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));
 }
 .a-Selection--inline > .a-Checkbox {
   display: inline-block;
@@ -30799,7 +30595,7 @@ input.a-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;
@@ -30852,6 +30648,15 @@ input.a-TextControl-input-password {
   color: var(--Form-select-menu-onHover-color);
   background: var(--Form-select-menu-onHover-bg);
 }
+.a-TreeSelection.is-scrollable {
+  max-height: 18.75rem;
+  height: 100%;
+  overflow: auto;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+  padding: var(--gap-xs) 0;
+}
 .a-TreeSelection .a-Table-expandBtn {
   color: var(--icon-color);
   margin-right: var(--gap-xs);
@@ -30913,7 +30718,7 @@ input.a-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);
 }
 .a-ChainedSelection {
@@ -30986,7 +30791,7 @@ input.a-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);
 }
 .a-AssociatedSelection {
@@ -31176,7 +30981,7 @@ input.a-TextControl-input-password {
 .a-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);
 }
 .a-Switch .slider:before {
   content: "";
@@ -31196,7 +31001,7 @@ input.a-TextControl-input-password {
   background: var(--Switch-checked-bgColor);
 }
 .a-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);
@@ -31214,7 +31019,9 @@ input.a-TextControl-input-password {
   background: var(--Switch-checked-onActive-bgColor);
 }
 .a-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
+        );
 }
 .a-Switch.is-checked.is-disabled .slider:before {
   color: var(--Switch-onDisabled-color);
@@ -31246,7 +31053,7 @@ input.a-TextControl-input-password {
   right: auto;
 }
 .a-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);
 }
 .a-Switch:active .slider::before {
@@ -31422,7 +31229,7 @@ input.a-TextControl-input-password {
 }
 .a-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);
 }
 .a-Number-handler-up {
   border-bottom: var(--Number-handler-borderBottom);
@@ -31825,7 +31632,9 @@ input.a-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);
@@ -32033,7 +31842,7 @@ input.a-TextControl-input-password {
   position: relative;
 }
 .a-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));
 }
 .a-Select-option.is-mobile .a-Select-option-item-check {
   flex: 1;
@@ -32059,7 +31868,7 @@ input.a-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);
 }
 .a-Select-option-hl {
   color: var(--info);
@@ -32078,7 +31887,7 @@ input.a-TextControl-input-password {
   margin-right: var(--Checkbox-gap);
 }
 .a-Select-spinner {
-  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) );
+  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
 }
 .a-Select-clear {
   padding: 0.1875rem;
@@ -32109,7 +31918,9 @@ input.a-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);
 }
 .a-Select-overflow-wrapper .a-Select-value {
   position: static;
@@ -32117,7 +31928,9 @@ input.a-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);
@@ -32160,7 +31973,7 @@ input.a-TextControl-input-password {
   border-top-right-radius: 0;
 }
 .a-Select-popover.a-PopOver--leftTopLeftBottom {
-  margin-top: calc( (var(--Form-select-popoverGap) - var(--Form-select-outer-borderWidth)) * -1 );
+  margin-top: calc((var(--Form-select-popoverGap) - var(--Form-select-outer-borderWidth)) * -1);
 }
 .a-SelectControl:not(.is-inline) > .a-Select {
   display: flex;
@@ -32198,17 +32011,17 @@ input.a-TextControl-input-password {
 }
 @media (min-width: 576px) {
   .a-Form-control--sizeXs > .a-Select,
-.a-Form-control--sizeSm > .a-Select,
-.a-Form-control--sizeMd > .a-Select,
-.a-Form-control--sizeLg > .a-Select {
+  .a-Form-control--sizeSm > .a-Select,
+  .a-Form-control--sizeMd > .a-Select,
+  .a-Form-control--sizeLg > .a-Select {
     min-width: 100%;
     max-width: 100%;
     display: inline-flex !important;
   }
   .a-Form-control--sizeXs > .a-Select .a-Select-valueWrap,
-.a-Form-control--sizeSm > .a-Select .a-Select-valueWrap,
-.a-Form-control--sizeMd > .a-Select .a-Select-valueWrap,
-.a-Form-control--sizeLg > .a-Select .a-Select-valueWrap {
+  .a-Form-control--sizeSm > .a-Select .a-Select-valueWrap,
+  .a-Form-control--sizeMd > .a-Select .a-Select-valueWrap,
+  .a-Form-control--sizeLg > .a-Select .a-Select-valueWrap {
     width: 0;
   }
 }
@@ -32223,7 +32036,7 @@ input.a-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);
 }
 .a-Selections-placeholder {
   color: var(--Form-input-placeholderColor);
@@ -32247,7 +32060,7 @@ input.a-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);
 }
 .a-Selections-item > label {
   flex-basis: 3.125rem;
@@ -32405,7 +32218,7 @@ input.a-TextControl-input-password {
   border-style: solid;
   border-width: 0 0 0.125rem 0.125rem;
   right: 0.0625rem;
-  bottom: var(--gap-xs);
+  bottom: 0.375rem;
   transform: rotate(-40deg);
 }
 .a-ListControl-item.is-disabled {
@@ -32480,7 +32293,7 @@ input.a-TextControl-input-password {
   flex-basis: 0;
   flex-grow: 1;
   overflow-x: auto;
-  max-width: calc(100% - px2rem(20px));
+  max-width: calc(100% - 1.25rem);
 }
 .a-LocationPicker-toggler {
   cursor: pointer;
@@ -32584,7 +32397,7 @@ input.a-TextControl-input-password {
 }
 .a-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);
 }
 .a-MapPicker-sugItem:hover {
   color: var(--Form-select-menu-onActive-color);
@@ -33167,6 +32980,9 @@ input.a-TextControl-input-password {
   padding: 0 8px;
   border-radius: 2px;
 }
+.a-TimeFooterWrapper .a-QuickWrapper a {
+  font-size: var(--button-size-sm-fontSize);
+}
 .a-CalendarInput {
   outline: none;
   width: 3.5rem;
@@ -33750,7 +33566,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
   .a-DateRangePicker-wrap {
     white-space: nowrap;
   }
-
   .a-DateRangePicker-end {
     margin-top: 0;
     border-left: 1px solid var(--Calendar-input-borderColor);
@@ -34811,7 +34626,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;
@@ -34898,7 +34713,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .a-Tree--outline .a-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: "";
@@ -35007,7 +34822,10 @@ 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);
 }
 .a-Tree-itemInput > input::-moz-placeholder {
@@ -35188,7 +35006,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
   border: none;
   color: var(--Form-input-color);
   width: 100%;
-  height: var(--Form-input-lineHeight);
 }
 .a-TreeSelect-input input::-moz-placeholder {
   color: var(--Form-input-placeholderColor);
@@ -35237,7 +35054,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   color: var(--text--muted-color);
 }
 .a-TreeSelect-spinner {
-  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) );
+  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
 }
 .a-TreeSelect-clear {
   padding: var(--Form-input-clearBtn-padding);
@@ -35453,7 +35270,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   display: none;
 }
 .a-Combo-items:empty + .a-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);
 }
 .a-Combo-item {
   background: var(--combo-bg-color);
@@ -35786,7 +35603,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
   border: none;
   color: var(--Form-input-color);
   width: 100%;
-  height: var(--Form-input-lineHeight);
 }
 .a-Picker-input input::-moz-placeholder {
   color: var(--Form-input-placeholderColor);
@@ -35835,7 +35651,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   color: var(--text--muted-color);
 }
 .a-Picker-spinner {
-  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) );
+  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
 }
 .a-Picker-clear {
   padding: var(--Form-input-clearBtn-padding);
@@ -35942,7 +35758,9 @@ 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);
@@ -36575,7 +36393,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);
 }
 .a-TabsTransfer-tab {
@@ -36724,10 +36542,11 @@ td.rdtQuarter.rdtDisabled:hover > span {
   padding-right: var(--Form-select-icon-rigin);
 }
 .a-NestedSelect-optionArrowRight svg {
-  width: 0.75rem;
-  height: 0.75rem;
+  width: 0.625rem;
+  height: 0.625rem;
   fill: var(--Form-input-iconColor);
   color: var(--default-icon-color);
+  top: 0;
 }
 .a-NestedSelect-menuOuter {
   display: flex;
@@ -36741,7 +36560,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);
 }
 .a-NestedSelect-menu {
   width: 10rem;
@@ -36952,7 +36771,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
   border: none;
   color: var(--Form-input-color);
   width: 100%;
-  height: var(--Form-input-lineHeight);
 }
 .a-IconPickerControl-input input::-moz-placeholder {
   color: var(--Form-input-placeholderColor);
@@ -37001,7 +36819,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   color: var(--text--muted-color);
 }
 .a-IconPickerControl-spinner {
-  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) );
+  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
 }
 .a-IconPickerControl-clear {
   padding: var(--Form-input-clearBtn-padding);
@@ -37120,7 +36938,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;
@@ -37158,7 +36976,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
   border: none;
   color: var(--Form-input-color);
   width: 100%;
-  height: var(--Form-input-lineHeight);
 }
 .a-IconSelectControl-input input::-moz-placeholder {
   color: var(--Form-input-placeholderColor);
@@ -37207,7 +37024,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   color: var(--text--muted-color);
 }
 .a-IconSelectControl-spinner {
-  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) );
+  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
 }
 .a-IconSelectControl-clear {
   padding: var(--Form-input-clearBtn-padding);
@@ -37581,7 +37398,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
     display: inline-block;
     max-width: 100%;
   }
-
   .a-Form-control--sizeXs {
     width: var(--Form-control-widthXs);
     max-width: 100%;
@@ -37591,7 +37407,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
   .a-Form-control--sizeXs.a-NumberControl {
     width: var(--Form-control-widthXs);
   }
-
   .a-Form-control--sizeSm {
     width: var(--Form-control-widthSm);
     max-width: 100%;
@@ -37601,14 +37416,12 @@ td.rdtQuarter.rdtDisabled:hover > span {
   .a-Form-control--sizeSm.a-NumberControl {
     width: var(--Form-control-widthSm);
   }
-
   .a-Form-control--sizeMd {
     width: var(--Form-control-widthMd);
     max-width: 100%;
     display: inline-block;
     vertical-align: top;
   }
-
   .a-Form-control--sizeLg {
     width: var(--Form-control-widthLg);
     max-width: 100%;
@@ -37618,7 +37431,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
   .a-Form-control--sizeLg.a-NumberControl {
     width: var(--Form-control-widthLg);
   }
-
   .a-Form-item--horizontal {
     display: flex;
     flex-wrap: nowrap;
@@ -37630,16 +37442,16 @@ td.rdtQuarter.rdtDisabled:hover > span {
     min-width: var(--Form--horizontal-value-minWidth);
   }
   .a-Form-item--horizontal .a-Form-itemColumn--xs,
-.a-Form-item--horizontal .a-Form-itemColumn--sm,
-.a-Form-item--horizontal .a-Form-itemColumn--normal,
-.a-Form-item--horizontal .a-Form-itemColumn--auto,
-.a-Form-item--horizontal .a-Form-itemColumn--md,
-.a-Form-item--horizontal .a-Form-itemColumn--lg {
+  .a-Form-item--horizontal .a-Form-itemColumn--sm,
+  .a-Form-item--horizontal .a-Form-itemColumn--normal,
+  .a-Form-item--horizontal .a-Form-itemColumn--auto,
+  .a-Form-item--horizontal .a-Form-itemColumn--md,
+  .a-Form-item--horizontal .a-Form-itemColumn--lg {
     flex-grow: unset;
     flex-basis: unset;
   }
   .a-Form-item--horizontal > .a-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;
@@ -37740,7 +37552,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
     vertical-align: top;
   }
   .a-Form-item--inline > .a-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;
@@ -37768,7 +37580,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
   .a-Form-item--inline > .a-Form-value > .a-TextControl--withAddOn {
     display: inline-flex;
   }
-
   .a-Form-row {
     display: flex;
     flex-wrap: wrap;
@@ -37780,13 +37591,11 @@ td.rdtQuarter.rdtDisabled:hover > span {
     padding-left: calc(var(--Form-row-gutterWidth) / 2);
     padding-right: calc(var(--Form-row-gutterWidth) / 2);
   }
-
   .a-Form-col {
     flex-basis: 0;
     flex-grow: 1;
     flex-shrink: 1;
   }
-
   .a-Form-rowInner {
     display: flex;
     flex-wrap: nowrap;
@@ -37805,7 +37614,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .a-Form--debug {
   padding: var(--gap-sm);
   margin-bottom: var(--gap-sm);
-  background-color: #fafafa;
+  background-color: rgb(250, 250, 250);
   border-radius: var(--borderRadius);
   position: relative;
   word-wrap: break-word;
@@ -37867,7 +37676,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
   .a-Combo-form::before {
     border-bottom: none;
   }
-
   .a-Form-item {
     display: flex;
     margin-bottom: 0;
@@ -37885,7 +37693,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
     border-bottom: var(--Form-input-borderWidth) solid var(--borderColor);
   }
   .a-Form-item .a-InputGroup-addOn,
-.a-Form-item .a-TextControl-addOn {
+  .a-Form-item .a-TextControl-addOn {
     border: none;
   }
   .a-Form-item .a-Form-label {
@@ -37899,6 +37707,9 @@ td.rdtQuarter.rdtDisabled:hover > span {
     margin-bottom: 0;
     font-size: var(--fontSizeLg);
   }
+  .a-Form-item .a-Form-label + .a-Form-item-controlBox {
+    max-width: 72%;
+  }
   .a-Form-item .a-Form-label > span {
     line-height: 2rem;
     display: inline-block;
@@ -37947,7 +37758,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
     text-align: center;
   }
   .a-Form-item .a-Number--enhance .a-InputNumber-enhance-minus,
-.a-Form-item .a-Number--enhance .a-InputNumber-enhance-plus {
+  .a-Form-item .a-Number--enhance .a-InputNumber-enhance-plus {
     width: var(--inputNumber-enhance-mobile-icon-inner-width);
     height: var(--inputNumber-enhance-mobile-icon-inner-height);
     display: flex;
@@ -37959,48 +37770,48 @@ td.rdtQuarter.rdtDisabled:hover > span {
     padding-right: var(--inputNumber-enhance-default-paddingRight);
   }
   .a-Form-item .a-Form-value,
-.a-Form-item .a-Form-control {
+  .a-Form-item .a-Form-control {
     flex: 1;
     flex-wrap: wrap;
     font-size: var(--fontSizeLg);
   }
   .a-Form-item .a-Form-value .a-ColorPicker > input,
-.a-Form-item .a-Form-control .a-ColorPicker > input {
+  .a-Form-item .a-Form-control .a-ColorPicker > input {
     height: 100%;
   }
   .a-Form-item .a-Form-value .a-ResultBox,
-.a-Form-item .a-Form-control .a-ResultBox {
+  .a-Form-item .a-Form-control .a-ResultBox {
     height: 100%;
   }
   .a-Form-item .a-Form-value .a-ResultBox .a-ResultBox-value-wrap,
-.a-Form-item .a-Form-control .a-ResultBox .a-ResultBox-value-wrap {
+  .a-Form-item .a-Form-control .a-ResultBox .a-ResultBox-value-wrap {
     justify-content: flex-end;
     text-align: right;
   }
   .a-Form-item .a-Form-value.is-disabled > .a-TextControl-input,
-.a-Form-item .a-Form-control.is-disabled > .a-TextControl-input {
+  .a-Form-item .a-Form-control.is-disabled > .a-TextControl-input {
     background: transparent;
   }
   .a-Form-item .a-SelectControl.a-Form-control {
     overflow: hidden;
   }
   .a-Form-item .a-Form-hint,
-.a-Form-item .a-Form-remark,
-.a-Form-item .a-Form-group--hor .a-Form-item,
-.a-Form-item .a-SwitchControl,
-.a-Form-item .a-CheckboxControl,
-.a-Form-item .a-RadiosControl,
-.a-Form-item .a-CheckboxesControl {
+  .a-Form-item .a-Form-remark,
+  .a-Form-item .a-Form-group--hor .a-Form-item,
+  .a-Form-item .a-SwitchControl,
+  .a-Form-item .a-CheckboxControl,
+  .a-Form-item .a-RadiosControl,
+  .a-Form-item .a-CheckboxesControl {
     padding-top: 0;
     padding-bottom: 0;
   }
   .a-Form-item .a-SwitchControl,
-.a-Form-item .a-TransferControl,
-.a-Form-item .a-TagControl,
-.a-Form-item .a-CheckboxControl,
-.a-Form-item .a-TreeSelectControl,
-.a-Form-item .a-NestedSelectControl,
-.a-Form-item .a-TabsTransferControl {
+  .a-Form-item .a-TransferControl,
+  .a-Form-item .a-TagControl,
+  .a-Form-item .a-CheckboxControl,
+  .a-Form-item .a-TreeSelectControl,
+  .a-Form-item .a-NestedSelectControl,
+  .a-Form-item .a-TabsTransferControl {
     padding-top: 0.1875rem;
   }
   .a-Form-item--inline {
@@ -38008,6 +37819,9 @@ td.rdtQuarter.rdtDisabled:hover > span {
   }
   .a-Form-item .a-Form-item-controlBox {
     flex: 1;
+    max-width: -moz-available;
+    max-width: -webkit-fill-available;
+    max-width: fill-available;
   }
   .a-Form-item .a-Form-static .a-Progress {
     margin-top: 0.1875rem;
@@ -38030,11 +37844,11 @@ td.rdtQuarter.rdtDisabled:hover > span {
     min-height: 0;
   }
   .a-Form-item .a-Form-description,
-.a-Form-item .a-Form-feedback {
+  .a-Form-item .a-Form-feedback {
     font-size: var(--fontSizeBase);
   }
   .a-Form-item .a-InputGroup .a-Select,
-.a-Form-item .a-InputGroup .a-InputGroup-btn .a-Button {
+  .a-Form-item .a-InputGroup .a-InputGroup-btn .a-Button {
     border: none;
   }
   .a-Form-item .a-InputGroup > .a-TextControl-input input {
@@ -38051,20 +37865,20 @@ td.rdtQuarter.rdtDisabled:hover > span {
     margin-bottom: var(--gap-xs);
   }
   .a-Form-item .a-TextareaControl > textarea,
-.a-Form-item .a-Form-control > .a-TextControl-input,
-.a-Form-item .a-TextControl.is-focused > .a-TextControl-input {
+  .a-Form-item .a-Form-control > .a-TextControl-input,
+  .a-Form-item .a-TextControl.is-focused > .a-TextControl-input {
     border: none;
     padding: 0 var(--Form-input-paddingX) 0 0;
     box-shadow: none;
     border-radius: 0;
   }
   .a-Form-item .a-TextareaControl > textarea:hover, .a-Form-item .a-TextareaControl > textarea:focus, .a-Form-item .a-TextareaControl > textarea.active,
-.a-Form-item .a-Form-control > .a-TextControl-input:hover,
-.a-Form-item .a-Form-control > .a-TextControl-input:focus,
-.a-Form-item .a-Form-control > .a-TextControl-input.active,
-.a-Form-item .a-TextControl.is-focused > .a-TextControl-input:hover,
-.a-Form-item .a-TextControl.is-focused > .a-TextControl-input:focus,
-.a-Form-item .a-TextControl.is-focused > .a-TextControl-input.active {
+  .a-Form-item .a-Form-control > .a-TextControl-input:hover,
+  .a-Form-item .a-Form-control > .a-TextControl-input:focus,
+  .a-Form-item .a-Form-control > .a-TextControl-input.active,
+  .a-Form-item .a-TextControl.is-focused > .a-TextControl-input:hover,
+  .a-Form-item .a-TextControl.is-focused > .a-TextControl-input:focus,
+  .a-Form-item .a-TextControl.is-focused > .a-TextControl-input.active {
     border: none;
     outline: none;
     outline-style: none;
@@ -38073,27 +37887,21 @@ td.rdtQuarter.rdtDisabled:hover > span {
     padding: 0;
     min-height: 0;
   }
-
   .a-Form-groupColumn {
     margin-bottom: 0;
   }
-
   .a-Form-item:nth-last-of-type(1)::after {
     display: none;
   }
-
   .a-Form-item.is-placeholder::after {
     display: none;
   }
-
   .a-Tabs-pane {
     padding: 0;
   }
-
   .a-Form-item .a-Form-groupColumn > .a-Form-item {
     padding-bottom: var(--Form-input-paddingX);
   }
-
   .a-Form-groupColumn {
     position: relative;
   }
@@ -38107,7 +37915,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
     left: 0;
     border-bottom: var(--Form-input-borderWidth) solid var(--borderColor);
   }
-
   .a-Form-groupColumn:nth-last-of-type(1)::after {
     display: none;
   }
@@ -39033,7 +38840,8 @@ td.rdtQuarter.rdtDisabled:hover > span {
   margin-right: 5px;
 }
 .a-FormulaEditor-editor {
-  height: 12.5rem;
+  min-height: 12.5rem;
+  height: calc(100% - 35px);
   padding: 0.3125rem;
   padding-right: 0;
 }
@@ -39470,11 +39278,14 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .a-FormulaPicker.is-input-group {
   border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
-  padding: var(--Form-input-paddingY) var(--Form-input-paddingX);
+  padding: 0 var(--Form-input-paddingX) 0 0;
   border-radius: var(--borderRadius);
   background-color: #fff;
   height: var(--Form-input-height);
 }
+.a-FormulaPicker.is-input-group.a-FormulaPicker--text {
+  padding: var(--Form-input-paddingY) var(--Form-input-paddingX);
+}
 .a-FormulaPicker.is-input-group .a-FormulaPicker-input {
   display: flex;
   align-items: center;
@@ -39482,14 +39293,30 @@ td.rdtQuarter.rdtDisabled:hover > span {
   padding: 0;
   border: 0;
   margin: 0;
+  margin-right: 0.625rem;
+  max-width: unset;
 }
 .a-FormulaPicker.is-input-group .a-FormulaPicker-input:focus {
   border: none;
   outline: none;
   box-sizing: none;
 }
+.a-FormulaPicker.is-input-group .a-FormulaPicker-input-number, .a-FormulaPicker.is-input-group .a-FormulaPicker-input-select, .a-FormulaPicker.is-input-group .a-FormulaPicker-input-boolean, .a-FormulaPicker.is-input-group .a-FormulaPicker-input-date, .a-FormulaPicker.is-input-group .a-FormulaPicker-input-time, .a-FormulaPicker.is-input-group .a-FormulaPicker-input-datetime {
+  height: var(--InputFormula-input-schema-height);
+  padding-left: var(--Form-input-paddingX);
+}
+.a-FormulaPicker.is-input-group .a-FormulaPicker-input-number .a-Number-handler-wrap {
+  height: unset; /* 避免调节器超出Input框 */
+}
+.a-FormulaPicker.is-input-group .a-FormulaPicker-input-variable {
+  border: none;
+  min-height: unset;
+  line-height: 1.125rem;
+  padding-top: 0;
+  padding-bottom: 0;
+}
 .a-FormulaPicker.is-input-group .a-FormulaPicker-toggler .icon-function {
-  transform: scale(1.8);
+  transform: scale(1.3);
 }
 .a-FormulaPicker.is-input-group .a-FormulaPicker-toggler .icon-ellipsis-v {
   transform: rotate(90deg);
@@ -39588,9 +39415,10 @@ td.rdtQuarter.rdtDisabled:hover > span {
   color: var(--Timeline-detail-icon-color);
   width: var(--TimelineItem-detail-arrow-width);
   height: var(--TimelineItem-detail-arrow-width);
+  transition: transform var(--animation-duration);
 }
 .a-Timeline-vertical .a-TimelineItem-content .a-TimelineItem-detail .a-TimelineItem-detail-arrow-top {
-  transform: rotateX(180deg);
+  transform: rotate(180deg);
 }
 .a-Timeline-vertical .a-TimelineItem-content .a-TimelineItem-detail .a-TimelineItem-detail-visible {
   display: block;
@@ -39964,6 +39792,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .AMISDebug-tab {
   overflow: hidden;
+  border-bottom: 1px solid #3d3d3d;
 }
 .AMISDebug-tab > button {
   color: inherit;
@@ -40006,6 +39835,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .AMISDebug-content {
   pointer-events: all;
   display: none;
+  height: 100%;
 }
 .AMISDebug-resize {
   position: absolute;
@@ -40034,7 +39864,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .AMISDebug.is-expanded {
   width: 420px;
-  overflow: auto;
   background: #272821;
   color: #cccccc;
   box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
@@ -40076,6 +39905,30 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .AMISDebug-inspect {
   padding: var(--gap-sm);
 }
+.AMISDebug-log, .AMISDebug-inspect {
+  height: 100%;
+  overflow: auto;
+  scrollbar-width: thin;
+  scrollbar-color: #6b6b6b #2b2b2b;
+}
+.AMISDebug-log::-webkit-scrollbar, .AMISDebug-inspect::-webkit-scrollbar {
+  position: relative;
+  z-index: 10;
+  background-color: #2c2c2c;
+  width: 16px;
+  height: 16px;
+  border-left: 1px solid #3d3d3d;
+}
+.AMISDebug-log::-webkit-scrollbar-thumb, .AMISDebug-inspect::-webkit-scrollbar-thumb {
+  background: #6b6b6b;
+  background-clip: content-box;
+  border: 4px solid transparent;
+  border-radius: 500px;
+}
+.AMISDebug-log::-webkit-scrollbar-thumb:hover, .AMISDebug-inspect::-webkit-scrollbar-thumb:hover {
+  background: #939393;
+  background-clip: content-box;
+}
 .AMISDebug-logLine {
   overflow-x: hidden;
 }
@@ -40321,6 +40174,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .a-Nav-Menu-submenu-title {
   display: flex;
+  align-items: center;
   justify-content: space-between;
 }
 .a-Nav-Menu-submenu-title .a-Nav-Menu-item-wrap {