amis 2.7.3-beta.0 → 2.8.0

package/lib/themes/ang-ie11.css

@@ -8629,7 +8629,7 @@ body.video-react-full-window .video-react-fullscreen {
 }
 .rdtPicker td > span {
   display: inline-block;
-  border-radius: 2px;
+  border-radius: 1px 1px 1px 1px;
   height: 24px;
   width: 24px;
 }
@@ -8643,7 +8643,11 @@ body.video-react-full-window .video-react-fullscreen {
 }
 .rdtPicker td.rdtOld,
 .rdtPicker td.rdtNew {
-  color: #b8babf;
+  color: #b9b8bf;
+}
+.rdtPicker td.rdtOld span,
+.rdtPicker td.rdtNew span {
+  background: transparent;
 }
 .rdtPicker td.rdtToday {
   position: relative;
@@ -10974,6 +10978,9 @@ img.a-AsideNav-itemIcon {
   height: 0.875rem;
   vertical-align: middle;
 }
+.a-Button--size-default.a-Button--iconOnly {
+  min-width: 2rem;
+}
 .a-Button--size-xs {
   font-size: 12px;
   font-weight: 400;
@@ -11010,7 +11017,7 @@ img.a-AsideNav-itemIcon {
   vertical-align: middle;
 }
 .a-Button--size-xs.a-Button--iconOnly {
-  min-width: calc(var(--Button--xs-height) * var(--Button--iconOnly-minWidthRate));
+  min-width: 1.375rem;
 }
 .a-Button--size-sm {
   font-size: 12px;
@@ -11048,7 +11055,7 @@ img.a-AsideNav-itemIcon {
   vertical-align: middle;
 }
 .a-Button--size-sm.a-Button--iconOnly {
-  min-width: calc(var(--Button--sm-height) * var(--Button--iconOnly-minWidthRate));
+  min-width: 1.875rem;
 }
 .a-Button--size-md {
   font-size: 14px;
@@ -11086,7 +11093,7 @@ img.a-AsideNav-itemIcon {
   vertical-align: middle;
 }
 .a-Button--size-md.a-Button--iconOnly {
-  min-width: calc(var(--Button--md-height) * var(--Button--iconOnly-minWidthRate));
+  min-width: 2rem;
 }
 .a-Button--size-lg {
   font-size: 14px;
@@ -11124,15 +11131,14 @@ img.a-AsideNav-itemIcon {
   vertical-align: middle;
 }
 .a-Button--size-lg.a-Button--iconOnly {
-  min-width: calc(var(--Button--lg-height) * var(--Button--iconOnly-minWidthRate));
+  min-width: 2.375rem;
 }
 .a-Button--iconOnly {
-  min-width: calc(var(--Button-height) * var(--Button--iconOnly-minWidthRate));
+  padding: 0;
 }
 .a-Button--iconOnly:not(.a-Button--link) > svg.icon {
   width: 0.875rem;
   height: 0.875rem;
-  top: 0.125rem;
 }
 .a-Button--iconOnly:not(.a-Button--link) > .fa,
 .a-Button--iconOnly:not(.a-Button--link) > .iconfont {
@@ -12840,7 +12846,7 @@ input[type=button].a-Button--block {
   z-index: 1;
   width: 100%;
   height: 100%;
-  background-image: linear-gradient(180deg, hsla(0deg, 0%, 100%, 0.9), hsla(0deg, 0%, 100%, 0.4)), linear-gradient(0deg, hsla(0deg, 0%, 100%, 0.9), hsla(0deg, 0%, 100%, 0.4));
+  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.9), hsla(0, 0%, 100%, 0.4)), linear-gradient(0deg, hsla(0, 0%, 100%, 0.9), hsla(0, 0%, 100%, 0.4));
   background-repeat: no-repeat;
   background-position: top, bottom;
   transform: translateZ(0);
@@ -15743,13 +15749,13 @@ input[type=button].a-Button--block {
 }
 .a-ScheduleCalendar .rdt .rdtPicker td.rdtActive {
   background: transparent;
-  color: #151b26;
+  color: #181526;
 }
 .a-ScheduleCalendar .rdt .rdtPicker td.rdtActive > span {
   background: transparent !important;
 }
 .a-ScheduleCalendar .rdt .rdtPicker td.rdtActive:hover {
-  background: #f7f7f9;
+  background: #ffffff;
 }
 .a-ScheduleCalendar-large {
   width: 100%;
@@ -15879,7 +15885,7 @@ input[type=button].a-Button--block {
 .a-CalendarMobile-body .rdt .rdtPicker td.rdtActive,
 .a-CalendarMobile-body .rdt .rdtPicker td.rdtActive:hover {
   background: transparent;
-  color: #151b26;
+  color: #181526;
   text-shadow: none;
 }
 .a-CalendarMobile-body .rdt .rdtPicker tr td.rdtDisabled,
@@ -15965,7 +15971,7 @@ input[type=button].a-Button--block {
   display: none;
 }
 .a-CalendarMobile .a-CalendarMobile-calendar-wrap .a-CalendarMobile-calendar .rdtPicker .rdtBetween {
-  background: rgba(0, 123, 255, 0.1) !important;
+  background: rgba(0, 126, 255, 0.08) !important;
   color: var(--Button--primary-bg);
 }
 .a-CalendarMobile .a-CalendarMobile-calendar-wrap .a-CalendarMobile-calendar .rdtPicker .rdtBetween::after {
@@ -15975,17 +15981,17 @@ input[type=button].a-Button--block {
 .a-CalendarMobile .a-CalendarMobile-calendar-wrap .a-CalendarMobile-calendar .rdtPicker .rdtRangeStart:hover .calendar-wrap,
 .a-CalendarMobile .a-CalendarMobile-calendar-wrap .a-CalendarMobile-calendar .rdtPicker .rdtRangeEnd .calendar-wrap,
 .a-CalendarMobile .a-CalendarMobile-calendar-wrap .a-CalendarMobile-calendar .rdtPicker .rdtRangeEnd:hover .calendar-wrap {
-  background: #23b7e5 !important;
+  background: #7266ba !important;
   color: #fff;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
 }
 .a-CalendarMobile .a-CalendarMobile-calendar-wrap .a-CalendarMobile-calendar .rdtPicker .rdtRangeHasEnd,
 .a-CalendarMobile .a-CalendarMobile-calendar-wrap .a-CalendarMobile-calendar .rdtPicker .rdtRangeHasEnd:hover {
-  background: linear-gradient(to right, transparent 0%, transparent 50%, rgba(0, 123, 255, 0.1) 51%, rgba(0, 123, 255, 0.1) 100%) !important;
+  background: linear-gradient(to right, transparent 0%, transparent 50%, rgba(0, 126, 255, 0.08) 51%, rgba(0, 126, 255, 0.08) 100%) !important;
 }
 .a-CalendarMobile .a-CalendarMobile-calendar-wrap .a-CalendarMobile-calendar .rdtPicker .rdtRangeEnd,
 .a-CalendarMobile .a-CalendarMobile-calendar-wrap .a-CalendarMobile-calendar .rdtPicker .rdtRangeEnd:hover {
-  background: linear-gradient(to right, rgba(0, 123, 255, 0.1) 0%, rgba(0, 123, 255, 0.1) 50%, transparent 51%, transparent 100%) !important;
+  background: linear-gradient(to right, rgba(0, 126, 255, 0.08) 0%, rgba(0, 126, 255, 0.08) 50%, transparent 51%, transparent 100%) !important;
 }
 .a-CalendarMobile .a-CalendarMobile-calendar-wrap .a-CalendarMobile-calendar .rdtPicker .rdtToday {
   border: none;
@@ -18560,10 +18566,6 @@ input[type=button].a-Button--block {
   flex-wrap: wrap;
   justify-content: space-between;
 }
-.a-InputTable-toolbar .a-Button {
-  border-color: transparent;
-  color: #7266ba;
-}
 .a-InputTable-pager {
   margin-left: auto;
 }
@@ -22267,6 +22269,23 @@ input[type=button].a-Button--block {
   align-items: center;
   border-radius: 3px;
   position: relative;
+  color: #181526;
+  font-weight: 400;
+  border-width: 1px
+    1px
+    1px
+    1px;
+  border-style: solid solid solid solid;
+  border-color: #e9e8eb
+    #e9e8eb
+    #e9e8eb
+    #e9e8eb;
+  background: transparent;
+  border-radius: 2px
+    2px
+    2px
+    2px;
+  padding: 0.25rem 0.625rem 0.25rem 0.625rem;
 }
 .a-ResultBox input {
   flex-basis: 1.875rem;
@@ -22304,29 +22323,39 @@ input[type=button].a-Button--block {
   border-color: #e62525;
   background: #ffffff;
 }
-.a-ResultBox.is-focused, .a-ResultBox.is-active, .a-ResultBox:focus {
+.a-ResultBox.is-focused, .a-ResultBox:focus {
   outline: none;
-  border-color: #7266ba;
-  box-shadow: none;
-  background: #ffffff;
+  background: transparent;
+  border-width: 1px 1px 1px 1px;
+  border-style: solid solid solid solid;
+  border-color: #7266ba #7266ba #7266ba #7266ba;
+}
+.a-ResultBox.is-active, .a-ResultBox.is-opened {
+  border-width: 1px 1px 1px 1px;
+  border-style: solid solid solid solid;
+  border-color: #7266ba #7266ba #7266ba #7266ba;
+  box-shadow: 0px 0px 0px 0px transparent;
+  background: transparent;
 }
 .a-ResultBox.is-clickable:not(.is-disabled) {
   cursor: pointer;
 }
 .a-ResultBox.is-clickable:not(.is-disabled):hover {
-  border-color: #7266ba;
-  box-shadow: none;
-  background: #ffffff;
+  background: transparent;
+  border-width: 1px 1px 1px 1px;
+  border-style: solid solid solid solid;
+  border-color: #7266ba #7266ba #7266ba #7266ba;
 }
 .a-ResultBox.is-error.is-focused {
   border-color: #e62525;
 }
 .a-ResultBox.is-disabled {
   color: #b9b8bf;
-  background: #ffffff;
-  border-color: #e9e8eb;
   pointer-events: none;
-  background: #f7f7f9;
+  border-width: 1px 1px 1px 1px;
+  border-style: solid solid solid solid;
+  border-color: #e9e8eb #e9e8eb #e9e8eb #e9e8eb;
+  background: #ffffff;
 }
 .a-ResultBox.is-disabled div.a-ResultBox-value {
   background: #e8e9eb;
@@ -22421,19 +22450,18 @@ input[type=button].a-Button--block {
 }
 .a-ResultBox-value {
   background: #ffffff;
-  color: #000;
-  font-size: 14px;
-  padding: 0 0.25rem;
+  color: #181526;
+  font-size: 12px;
   min-height: 1.5rem;
   flex-wrap: nowrap;
   display: inline-flex;
   align-items: center;
-  margin-right: 0.25rem;
-  margin-bottom: 0.125rem;
+  padding: 0rem 0.25rem 0rem 0.25rem;
+  margin: 0rem 0.25rem 0.125rem 0rem;
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
-  border-radius: 0.125rem;
+  border-radius: 1px 1px 1px 1px;
 }
 .a-ResultBox-value > a {
   cursor: pointer;
@@ -22441,7 +22469,7 @@ input[type=button].a-Button--block {
   color: #b9b8bf;
 }
 .a-ResultBox-value > a:hover {
-  color: #666666;
+  color: #181526;
 }
 .a-ResultBox-value > a > svg {
   width: 0.625rem;
@@ -22451,7 +22479,7 @@ input[type=button].a-Button--block {
   top: 0;
 }
 .a-ResultBox-value:hover {
-  background: rgba(0, 145, 255, 0.1);
+  background: rgba(0, 126, 255, 0.08);
 }
 .a-ResultBox-value.is-disabled {
   pointer-events: none;
@@ -22474,9 +22502,6 @@ input[type=button].a-Button--block {
   padding-left: 8px;
   min-height: 24px;
 }
-.a-ResultBox.a-TransferDropDown {
-  padding: 0 0.75rem;
-}
 .a-ResultBox.a-TransferDropDown.is-group > .a-TransferDropDown-icon {
   margin-right: 0.5rem;
 }
@@ -22487,7 +22512,7 @@ input[type=button].a-Button--block {
   background: #ffffff;
 }
 .a-ResultBox.a-TransferDropDown > .a-ResultBox-value:hover {
-  background: #e9e8eb;
+  background: rgba(0, 126, 255, 0.08);
 }
 .a-ResultBox-overflow-wrapper {
   display: flex;
@@ -23812,6 +23837,15 @@ fieldset.a-Collapse--lg:after {
 .a-InputGroup:not(.is-inline) {
   display: flex;
 }
+.a-InputGroup-validation--full.is-error > .a-Form-control {
+  border-color: #e62525;
+  transition: all 0.2s;
+}
+.a-InputGroup-validation--partial.is-error > .a-Form-control.is-error {
+  border-color: #e62525;
+  background: #ffffff;
+  transition: all 0.2s;
+}
 .a-TextControl {
   position: relative;
   max-width: 100%;
@@ -23935,6 +23969,7 @@ fieldset.a-Collapse--lg:after {
 .a-TextControl .a-TextControl-clear svg {
   font-size: 0.875rem;
   fill: #7266ba;
+  color: #7266ba;
   width: 0.875rem;
   height: 0.875rem;
 }
@@ -24003,6 +24038,11 @@ fieldset.a-Collapse--lg:after {
   display: flex;
   flex-wrap: nowrap;
 }
+.a-TextControl--withAddOn:hover .a-TextControl-input,
+.a-TextControl--withAddOn:hover .a-Button,
+.a-TextControl--withAddOn:hover .a-TextControl-addOn {
+  border-color: #7266ba;
+}
 @media (min-width: 576px) {
   .a-TextControl--withAddOn.a-Form-control--sizeXs, .a-TextControl--withAddOn.a-Form-control--sizeSm, .a-TextControl--withAddOn.a-Form-control--sizeMd, .a-TextControl--withAddOn.a-Form-control--sizeLg {
     display: inline-flex;
@@ -24011,17 +24051,17 @@ fieldset.a-Collapse--lg:after {
     min-width: unset;
   }
 }
-.a-TextControl--withAddOn > .a-TextControl-input {
+.a-TextControl--withAddOn > .a-TextControl-input, .a-TextControl--withAddOn.is-focused > .a-TextControl-input {
   flex-basis: 1;
   flex-grow: 1;
   min-width: 0;
   border-radius: 0;
 }
-.a-TextControl--withAddOn > .a-TextControl-input:first-child {
+.a-TextControl--withAddOn > .a-TextControl-input:first-child, .a-TextControl--withAddOn.is-focused > .a-TextControl-input:first-child {
   border-top-left-radius: 2px;
   border-bottom-left-radius: 2px;
 }
-.a-TextControl--withAddOn > .a-TextControl-input:last-child {
+.a-TextControl--withAddOn > .a-TextControl-input:last-child, .a-TextControl--withAddOn.is-focused > .a-TextControl-input:last-child {
   border-top-right-radius: 2px;
   border-bottom-right-radius: 2px;
 }
@@ -24042,6 +24082,8 @@ fieldset.a-Collapse--lg:after {
 }
 .a-TextControl-addOn:first-child {
   border-left-width: 1px;
+  border-top-left-radius: 2px;
+  border-bottom-left-radius: 2px;
 }
 .a-TextControl-addOn:last-child {
   border-right-width: 1px;
@@ -24052,7 +24094,7 @@ fieldset.a-Collapse--lg:after {
   position: relative;
   border-radius: 0;
   margin-left: -0.0625rem;
-  border: 1px solid #e9e8eb;
+  transition: none;
 }
 .a-TextControl--withAddOn > .a-TextControl-button:not(:last-child) .a-Button {
   border-right: 0;
@@ -24604,9 +24646,6 @@ input.a-TextControl-input-password {
 .a-Checkbox--full.a-Checkbox--checkbox:active input:checked + i {
   background: #584a94;
 }
-.a-Checkbox--full.a-Checkbox--checkbox:active input:checked + i:before {
-  background: #584a94;
-}
 .a-Checkbox--full.a-Checkbox--checkbox input:checked + i {
   border-color: #7266ba;
   background: #7266ba;
@@ -24995,15 +25034,20 @@ input.a-TextControl-input-password {
   padding: 0.25rem 0;
 }
 .a-GroupedSelection-group > .a-GroupedSelection-itemLabel {
-  height: 2rem;
-  padding: 0.25rem 0.75rem;
+  padding: 0.25rem 0.75rem 0.25rem 0.75rem;
   color: #85848c;
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 1.5;
 }
 .a-GroupedSelection-item {
   display: flex;
-  line-height: 1.5;
+  color: #181526;
+  background: transparent;
+  line-height: 2rem;
   font-size: 14px;
-  padding: calc((2rem - 1.5 * 14px) / 2) 0.5rem;
+  font-weight: 400;
+  padding: 0rem 0.625rem 0rem 0.625rem;
   flex-direction: row;
   cursor: pointer;
   -webkit-user-select: none;
@@ -25013,18 +25057,21 @@ input.a-TextControl-input-password {
 .a-GroupedSelection-item > .a-Checkbox {
   margin-right: 0.625rem;
 }
-.a-GroupedSelection-item.is-active {
-  background: transparent;
-}
 .a-GroupedSelection-item:hover {
-  background: #ffffff;
+  color: #181526;
+  background: rgba(0, 126, 255, 0.08);
 }
 .a-GroupedSelection-item:hover i {
   border: 1px solid #7266ba;
 }
+.a-GroupedSelection-item.is-active, .a-GroupedSelection-item.is-focused, .a-GroupedSelection-item.is-opened {
+  color: #7266ba;
+  background: transparent;
+}
 .a-GroupedSelection-item.is-disabled {
   pointer-events: none;
   color: #b9b8bf;
+  background: transparent;
 }
 .a-GroupedSelection-group > .a-GroupedSelection-items > .a-GroupedSelection-item {
   padding-left: calc(0.75rem * 2);
@@ -25071,26 +25118,31 @@ input.a-TextControl-input-password {
 }
 .a-TableSelection .a-Table-table > thead > tr > th,
 .a-TableSelection .a-Table-table > tbody > tr > td {
+  color: #181526;
   font-size: 12px;
-  padding-top: 0.25rem;
-  padding-bottom: 0.375rem;
   vertical-align: middle;
 }
 .a-TableSelection .a-Table-table > thead > tr > th {
-  padding-top: 0.375rem;
+  padding: 0.5rem 0.75rem 0.5rem 0.75rem;
 }
-.a-TableSelection .a-Table-table > thead > tr > th:first-child,
-.a-TableSelection .a-Table-table > tbody > tr > td:first-child {
-  padding-left: 0.625rem;
+.a-TableSelection .a-Table-table > tbody > tr > td {
+  padding: 0.375rem 0.75rem 0.5rem 0.75rem;
+}
+.a-TableSelection .a-Table-table > thead > tr > th:last-child {
+  padding-right: 1.125rem;
 }
-.a-TableSelection .a-Table-table > thead > tr > th:last-child,
 .a-TableSelection .a-Table-table > tbody > tr > td:last-child {
-  padding-right: 1rem;
+  padding-right: 1.125rem;
 }
-.a-TableSelection .a-Table-table > tbody > tr.is-active {
+.a-TableSelection .a-Table-table > tbody > tr.is-active > td {
   color: #7266ba;
   background: transparent;
 }
+.a-TableSelection .a-Table-table > tbody > tr:hover > td,
+.a-TableSelection .a-Table-table > tbody > tr.is-hovered > td {
+  color: #181526;
+  background: rgba(0, 126, 255, 0.08);
+}
 .a-TreeSelection .a-Table-expandBtn {
   color: #85848c;
   margin-right: 0.25rem;
@@ -25178,9 +25230,12 @@ input.a-TextControl-input-password {
 }
 .a-ChainedSelection-item {
   display: flex;
-  line-height: 1.5;
   font-size: 14px;
-  padding: calc((2rem - 1.5 * 14px) / 2) 0.5rem;
+  font-weight: 400;
+  color: #181526;
+  background: transparent;
+  line-height: 2rem;
+  padding: 0rem 0.625rem 0rem 0.625rem;
   flex-direction: row;
   cursor: pointer;
   -webkit-user-select: none;
@@ -25195,11 +25250,13 @@ input.a-TextControl-input-password {
   background: transparent;
 }
 .a-ChainedSelection-item:hover {
-  background: #ffffff;
+  color: #181526;
+  background: rgba(0, 126, 255, 0.08);
 }
 .a-ChainedSelection-item.is-disabled {
   pointer-events: none;
   color: #b9b8bf;
+  background: transparent;
 }
 .a-ChainedSelection-itemLabel {
   flex-grow: 1;
@@ -25497,6 +25554,7 @@ input.a-TextControl-input-password {
   border: 1px solid #e9e8eb;
   border-radius: 2px;
   overflow: hidden;
+  position: relative;
   border-width: 1px 1px 1px 1px;
   border-style: solid solid solid solid;
   border-color: #e9e8eb #e9e8eb #e9e8eb #e9e8eb;
@@ -25510,6 +25568,9 @@ input.a-TextControl-input-password {
   border-radius: 2px 2px 2px 2px;
   background: transparent;
 }
+.a-Number:hover .a-Number-input {
+  padding-right: calc(1.5rem + 0.75rem);
+}
 .a-Number-focused {
   border-width: 1px 1px 1px 1px;
   border-style: solid solid solid solid;
@@ -25613,7 +25674,8 @@ input.a-TextControl-input-password {
 }
 .a-Number-handler-wrap {
   display: none;
-  float: right;
+  position: absolute;
+  right: 0;
   border-left: 0.0625rem solid #e9e8eb;
   width: 1.5rem;
   height: 100%;
@@ -25638,8 +25700,6 @@ input.a-TextControl-input-password {
 .a-Number-disabled .a-Number-input {
   opacity: 0.72;
   cursor: not-allowed;
-  border-top-right-radius: 0px;
-  border-bottom-right-radius: 0px;
   color: #b9b8bf;
   background: #ffffff;
   border-color: #e9e8eb;
@@ -25678,12 +25738,12 @@ input.a-TextControl-input-password {
   padding: calc(
     (
         2rem - 1.5 *
-          14px - 1px * 2
+          14px - 0.0625rem * 2
       ) / 2
   ) 0 calc(
     (
         2rem - 1.5 *
-          14px - 1px * 2
+          14px - 0.0625rem * 2
       ) / 2
   ) 0.625rem;
 }
@@ -25720,6 +25780,9 @@ input.a-TextControl-input-password {
   border-color: #7266ba #7266ba #7266ba #7266ba;
   border-radius: 2px 2px 2px 2px;
 }
+.a-Number--enhance:hover .a-Number-input {
+  padding-right: 0.75rem;
+}
 .a-Number--enhance:hover .a-Number--enhance-input {
   background: transparent;
 }
@@ -25877,11 +25940,23 @@ input.a-TextControl-input-password {
   outline: none;
   position: relative;
   font-size: 14px;
-  border: 1px solid #e9e8eb;
-  background: #ffffff;
-  border-radius: 2px;
+  font-weight: 400;
+  border-width: 1px
+    1px
+    1px
+    1px;
+  border-style: solid solid solid solid;
+  border-color: #e9e8eb
+    #e9e8eb
+    #e9e8eb
+    #e9e8eb;
+  background: transparent;
+  border-radius: 2px
+    2px
+    2px
+    2px;
   min-height: 2rem;
-  padding: calc((2rem - 1.5 * 14px - 1px * 2) / 2) 0 calc((2rem - 1.5 * 14px - 1px * 2) / 2) 0.625rem;
+  padding: 0.25rem 0.625rem 0.25rem 0.625rem;
   cursor: pointer;
   color: #181526;
 }
@@ -25889,19 +25964,34 @@ input.a-TextControl-input-password {
   display: flex;
 }
 .a-Select:hover {
-  background: #ffffff;
-  border-color: #7266ba;
+  background: transparent;
+  border-width: 1px 1px 1px 1px;
+  border-style: solid solid solid solid;
+  border-color: #7266ba #7266ba #7266ba #7266ba;
 }
 .a-Select:hover .a-Select-arrow:before {
   color: #85848c;
 }
 .a-Select:active {
-  border-color: var(--Button--default-onActive-border);
+  border-width: 1px 1px 1px 1px;
+  border-style: solid solid solid solid;
+  border-color: #7266ba #7266ba #7266ba #7266ba;
+  box-shadow: 0px 0px 0px 0px transparent;
+  background: transparent;
+}
+.a-Select.is-focused:not(.is-mobile), .a-Select.is-opened:not(.is-mobile) {
+  border-width: 1px 1px 1px 1px;
+  border-style: solid solid solid solid;
+  border-color: #7266ba #7266ba #7266ba #7266ba;
+  box-shadow: 0px 0px 0px 0px transparent;
+  background: transparent;
+  color: #181526;
 }
 .a-Select.is-disabled {
-  color: #b9b8bf;
+  border-width: 1px 1px 1px 1px;
+  border-style: solid solid solid solid;
+  border-color: #e9e8eb #e9e8eb #e9e8eb #e9e8eb;
   background: #ffffff;
-  border-color: #e9e8eb;
 }
 .a-Select:focus {
   box-shadow: none;
@@ -25910,12 +26000,10 @@ input.a-TextControl-input-password {
   margin-top: 0.25rem;
 }
 .a-Select .a-PopOver.a-Select-popover .a-Select-menu .a-Select-option {
-  height: 2rem;
   line-height: 2rem;
 }
 .a-Select .a-PopOver.a-Select-popover .a-Select-menu .a-Select-addBtn {
-  height: 2rem;
-  line-height: 1.875rem;
+  line-height: 2rem;
 }
 .a-Select--borderHalf {
   border-left-color: transparent !important;
@@ -25951,7 +26039,6 @@ input.a-TextControl-input-password {
   white-space: nowrap;
 }
 .a-Select-value {
-  line-height: calc(1.5 * 14px);
   white-space: nowrap;
   max-width: 100%;
   overflow: hidden;
@@ -25966,7 +26053,7 @@ input.a-TextControl-input-password {
 .a-Select--multi {
   height: auto;
   min-height: 2rem;
-  padding: 0.25rem 0 0.25rem 0.25rem;
+  padding: 0.25rem 0.625rem 0.25rem 0.625rem;
 }
 .a-Select--multi .a-Select-valueWrap > input {
   display: inline-block;
@@ -25991,19 +26078,20 @@ input.a-TextControl-input-password {
   display: inline-block;
   vertical-align: middle;
   font-size: 12px;
+  font-weight: 400;
+  color: #181526;
   background: #ffffff;
   border: 0.0625rem solid #f3f2f5;
-  border-radius: 0.125rem;
-  margin-right: 0.25rem;
-  margin-bottom: 0.25rem;
+  border-radius: 1px 1px 1px 1px;
+  padding: 0rem 0.25rem 0rem 0.25rem;
+  margin: 0rem 0.25rem 0.125rem 0rem;
 }
 .a-Select--multi .a-Select-value:hover {
-  background-color: #e9e8eb;
+  background-color: rgba(0, 126, 255, 0.08);
 }
 .a-Select--multi .a-Select-valueLabel {
   display: inline-block;
   max-width: 7.5rem;
-  padding: 0 0.25rem;
   overflow: hidden;
   vertical-align: top;
   text-overflow: ellipsis;
@@ -26011,8 +26099,8 @@ input.a-TextControl-input-password {
 }
 .a-Select-valueIcon {
   cursor: pointer;
-  padding: 1px 5px;
-  color: #5d5c66;
+  margin-left: 0.625rem;
+  color: #b9b8bf;
 }
 .a-Select-valueIcon:hover {
   color: #181526;
@@ -26028,7 +26116,6 @@ input.a-TextControl-input-password {
   height: 0.625rem;
 }
 .a-Select-arrow {
-  margin-right: 0.75rem;
   width: 1rem;
   text-align: center;
   display: flex;
@@ -26115,8 +26202,13 @@ input.a-TextControl-input-password {
 }
 .a-Select-option {
   cursor: pointer;
-  padding: calc((1.5rem - 1.5 * 14px) / 2) 0.625rem;
+  padding: 0rem 0.625rem 0rem 0.625rem;
   display: flex;
+  color: #181526;
+  font-size: 14px;
+  font-weight: 400;
+  background: transparent;
+  line-height: 2rem;
 }
 .a-Select-option-checkbox {
   width: 100%;
@@ -26142,19 +26234,31 @@ input.a-TextControl-input-password {
   overflow: hidden;
   white-space: nowrap;
   width: 100%;
+  font-size: 14px;
+  font-weight: 400;
+  color: #181526;
 }
 .a-Select-option.is-active {
   color: #7266ba;
   background: transparent;
 }
+.a-Select-option.is-active .a-Select-option-checkbox > label > span {
+  color: #7266ba;
+}
 .a-Select-option.is-highlight {
   color: #181526;
   background: rgba(0, 126, 255, 0.08);
 }
+.a-Select-option.is-highlight .a-Select-option-checkbox > label > span {
+  color: #181526;
+}
 .a-Select-option.is-disabled {
   color: #b9b8bf;
   background: transparent;
 }
+.a-Select-option.is-disabled .a-Select-option-checkbox > label > span {
+  color: #b9b8bf;
+}
 .a-Select-option > label {
   display: block;
 }
@@ -26190,7 +26294,7 @@ input.a-TextControl-input-password {
 .a-Select-addBtn {
   display: block;
   cursor: pointer;
-  padding: calc((1.5rem - 1.5 * 14px) / 2) 0.625rem;
+  padding: 0rem 0.625rem 0rem 0.625rem;
 }
 .a-Select-addBtn:hover {
   text-decoration: none;
@@ -26200,10 +26304,6 @@ input.a-TextControl-input-password {
   height: 0.875rem;
   margin-right: 0.25rem;
 }
-.a-Select.is-focused:not(.is-mobile), .a-Select.is-opened:not(.is-mobile) {
-  border-color: #7266ba;
-  color: #181526;
-}
 .a-Select-spinner {
   line-height: calc(1.5 * 14px);
 }
@@ -26224,7 +26324,7 @@ input.a-TextControl-input-password {
   top: 0;
 }
 .a-Select-clear svg:hover > path:first-of-type {
-  fill: #5d5c66;
+  fill: #b9b8bf;
 }
 .a-Select-popup {
   height: 20rem;
@@ -26252,19 +26352,20 @@ input.a-TextControl-input-password {
   display: inline-block;
   vertical-align: middle;
   font-size: 12px;
+  font-weight: 400;
+  color: #181526;
   background: #ffffff;
   border: 0.0625rem solid #f3f2f5;
-  border-radius: 0.125rem;
-  margin-right: 0.25rem;
-  margin-bottom: 0.25rem;
+  border-radius: 1px 1px 1px 1px;
+  padding: 0rem 0.25rem 0rem 0.25rem;
+  margin: 0rem 0.25rem 0.125rem 0rem;
 }
 .a-Select-overflow-wrapper .a-Select-value:hover {
-  background-color: #e9e8eb;
+  background-color: rgba(0, 126, 255, 0.08);
 }
 .a-Select-overflow-wrapper .a-Select-valueLabel {
   display: inline-block;
   max-width: 7.5rem;
-  padding: 0 0.25rem;
   overflow: hidden;
   vertical-align: top;
   text-overflow: ellipsis;
@@ -26562,13 +26663,8 @@ input.a-TextControl-input-password {
   display: inline-flex;
   flex-wrap: nowrap;
   border: 1px solid #e9e8eb;
-  font-size: 12px;
-  padding: calc(
-    (
-        2rem - 1.5 *
-          12px
-      ) / 2 - 1px
-  ) 0.75rem;
+  font-size: 14px;
+  padding: 0.375rem 0.75rem;
   height: 2rem;
   outline: none;
   white-space: nowrap;
@@ -26587,7 +26683,7 @@ input.a-TextControl-input-password {
   color: #7266ba;
 }
 .a-LocationPicker.is-focused, .a-LocationPicker.is-active {
-  border-color: #584a94;
+  border-color: #7266ba;
   box-shadow: none;
 }
 .a-LocationPicker.is-disabled {
@@ -26829,22 +26925,31 @@ input.a-TextControl-input-password {
   position: relative;
   display: inline-flex;
   flex-wrap: nowrap;
-  border: 1px solid #e9e8eb;
-  font-size: 12px;
-  padding: calc(
-    (
-        2rem - 1.5 *
-          12px
-      ) / 2 - 1px
-  ) 0.75rem;
-  height: 2rem;
-  outline: none;
-  white-space: nowrap;
-  color: #181526;
-  background: #ffffff;
-  border-radius: 2px;
-  min-width: calc(
-    16px * 5 + 0.75rem * 2 +
+  border-width: 1px
+    1px
+    1px
+    1px;
+  border-style: solid
+    solid
+    solid
+    solid;
+  border-color: #e9e8eb
+    #e9e8eb
+    #e9e8eb
+    #e9e8eb;
+  font-size: 14px;
+  padding: 0.25rem 0.75rem 0.25rem 0.625rem;
+  height: 2rem;
+  outline: none;
+  white-space: nowrap;
+  color: #181526;
+  background: #ffffff;
+  border-radius: 2px
+    2px
+    2px
+    2px;
+  min-width: calc(
+    16px * 5 + 0.75rem * 2 +
       14px * 2
   );
 }
@@ -26854,6 +26959,9 @@ input.a-TextControl-input-password {
   background: none;
   padding: 0;
   border: 0;
+  font-size: 14px;
+  font-weight: 400;
+  color: #181526;
 }
 .a-DatePicker-input:focus {
   border: none;
@@ -26882,7 +26990,15 @@ input.a-TextControl-input-password {
 }
 .a-DatePicker:not(.is-disabled):hover {
   background: #ffffff;
-  border-color: #7266ba;
+  border-color: #7266ba
+    #7266ba
+    #7266ba
+    #7266ba;
+  border-style: solid solid solid solid;
+  border-width: 1px 1px 1px 1px;
+}
+.a-DatePicker:not(.is-disabled):hover .a-DatePicker-input {
+  color: #181526;
 }
 .a-DatePicker:not(.is-disabled):hover .a-DatePicker-clear {
   display: flex;
@@ -26891,17 +27007,26 @@ input.a-TextControl-input-password {
   display: none;
 }
 .a-DatePicker:not(.is-disabled).is-focused {
-  border-color: #584a94;
-  box-shadow: none;
+  background: #ffffff;
+  border-color: #7266ba
+    #7266ba
+    #7266ba
+    #7266ba;
+  box-shadow: 0px 0px 0px 0px transparent;
+  border-style: solid solid solid solid;
+  border-width: 1px 1px 1px 1px;
 }
-.a-DatePicker .a-DatePicker-input {
-  font-size: 14px;
+.a-DatePicker:not(.is-disabled).is-focused .a-DatePicker-input {
+  color: #181526;
 }
 .a-DatePicker.is-disabled {
-  background: #e5e7eb;
+  background: #ffffff;
+  border-width: 1px 1px 1px 1px;
+  border-style: solid solid solid solid;
+  border-color: #e9e8eb #e9e8eb #e9e8eb #e9e8eb;
 }
 .a-DatePicker.is-disabled > .a-DatePicker-input {
-  color: #b9b8bf;
+  color: #181526;
 }
 .a-DatePicker-placeholder {
   color: #b9b8bf;
@@ -26940,6 +27065,17 @@ input.a-TextControl-input-password {
 .a-DatePicker-toggler:active svg {
   fill: #323040;
 }
+.a-DatePicker-toggler svg {
+  color: #7266ba;
+  width: 0.875rem;
+  height: 0.875rem;
+}
+.a-DatePicker .DatePicker-toggler-clock {
+  content: '<svg viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>ic_时间</title><g id="ic_时间" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><circle id="1-FL" stroke="currentColor" cx="8" cy="8" r="6.5" stroke-width="1px" fill="none" stroke-linecap="butt" stroke-linejoin="round"/><polyline id="2-FLW" stroke="currentColor" points="7.87443646 5.5 7.87443646 8.53778873 5.5 9.28133409" stroke-width="1px" fill="none" stroke-linecap="butt" stroke-linejoin="round"/></g></svg>';
+}
+.a-DatePicker .DatePicker-toggler-date {
+  content: '<svg viewBox="0 0 13 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-1.338385, -2.000000)"><rect x="0" y="0" width="16" height="16"></rect><path d="M6,2 L6,3 L10,3 L10,2 L11,2 L11,3 L14,3 L14,14 L2,14 L2,3 L5,3 L5,2 L6,2 Z M13,7 L3,7 L3,13 L13,13 L13,7 Z M5,4 L3,4 L3,6 L13,6 L13,4 L11,4 L11,5 L10,5 L10,4 L6,4 L6,5 L5,5 L5,4 Z" fill="currentColor"></path></g></g></svg>';
+}
 .a-DatePicker-clear {
   padding: 0.1875rem;
   cursor: pointer;
@@ -26962,6 +27098,10 @@ input.a-TextControl-input-password {
 .a-DatePicker-clear:active svg {
   fill: #323040;
 }
+.a-DatePicker-clear svg {
+  width: 0.875rem;
+  height: 0.875rem;
+}
 .a-DateControl:not(.is-inline) > .a-DatePicker {
   display: flex;
 }
@@ -27037,7 +27177,7 @@ input.a-TextControl-input-password {
      -moz-user-select: none;
           user-select: none;
   font-size: 12px;
-  color: #151b26;
+  color: #181526;
 }
 .rdt .rdtDays {
   display: flex;
@@ -27093,7 +27233,8 @@ input.a-TextControl-input-password {
 .rdt .rdtPicker td.rdtMinute:hover span,
 .rdt .rdtPicker td.rdtSecond:hover span,
 .rdt .rdtPicker .rdtTimeToggle:hover span {
-  background: #f7f7f9;
+  color: #181526;
+  background: #ffffff;
 }
 .rdt .rdtPicker td.rdtToday > span {
   border: 1px solid #7266ba;
@@ -27102,10 +27243,10 @@ input.a-TextControl-input-password {
   background: transparent;
 }
 .rdt .rdtPicker td.rdtBetween {
-  background: rgba(0, 123, 255, 0.1);
+  background: rgba(0, 126, 255, 0.08);
 }
 .rdt .rdtPicker td.rdtToday:before {
-  border-bottom-color: #23b7e5;
+  border-bottom-color: #7266ba;
 }
 .rdt .rdtPicker td.rdtActive.rdtToday:before {
   border-bottom-color: #ffffff;
@@ -27117,7 +27258,8 @@ input.a-TextControl-input-password {
 }
 .rdt .rdtPicker td.rdtActive > span,
 .rdt .rdtPicker td.rdtActive:hover > span {
-  background: #23b7e5;
+  color: #ffffff;
+  background: #7266ba;
 }
 .rdt .rdtPicker .rdtActive.rdtToday {
   color: #151b26;
@@ -27126,7 +27268,7 @@ input.a-TextControl-input-password {
   border-color: #144bcc;
 }
 .rdt .rdtPicker td.rdtDisabled:hover > span {
-  background: #f7f7f9;
+  background: #ffffff;
 }
 .rdt thead tr:first-child th {
   cursor: default;
@@ -27188,6 +27330,8 @@ input.a-TextControl-input-password {
   text-align: center;
   height: 28px;
   line-height: 28px;
+  font-size: 12px;
+  font-weight: 400;
   cursor: pointer;
 }
 .a-CalendarInputWrapper .a-CalendarInput-sugsItem.is-highlight {
@@ -27196,7 +27340,7 @@ input.a-TextControl-input-password {
 }
 .a-CalendarInputWrapper .a-CalendarInput-sugsItem:hover {
   color: #181526;
-  background: #f7f7f9;
+  background: #ffffff;
 }
 .a-TimeContentWrapper {
   display: flex;
@@ -27423,7 +27567,7 @@ input.a-TextControl-input-password {
   cursor: pointer !important;
   width: 1rem;
   padding: 0;
-  color: #84868c;
+  color: #85848c;
   font-size: 18px;
   text-decoration: none;
   font-family: auto;
@@ -27486,11 +27630,14 @@ td.rdtMonth > span,
 td.rdtYear > span,
 td.rdtQuarter > span {
   display: inline-block;
+  color: #181526;
+  background: transparent;
+  border-radius: 1px 1px 1px 1px;
 }
 td.rdtMonth.rdtBetween,
 td.rdtYear.rdtBetween,
 td.rdtQuarter.rdtBetween {
-  background: rgba(0, 123, 255, 0.1);
+  background: rgba(0, 126, 255, 0.08);
 }
 td.rdtMonth:hover,
 td.rdtYear:hover,
@@ -27501,7 +27648,7 @@ td.rdtMonth:hover > span,
 td.rdtYear:hover > span,
 td.rdtQuarter:hover > span {
   color: #181526;
-  background: #f7f7f9;
+  background: #ffffff;
 }
 td.rdtMonth.rdtActive, td.rdtMonth.rdtActive:hover,
 td.rdtYear.rdtActive,
@@ -27515,27 +27662,34 @@ td.rdtYear.rdtActive > span,
 td.rdtYear.rdtActive:hover > span,
 td.rdtQuarter.rdtActive > span,
 td.rdtQuarter.rdtActive:hover > span {
-  background: #23b7e5 !important;
-  color: #ffffff;
+  background: #7266ba !important;
+  color: #ffffff !important;
 }
 td.rdtMonth.rdtDisabled, td.rdtMonth.rdtDisabled:hover,
 td.rdtYear.rdtDisabled,
 td.rdtYear.rdtDisabled:hover,
 td.rdtQuarter.rdtDisabled,
 td.rdtQuarter.rdtDisabled:hover {
-  background: #f7f7f9;
-  color: #b8babf;
+  background: #ffffff;
+}
+td.rdtMonth.rdtDisabled > span, td.rdtMonth.rdtDisabled:hover > span,
+td.rdtYear.rdtDisabled > span,
+td.rdtYear.rdtDisabled:hover > span,
+td.rdtQuarter.rdtDisabled > span,
+td.rdtQuarter.rdtDisabled:hover > span {
+  background: #ffffff;
+  color: #b9b8bf;
 }
 .rdtPicker .rdtActive.rdtBetween.rdtStartDay {
-  background: linear-gradient(to right, transparent 0%, transparent 50%, rgba(0, 123, 255, 0.1) 51%, rgba(0, 123, 255, 0.1) 100%);
+  background: linear-gradient(to right, transparent 0%, transparent 50%, rgba(0, 126, 255, 0.08) 51%, rgba(0, 126, 255, 0.08) 100%);
 }
 .rdt .rdtPicker td.is-disabled {
   cursor: not-allowed !important;
-  background: #f7f7f9;
+  background: #ffffff;
   color: #b9b8bf;
 }
 .rdt .rdtPicker td.is-disabled:hover {
-  background: #f7f7f9;
+  background: #ffffff;
   color: #b9b8bf;
 }
 .rdt .rdtPicker td.is-disabled:hover > span {
@@ -27543,24 +27697,47 @@ td.rdtQuarter.rdtDisabled:hover {
   color: inherit !important;
 }
 .rdtPicker .rdtActive.rdtBetween.rdtEndDay {
-  background: linear-gradient(to right, rgba(0, 123, 255, 0.1) 0%, rgba(0, 123, 255, 0.1) 50%, transparent 51%, transparent 100%);
+  background: linear-gradient(to right, rgba(0, 126, 255, 0.08) 0%, rgba(0, 126, 255, 0.08) 50%, transparent 51%, transparent 100%);
 }
 .a-DateCalendar {
   display: inline-block;
-  border: 1px solid #e9e8eb;
+  border: 1px
+    1px
+    1px
+    1px solid #e9e8eb
+    #e9e8eb
+    #e9e8eb
+    #e9e8eb;
   background: #ffffff;
-  border-radius: 2px;
+  border-radius: 2px
+    2px
+    2px
+    2px;
 }
 .a-DateRangePicker {
   position: relative;
   display: inline-flex;
   flex-wrap: nowrap;
-  border: 1px solid #e9e8eb;
-  font-size: 12px;
-  padding: 0 0.75rem;
+  border-width: 1px
+    1px
+    1px
+    1px;
+  border-style: solid
+    solid
+    solid
+    solid;
+  border-color: #e9e8eb
+    #e9e8eb
+    #e9e8eb
+    #e9e8eb;
+  font-size: 14px;
+  padding: 0 0.75rem 0 0.625rem;
   height: 2rem;
   outline: none;
-  border-radius: 2px;
+  border-radius: 2px
+    2px
+    2px
+    2px;
   color: #181526;
   background: #ffffff;
 }
@@ -27577,7 +27754,15 @@ td.rdtQuarter.rdtDisabled:hover {
 }
 .a-DateRangePicker:not(.is-disabled):hover {
   background: #ffffff;
-  border-color: #7266ba;
+  border-color: #7266ba
+    #7266ba
+    #7266ba
+    #7266ba;
+  border-style: solid solid solid solid;
+  border-width: 1px 1px 1px 1px;
+}
+.a-DateRangePicker:not(.is-disabled):hover .a-DateRangePicker-input {
+  color: #181526;
 }
 .a-DateRangePicker:not(.is-disabled):hover .a-DateRangePicker-clear {
   display: flex;
@@ -27586,8 +27771,17 @@ td.rdtQuarter.rdtDisabled:hover {
   display: none;
 }
 .a-DateRangePicker:not(.is-disabled).is-focused {
-  border-color: #584a94;
-  box-shadow: none;
+  background: #ffffff;
+  border-color: #7266ba
+    #7266ba
+    #7266ba
+    #7266ba;
+  box-shadow: 0px 0px 0px 0px transparent;
+  border-style: solid solid solid solid;
+  border-width: 1px 1px 1px 1px;
+}
+.a-DateRangePicker:not(.is-disabled).is-focused .a-DateRangePicker-input {
+  color: #181526;
 }
 .a-DateRangePicker .a-DateRangePicker-input {
   border: none;
@@ -27599,6 +27793,8 @@ td.rdtQuarter.rdtDisabled:hover {
   width: 50%;
   line-height: 1.875rem;
   font-size: 14px;
+  font-weight: 400;
+  color: #181526;
 }
 .a-DateRangePicker .a-DateRangePicker-input::-moz-placeholder {
   color: #b9b8bf;
@@ -27617,13 +27813,16 @@ td.rdtQuarter.rdtDisabled:hover {
 .a-DateRangePicker .a-DateRangePicker-input-separator-line {
   width: 0.5rem;
   height: 1px;
-  background: #b8babf;
+  background: #b9b8bf;
 }
 .a-DateRangePicker.is-disabled {
-  background: #e5e7eb;
+  background: #ffffff;
+  border-width: 1px 1px 1px 1px;
+  border-style: solid solid solid solid;
+  border-color: #e9e8eb #e9e8eb #e9e8eb #e9e8eb;
 }
 .a-DateRangePicker.is-disabled > .a-DateRangePicker-input {
-  color: #b9b8bf;
+  color: #181526;
 }
 .a-DateRangePicker-placeholder {
   color: #b9b8bf;
@@ -27661,6 +27860,17 @@ td.rdtQuarter.rdtDisabled:hover {
 .a-DateRangePicker-toggler:active svg {
   fill: #323040;
 }
+.a-DateRangePicker-toggler svg {
+  color: #7266ba;
+  width: 0.875rem;
+  height: 0.875rem;
+}
+.a-DateRangePicker .DatePicker-toggler-clock {
+  content: '<svg viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title>ic_时间</title><g id="ic_时间" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><circle id="1-FL" stroke="currentColor" cx="8" cy="8" r="6.5" stroke-width="1px" fill="none" stroke-linecap="butt" stroke-linejoin="round"/><polyline id="2-FLW" stroke="currentColor" points="7.87443646 5.5 7.87443646 8.53778873 5.5 9.28133409" stroke-width="1px" fill="none" stroke-linecap="butt" stroke-linejoin="round"/></g></svg>';
+}
+.a-DateRangePicker .DatePicker-toggler-date {
+  content: '<svg viewBox="0 0 13 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-1.338385, -2.000000)"><rect x="0" y="0" width="16" height="16"></rect><path d="M6,2 L6,3 L10,3 L10,2 L11,2 L11,3 L14,3 L14,14 L2,14 L2,3 L5,3 L5,2 L6,2 Z M13,7 L3,7 L3,13 L13,13 L13,7 Z M5,4 L3,4 L3,6 L13,6 L13,4 L11,4 L11,5 L10,5 L10,4 L6,4 L6,5 L5,5 L5,4 Z" fill="currentColor"></path></g></g></svg>';
+}
 .a-DateRangePicker-clear {
   padding: 0.1875rem;
   cursor: pointer;
@@ -27683,6 +27893,10 @@ td.rdtQuarter.rdtDisabled:hover {
 .a-DateRangePicker-clear:active svg {
   fill: #323040;
 }
+.a-DateRangePicker-clear svg {
+  width: 0.875rem;
+  height: 0.875rem;
+}
 .a-DateRangePicker-activeCursor {
   bottom: 0;
   height: 2px;
@@ -27762,9 +27976,23 @@ td.rdtQuarter.rdtDisabled:hover {
 }
 .a-DateRangeCalendar {
   display: inline-block;
-  border: 1px solid #e9e8eb;
+  border-width: 1px
+    1px
+    1px
+    1px;
+  border-style: solid
+    solid
+    solid
+    solid;
+  border-color: #e9e8eb
+    #e9e8eb
+    #e9e8eb
+    #e9e8eb;
   background: #ffffff;
-  border-radius: 2px;
+  border-radius: 2px
+    2px
+    2px
+    2px;
 }
 .a-DateRangePicker.is-mobile {
   border: 0;
@@ -28457,15 +28685,15 @@ td.rdtQuarter.rdtDisabled:hover {
 .a-RichTextControl .fr-toolbar .fr-command.fr-btn.fr-active,
 .a-RichTextControl .fr-popup .fr-command.fr-btn.fr-active {
   color: #23b7e5;
-  background: #ffffff;
+  background: transparent;
 }
 .a-RichTextControl .fr-desktop .fr-command:hover,
 .a-RichTextControl .fr-desktop .fr-command:focus {
-  background: #ffffff;
+  background: transparent;
 }
 .a-RichTextControl .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active,
 .a-RichTextControl .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active {
-  background: #ffffff;
+  background: transparent;
 }
 .a-RichTextControl .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active {
   background: #23b7e5;
@@ -28777,6 +29005,21 @@ td.rdtQuarter.rdtDisabled:hover {
 .a-TreeControl.no-border {
   border: 0;
 }
+.a-TreeControl.is-sticky {
+  max-height: unset;
+  overflow: unset;
+}
+.a-TreeControl-searchbox {
+  margin-top: 0.5rem;
+  margin-bottom: 1rem;
+}
+.a-TreeControl-searchbox.is-active {
+  width: 100%;
+}
+.a-TreeControl > .a-Tree {
+  max-height: 300px;
+  overflow: auto;
+}
 .a-Tree-list, .a-Tree-sublist {
   list-style: none;
   padding: 0;
@@ -29006,6 +29249,7 @@ td.rdtQuarter.rdtDisabled:hover {
   flex: 1 auto;
   display: inline-block;
   color: #181526;
+  font-size: 14px;
   max-width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -29528,7 +29772,7 @@ td.rdtQuarter.rdtDisabled:hover {
 }
 .a-SubForm-value {
   background: #ffffff;
-  color: #000;
+  color: #181526;
   font-size: 14px;
   padding: 0 0.25rem;
   min-height: 1.5rem;
@@ -29549,7 +29793,7 @@ td.rdtQuarter.rdtDisabled:hover {
   color: #b9b8bf;
 }
 .a-SubForm-valueDel:hover, .a-SubForm-valueEdit:hover, .a-SubForm-valueDragBar:hover {
-  color: #666666;
+  color: #181526;
 }
 .a-SubForm-valueDel > svg, .a-SubForm-valueEdit > svg, .a-SubForm-valueDragBar > svg {
   width: 0.75rem;
@@ -29561,7 +29805,7 @@ td.rdtQuarter.rdtDisabled:hover {
   cursor: move;
 }
 .a-SubForm-value:hover {
-  background: rgba(0, 145, 255, 0.1);
+  background: rgba(0, 126, 255, 0.08);
 }
 .a-SubForm-value.is-disabled {
   pointer-events: none;
@@ -29626,6 +29870,10 @@ td.rdtQuarter.rdtDisabled:hover {
 .a-ChainedSelectControl .a-Select {
   margin-right: 0.25rem;
 }
+.a-ChainedSelectControl-spinner {
+  display: inline-block;
+  vertical-align: middle;
+}
 .a-Picker {
   position: relative;
   max-width: 100%;
@@ -29866,9 +30114,6 @@ td.rdtQuarter.rdtDisabled:hover {
 .a-TagControl {
   position: relative;
 }
-.a-TagControl-input.is-focused {
-  border-radius: 0;
-}
 .a-TagControl-input.is-disabled {
   border-style: dashed;
   background: transparent;
@@ -30310,7 +30555,7 @@ td.rdtQuarter.rdtDisabled:hover {
   font-size: 14px;
 }
 .a-Transfer .a-Table-content .a-Table-table > thead > tr > th:last-child {
-  padding-right: var(--sizes-size-10);
+  padding-right: 1.125rem;
 }
 .a-Transfer .a-Table-content .a-Table-table > tbody > tr > td {
   padding: 0.375rem 0.75rem 0.5rem 0.75rem;
@@ -30322,7 +30567,7 @@ td.rdtQuarter.rdtDisabled:hover {
   color: #e62525;
 }
 .a-Transfer .a-Table-content .a-Table-table > tbody > tr > td:last-child {
-  padding-right: var(--sizes-size-10);
+  padding-right: 1.125rem;
 }
 .a-Transfer .a-Selections .a-TableSelection .a-Table-table > thead > tr,
 .a-Transfer .a-Selections .a-TableSelection .a-Table-table > tbody > tr {
@@ -30532,6 +30777,10 @@ td.rdtQuarter.rdtDisabled:hover {
   line-height: 2rem;
   cursor: pointer;
   display: flex;
+  font-size: 14px;
+  font-weight: 400;
+  color: #181526;
+  background: transparent;
 }
 .a-NestedSelect-menu .a-NestedSelect-option > .a-NestedSelect-optionLabel {
   flex: 1;
@@ -31335,7 +31584,7 @@ td.rdtQuarter.rdtDisabled:hover {
   top: 0.1875rem;
 }
 .a-Form-item.is-error > .a-Form-label {
-  color: #7266ba;
+  color: #e62525;
 }
 .a-Form-item .a-Form-control--withSize > .a-ResultBox {
   display: flex;
@@ -31407,7 +31656,6 @@ td.rdtQuarter.rdtDisabled:hover {
     flex-basis: unset;
   }
   .a-Form-item--horizontal > .a-Form-label {
-    height: 2rem;
     line-height: 2rem;
     margin: 0;
     margin-right: 1rem;
@@ -32710,6 +32958,9 @@ td.rdtQuarter.rdtDisabled:hover {
   height: 15.625rem;
   margin-top: 0.625rem;
 }
+.a-FormulaEditor-settings > div {
+  width: 0;
+}
 .a-FormulaEditor-settings.only-variable {
   height: 21.875rem;
 }
@@ -32867,10 +33118,16 @@ td.rdtQuarter.rdtDisabled:hover {
   display: flex;
   flex-flow: row nowrap;
   justify-content: space-between;
+  align-items: center;
   white-space: nowrap;
 }
 .a-FormulaEditor-VariableList-item > label {
   white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  flex: 1;
+  width: 0;
+  display: inline-block;
 }
 .a-FormulaEditor-VariableList-item-tag {
   vertical-align: middle;
@@ -32879,6 +33136,9 @@ td.rdtQuarter.rdtDisabled:hover {
   border-radius: 2px;
   background: #f5f5f5;
   color: var(--black);
+  font-size: 12px;
+  line-height: 1.5rem;
+  height: 1.5rem;
 }
 .a-FormulaEditor-VariableList .a-GroupedSelection-item-tag {
   line-height: 17px;
@@ -33670,7 +33930,7 @@ td.rdtQuarter.rdtDisabled:hover {
   --Menu-light-fontColor-onHover: var(--Layout-fontColor--onHover);
   --Menu-light-ancestor-fontColor-onActive: var(--Layout-light-fontColor);
   --Menu-light-fontColor-onActive: var(--Layout-fontColor--onActive);
-  --Menu-light-groupTitle-fontColor: #d8d8d8;
+  --Menu-light-groupTitle-fontColor: #84868c;
   --Menu-light-selectedIndicator-color: var(--Layout-fontColor--info);
   --Menu-dark-backgroundColor: var(--Layout-dark-backgroundColor);
   --Menu-dark-backgroundColor-onHover: var(--Layout-fontColor--info);
@@ -33678,7 +33938,7 @@ td.rdtQuarter.rdtDisabled:hover {
   --Menu-dark-fontColor-onHover: var(--Layout-fontColor--onHover);
   --Menu-dark-ancestor-fontColor-onActive: var(--Layout-fontColor--onActive);
   --Menu-dark-fontColor-onActive: var(--Layout-dark-fontColor);
-  --Menu-dark-groupTitle-fontColor: #d8d8d8;
+  --Menu-dark-groupTitle-fontColor: #84868c;
   --Menu-dark-selectedIndicator-color: var(--Layout-dark-selected-color);
   outline: none;
   margin-bottom: 0;
@@ -33688,6 +33948,8 @@ td.rdtQuarter.rdtDisabled:hover {
   list-style: none;
   color: var(--Menu-light-fontColor);
   background-color: var(--Menu-light-backgroundColor);
+  transition: all 0.3s;
+  width: 100%;
 }
 .a-Nav-Menu.a-Nav-Menu-dark {
   color: var(--Menu-dark-fontColor);
@@ -33723,14 +33985,17 @@ td.rdtQuarter.rdtDisabled:hover {
 .a-Nav-Menu-disabled {
   cursor: not-allowed;
 }
-.a-Nav-Menu-root.a-Nav-Menu-collapsed .a-Nav-Menu-item {
+.a-Nav-Menu-root.a-Nav-Menu-collapsed .a-Nav-Menu-item,
+.a-Nav-Menu-root.a-Nav-Menu-collapsed .a-Nav-Menu-submenu-title {
   padding: 0;
   text-align: center;
 }
 .a-Nav-Menu-item-link {
-  display: block;
+  display: flex;
+  align-items: center;
   height: 2.5rem;
   flex-grow: 1;
+  overflow: hidden;
 }
 .a-Nav-Menu-item-divider {
   border-bottom: 1px solid #e6e6e8;
@@ -33741,12 +34006,7 @@ td.rdtQuarter.rdtDisabled:hover {
 .a-Nav-Menu-item-icon {
   margin-right: 0.5rem;
   font-size: var(--Menu-icon-size);
-  width: var(--Menu-icon-size);
   color: var(--Menu-light-fontColor);
-  display: inline-block;
-  line-height: var(--Menu-item-height--vertical);
-  position: relative;
-  top: 1.5px;
 }
 .a-Nav-Menu-item-icon img {
   height: 14px;
@@ -33754,11 +34014,11 @@ td.rdtQuarter.rdtDisabled:hover {
 }
 .a-Nav-Menu-item-icon-collapsed {
   font-size: var(--Menu-fontSize--collapsed);
-  margin-right: 0;
+  margin: 0 auto;
 }
 .a-Nav-Menu-item-icon-svg-collapsed {
   font-size: var(--Menu-fontSize--collapsed);
-  margin-right: 0;
+  margin: 0 auto;
   height: var(--Menu-item-height--vertical);
 }
 .a-Nav-Menu-dark .a-Nav-Menu-item-icon {
@@ -33779,13 +34039,13 @@ td.rdtQuarter.rdtDisabled:hover {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  vertical-align: middle;
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
 }
 .a-Nav-Menu-item-label-collapsed {
   font-size: var(--Menu-fontSize--collapsed);
+  margin: 0 auto;
   font-weight: 600;
 }
 .a-Nav-Menu-dark .a-Nav-Menu-item-label {
@@ -33806,9 +34066,10 @@ td.rdtQuarter.rdtDisabled:hover {
 }
 .a-Nav-Menu-item-group-title {
   color: var(--Menu-light-groupTitle-fontColor);
-  line-height: 1.5;
-  padding: 8px 10px;
-  border-bottom: 1px solid #dedede;
+  line-height: 1.25rem;
+  padding: 0 var(--Menu-Submenu-item-paddingX) 0 1rem;
+  font-size: 0.75rem;
+  margin: 0.75rem 0 0.25rem 0;
 }
 .a-Nav-Menu-item-group-title.a-Nav-Menu-dark {
   color: var(--Menu-dark-groupTitle-fontColor);
@@ -33852,6 +34113,9 @@ td.rdtQuarter.rdtDisabled:hover {
 }
 .a-Nav-Menu-item .a-Badge, .a-Nav-Menu-submenu .a-Badge {
   position: static;
+  flex: 1;
+  width: 0;
+  display: flex;
 }
 .a-Nav-Menu-item .a-Nav-Menu-item-wrap, .a-Nav-Menu-submenu .a-Nav-Menu-item-wrap {
   display: flex;
@@ -33860,6 +34124,12 @@ td.rdtQuarter.rdtDisabled:hover {
 .a-Nav-Menu-item-extra {
   position: relative;
 }
+.a-Nav-Menu-item-extra .a-DropDown > .a-Button {
+  padding: 0;
+}
+.a-Nav-Menu-item-extra .a-DropDown > .a-Button > i {
+  margin: 0;
+}
 .a-Nav-Menu-inline .a-Nav-Menu-item-selected {
   background-color: var(--Menu-light-backgroundColor-onHover);
 }
@@ -33911,25 +34181,13 @@ td.rdtQuarter.rdtDisabled:hover {
   transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
 }
 .a-Nav-Menu-inline.a-Nav-Menu-light .a-Nav-Menu-item-selected .a-Nav-Menu-item-icon,
-.a-Nav-Menu-inline.a-Nav-Menu-light .a-Nav-Menu-item-selected .a-Nav-Menu-item-label {
+.a-Nav-Menu-inline.a-Nav-Menu-light .a-Nav-Menu-item-selected .a-Nav-Menu-item-label,
+.a-Nav-Menu-inline.a-Nav-Menu-light .a-Nav-Menu-item-selected .a-Nav-Menu-submenu-arrow {
   color: var(--Menu-light-fontColor-onActive) !important;
 }
-.a-Nav-Menu-inline.a-Nav-Menu-light .a-Nav-Menu-submenu-actived > .a-Nav-Menu-submenu-title {
-  background-color: var(--Menu-light-backgroundColor-onHover);
-}
-.a-Nav-Menu-inline.a-Nav-Menu-light .a-Nav-Menu-submenu-actived > .a-Nav-Menu-submenu-title::before {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  border-right: 3px solid var(--Menu-light-selectedIndicator-color);
-  transform: scaleY(1);
-  opacity: 1;
-  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
-}
-.a-Nav-Menu-inline.a-Nav-Menu-light .a-Nav-Menu-submenu-actived > .a-Nav-Menu-submenu-title .a-Nav-Menu-item-icon,
-.a-Nav-Menu-inline.a-Nav-Menu-light .a-Nav-Menu-submenu-actived > .a-Nav-Menu-submenu-title .a-Nav-Menu-item-label {
+.a-Nav-Menu-inline.a-Nav-Menu-light .a-Nav-Menu-submenu-selected > .a-Nav-Menu-submenu-title .a-Nav-Menu-item-icon,
+.a-Nav-Menu-inline.a-Nav-Menu-light .a-Nav-Menu-submenu-selected > .a-Nav-Menu-submenu-title .a-Nav-Menu-item-label,
+.a-Nav-Menu-inline.a-Nav-Menu-light .a-Nav-Menu-submenu-selected > .a-Nav-Menu-submenu-title .a-Nav-Menu-submenu-arrow {
   color: var(--Menu-light-fontColor-onActive) !important;
 }
 .a-Nav-Menu-root.a-Nav-Menu-vertical > .a-Nav-Menu-item-selected {
@@ -33969,18 +34227,7 @@ td.rdtQuarter.rdtDisabled:hover {
   color: var(--Menu-dark-fontColor-onActive);
 }
 .a-Nav-Menu-root.a-Nav-Menu-vertical.a-Nav-Menu-dark > .a-Nav-Menu-submenu-selected > .a-Nav-Menu-submenu-title {
-  background-color: var(--Menu-dark-backgroundColor-onHover);
-}
-.a-Nav-Menu-root.a-Nav-Menu-vertical.a-Nav-Menu-dark > .a-Nav-Menu-submenu-selected > .a-Nav-Menu-submenu-title::before {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  border-right: 3px solid var(--Menu-dark-selectedIndicator-color);
-  transform: scaleY(1);
-  opacity: 1;
-  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
+  color: var(--Menu-dark-fontColor-onActive);
 }
 .a-Nav-Menu-root.a-Nav-Menu-vertical.a-Nav-Menu-dark > .a-Nav-Menu-submenu-selected .a-Nav-Menu-item-icon,
 .a-Nav-Menu-root.a-Nav-Menu-vertical.a-Nav-Menu-dark > .a-Nav-Menu-submenu-selected .a-Nav-Menu-item-label {
@@ -34005,18 +34252,7 @@ td.rdtQuarter.rdtDisabled:hover {
   color: var(--Menu-light-fontColor-onActive);
 }
 .a-Nav-Menu-root.a-Nav-Menu-vertical.a-Nav-Menu-light > .a-Nav-Menu-submenu-selected > .a-Nav-Menu-submenu-title {
-  background-color: var(--Menu-light-backgroundColor-onHover);
-}
-.a-Nav-Menu-root.a-Nav-Menu-vertical.a-Nav-Menu-light > .a-Nav-Menu-submenu-selected > .a-Nav-Menu-submenu-title::before {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  border-right: 3px solid var(--Menu-light-selectedIndicator-color);
-  transform: scaleY(1);
-  opacity: 1;
-  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
+  color: var(--Menu-dark-fontColor-onActive);
 }
 .a-Nav-Menu-root.a-Nav-Menu-vertical.a-Nav-Menu-light > .a-Nav-Menu-submenu-selected .a-Nav-Menu-item-icon,
 .a-Nav-Menu-root.a-Nav-Menu-vertical.a-Nav-Menu-light > .a-Nav-Menu-submenu-selected .a-Nav-Menu-item-label {
@@ -34078,7 +34314,7 @@ td.rdtQuarter.rdtDisabled:hover {
 .a-Nav-Menu-item, .a-Nav-Menu-submenu-title {
   margin: 0;
   position: relative;
-  padding: 0;
+  padding: 0 1rem;
   line-height: 2.5rem;
   display: block;
   white-space: nowrap;
@@ -34087,8 +34323,10 @@ td.rdtQuarter.rdtDisabled:hover {
   color: var(--Menu-light-fontColor);
 }
 .a-Nav-Menu-item:hover .a-Nav-Menu-item-label,
-.a-Nav-Menu-item:hover .a-Nav-Menu-item-icon, .a-Nav-Menu-submenu-title:hover .a-Nav-Menu-item-label,
-.a-Nav-Menu-submenu-title:hover .a-Nav-Menu-item-icon {
+.a-Nav-Menu-item:hover .a-Nav-Menu-item-icon,
+.a-Nav-Menu-item:hover .a-Nav-Menu-submenu-arrow, .a-Nav-Menu-submenu-title:hover .a-Nav-Menu-item-label,
+.a-Nav-Menu-submenu-title:hover .a-Nav-Menu-item-icon,
+.a-Nav-Menu-submenu-title:hover .a-Nav-Menu-submenu-arrow {
   color: var(--Menu-light-fontColor-onHover);
 }
 .a-Nav-Menu-item:hover .a-Nav-Menu-item-dragBar, .a-Nav-Menu-submenu-title:hover .a-Nav-Menu-item-dragBar {
@@ -34099,8 +34337,10 @@ td.rdtQuarter.rdtDisabled:hover {
   background-color: var(--Menu-dark-backgroundColor);
 }
 .a-Nav-Menu-dark .a-Nav-Menu-item:hover .a-Nav-Menu-item-label,
-.a-Nav-Menu-dark .a-Nav-Menu-item:hover .a-Nav-Menu-item-icon, .a-Nav-Menu-dark .a-Nav-Menu-submenu-title:hover .a-Nav-Menu-item-label,
-.a-Nav-Menu-dark .a-Nav-Menu-submenu-title:hover .a-Nav-Menu-item-icon {
+.a-Nav-Menu-dark .a-Nav-Menu-item:hover .a-Nav-Menu-item-icon,
+.a-Nav-Menu-dark .a-Nav-Menu-item:hover .a-Nav-Menu-submenu-arrow, .a-Nav-Menu-dark .a-Nav-Menu-submenu-title:hover .a-Nav-Menu-item-label,
+.a-Nav-Menu-dark .a-Nav-Menu-submenu-title:hover .a-Nav-Menu-item-icon,
+.a-Nav-Menu-dark .a-Nav-Menu-submenu-title:hover .a-Nav-Menu-submenu-arrow {
   color: var(--Menu-dark-fontColor-onHover);
 }
 .a-Nav-Menu-light .a-Nav-Menu-item, .a-Nav-Menu-light .a-Nav-Menu-submenu-title {
@@ -34108,8 +34348,10 @@ td.rdtQuarter.rdtDisabled:hover {
   background-color: var(--Menu-light-backgroundColor);
 }
 .a-Nav-Menu-light .a-Nav-Menu-item:hover .a-Nav-Menu-item-label,
-.a-Nav-Menu-light .a-Nav-Menu-item:hover .a-Nav-Menu-item-icon, .a-Nav-Menu-light .a-Nav-Menu-submenu-title:hover .a-Nav-Menu-item-label,
-.a-Nav-Menu-light .a-Nav-Menu-submenu-title:hover .a-Nav-Menu-item-icon {
+.a-Nav-Menu-light .a-Nav-Menu-item:hover .a-Nav-Menu-item-icon,
+.a-Nav-Menu-light .a-Nav-Menu-item:hover .a-Nav-Menu-submenu-arrow, .a-Nav-Menu-light .a-Nav-Menu-submenu-title:hover .a-Nav-Menu-item-label,
+.a-Nav-Menu-light .a-Nav-Menu-submenu-title:hover .a-Nav-Menu-item-icon,
+.a-Nav-Menu-light .a-Nav-Menu-submenu-title:hover .a-Nav-Menu-submenu-arrow {
   color: var(--Menu-light-fontColor-onHover);
 }
 .a-Nav-Menu-rtl .a-Nav-Menu-item, .a-Nav-Menu-rtl .a-Nav-Menu-submenu-title {
@@ -34118,6 +34360,9 @@ td.rdtQuarter.rdtDisabled:hover {
 .a-Nav-Menu-item.a-Nav-Menu-item-disabled, .a-Nav-Menu-item.a-Nav-Menu-submenu-disabled, .a-Nav-Menu-submenu-title.a-Nav-Menu-item-disabled, .a-Nav-Menu-submenu-title.a-Nav-Menu-submenu-disabled {
   color: #777 !important;
 }
+.a-Nav-Menu-item-tooltip-wrap {
+  padding: 0;
+}
 .a-Nav-Menu-collapsed > .a-Nav-Menu-item, .a-Nav-Menu-collapsed > .a-Nav-Menu-submenu-title, .a-Nav-Menu-collapsed > .a-Nav-Menu-submenu > .a-Nav-Menu-submenu-title {
   text-overflow: initial;
 }
@@ -34133,9 +34378,6 @@ td.rdtQuarter.rdtDisabled:hover {
   position: absolute;
   z-index: 1500;
 }
-.a-Nav-Menu-submenu-popup .a-Nav-Menu-item {
-  padding: 0 var(--Menu-Submenu-item-paddingX);
-}
 .a-Nav-Menu-submenu > .a-Nav-Menu {
   background-color: var(--Menu-light-backgroundColor);
 }
@@ -34176,6 +34418,11 @@ td.rdtQuarter.rdtDisabled:hover {
 .a-Nav-Menu-submenu-popup-dark > .a-Nav-Menu .a-Nav-Menu-submenu-dark .a-Nav-Menu-submenu-title .a-Nav-Menu-submenu-arrow {
   color: var(--Menu-dark-fontColor);
 }
+.a-Nav-Menu-submenu-popup-dark > .a-Nav-Menu .a-Nav-Menu-submenu-dark .a-Nav-Menu-submenu-title:hover .a-Nav-Menu-item-label,
+.a-Nav-Menu-submenu-popup-dark > .a-Nav-Menu .a-Nav-Menu-submenu-dark .a-Nav-Menu-submenu-title:hover .a-Nav-Menu-item-icon,
+.a-Nav-Menu-submenu-popup-dark > .a-Nav-Menu .a-Nav-Menu-submenu-dark .a-Nav-Menu-submenu-title:hover .a-Nav-Menu-submenu-arrow {
+  color: var(--Menu-dark-fontColor-onHover);
+}
 .a-Nav-Menu-submenu-popup-dark > .a-Nav-Menu .a-Nav-Menu-submenu-active .a-Nav-Menu-submenu-title {
   background-color: var(--Menu-dark-backgroundColor);
   color: var(--Menu-dark-fontColor-onActive);
@@ -34192,9 +34439,6 @@ td.rdtQuarter.rdtDisabled:hover {
 .a-Nav-Menu-submenu-popup-dark > .a-Nav-Menu .a-Nav-Menu-submenu-selected .a-Nav-Menu-submenu-title .a-Nav-Menu-item-label {
   color: var(--Menu-dark-ancestor-fontColor-onActive);
 }
-.a-Nav-Menu-submenu-popup .a-Nav-Menu-vertical .a-Nav-Menu-submenu-arrow {
-  width: 2rem;
-}
 .a-Nav-Menu .a-Nav-Menu-submenu-title,
 .a-Nav-Menu .a-Nav-Menu-item {
   cursor: pointer;
@@ -34241,7 +34485,7 @@ td.rdtQuarter.rdtDisabled:hover {
   background-color: var(--Menu-light-backgroundColor);
 }
 .a-Nav-Menu-horizontal > .a-Nav-Menu-item-tooltip-wrap > .a-Nav-Menu-item, .a-Nav-Menu-horizontal > .a-Nav-Menu-submenu > .a-Nav-Menu-submenu-title {
-  padding: 0 20px;
+  padding: 0 1rem;
   height: var(--Menu-item-height--horizontal);
 }
 .a-Nav-Menu-horizontal > .a-Nav-Menu-item-tooltip-wrap > .a-Nav-Menu-item .a-Nav-Menu-item-link, .a-Nav-Menu-horizontal > .a-Nav-Menu-submenu > .a-Nav-Menu-submenu-title .a-Nav-Menu-item-link {
@@ -34252,10 +34496,6 @@ td.rdtQuarter.rdtDisabled:hover {
 .a-Nav-Menu-horizontal > .a-Nav-Menu-submenu > .a-Nav-Menu-submenu-title .a-Nav-Menu-item-label {
   line-height: var(--Menu-item-height--horizontal);
 }
-.a-Nav-Menu-horizontal > .a-Nav-Menu-item-tooltip-wrap > .a-Nav-Menu-item .a-Nav-Menu-item-label, .a-Nav-Menu-horizontal > .a-Nav-Menu-submenu > .a-Nav-Menu-submenu-title .a-Nav-Menu-item-label {
-  padding: 0;
-  top: 0;
-}
 .a-Nav-Menu-horizontal .a-Nav-Menu-item.a-Nav-Menu-item-selected:after {
   content: " ";
   width: 100%;
@@ -34293,8 +34533,8 @@ td.rdtQuarter.rdtDisabled:hover {
 .a-Nav-Menu-horizontal .a-Nav-Menu-submenu-arrow {
   display: inline-block;
   font-size: 0.5625rem;
-  vertical-align: baseline;
   text-align: center;
+  vertical-align: middle;
   text-transform: none;
   text-rendering: auto;
   line-height: 1.25rem;
@@ -34302,7 +34542,9 @@ td.rdtQuarter.rdtDisabled:hover {
   color: var(--Menu-light-fontColor);
 }
 .a-Nav-Menu-horizontal .a-Nav-Menu-submenu-arrow > svg {
-  text-align: center;
+  top: auto;
+}
+.a-Nav-Menu-horizontal .a-Nav-Menu-item-label {
   vertical-align: middle;
 }
 .a-Nav-Menu-horizontal.a-Nav-Menu-dark > .a-Nav-Menu-submenu-active, .a-Nav-Menu-horizontal.a-Nav-Menu-dark > .a-Nav-Menu-item-active {
@@ -34328,8 +34570,10 @@ td.rdtQuarter.rdtDisabled:hover {
   border-bottom: 2px solid var(--Menu-light-selectedIndicator-color);
 }
 .a-Nav-Menu-horizontal.a-Nav-Menu-light > .a-Nav-Menu-submenu-selected .a-Nav-Menu-item-icon,
-.a-Nav-Menu-horizontal.a-Nav-Menu-light > .a-Nav-Menu-submenu-selected .a-Nav-Menu-item-label, .a-Nav-Menu-horizontal.a-Nav-Menu-light > .a-Nav-Menu-item-selected .a-Nav-Menu-item-icon,
-.a-Nav-Menu-horizontal.a-Nav-Menu-light > .a-Nav-Menu-item-selected .a-Nav-Menu-item-label {
+.a-Nav-Menu-horizontal.a-Nav-Menu-light > .a-Nav-Menu-submenu-selected .a-Nav-Menu-item-label,
+.a-Nav-Menu-horizontal.a-Nav-Menu-light > .a-Nav-Menu-submenu-selected .a-Nav-Menu-submenu-arrow, .a-Nav-Menu-horizontal.a-Nav-Menu-light > .a-Nav-Menu-item-selected .a-Nav-Menu-item-icon,
+.a-Nav-Menu-horizontal.a-Nav-Menu-light > .a-Nav-Menu-item-selected .a-Nav-Menu-item-label,
+.a-Nav-Menu-horizontal.a-Nav-Menu-light > .a-Nav-Menu-item-selected .a-Nav-Menu-submenu-arrow {
   color: var(--Menu-light-fontColor-onActive);
 }
 .a-Nav-Menu-horizontal.a-Nav-Menu-light .a-Nav-Menu-submenu-arrow {
@@ -34346,15 +34590,12 @@ td.rdtQuarter.rdtDisabled:hover {
   text-transform: none;
   text-rendering: auto;
   position: absolute;
-  right: 0;
+  right: var(--Menu-Submenu-item-paddingX);
   top: 0;
-  width: 1.125rem;
   line-height: var(--Menu-item-height--vertical);
-  transform: rotate(-90deg);
 }
 .a-Nav-Menu-vertical .a-Nav-Menu-submenu-arrow > svg, .a-Nav-Menu-vertical-left .a-Nav-Menu-submenu-arrow > svg, .a-Nav-Menu-vertical-right .a-Nav-Menu-submenu-arrow > svg, .a-Nav-Menu-inline .a-Nav-Menu-submenu-arrow > svg {
-  text-align: center;
-  vertical-align: middle;
+  top: auto;
 }
 .a-Nav-Menu-rtl .a-Nav-Menu-vertical .a-Nav-Menu-submenu-arrow, .a-Nav-Menu-submenu-rtl .a-Nav-Menu-vertical .a-Nav-Menu-submenu-arrow, .a-Nav-Menu-rtl .a-Nav-Menu-vertical-left .a-Nav-Menu-submenu-arrow, .a-Nav-Menu-submenu-rtl .a-Nav-Menu-vertical-left .a-Nav-Menu-submenu-arrow, .a-Nav-Menu-rtl .a-Nav-Menu-vertical-right .a-Nav-Menu-submenu-arrow, .a-Nav-Menu-submenu-rtl .a-Nav-Menu-vertical-right .a-Nav-Menu-submenu-arrow, .a-Nav-Menu-rtl .a-Nav-Menu-inline .a-Nav-Menu-submenu-arrow, .a-Nav-Menu-submenu-rtl .a-Nav-Menu-inline .a-Nav-Menu-submenu-arrow {
   right: auto;
@@ -34362,7 +34603,7 @@ td.rdtQuarter.rdtDisabled:hover {
 }
 .a-Nav-Menu-vertical.a-Nav-Menu-expand-before .a-Nav-Menu-submenu-title .a-Nav-Menu-item-wrap, .a-Nav-Menu-vertical-left.a-Nav-Menu-expand-before .a-Nav-Menu-submenu-title .a-Nav-Menu-item-wrap, .a-Nav-Menu-vertical-right.a-Nav-Menu-expand-before .a-Nav-Menu-submenu-title .a-Nav-Menu-item-wrap, .a-Nav-Menu-inline.a-Nav-Menu-expand-before .a-Nav-Menu-submenu-title .a-Nav-Menu-item-wrap {
   padding-right: 0;
-  padding-left: var(--Menu-Submenu-title-paddingX);
+  padding-left: 1rem;
 }
 .a-Nav-Menu-vertical.a-Nav-Menu-expand-before .a-Nav-Menu-submenu-arrow, .a-Nav-Menu-vertical-left.a-Nav-Menu-expand-before .a-Nav-Menu-submenu-arrow, .a-Nav-Menu-vertical-right.a-Nav-Menu-expand-before .a-Nav-Menu-submenu-arrow, .a-Nav-Menu-inline.a-Nav-Menu-expand-before .a-Nav-Menu-submenu-arrow {
   right: auto;
@@ -34373,34 +34614,34 @@ td.rdtQuarter.rdtDisabled:hover {
 .a-Nav-Menu-vertical.a-Nav-Menu-light .a-Nav-Menu-submenu-arrow, .a-Nav-Menu-vertical-left.a-Nav-Menu-light .a-Nav-Menu-submenu-arrow, .a-Nav-Menu-vertical-right.a-Nav-Menu-light .a-Nav-Menu-submenu-arrow, .a-Nav-Menu-inline.a-Nav-Menu-light .a-Nav-Menu-submenu-arrow {
   color: var(--Menu-light-fontColor);
 }
-.a-Nav-Menu-vertical-right .a-Nav-Menu-item {
-  padding: 0 var(--Menu-Submenu-item-paddingX);
+.a-Nav-Menu-vertical-right .a-Nav-Menu-submenu-arrow {
+  right: 0.625rem;
 }
 .a-Nav-Menu-inline .a-Nav-Menu-submenu-arrow, .a-Nav-Menu-horizontal .a-Nav-Menu-submenu-arrow {
   cursor: pointer;
   transition: transform 0.3s;
-  transform: rotate(0deg);
+  transform: rotate(90deg);
 }
 .a-Nav-Menu-inline .a-Nav-Menu-submenu-open > .a-Nav-Menu-submenu-title .a-Nav-Menu-submenu-arrow, .a-Nav-Menu-horizontal .a-Nav-Menu-submenu-open > .a-Nav-Menu-submenu-title .a-Nav-Menu-submenu-arrow {
-  transform: rotate(180deg);
-  padding-bottom: 0.25rem;
+  transform: rotate(270deg);
 }
 .a-Nav-Menu-collapsed .a-Nav-Menu-item-wrap {
   overflow: hidden;
 }
-.a-Nav-Menu-collapsed .a-Nav-Menu-submenu-vertical.a-Nav-Menu-submenu .a-Nav-Menu-submenu-title {
-  padding: 0 var(--Menu-Submenu-title-paddingX) 0 calc(var(--Menu-Submenu-title-paddingX) - 1px);
-  text-align: center;
-}
 .a-Nav-Menu-collapsed .a-Nav-Menu-submenu-arrow {
   display: none !important;
 }
+.a-Nav-Menu-collapsed .a-Nav-Menu-item-group-title {
+  display: none;
+}
+.a-Nav-Menu-collapsed .a-Nav-Menu-item-group-list .a-Nav-Menu-item-divider {
+  height: 1px;
+  width: 60%;
+  margin: 0 auto;
+}
 .a-Nav-Menu-submenu-vertical.a-Nav-Menu-submenu, .a-Nav-Menu-submenu-vertical-left.a-Nav-Menu-submenu, .a-Nav-Menu-submenu-vertical-right.a-Nav-Menu-submenu {
   padding: 0;
 }
-.a-Nav-Menu-submenu-vertical.a-Nav-Menu-submenu .a-Nav-Menu-submenu-title, .a-Nav-Menu-submenu-vertical-left.a-Nav-Menu-submenu .a-Nav-Menu-submenu-title, .a-Nav-Menu-submenu-vertical-right.a-Nav-Menu-submenu .a-Nav-Menu-submenu-title {
-  padding: 0 var(--Menu-Submenu-item-paddingX);
-}
 .a-Nav-Menu-submenu-rtl .a-Nav-Menu-submenu-vertical.a-Nav-Menu-submenu, .a-Nav-Menu-submenu-rtl .a-Nav-Menu-submenu-vertical-left.a-Nav-Menu-submenu, .a-Nav-Menu-submenu-rtl .a-Nav-Menu-submenu-vertical-right.a-Nav-Menu-submenu {
   direction: rtl;
 }
@@ -34413,7 +34654,6 @@ td.rdtQuarter.rdtDisabled:hover {
 .a-Nav-Menu-sub.a-Nav-Menu-inline > .a-Nav-Menu-item, .a-Nav-Menu-sub.a-Nav-Menu-inline > .a-Nav-Menu-submenu > .a-Nav-Menu-submenu-title {
   padding-top: 0;
   padding-bottom: 0;
-  padding-right: 0;
   display: block;
   white-space: nowrap;
   overflow: hidden;
@@ -34426,7 +34666,8 @@ td.rdtQuarter.rdtDisabled:hover {
   color: var(--Menu-dark-ancestor-fontColor-onActive);
 }
 .a-Nav-Menu-sub.a-Nav-Menu-inline > .a-Nav-Menu-submenu.a-Nav-Menu-submenu-dark.a-Nav-Menu-submenu-selected > .a-Nav-Menu-submenu-title .a-Nav-Menu-item-label,
-.a-Nav-Menu-sub.a-Nav-Menu-inline > .a-Nav-Menu-submenu.a-Nav-Menu-submenu-dark.a-Nav-Menu-submenu-selected > .a-Nav-Menu-submenu-title .a-Nav-Menu-item-icon {
+.a-Nav-Menu-sub.a-Nav-Menu-inline > .a-Nav-Menu-submenu.a-Nav-Menu-submenu-dark.a-Nav-Menu-submenu-selected > .a-Nav-Menu-submenu-title .a-Nav-Menu-item-icon,
+.a-Nav-Menu-sub.a-Nav-Menu-inline > .a-Nav-Menu-submenu.a-Nav-Menu-submenu-dark.a-Nav-Menu-submenu-selected > .a-Nav-Menu-submenu-title .a-Nav-Menu-submenu-arrow {
   color: var(--Menu-dark-ancestor-fontColor-onActive);
 }
 .a-Nav-Menu .a-Nav-Menu-item-disabled,
@@ -34592,6 +34833,11 @@ td.rdtQuarter.rdtDisabled:hover {
 .a-Nav-Menu-overflow-menu-dark > .a-Nav-Menu .a-Nav-Menu-submenu-dark .a-Nav-Menu-submenu-title .a-Nav-Menu-submenu-arrow {
   color: var(--Menu-dark-fontColor);
 }
+.a-Nav-Menu-overflow-menu-dark > .a-Nav-Menu .a-Nav-Menu-submenu-dark .a-Nav-Menu-submenu-title:hover .a-Nav-Menu-item-label,
+.a-Nav-Menu-overflow-menu-dark > .a-Nav-Menu .a-Nav-Menu-submenu-dark .a-Nav-Menu-submenu-title:hover .a-Nav-Menu-item-icon,
+.a-Nav-Menu-overflow-menu-dark > .a-Nav-Menu .a-Nav-Menu-submenu-dark .a-Nav-Menu-submenu-title:hover .a-Nav-Menu-submenu-arrow {
+  color: var(--Menu-dark-fontColor-onHover);
+}
 .a-Nav-Menu-overflow-menu-dark > .a-Nav-Menu .a-Nav-Menu-submenu-active .a-Nav-Menu-submenu-title {
   background-color: var(--Menu-dark-backgroundColor);
   color: var(--Menu-dark-fontColor-onActive);