amis 2.4.0 → 2.5.0-rc.0

package/lib/themes/default-ie11.css

@@ -4395,7 +4395,6 @@ button::-moz-focus-inner {
 }
 .tox .accessibility-issue__description {
   align-items: stretch;
-  border: 1px solid #eeeeee;
   border-radius: 6px;
   display: flex;
   justify-content: space-between;
@@ -4408,83 +4407,101 @@ button::-moz-focus-inner {
   display: flex;
   margin-bottom: 4px;
 }
-.tox .accessibility-issue__description > *:last-child:not(:only-child) {
-  border-color: #eeeeee;
-  border-style: solid;
+.tox .accessibility-issue__description > div > div .tox-icon svg {
+  display: block;
 }
 .tox .accessibility-issue__repair {
   margin-top: 16px;
 }
 .tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description {
-  background-color: rgba(0, 108, 231, 0.1);
-  border-color: #006ce7;
+  background-color: rgba(0, 101, 216, 0.1);
   color: #222f3e;
 }
-.tox .tox-dialog__body-content .accessibility-issue--info .accessibility-issue__description > *:last-child {
-  border-color: #006ce7;
-}
 .tox .tox-dialog__body-content .accessibility-issue--info .tox-form__group h2 {
   color: #006ce7;
 }
 .tox .tox-dialog__body-content .accessibility-issue--info .tox-icon svg {
   fill: #006ce7;
 }
-.tox .tox-dialog__body-content .accessibility-issue--info a .tox-icon {
-  color: #006ce7;
+.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon {
+  background-color: #006ce7;
+  color: #fff;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:hover,
+.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:focus {
+  background-color: #0060ce;
+}
+.tox .tox-dialog__body-content .accessibility-issue--info a.tox-button--naked.tox-button--icon:active {
+  background-color: #0054b4;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn {
+  /* stylelint-disable-next-line no-descending-specificity */
 }
 .tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description {
-  background-color: rgba(255, 165, 0, 0.1);
-  border-color: rgba(255, 165, 0, 0.5);
+  background-color: rgba(255, 165, 0, 0.08);
   color: #222f3e;
 }
-.tox .tox-dialog__body-content .accessibility-issue--warn .accessibility-issue__description > *:last-child {
-  border-color: rgba(255, 165, 0, 0.5);
-}
 .tox .tox-dialog__body-content .accessibility-issue--warn .tox-form__group h2 {
-  color: #cc8500;
+  color: #8f5d00;
 }
 .tox .tox-dialog__body-content .accessibility-issue--warn .tox-icon svg {
-  fill: #cc8500;
+  fill: #8f5d00;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon {
+  background-color: #FFE89D;
+  color: #222f3e;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:hover,
+.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:focus {
+  background-color: #F2D574;
+  color: #222f3e;
+}
+.tox .tox-dialog__body-content .accessibility-issue--warn a.tox-button--naked.tox-button--icon:active {
+  background-color: #E8C657;
+  color: #222f3e;
 }
-.tox .tox-dialog__body-content .accessibility-issue--warn a .tox-icon {
-  color: #cc8500;
+.tox .tox-dialog__body-content .accessibility-issue--error {
+  /* stylelint-disable-next-line no-descending-specificity */
 }
 .tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description {
   background-color: rgba(204, 0, 0, 0.1);
-  border-color: rgba(204, 0, 0, 0.4);
   color: #222f3e;
 }
-.tox .tox-dialog__body-content .accessibility-issue--error .accessibility-issue__description > *:last-child {
-  border-color: rgba(204, 0, 0, 0.4);
-}
 .tox .tox-dialog__body-content .accessibility-issue--error .tox-form__group h2 {
   color: #c00;
 }
 .tox .tox-dialog__body-content .accessibility-issue--error .tox-icon svg {
   fill: #c00;
 }
-.tox .tox-dialog__body-content .accessibility-issue--error a .tox-icon {
-  color: #c00;
+.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon {
+  background-color: #F2BFBF;
+  color: #222f3e;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:hover,
+.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:focus {
+  background-color: #E9A4A4;
+  color: #222f3e;
+}
+.tox .tox-dialog__body-content .accessibility-issue--error a.tox-button--naked.tox-button--icon:active {
+  background-color: #EE9494;
+  color: #222f3e;
 }
 .tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description {
   background-color: rgba(120, 171, 70, 0.1);
-  border-color: rgba(120, 171, 70, 0.4);
   color: #222f3e;
 }
 .tox .tox-dialog__body-content .accessibility-issue--success .accessibility-issue__description > *:last-child {
-  border-color: rgba(120, 171, 70, 0.4);
+  display: none;
 }
 .tox .tox-dialog__body-content .accessibility-issue--success .tox-form__group h2 {
-  color: #78AB46;
+  color: #527530;
 }
 .tox .tox-dialog__body-content .accessibility-issue--success .tox-icon svg {
-  fill: #78AB46;
-}
-.tox .tox-dialog__body-content .accessibility-issue--success a .tox-icon {
-  color: #78AB46;
+  fill: #527530;
 }
-.tox .tox-dialog__body-content .accessibility-issue__header h1,
+.tox .tox-dialog__body-content .accessibility-issue__header .tox-form__group h1,
 .tox .tox-dialog__body-content .tox-form__group .accessibility-issue__description h2 {
+  font-size: 14px;
   margin-top: 0;
 }
 .tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__header .tox-button {
@@ -4496,10 +4513,6 @@ button::-moz-focus-inner {
 .tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description {
   padding: 4px 4px 4px 8px;
 }
-.tox:not([dir=rtl]) .tox-dialog__body-content .accessibility-issue__description > *:last-child {
-  border-left-width: 1px;
-  padding-left: 4px;
-}
 .tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__header .tox-button {
   margin-right: 4px;
 }
@@ -4509,10 +4522,6 @@ button::-moz-focus-inner {
 .tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description {
   padding: 4px 8px 4px 4px;
 }
-.tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description > *:last-child {
-  border-right-width: 1px;
-  padding-right: 4px;
-}
 .tox .tox-anchorbar {
   display: flex;
   flex: 0 0 auto;
@@ -5213,6 +5222,22 @@ button::-moz-focus-inner {
 .tox .tox-swatches__picker-btn:hover {
   background: #cce2fa;
 }
+.tox div.tox-swatch:not(.tox-swatch--remove) svg {
+  display: none;
+  fill: #222f3e;
+  height: 24px;
+  margin: calc((30px - 24px) / 2) calc((30px - 24px) / 2);
+  width: 24px;
+}
+.tox div.tox-swatch:not(.tox-swatch--remove) svg path {
+  fill: #fff;
+  paint-order: stroke;
+  stroke: #222f3e;
+  stroke-width: 2px;
+}
+.tox div.tox-swatch:not(.tox-swatch--remove)[aria-checked=true] svg {
+  display: block;
+}
 .tox:not([dir=rtl]) .tox-swatches__picker-btn {
   margin-left: auto;
 }
@@ -5850,6 +5875,12 @@ body.tox-dialog__disable-scroll {
 .tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-sticky-on.tox-tinymce--toolbar-bottom .tox-editor-header {
   box-shadow: 0 2px 2px -2px rgba(34, 47, 62, 0.2), 0 8px 8px -4px rgba(34, 47, 62, 0.15);
 }
+.tox.tox:not(.tox-tinymce-inline) .tox-editor-header.tox-editor-header--empty {
+  background: none;
+  border: none;
+  box-shadow: none;
+  padding: 0;
+}
 .tox-editor-dock-fadeout {
   opacity: 0;
   visibility: hidden;
@@ -7210,6 +7241,7 @@ body.tox-dialog__disable-scroll {
 .tox .tox-toolbar,
 .tox .tox-toolbar__primary,
 .tox .tox-toolbar__overflow {
+  background-attachment: local;
   background-color: #fff;
   background-image: repeating-linear-gradient(#e3e3e3 0px 1px, transparent 1px 39px);
   background-position: center top 40px;
@@ -7277,6 +7309,7 @@ body.tox-dialog__disable-scroll {
   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);
+  overscroll-behavior: none;
   padding: 4px 0;
 }
 .tox-pop .tox-pop__dialog {
@@ -7362,6 +7395,47 @@ body.tox-dialog__disable-scroll {
   top: 50%;
   transform: translateY(-50%);
 }
+.tox .tox-view-wrap,
+.tox .tox-view-wrap__slot-container {
+  background-color: #fff;
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+}
+.tox .tox-view {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+}
+.tox .tox-view__header {
+  align-items: center;
+  display: flex;
+  font-size: 16px;
+  justify-content: space-between;
+  padding: 8px 8px 0 8px;
+  position: relative;
+}
+.tox .tox-view__header-start,
+.tox .tox-view__header-end {
+  display: flex;
+}
+.tox .tox-view__pane {
+  height: 100%;
+  padding: 8px;
+  width: 100%;
+}
+.tox .tox-view__pane_panel {
+  border: 1px solid #eeeeee;
+  border-radius: 6px;
+}
+.tox:not([dir=rtl]) .tox-view__header .tox-view__header-start > *,
+.tox:not([dir=rtl]) .tox-view__header .tox-view__header-end > * {
+  margin-left: 8px;
+}
+.tox[dir=rtl] .tox-view__header .tox-view__header-start > *,
+.tox[dir=rtl] .tox-view__header .tox-view__header-end > * {
+  margin-right: 8px;
+}
 .tox .tox-well {
   border: 1px solid #eeeeee;
   border-radius: 6px;
@@ -8254,13 +8328,13 @@ body.video-react-full-window .video-react-fullscreen {
   transform: translateY(-30px);
 }
 /*!
- * Cropper.js v1.5.12
+ * Cropper.js v1.5.13
  * https://fengyuanchen.github.io/cropperjs
  *
  * Copyright 2015-present Chen Fengyuan
  * Released under the MIT license
  *
- * Date: 2021-06-12T08:00:11.623Z
+ * Date: 2022-11-20T05:30:43.444Z
  */
 .cropper-container {
   direction: ltr;
@@ -8273,6 +8347,8 @@ body.video-react-full-window .video-react-fullscreen {
   user-select: none;
 }
 .cropper-container img {
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
   display: block;
   height: 100%;
   image-orientation: 0deg;
@@ -8309,7 +8385,7 @@ body.video-react-full-window .video-react-fullscreen {
   display: block;
   height: 100%;
   outline: 1px solid #39f;
-  outline-color: rgba(51, 153, 255, 0.75);
+  outline-color: rgba(51, 153, 255, 75%);
   overflow: hidden;
   width: 100%;
 }
@@ -9142,7 +9218,7 @@ body {
   margin-left: auto;
 }
 .cxd-Layout .cxd-Layout-header {
-  background: #f5f5f5;
+  background: #f7f8fa;
   box-shadow: none;
   height: 3.125rem;
 }
@@ -9156,7 +9232,7 @@ body {
   z-index: 1200;
 }
 .cxd-Layout-brandBar {
-  background: #0f1012;
+  background: #001259;
   color: #a0a0a0;
 }
 .cxd-Layout-brandBar > button {
@@ -9191,7 +9267,7 @@ body {
   display: inline;
 }
 .cxd-Layout-headerBar {
-  border-bottom: 0 none;
+  border-bottom: none;
   min-height: 3.125rem;
   padding: 0 0.5rem;
   display: flex;
@@ -9205,7 +9281,7 @@ body {
 }
 .cxd-Layout-aside {
   position: relative;
-  background: #1e1e28;
+  background: #151b26;
   color: #a0a0a0;
 }
 .cxd-Layout-aside:before {
@@ -10090,7 +10166,7 @@ body {
   overflow: hidden;
   margin-left: calc(1rem * -1);
   transition: all 0.2s ease-in-out 0s;
-  background: #1e1e28;
+  background: #151b26;
 }
 .cxd-Layout--folded .cxd-AsideNav-item > .cxd-AsideNav-subList {
   display: block;
@@ -10127,7 +10203,7 @@ body {
   background: #2c3239;
 }
 .cxd-AsideNav-item a:hover .cxd-AsideNav-itemIcon {
-  color: #528eff;
+  color: (--colors-brand-6);
 }
 .cxd-AsideNav-item.is-active > a {
   background: #272d33;
@@ -10183,7 +10259,8 @@ body {
   background: rgba(0, 0, 0, 0.7);
   border: 0 solid #e8e9eb;
   border-radius: 4px;
-  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1),
+    0px 1px 2px 0px rgba(0, 0, 0, 0.06);
   left: 100%;
   color: #ffffff;
   padding: 0.125rem 0.625rem;
@@ -10196,7 +10273,7 @@ body {
   margin: 0 0.625rem;
   overflow: hidden;
   font-size: 0;
-  background: #3c3c4d;
+  background: #303540;
 }
 img.cxd-AsideNav-itemIcon {
   float: none;
@@ -10427,6 +10504,9 @@ img.cxd-AsideNav-itemIcon {
   white-space: nowrap;
   min-width: auto;
 }
+.cxd-Button > svg.icon {
+  top: 0;
+}
 .cxd-Button--primary {
   color: #ffffff;
   background: #2468f2;
@@ -10453,15 +10533,12 @@ img.cxd-AsideNav-itemIcon {
 }
 .cxd-Button--primary:disabled, .cxd-Button--primary.is-disabled {
   color: #b8babf;
-  background: #f7f7f9;
+  background: #f7f8fa;
   border-color: #e8e9eb #e8e9eb #e8e9eb #e8e9eb;
   border-width: 1px 1px 1px 1px;
   border-style: solid solid solid solid;
   box-shadow: 0px 0px 0px 0px transparent;
 }
-.cxd-Button--primary:hover:focus {
-  box-shadow: var(--Button-boxShadow);
-}
 .cxd-Button--secondary {
   color: #ffffff;
   background: #b8babf;
@@ -10494,9 +10571,6 @@ img.cxd-AsideNav-itemIcon {
   border-style: solid solid solid solid;
   box-shadow: 0px 0px 0px 0px transparent;
 }
-.cxd-Button--secondary:hover:focus {
-  box-shadow: var(--Button-boxShadow);
-}
 .cxd-Button--success {
   color: #ffffff;
   background: #30bf13;
@@ -10529,12 +10603,9 @@ img.cxd-AsideNav-itemIcon {
   border-style: solid solid solid solid;
   box-shadow: 0px 0px 0px 0px transparent;
 }
-.cxd-Button--success:hover:focus {
-  box-shadow: var(--Button-boxShadow);
-}
 .cxd-Button--enhance {
   color: #2468f2;
-  background: #ffffff;
+  background: transparent;
   border-color: #2468f2 #2468f2 #2468f2 #2468f2;
   border-width: 1px 1px 1px 1px;
   border-style: solid solid solid solid;
@@ -10542,7 +10613,7 @@ img.cxd-AsideNav-itemIcon {
 }
 .cxd-Button--enhance:not(:disabled):not(.is-disabled):hover {
   color: #528eff;
-  background: #ffffff;
+  background: transparent;
   border-color: #528eff #528eff #528eff #528eff;
   border-width: 1px 1px 1px 1px;
   border-style: solid solid solid solid;
@@ -10550,7 +10621,7 @@ img.cxd-AsideNav-itemIcon {
 }
 .cxd-Button--enhance:not(:disabled):not(.is-disabled):hover:active {
   color: #144bcc;
-  background: #ffffff;
+  background: transparent;
   border-color: #144bcc #144bcc #144bcc #144bcc;
   border-width: 1px 1px 1px 1px;
   border-style: solid solid solid solid;
@@ -10558,15 +10629,12 @@ img.cxd-AsideNav-itemIcon {
 }
 .cxd-Button--enhance:disabled, .cxd-Button--enhance.is-disabled {
   color: #b8babf;
-  background: #f7f7f9;
+  background: #f7f8fa;
   border-color: #e8e9eb #e8e9eb #e8e9eb #e8e9eb;
   border-width: 1px 1px 1px 1px;
   border-style: solid solid solid solid;
   box-shadow: 0px 0px 0px 0px transparent;
 }
-.cxd-Button--enhance:hover:focus {
-  box-shadow: var(--Button-boxShadow);
-}
 .cxd-Button--info {
   color: #ffffff;
   background: #2468f2;
@@ -10599,9 +10667,6 @@ img.cxd-AsideNav-itemIcon {
   border-style: solid solid solid solid;
   box-shadow: 0px 0px 0px 0px transparent;
 }
-.cxd-Button--info:hover:focus {
-  box-shadow: var(--Button-boxShadow);
-}
 .cxd-Button--warning {
   color: #ffffff;
   background: #ff9326;
@@ -10634,9 +10699,6 @@ img.cxd-AsideNav-itemIcon {
   border-style: solid solid solid solid;
   box-shadow: 0px 0px 0px 0px transparent;
 }
-.cxd-Button--warning:hover:focus {
-  box-shadow: var(--Button-boxShadow);
-}
 .cxd-Button--danger {
   color: #ffffff;
   background: #f23d3d;
@@ -10669,9 +10731,6 @@ img.cxd-AsideNav-itemIcon {
   border-style: solid solid solid solid;
   box-shadow: 0px 0px 0px 0px transparent;
 }
-.cxd-Button--danger:hover:focus {
-  box-shadow: var(--Button-boxShadow);
-}
 .cxd-Button--light {
   color: #151b26;
   background: #e6f0ff;
@@ -10690,8 +10749,8 @@ img.cxd-AsideNav-itemIcon {
 }
 .cxd-Button--light:not(:disabled):not(.is-disabled):hover:active {
   color: #151b26;
-  background: #a8caff;
-  border-color: #a8caff #a8caff #a8caff #a8caff;
+  background: #7dadff;
+  border-color: #7dadff #7dadff #7dadff #7dadff;
   border-width: 1px 1px 1px 1px;
   border-style: solid solid solid solid;
   box-shadow: 0px 0px 0px 0px transparent;
@@ -10704,9 +10763,6 @@ img.cxd-AsideNav-itemIcon {
   border-style: solid solid solid solid;
   box-shadow: 0px 0px 0px 0px transparent;
 }
-.cxd-Button--light:hover:focus {
-  box-shadow: var(--Button-boxShadow);
-}
 .cxd-Button--dark {
   color: #ffffff;
   background: #303540;
@@ -10739,9 +10795,6 @@ img.cxd-AsideNav-itemIcon {
   border-style: solid solid solid solid;
   box-shadow: 0px 0px 0px 0px transparent;
 }
-.cxd-Button--dark:hover:focus {
-  box-shadow: var(--Button-boxShadow);
-}
 .cxd-Button--default {
   color: #151b26;
   background: transparent;
@@ -10774,75 +10827,72 @@ img.cxd-AsideNav-itemIcon {
   border-style: solid solid solid solid;
   box-shadow: 0px 0px 0px 0px transparent;
 }
-.cxd-Button--default:hover:focus {
-  box-shadow: var(--Button-boxShadow);
-}
 .cxd-Button--size-default {
   font-size: 14px;
-  line-height: 1;
+  line-height: 1.5;
   border-radius: 4px 4px 4px 4px;
-  height: 32px;
-  padding: 4px 12px 4px 12px;
-  margin: 0px 0px 0px 0px;
+  height: 2rem;
+  padding: 0.25rem 0.75rem 0.25rem 0.75rem;
+  margin: 0rem 0rem 0rem 0rem;
 }
 .cxd-Button--size-default .cxd-Button-icon:first-child:not(:last-child):not(.pull-right),
 .cxd-Button--size-default > svg.icon:not(:last-child):not(.pull-right),
 .cxd-Button--size-default > .pull-left {
-  margin-right: 4px;
-  font-size: 14px;
+  margin-right: 0.25rem;
+  font-size: 0.875rem;
 }
 .cxd-Button--size-default .cxd-Button-icon:last-child:not(:first-child):not(.pull-left),
 .cxd-Button--size-default > .pull-right {
-  font-size: 14px;
-  margin-left: 4px;
+  font-size: 0.875rem;
+  margin-left: 0.25rem;
 }
 .cxd-Button--size-default .cxd-Button--loading:first-child:not(:last-child):not(.pull-right),
 .cxd-Button--size-default > svg.icon:not(:last-child):not(.pull-right),
 .cxd-Button--size-default > .pull-left {
-  font-size: 14px;
-  margin-right: 4px;
+  font-size: 0.875rem;
+  margin-right: 0.25rem;
 }
 .cxd-Button--size-default .cxd-Button--loading:last-child:not(:first-child):not(.pull-left),
 .cxd-Button--size-default > .pull-right {
-  font-size: 14px;
-  margin-left: 4px;
+  font-size: 0.875rem;
+  margin-left: 0.25rem;
 }
 .cxd-Button--size-default img.cxd-Button-icon {
-  height: 14px;
+  height: 0.875rem;
   vertical-align: middle;
 }
 .cxd-Button--size-xs {
   font-size: 12px;
   line-height: 1.5;
   border-radius: 4px 4px 4px 4px;
-  height: 22px;
-  padding: 2px 4px 2px 4px;
-  margin: 0px 0px 0px 0px;
+  height: 1.375rem;
+  padding: 0.125rem 0.25rem 0.125rem 0.25rem;
+  margin: 0rem 0rem 0rem 0rem;
 }
 .cxd-Button--size-xs .cxd-Button-icon:first-child:not(:last-child):not(.pull-right),
 .cxd-Button--size-xs > svg.icon:not(:last-child):not(.pull-right),
 .cxd-Button--size-xs > .pull-left {
-  margin-right: 4px;
-  font-size: 14px;
+  margin-right: 0.25rem;
+  font-size: 0.875rem;
 }
 .cxd-Button--size-xs .cxd-Button-icon:last-child:not(:first-child):not(.pull-left),
 .cxd-Button--size-xs > .pull-right {
-  font-size: 14px;
-  margin-left: 4px;
+  font-size: 0.875rem;
+  margin-left: 0.25rem;
 }
 .cxd-Button--size-xs .cxd-Button--loading:first-child:not(:last-child):not(.pull-right),
 .cxd-Button--size-xs > svg.icon:not(:last-child):not(.pull-right),
 .cxd-Button--size-xs > .pull-left {
-  font-size: 14px;
-  margin-right: 4px;
+  font-size: 0.875rem;
+  margin-right: 0.25rem;
 }
 .cxd-Button--size-xs .cxd-Button--loading:last-child:not(:first-child):not(.pull-left),
 .cxd-Button--size-xs > .pull-right {
-  font-size: 14px;
-  margin-left: 4px;
+  font-size: 0.875rem;
+  margin-left: 0.25rem;
 }
 .cxd-Button--size-xs img.cxd-Button-icon {
-  height: 14px;
+  height: 0.875rem;
   vertical-align: middle;
 }
 .cxd-Button--size-xs.cxd-Button--iconOnly {
@@ -10852,34 +10902,34 @@ img.cxd-AsideNav-itemIcon {
   font-size: 12px;
   line-height: 1.5;
   border-radius: 4px 4px 4px 4px;
-  height: 30px;
-  padding: 4px 8px 4px 8px;
-  margin: 0px 0px 0px 0px;
+  height: 1.875rem;
+  padding: 0.25rem 0.625rem 0.25rem 0.625rem;
+  margin: 0rem 0rem 0rem 0rem;
 }
 .cxd-Button--size-sm .cxd-Button-icon:first-child:not(:last-child):not(.pull-right),
 .cxd-Button--size-sm > svg.icon:not(:last-child):not(.pull-right),
 .cxd-Button--size-sm > .pull-left {
-  margin-right: 4px;
-  font-size: 14px;
+  margin-right: 0.25rem;
+  font-size: 0.875rem;
 }
 .cxd-Button--size-sm .cxd-Button-icon:last-child:not(:first-child):not(.pull-left),
 .cxd-Button--size-sm > .pull-right {
-  font-size: 14px;
-  margin-left: 4px;
+  font-size: 0.875rem;
+  margin-left: 0.25rem;
 }
 .cxd-Button--size-sm .cxd-Button--loading:first-child:not(:last-child):not(.pull-right),
 .cxd-Button--size-sm > svg.icon:not(:last-child):not(.pull-right),
 .cxd-Button--size-sm > .pull-left {
-  font-size: 14px;
-  margin-right: 4px;
+  font-size: 0.875rem;
+  margin-right: 0.25rem;
 }
 .cxd-Button--size-sm .cxd-Button--loading:last-child:not(:first-child):not(.pull-left),
 .cxd-Button--size-sm > .pull-right {
-  font-size: 14px;
-  margin-left: 4px;
+  font-size: 0.875rem;
+  margin-left: 0.25rem;
 }
 .cxd-Button--size-sm img.cxd-Button-icon {
-  height: 14px;
+  height: 0.875rem;
   vertical-align: middle;
 }
 .cxd-Button--size-sm.cxd-Button--iconOnly {
@@ -10887,36 +10937,36 @@ img.cxd-AsideNav-itemIcon {
 }
 .cxd-Button--size-md {
   font-size: 14px;
-  line-height: 1;
+  line-height: 1.5;
   border-radius: 4px 4px 4px 4px;
-  height: 32px;
-  padding: 4px 12px 4px 12px;
-  margin: 0px 0px 0px 0px;
+  height: 2rem;
+  padding: 0.25rem 0.75rem 0.25rem 0.75rem;
+  margin: 0rem 0rem 0rem 0rem;
 }
 .cxd-Button--size-md .cxd-Button-icon:first-child:not(:last-child):not(.pull-right),
 .cxd-Button--size-md > svg.icon:not(:last-child):not(.pull-right),
 .cxd-Button--size-md > .pull-left {
-  margin-right: 4px;
-  font-size: 14px;
+  margin-right: 0.25rem;
+  font-size: 0.875rem;
 }
 .cxd-Button--size-md .cxd-Button-icon:last-child:not(:first-child):not(.pull-left),
 .cxd-Button--size-md > .pull-right {
-  font-size: 14px;
-  margin-left: 4px;
+  font-size: 0.875rem;
+  margin-left: 0.25rem;
 }
 .cxd-Button--size-md .cxd-Button--loading:first-child:not(:last-child):not(.pull-right),
 .cxd-Button--size-md > svg.icon:not(:last-child):not(.pull-right),
 .cxd-Button--size-md > .pull-left {
-  font-size: 14px;
-  margin-right: 4px;
+  font-size: 0.875rem;
+  margin-right: 0.25rem;
 }
 .cxd-Button--size-md .cxd-Button--loading:last-child:not(:first-child):not(.pull-left),
 .cxd-Button--size-md > .pull-right {
-  font-size: 14px;
-  margin-left: 4px;
+  font-size: 0.875rem;
+  margin-left: 0.25rem;
 }
 .cxd-Button--size-md img.cxd-Button-icon {
-  height: 14px;
+  height: 0.875rem;
   vertical-align: middle;
 }
 .cxd-Button--size-md.cxd-Button--iconOnly {
@@ -10924,36 +10974,36 @@ img.cxd-AsideNav-itemIcon {
 }
 .cxd-Button--size-lg {
   font-size: 14px;
-  line-height: 1;
+  line-height: 1.5;
   border-radius: 4px 4px 4px 4px;
-  height: 38px;
-  padding: 8px 16px 8px 16px;
-  margin: 0px 0px 0px 0px;
+  height: 2.375rem;
+  padding: 0.625rem 1rem 0.625rem 1rem;
+  margin: 0rem 0rem 0rem 0rem;
 }
 .cxd-Button--size-lg .cxd-Button-icon:first-child:not(:last-child):not(.pull-right),
 .cxd-Button--size-lg > svg.icon:not(:last-child):not(.pull-right),
 .cxd-Button--size-lg > .pull-left {
-  margin-right: 4px;
-  font-size: 14px;
+  margin-right: 0.25rem;
+  font-size: 0.875rem;
 }
 .cxd-Button--size-lg .cxd-Button-icon:last-child:not(:first-child):not(.pull-left),
 .cxd-Button--size-lg > .pull-right {
-  font-size: 14px;
-  margin-left: 4px;
+  font-size: 0.875rem;
+  margin-left: 0.25rem;
 }
 .cxd-Button--size-lg .cxd-Button--loading:first-child:not(:last-child):not(.pull-right),
 .cxd-Button--size-lg > svg.icon:not(:last-child):not(.pull-right),
 .cxd-Button--size-lg > .pull-left {
-  font-size: 14px;
-  margin-right: 4px;
+  font-size: 0.875rem;
+  margin-right: 0.25rem;
 }
 .cxd-Button--size-lg .cxd-Button--loading:last-child:not(:first-child):not(.pull-left),
 .cxd-Button--size-lg > .pull-right {
-  font-size: 14px;
-  margin-left: 4px;
+  font-size: 0.875rem;
+  margin-left: 0.25rem;
 }
 .cxd-Button--size-lg img.cxd-Button-icon {
-  height: 14px;
+  height: 0.875rem;
   vertical-align: middle;
 }
 .cxd-Button--size-lg.cxd-Button--iconOnly {
@@ -10998,10 +11048,6 @@ img.cxd-AsideNav-itemIcon {
   border-width: 0px 0px 0px 0px;
   border-style: none none none none;
   box-shadow: 0px 0px 0px 0px transparent;
-  padding: 0;
-  margin: 0;
-  height: auto;
-  line-height: auto;
 }
 .cxd-Button--link:not(:disabled):not(.is-disabled):hover {
   color: #528eff;
@@ -11027,9 +11073,6 @@ img.cxd-AsideNav-itemIcon {
   border-style: none none none none;
   box-shadow: 0px 0px 0px 0px transparent;
 }
-.cxd-Button--link:hover:focus {
-  box-shadow: var(--Button-boxShadow);
-}
 .cxd-Button--block {
   display: block;
   width: 100%;
@@ -11201,7 +11244,8 @@ input[type=button].cxd-Button--block {
   padding: 0.25rem 0;
   border: 0.0625rem solid #e8e9eb;
   border-radius: 4px;
-  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1),
+    0px 1px 2px 0px rgba(0, 0, 0, 0.06);
   min-width: 100%;
   text-align: left;
   font-size: 12px;
@@ -11383,7 +11427,7 @@ input[type=button].cxd-Button--block {
   margin-right: auto;
   margin-top: 3.75rem;
   margin-bottom: 1rem;
-  padding: 1.5rem 0px;
+  padding: 1.5rem 0rem;
   border: 0px solid #e8e9eb;
   border-radius: 6px;
 }
@@ -11416,9 +11460,10 @@ input[type=button].cxd-Button--block {
   opacity: 0;
 }
 .cxd-Modal-header {
-  padding: 0px 1.5rem;
+  padding: 0rem 1.5rem;
   background: #ffffff;
-  border-bottom: none;
+  border-bottom: none solid
+    #f7f8fa;
   border-top-left-radius: 6px;
   border-top-right-radius: 6px;
 }
@@ -11431,7 +11476,7 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Modal-title {
   font-size: 14px;
-  color: #333;
+  color: #151b26;
   font-weight: 500;
 }
 .cxd-Modal-close {
@@ -11472,9 +11517,10 @@ input[type=button].cxd-Button--block {
   display: flex;
   align-items: center;
   justify-content: flex-end;
-  padding: 0px 1.5rem;
-  border-top: none;
-  margin: 0px 0px;
+  padding: 0rem 1.5rem;
+  border-top: none solid
+    #f7f8fa;
+  margin: 0rem 0rem;
   border-bottom-left-radius: 6px;
   border-bottom-right-radius: 6px;
 }
@@ -11614,7 +11660,7 @@ input[type=button].cxd-Button--block {
 .cxd-Drawer-header {
   padding: 1rem 1.5rem;
   background: #ffffff;
-  border-bottom: 0.0625rem solid #f7f7f9;
+  border-bottom: 0.0625rem solid #f7f8fa;
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }
@@ -11663,7 +11709,7 @@ input[type=button].cxd-Button--block {
   align-items: flex-end;
   justify-content: flex-end;
   padding: 0.75rem;
-  border-top: 0.0625rem solid #f7f7f9;
+  border-top: 0.0625rem solid #f7f8fa;
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
 }
@@ -12221,8 +12267,8 @@ input[type=button].cxd-Button--block {
   font-size: 14px;
   color: #151b26;
   font-weight: 500;
-  border-top-left-radius: calc( 6px - 0.0625rem );
-  border-top-right-radius: calc( 6px - 0.0625rem );
+  border-top-left-radius: calc( 8px - 0.0625rem );
+  border-top-right-radius: calc( 8px - 0.0625rem );
   font-weight: bold;
 }
 .cxd-Tooltip-title:empty {
@@ -12304,7 +12350,8 @@ input[type=button].cxd-Button--block {
   background: rgba(0, 0, 0, 0.7);
   border: 0 solid #e8e9eb;
   border-radius: 4px;
-  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1),
+    0px 1px 2px 0px rgba(0, 0, 0, 0.06);
   left: 100%;
   color: #ffffff;
   padding: 0.125rem 0.625rem;
@@ -12757,7 +12804,7 @@ input[type=button].cxd-Button--block {
   cursor: pointer;
 }
 .cxd-Toast-close:hover {
-  color: #528eff;
+  color: #2468f2;
   opacity: 1;
 }
 .cxd-Toast-close > svg {
@@ -12812,7 +12859,7 @@ input[type=button].cxd-Button--block {
 .cxd-Toast--warning {
   color: #151b26;
   border-color: #ffffff;
-  background: #ffffff;
+  background: ar(--colors-neutral-fill-11);
 }
 .cxd-Toast--info {
   color: #151b26;
@@ -12993,7 +13040,7 @@ input[type=button].cxd-Button--block {
   cursor: pointer;
 }
 .cxd-AppFoldBtn:hover {
-  color: #528eff;
+  color: #2468f2;
 }
 .cxd-AppLogo-html {
   display: inline-flex;
@@ -13003,7 +13050,7 @@ input[type=button].cxd-Button--block {
   color: #b8babf;
   padding-top: calc(
     (
-        2rem - 1.4285714286 *
+        2rem - 1.5 *
           14px
       ) / 2
   );
@@ -13024,7 +13071,7 @@ input[type=button].cxd-Button--block {
           1.5 * 12px
       ) / 2
   ) 0.5rem;
-  margin: 0px 0px 0px 0px;
+  margin: 0rem 0rem 0rem 0rem;
   color: #ffffff;
   background: #2468f2;
   border-color: #ffffff #528eff var(--Combo-addBtn-onHover-border) #ffffff;
@@ -13039,27 +13086,27 @@ input[type=button].cxd-Button--block {
 .cxd-ArrayInput-addBtn .cxd-Button-icon:first-child:not(:last-child):not(.pull-right),
 .cxd-ArrayInput-addBtn > svg.icon:not(:last-child):not(.pull-right),
 .cxd-ArrayInput-addBtn > .pull-left {
-  margin-right: 4px;
-  font-size: 14px;
+  margin-right: 0.25rem;
+  font-size: 0.875rem;
 }
 .cxd-ArrayInput-addBtn .cxd-Button-icon:last-child:not(:first-child):not(.pull-left),
 .cxd-ArrayInput-addBtn > .pull-right {
-  font-size: 14px;
-  margin-left: 4px;
+  font-size: 0.875rem;
+  margin-left: 0.25rem;
 }
 .cxd-ArrayInput-addBtn .cxd-Button--loading:first-child:not(:last-child):not(.pull-right),
 .cxd-ArrayInput-addBtn > svg.icon:not(:last-child):not(.pull-right),
 .cxd-ArrayInput-addBtn > .pull-left {
-  font-size: 14px;
-  margin-right: 4px;
+  font-size: 0.875rem;
+  margin-right: 0.25rem;
 }
 .cxd-ArrayInput-addBtn .cxd-Button--loading:last-child:not(:first-child):not(.pull-left),
 .cxd-ArrayInput-addBtn > .pull-right {
-  font-size: 14px;
-  margin-left: 4px;
+  font-size: 0.875rem;
+  margin-left: 0.25rem;
 }
 .cxd-ArrayInput-addBtn img.cxd-Button-icon {
-  height: 14px;
+  height: 0.875rem;
   vertical-align: middle;
 }
 .cxd-ArrayInput-addBtn:not(:disabled):not(.is-disabled):hover {
@@ -13086,9 +13133,6 @@ input[type=button].cxd-Button--block {
   border-style: solid solid solid solid;
   box-shadow: 0px 0px 0px 0px transparent;
 }
-.cxd-ArrayInput-addBtn:hover:focus {
-  box-shadow: var(--Button-boxShadow);
-}
 .cxd-ArrayInput-addBtn.is-disabled {
   pointer-events: none;
   opacity: var(--Button-onDisabled-opacity);
@@ -13130,7 +13174,7 @@ input[type=button].cxd-Button--block {
   display: inline-block;
   padding: calc(
     (
-        2rem - 1.4285714286 *
+        2rem - 1.5 *
           14px
       ) / 2
   ) 0.25rem;
@@ -13140,7 +13184,7 @@ input[type=button].cxd-Button--block {
   color: #84878c;
 }
 .cxd-ArrayInput-itemRemove:hover > svg, .cxd-ArrayInput-itemDrager:hover > svg {
-  color: #528eff;
+  color: #2468f2;
 }
 .cxd-ArrayInput-itemDrager {
   cursor: move;
@@ -13203,7 +13247,7 @@ input[type=button].cxd-Button--block {
   font-size: 12px;
 }
 .cxd-Tabs-linksContainer-wrapper .cxd-Tabs-linksContainer-arrow:hover {
-  color: #528eff;
+  color: #2468f2;
 }
 .cxd-Tabs-linksContainer-wrapper .cxd-Tabs-linksContainer-arrow--left {
   padding-right: 16px;
@@ -13213,10 +13257,10 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Tabs-linksContainer-wrapper .cxd-Tabs-linksContainer-arrow--disabled .iconfont {
   cursor: not-allowed;
-  color: #999;
+  color: #b8babf;
 }
 .cxd-Tabs-linksContainer-wrapper .cxd-Tabs-linksContainer-arrow--disabled:hover {
-  color: #999;
+  color: #b8babf;
 }
 .cxd-Tabs-linksContainer-wrapper .cxd-Tabs-linksContainer-main {
   position: relative;
@@ -13467,10 +13511,10 @@ input[type=button].cxd-Button--block {
   background: transparent;
 }
 .cxd-Tabs--card > .cxd-Tabs-linksContainer {
-  background: #f7f7f9;
+  background: #f7f8fa;
 }
 .cxd-Tabs--card > .cxd-Tabs-linksContainer-wrapper {
-  background: #f7f7f9;
+  background: #f7f8fa;
 }
 .cxd-Tabs--card > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-addable {
   margin-left: 0;
@@ -13656,7 +13700,7 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Tabs--vertical > .cxd-Tabs-linksWrapper {
   flex-direction: column;
-  background: #f7f7f9;
+  background: #f7f8fa;
 }
 .cxd-Tabs--vertical > .cxd-Tabs-linksWrapper > .cxd-Tabs-links {
   width: 8.75rem;
@@ -13682,7 +13726,7 @@ input[type=button].cxd-Button--block {
 .cxd-Tabs--vertical > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li.is-active > a:first-child:hover,
 .cxd-Tabs--vertical > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li.is-active > a:first-child:focus {
   color: #2468f2;
-  background: #f7f7f9;
+  background: #f7f8fa;
   border-color: #2468f2;
 }
 .cxd-Tabs--vertical > .cxd-Tabs-content {
@@ -13762,7 +13806,7 @@ input[type=button].cxd-Button--block {
   height: 100%;
 }
 .cxd-Tabs--chrome > .cxd-Tabs-linksWrapper {
-  background: #f5f5f5;
+  background: #f7f8fa;
   border-bottom: none;
   overflow-x: hidden;
 }
@@ -13823,10 +13867,10 @@ input[type=button].cxd-Button--block {
 .cxd-Tabs--chrome > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li:hover .chrome-tab-background {
   z-index: 3;
   display: block;
-  background-color: #fcfcfc;
+  background-color: #f7f8fa;
 }
 .cxd-Tabs--chrome > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li:hover .chrome-tab-background > svg {
-  fill: #fcfcfc;
+  fill: #f7f8fa;
 }
 .cxd-Tabs--chrome > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li:hover:after {
   display: none;
@@ -14143,7 +14187,7 @@ input[type=button].cxd-Button--block {
 .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item .cxd-Nav-itemDrager > .cxd-Badge > .icon:hover,
 .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge .cxd-Nav-itemDrager > .icon:hover,
 .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge .cxd-Nav-itemDrager > .cxd-Badge > .icon:hover {
-  color: #528eff;
+  color: #2468f2;
 }
 .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item .cxd-Nav-itemDrager svg,
 .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge .cxd-Nav-itemDrager svg {
@@ -14240,7 +14284,7 @@ input[type=button].cxd-Button--block {
 .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge.is-active > .cxd-Badge > a {
   color: #2468f2;
   position: relative;
-  background: #f6f7fb !important;
+  background: #f7f8fa !important;
 }
 .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item.active > a::after, .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item.is-active > .cxd-Nav-item-atcions::after, .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item.is-active > a::after, .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item.active > .cxd-Badge > a::after, .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item.is-active > .cxd-Badge > .cxd-Nav-item-atcions::after, .cxd-Nav .cxd-Nav-list--stacked .cxd-Nav-item.is-active > .cxd-Badge > a::after,
 .cxd-Nav .cxd-Nav-list--stacked .cxd-Badge.active > a::after,
@@ -14315,7 +14359,7 @@ input[type=button].cxd-Button--block {
   flex-direction: column;
 }
 .cxd-Page-content {
-  padding: 0px 0px;
+  padding: 0rem 0rem;
   position: relative;
   height: 100%;
   width: 100%;
@@ -14427,14 +14471,14 @@ input[type=button].cxd-Button--block {
   text-align: center;
 }
 .cxd-Remark > span {
-  color: #999;
+  color: #84878c;
   font-size: 12px;
 }
 .cxd-Remark-icon {
-  color: #999;
+  color: #84878c;
   font-size: 12px;
   background: #ffffff;
-  border: 1px solid #999;
+  border: 1px solid #e8e9eb;
   width: 1rem;
   height: 1rem;
   line-height: 1;
@@ -14460,13 +14504,13 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Remark:hover > .cxd-Remark-icon {
   color: #ffffff;
-  background: #f38900;
-  border-color: #f38900;
+  background: #ff9326;
+  border-color: #ff9326;
 }
 .cxd-Remark > svg {
   width: calc(1rem - 0.125rem);
   height: calc(1rem - 0.125rem);
-  color: #999;
+  color: #84878c;
 }
 .cxd-Remark:hover > svg {
   color: #ffffff;
@@ -14677,7 +14721,8 @@ input[type=button].cxd-Button--block {
   z-index: -1;
   opacity: 0;
   bottom: 999999px;
-  box-shadow: 0 -2px 10px 0 rgba(0, 0, 0, 0.05);
+  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1),
+    0px 1px 2px 0px rgba(0, 0, 0, 0.06);
   border-top: none;
 }
 .cxd-Panel-fixedBottom.in {
@@ -14690,12 +14735,12 @@ input[type=button].cxd-Button--block {
   border-color: #e8e9eb;
 }
 .cxd-Panel--default > .cxd-Panel-heading {
-  background: #f5f5f5;
+  background: #f7f8fa;
   color: #151b26;
 }
 .cxd-Panel--default > .cxd-Panel-heading .badge {
-  color: #f5f5f5;
-  background: #333;
+  color: #f7f8fa;
+  background: #303540;
 }
 .cxd-Panel--default > .cxd-Panel-heading {
   border-color: #e8e9eb;
@@ -14790,7 +14835,7 @@ input[type=button].cxd-Button--block {
   padding: 0.75rem;
 }
 .cxd-Panel-footer {
-  border-color: #f7f7f9;
+  border-color: #f7f8fa;
   border-radius: 0 0 0.125rem 0.125rem;
   background: transparent;
   padding: 0.5rem 0.75rem;
@@ -15168,7 +15213,8 @@ input[type=button].cxd-Button--block {
   margin: 0.0625rem 0 0;
   border: none;
   border-radius: 4px;
-  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1),
+    0px 1px 2px 0px rgba(0, 0, 0, 0.06);
   min-width: 10rem;
   overflow-y: auto;
   overflow-x: hidden;
@@ -15195,11 +15241,11 @@ input[type=button].cxd-Button--block {
           text-decoration: none;
 }
 .cxd-DropDown-menuItem:hover, .cxd-DropDown-menu > li:hover {
-  background: #eaf6fe;
+  background: #e8e9eb;
   color: #2468f2;
 }
 .cxd-DropDown-menuItem.is-active, .cxd-DropDown-menu > li.is-active {
-  background: #eaf6fe;
+  background: #e8e9eb;
   color: #2468f2;
 }
 .cxd-DropDown-menuItem:not(.is-disabled), .cxd-DropDown-menuItem:not(.disabled), .cxd-DropDown-menu > li:not(.is-disabled), .cxd-DropDown-menu > li:not(.disabled) {
@@ -15311,7 +15357,7 @@ input[type=button].cxd-Button--block {
   border: 1px solid #e8e9eb;
 }
 .cxd-ScheduleCalendar-large .rdtDay {
-  height: 6.25rem;
+  height: 6.125rem;
   vertical-align: top;
 }
 .cxd-ScheduleCalendar-large .cxd-ScheduleCalendar-large-day-wrap {
@@ -15328,7 +15374,7 @@ input[type=button].cxd-Button--block {
   text-align: left;
   padding: 0 0.25rem;
   height: 1.25rem;
-  color: #ffffff;
+  color: (--colors-neutral-text-11);
 }
 .cxd-ScheduleCalendar-large .cxd-ScheduleCalendar-action {
   z-index: 20;
@@ -15465,7 +15511,7 @@ input[type=button].cxd-Button--block {
 .cxd-CalendarMobile-footer .date-range-confirm {
   height: 2.25rem;
   margin: 0.4375rem 0;
-  border-radius: 4px;
+  border-radius: 6px;
   display: block;
 }
 .cxd-CalendarMobile-footer .is-disabled {
@@ -15614,11 +15660,11 @@ input[type=button].cxd-Button--block {
   padding: 1rem;
   margin: 0;
   cursor: pointer;
-  background: #f7f7f9;
+  background: #f7f8fa;
 }
 .cxd-Collapse-header-wrapper {
   display: inline-flex;
-  flex-direction: row-reverse;
+  flex-direction: var(--Collapse-header-wrapper-direction);
 }
 .cxd-Collapse-header-tpl {
   margin-right: 0.5rem;
@@ -15652,9 +15698,6 @@ input[type=button].cxd-Button--block {
   text-align: center;
   margin-right: 0.25rem;
 }
-.cxd-Collapse .cxd-TplField {
-  display: inline-block;
-}
 .cxd-Collapse.is-active > * > .cxd-Collapse-arrow:before {
   transform: rotate(135deg);
   transform-origin: 50% 30%;
@@ -15679,7 +15722,8 @@ input[type=button].cxd-Button--block {
   text-align: center;
   font-size: 14px;
   border-top: none;
-  border-bottom: none;
+  border-bottom: none
+  --Collapse-header-wrapper-direction: row-reverse;
 }
 .cxd-Collapse--title-bottom.is-collapsed .cxd-Collapse-header {
   border-top: none;
@@ -15949,7 +15993,7 @@ input[type=button].cxd-Button--block {
   color: #84878c;
 }
 .cxd-CBGroupOrItem-dragbar:hover {
-  color: #528eff;
+  color: #2468f2;
 }
 .cxd-CBGroupOrItem-body {
   display: flex;
@@ -16030,7 +16074,7 @@ input[type=button].cxd-Button--block {
   color: #84878c;
 }
 .cxd-CBInputSwitch > a:hover {
-  color: #528eff;
+  color: #2468f2;
 }
 .cxd-CBInputSwitch svg {
   width: 0.625rem;
@@ -16072,7 +16116,7 @@ input[type=button].cxd-Button--block {
   margin: 0.1875rem;
 }
 .cxd-CBFormula-label {
-  background: #f7f7f9;
+  background: #f7f8fa;
   color: #b8babf;
   display: block;
   font-size: 12px;
@@ -16179,8 +16223,9 @@ input[type=button].cxd-Button--block {
 }
 .cxd-ContextMenu-item:not(.is-disabled):hover > a {
   text-decoration: none;
-  color: #2468f2;
-  background: #e6f0ff;
+  color: #2468f2
+  --menu-hover-bg-color: #e6f0ff;
+  background: var(--menu-hover-bg-color);
   cursor: pointer;
   border-top: none;
   border-bottom: none;
@@ -16203,7 +16248,8 @@ input[type=button].cxd-Button--block {
   transform: translateY(-50%);
 }
 .cxd-ContextMenu-item.has-child:hover > a::after {
-  border-color: transparent transparent transparent #2468f2;
+  border-color: transparent transparent transparent #2468f2
+  --menu-hover-bg-color: #e6f0ff;
 }
 .cxd-ContextMenu-itemIcon {
   margin-right: 5px;
@@ -16293,7 +16339,7 @@ input[type=button].cxd-Button--block {
   height: 1.625rem;
   font-size: 14px;
   line-height: 1.625rem;
-  color: #999999;
+  color: #b8babf;
   text-align: center;
   white-space: nowrap;
   vertical-align: middle;
@@ -16301,16 +16347,16 @@ input[type=button].cxd-Button--block {
   border-radius: 50%;
   text-shadow: 0 0.0625rem 0 rgba(0, 0, 0, 0.2);
   margin-right: 0.375rem;
-  border: 1px solid #999999;
+  border: 1px solid #b8babf;
   box-sizing: content-box;
 }
 .cxd-Wizard .cxd-Badge.is-active, .cxd-Wizard-tabs .cxd-Badge.is-active {
   color: #ffffff;
-  background: #333333;
+  background: #303540;
 }
 .cxd-Wizard .cxd-Badge.is-complete, .cxd-Wizard-tabs .cxd-Badge.is-complete {
   color: #ffffff;
-  background: #333333;
+  background: #303540;
 }
 .cxd-Wizard ul li.active, .cxd-Wizard-tabs ul li.active {
   color: #2468f2;
@@ -16366,7 +16412,7 @@ input[type=button].cxd-Button--block {
   z-index: 2;
 }
 .cxd-Wizard > ul.nav li.is-active, .cxd-Wizard-tabs > ul.nav li.is-active {
-  color: #333333;
+  color: #303540;
   background: #fff;
 }
 .cxd-Wizard > ul.nav li.is-active:after, .cxd-Wizard-tabs > ul.nav li.is-active:after {
@@ -16374,7 +16420,7 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Wizard-steps {
   font-size: 14px;
-  padding: 0.625rem 0px;
+  padding: 0.625rem 0rem;
   background: #ffffff;
   border-bottom: 0px solid #e8e9eb;
   text-align: center;
@@ -16412,10 +16458,6 @@ input[type=button].cxd-Button--block {
   position: absolute;
   bottom: 0;
   right: -0.625rem;
-  border: none !important;
-  border-right: 0;
-  border-left: 0.625rem solid #e8e9eb;
-  border-left-color: rgba(0, 0, 0, 0.05);
   z-index: 2;
 }
 .cxd-Wizard-steps ul li:after {
@@ -16424,14 +16466,14 @@ input[type=button].cxd-Button--block {
   z-index: 2;
 }
 .cxd-Wizard-steps ul li.is-active {
-  color: #333333;
-  background: #fff;
+  color: #303540;
+  background: #ffffff;
 }
 .cxd-Wizard-steps ul li.is-active:after {
-  border-left-color: #fff;
+  border-left-color: #ffffff;
 }
 .cxd-Wizard-steps ul li.is-complete, .cxd-Wizard-steps ul li.is-complete:hover {
-  color: #333333;
+  color: #303540;
   cursor: pointer;
 }
 .cxd-Wizard-stepContent {
@@ -16495,7 +16537,7 @@ input[type=button].cxd-Button--block {
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
-  line-height: calc( 1.4285714286 * 14px - 0.125rem );
+  line-height: calc( 1.5 * 14px - 0.125rem );
   display: inline-block;
   font-size: 12px;
   color: #2468f2;
@@ -16628,7 +16670,7 @@ input[type=button].cxd-Button--block {
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
-  line-height: calc( 1.4285714286 * 14px - 0.125rem );
+  line-height: calc( 1.5 * 14px - 0.125rem );
   display: inline-block;
   font-size: 12px;
   color: #2468f2;
@@ -16791,7 +16833,8 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Table-fixedTop-shadow {
   position: absolute;
-  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1),
+    0px 1px 2px 0px rgba(0, 0, 0, 0.06);
   z-index: -1;
   height: 10px;
   margin-top: -10px;
@@ -16927,7 +16970,7 @@ input[type=button].cxd-Button--block {
   min-width: 100%;
   margin-bottom: 0;
   font-size: 12px;
-  color: #333;
+  color: #151b26;
   background: #ffffff;
   border-spacing: 0;
   border-collapse: collapse;
@@ -16969,7 +17012,7 @@ input[type=button].cxd-Button--block {
   cursor: pointer;
 }
 .cxd-Table-table > thead > tr > th {
-  background: #f7f7f9;
+  background: #f7f8fa;
   padding: calc(
     (2.5rem - 12px * 1.5) /
       2
@@ -16977,7 +17020,7 @@ input[type=button].cxd-Button--block {
   text-align: left;
   border-bottom: 0.0625rem solid #ffffff;
   font-size: 14px;
-  color: #333;
+  color: #151b26;
   font-weight: 400;
   white-space: nowrap;
 }
@@ -17000,6 +17043,10 @@ input[type=button].cxd-Button--block {
 .cxd-Table-table > thead > tr > th .cxd-Remark {
   margin-left: 0.25rem;
 }
+.cxd-Table-table > thead > tr > th .cxd-TableCell--title {
+  min-width: -moz-fit-content;
+  min-width: fit-content;
+}
 .cxd-Table-table > thead > tr > th:first-child {
   border-top-left-radius: 4px;
 }
@@ -17023,8 +17070,8 @@ input[type=button].cxd-Button--block {
   border-top: 0.0625rem solid #ffffff;
 }
 .cxd-Table-table > tbody > tr > th {
-  background: #f7f7f9;
-  color: #333;
+  background: #f7f8fa;
+  color: #151b26;
   font-weight: 400;
   white-space: nowrap;
   border-right: 0.0625rem solid #ffffff;
@@ -17052,11 +17099,11 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Table-table > tbody > tr:hover, .cxd-Table-table > tbody > tr.is-hovered {
   background: #e6f0ff;
-  border-color: #eceff8;
+  border-color: #e8e9eb;
   color: #151b26;
 }
 .cxd-Table-table > tbody > tr:hover + tr, .cxd-Table-table > tbody > tr.is-hovered + tr {
-  border-color: #eceff8;
+  border-color: #e8e9eb;
 }
 .cxd-Table-table > tbody > tr:active {
   background: transparent;
@@ -17065,12 +17112,13 @@ input[type=button].cxd-Button--block {
   color: #b8babf;
 }
 .cxd-Table-table > tbody > tr.is-checked {
-  background: #f0faff;
-  border-color: #eceff8;
-  color: #333;
+  background: #f7f8fa;
+  border-color: #e8e9eb;
+  color: #b8babf
+  --Table-onChecked-onHover-bg: #f7f8fa;
 }
 .cxd-Table-table > tbody > tr.is-checked + tr {
-  border-color: #eceff8;
+  border-color: #e8e9eb;
 }
 .cxd-Table-table > tbody > tr.is-moved, .cxd-Table-table > tbody > tr.is-modified {
   background: #e8f0fe;
@@ -17359,7 +17407,7 @@ input[type=button].cxd-Button--block {
   bottom: 0;
   left: -0.5rem;
   height: auto;
-  background: gainsboro;
+  background: #e8e9eb;
 }
 .cxd-Table-table tr.cxd-Table-tr--2th .cxd-Table-expandCell + td::after {
   content: "";
@@ -17368,7 +17416,7 @@ input[type=button].cxd-Button--block {
   top: 50%;
   left: -0.5rem;
   width: 0.625rem;
-  background: gainsboro;
+  background: #e8e9eb;
 }
 .cxd-Table-table tr.cxd-Table-tr--2th.is-expandable .cxd-Table-expandCell + td {
   padding-left: 1.125rem;
@@ -17396,7 +17444,7 @@ input[type=button].cxd-Button--block {
   bottom: 0;
   left: 0.625rem;
   height: auto;
-  background: gainsboro;
+  background: #e8e9eb;
 }
 .cxd-Table-table tr.cxd-Table-tr--3th .cxd-Table-expandCell + td::after {
   content: "";
@@ -17405,7 +17453,7 @@ input[type=button].cxd-Button--block {
   top: 50%;
   left: 0.625rem;
   width: 0.625rem;
-  background: gainsboro;
+  background: #e8e9eb;
 }
 .cxd-Table-table tr.cxd-Table-tr--3th.is-expandable .cxd-Table-expandCell + td {
   padding-left: 2.25rem;
@@ -17433,7 +17481,7 @@ input[type=button].cxd-Button--block {
   bottom: 0;
   left: 1.75rem;
   height: auto;
-  background: gainsboro;
+  background: #e8e9eb;
 }
 .cxd-Table-table tr.cxd-Table-tr--4th .cxd-Table-expandCell + td::after {
   content: "";
@@ -17442,7 +17490,7 @@ input[type=button].cxd-Button--block {
   top: 50%;
   left: 1.75rem;
   width: 0.625rem;
-  background: gainsboro;
+  background: #e8e9eb;
 }
 .cxd-Table-table tr.cxd-Table-tr--4th.is-expandable .cxd-Table-expandCell + td {
   padding-left: 3.375rem;
@@ -17470,7 +17518,7 @@ input[type=button].cxd-Button--block {
   bottom: 0;
   left: 2.875rem;
   height: auto;
-  background: gainsboro;
+  background: #e8e9eb;
 }
 .cxd-Table-table tr.cxd-Table-tr--5th .cxd-Table-expandCell + td::after {
   content: "";
@@ -17479,7 +17527,7 @@ input[type=button].cxd-Button--block {
   top: 50%;
   left: 2.875rem;
   width: 0.625rem;
-  background: gainsboro;
+  background: #e8e9eb;
 }
 .cxd-Table-table tr.cxd-Table-tr--5th.is-expandable .cxd-Table-expandCell + td {
   padding-left: 4.5rem;
@@ -17507,7 +17555,7 @@ input[type=button].cxd-Button--block {
   bottom: 0;
   left: 4rem;
   height: auto;
-  background: gainsboro;
+  background: #e8e9eb;
 }
 .cxd-Table-table tr.cxd-Table-tr--6th .cxd-Table-expandCell + td::after {
   content: "";
@@ -17516,7 +17564,7 @@ input[type=button].cxd-Button--block {
   top: 50%;
   left: 4rem;
   width: 0.625rem;
-  background: gainsboro;
+  background: #e8e9eb;
 }
 .cxd-Table-table tr.cxd-Table-tr--6th.is-expandable .cxd-Table-expandCell + td {
   padding-left: 5.625rem;
@@ -17544,7 +17592,7 @@ input[type=button].cxd-Button--block {
   bottom: 0;
   left: 5.125rem;
   height: auto;
-  background: gainsboro;
+  background: #e8e9eb;
 }
 .cxd-Table-table tr.cxd-Table-tr--7th .cxd-Table-expandCell + td::after {
   content: "";
@@ -17553,7 +17601,7 @@ input[type=button].cxd-Button--block {
   top: 50%;
   left: 5.125rem;
   width: 0.625rem;
-  background: gainsboro;
+  background: #e8e9eb;
 }
 .cxd-Table-table tr.cxd-Table-tr--7th.is-expandable .cxd-Table-expandCell + td {
   padding-left: 6.75rem;
@@ -17581,7 +17629,7 @@ input[type=button].cxd-Button--block {
   bottom: 0;
   left: 6.25rem;
   height: auto;
-  background: gainsboro;
+  background: #e8e9eb;
 }
 .cxd-Table-table tr.cxd-Table-tr--8th .cxd-Table-expandCell + td::after {
   content: "";
@@ -17590,7 +17638,7 @@ input[type=button].cxd-Button--block {
   top: 50%;
   left: 6.25rem;
   width: 0.625rem;
-  background: gainsboro;
+  background: #e8e9eb;
 }
 .cxd-Table-table tr.cxd-Table-tr--8th.is-expandable .cxd-Table-expandCell + td {
   padding-left: 7.875rem;
@@ -17618,7 +17666,7 @@ input[type=button].cxd-Button--block {
   bottom: 0;
   left: 7.375rem;
   height: auto;
-  background: gainsboro;
+  background: #e8e9eb;
 }
 .cxd-Table-table tr.cxd-Table-tr--9th .cxd-Table-expandCell + td::after {
   content: "";
@@ -17627,7 +17675,7 @@ input[type=button].cxd-Button--block {
   top: 50%;
   left: 7.375rem;
   width: 0.625rem;
-  background: gainsboro;
+  background: #e8e9eb;
 }
 .cxd-Table-table tr.cxd-Table-tr--9th.is-expandable .cxd-Table-expandCell + td {
   padding-left: 9rem;
@@ -17655,7 +17703,7 @@ input[type=button].cxd-Button--block {
   bottom: 0;
   left: 8.5rem;
   height: auto;
-  background: gainsboro;
+  background: #e8e9eb;
 }
 .cxd-Table-table tr.cxd-Table-tr--10th .cxd-Table-expandCell + td::after {
   content: "";
@@ -17664,7 +17712,7 @@ input[type=button].cxd-Button--block {
   top: 50%;
   left: 8.5rem;
   width: 0.625rem;
-  background: gainsboro;
+  background: #e8e9eb;
 }
 .cxd-Table-table tr.cxd-Table-tr--10th.is-expandable .cxd-Table-expandCell + td {
   padding-left: 10.125rem;
@@ -17713,7 +17761,7 @@ input[type=button].cxd-Button--block {
   top: 0;
   bottom: 0;
   height: 100%;
-  background: gainsboro;
+  background: #e8e9eb;
   right: 0.4375rem;
 }
 .cxd-Table-table > tbody > tr > td.cxd-Table-expandCell .cxd-Table-divider-2 {
@@ -17722,7 +17770,7 @@ input[type=button].cxd-Button--block {
   top: 0;
   bottom: 0;
   height: 100%;
-  background: gainsboro;
+  background: #e8e9eb;
   right: -0.6875rem;
 }
 .cxd-Table-table > tbody > tr > td.cxd-Table-expandCell .cxd-Table-divider-3 {
@@ -17731,7 +17779,7 @@ input[type=button].cxd-Button--block {
   top: 0;
   bottom: 0;
   height: 100%;
-  background: gainsboro;
+  background: #e8e9eb;
   right: -1.8125rem;
 }
 .cxd-Table-table > tbody > tr > td.cxd-Table-expandCell .cxd-Table-divider-4 {
@@ -17740,7 +17788,7 @@ input[type=button].cxd-Button--block {
   top: 0;
   bottom: 0;
   height: 100%;
-  background: gainsboro;
+  background: #e8e9eb;
   right: -2.9375rem;
 }
 .cxd-Table-table > tbody > tr > td.cxd-Table-expandCell .cxd-Table-divider-5 {
@@ -17749,7 +17797,7 @@ input[type=button].cxd-Button--block {
   top: 0;
   bottom: 0;
   height: 100%;
-  background: gainsboro;
+  background: #e8e9eb;
   right: -4.0625rem;
 }
 .cxd-Table-table > tbody > tr > td.cxd-Table-expandCell .cxd-Table-divider-6 {
@@ -17758,7 +17806,7 @@ input[type=button].cxd-Button--block {
   top: 0;
   bottom: 0;
   height: 100%;
-  background: gainsboro;
+  background: #e8e9eb;
   right: -5.1875rem;
 }
 .cxd-Table-table > tbody > tr > td.cxd-Table-expandCell .cxd-Table-divider-7 {
@@ -17767,7 +17815,7 @@ input[type=button].cxd-Button--block {
   top: 0;
   bottom: 0;
   height: 100%;
-  background: gainsboro;
+  background: #e8e9eb;
   right: -6.3125rem;
 }
 .cxd-Table-table > tbody > tr.is-expanded > td.cxd-Table-expandCell::before {
@@ -17778,7 +17826,7 @@ input[type=button].cxd-Button--block {
   bottom: 0;
   right: 0.4375rem;
   height: auto;
-  background: gainsboro;
+  background: #e8e9eb;
 }
 .cxd-Table-table > thead > tr > th.cxd-TableCell--sortable > .cxd-TableCell--title,
 .cxd-Table-table > thead > tr > th.cxd-TableCell--searchable > .cxd-TableCell--title,
@@ -17874,17 +17922,17 @@ input[type=button].cxd-Button--block {
 .cxd-TableCell-filterPopOver .cxd-DropDown-menu .cxd-DropDown-divider {
   height: 1.875rem;
   line-height: 1.875rem;
-  padding: 0px
-    0.625rem;
+  padding: 0rem
+  0.625rem;
   background: #ffffff;
   margin: 0;
 }
 .cxd-TableCell-filterPopOver .cxd-DropDown-menu .cxd-DropDown-divider:hover {
-  background: #f7f7f9;
+  background: #ffffff;
   color: #2468f2;
 }
 .cxd-TableCell-filterPopOver .cxd-DropDown-menu .cxd-DropDown-divider.is-selected {
-  background: #f7f7f9;
+  background: #ffffff;
   color: #2468f2;
 }
 .cxd-TableCell-filterPopOver .cxd-DropDown-menu .cxd-DropDown-divider .cxd-Checkbox {
@@ -17899,7 +17947,8 @@ input[type=button].cxd-Button--block {
   top: 0;
   min-height: 30px;
   pointer-events: none;
-  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1),
+    0px 1px 2px 0px rgba(0, 0, 0, 0.06);
 }
 .cxd-Table-itemActions {
   pointer-events: all;
@@ -17938,7 +17987,7 @@ input[type=button].cxd-Button--block {
   color: #2468f2;
 }
 .cxd-Table-foot {
-  background: #f7f7f9;
+  background: #f7f8fa;
 }
 .cxd-Table-footTable {
   position: relative;
@@ -18004,7 +18053,7 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Table-dragBtn:hover {
   text-decoration: none;
-  color: #528eff;
+  color: #2468f2;
 }
 .cxd-Table-dragBtn > svg {
   vertical-align: -2px;
@@ -18093,8 +18142,8 @@ input[type=button].cxd-Button--block {
   justify-content: space-between;
 }
 .cxd-InputTable-toolbar .cxd-Button {
-  border: none;
-  color: var(--Button--link-color);
+  border-color: transparent;
+  color: #2468f2;
 }
 .cxd-InputTable-pager {
   margin-left: auto;
@@ -18243,7 +18292,7 @@ input[type=button].cxd-Button--block {
   min-width: 100%;
   margin-bottom: 0;
   font-size: 12px;
-  color: #333;
+  color: #151b26;
   background: #ffffff;
   border-spacing: 0;
   border-collapse: collapse;
@@ -18259,7 +18308,7 @@ input[type=button].cxd-Button--block {
   text-align: right;
 }
 .cxd-Table2 .cxd-Table-table > thead > tr > th {
-  background: #f7f7f9;
+  background: #f7f8fa;
   padding: calc(
     (
         2.5625rem - 12px *
@@ -18267,7 +18316,7 @@ input[type=button].cxd-Button--block {
       ) / 2
   ) 0.625rem;
   font-size: 14px;
-  color: #333;
+  color: #151b26;
   font-weight: 400;
   white-space: nowrap;
 }
@@ -18300,11 +18349,11 @@ input[type=button].cxd-Button--block {
   background: transparent;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.cxd-Table-summary-row > td {
-  background: #f7f7f9;
+  background: #f7f8fa;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr > th {
-  background: #f7f7f9;
-  color: #333;
+  background: #f7f8fa;
+  color: #151b26;
   font-weight: 400;
   white-space: nowrap;
   border-right: 0.0625rem solid #ffffff;
@@ -18350,19 +18399,20 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr:hover, .cxd-Table2 .cxd-Table-table > tbody > tr.is-hovered {
   background: #e6f0ff;
-  border-color: #eceff8;
+  border-color: #e8e9eb;
   color: #151b26;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr:hover + tr, .cxd-Table2 .cxd-Table-table > tbody > tr.is-hovered + tr {
-  border-color: #eceff8;
+  border-color: #e8e9eb;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.is-checked {
-  background: #f0faff;
-  border-color: #eceff8;
-  color: #333;
+  background: #f7f8fa;
+  border-color: #e8e9eb;
+  color: #b8babf
+  --Table-onChecked-onHover-bg: #f7f8fa;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.is-checked + tr {
-  border-color: #eceff8;
+  border-color: #e8e9eb;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.is-moved, .cxd-Table2 .cxd-Table-table > tbody > tr.is-modified {
   background: #e8f0fe;
@@ -18373,8 +18423,8 @@ input[type=button].cxd-Button--block {
   border-color: #d0e0fd;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.is-summary {
-  background: #f7f7f9;
-  color: #333;
+  background: #f7f8fa;
+  color: #151b26;
   font-weight: 400;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-light {
@@ -18656,7 +18706,7 @@ input[type=button].cxd-Button--block {
   bottom: 0;
   left: -0.5rem;
   height: auto;
-  background: gainsboro;
+  background: #e8e9eb;
 }
 .cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--2th .cxd-Table-expandCell + td::after {
   content: "";
@@ -18665,7 +18715,7 @@ input[type=button].cxd-Button--block {
   top: 50%;
   left: -0.5rem;
   width: 0.625rem;
-  background: gainsboro;
+  background: #e8e9eb;
 }
 .cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--2th.is-expandable .cxd-Table-expandCell + td {
   padding-left: 1.125rem;
@@ -18693,7 +18743,7 @@ input[type=button].cxd-Button--block {
   bottom: 0;
   left: 0.625rem;
   height: auto;
-  background: gainsboro;
+  background: #e8e9eb;
 }
 .cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--3th .cxd-Table-expandCell + td::after {
   content: "";
@@ -18702,7 +18752,7 @@ input[type=button].cxd-Button--block {
   top: 50%;
   left: 0.625rem;
   width: 0.625rem;
-  background: gainsboro;
+  background: #e8e9eb;
 }
 .cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--3th.is-expandable .cxd-Table-expandCell + td {
   padding-left: 2.25rem;
@@ -18730,7 +18780,7 @@ input[type=button].cxd-Button--block {
   bottom: 0;
   left: 1.75rem;
   height: auto;
-  background: gainsboro;
+  background: #e8e9eb;
 }
 .cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--4th .cxd-Table-expandCell + td::after {
   content: "";
@@ -18739,7 +18789,7 @@ input[type=button].cxd-Button--block {
   top: 50%;
   left: 1.75rem;
   width: 0.625rem;
-  background: gainsboro;
+  background: #e8e9eb;
 }
 .cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--4th.is-expandable .cxd-Table-expandCell + td {
   padding-left: 3.375rem;
@@ -18767,7 +18817,7 @@ input[type=button].cxd-Button--block {
   bottom: 0;
   left: 2.875rem;
   height: auto;
-  background: gainsboro;
+  background: #e8e9eb;
 }
 .cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--5th .cxd-Table-expandCell + td::after {
   content: "";
@@ -18776,7 +18826,7 @@ input[type=button].cxd-Button--block {
   top: 50%;
   left: 2.875rem;
   width: 0.625rem;
-  background: gainsboro;
+  background: #e8e9eb;
 }
 .cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--5th.is-expandable .cxd-Table-expandCell + td {
   padding-left: 4.5rem;
@@ -18804,7 +18854,7 @@ input[type=button].cxd-Button--block {
   bottom: 0;
   left: 4rem;
   height: auto;
-  background: gainsboro;
+  background: #e8e9eb;
 }
 .cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--6th .cxd-Table-expandCell + td::after {
   content: "";
@@ -18813,7 +18863,7 @@ input[type=button].cxd-Button--block {
   top: 50%;
   left: 4rem;
   width: 0.625rem;
-  background: gainsboro;
+  background: #e8e9eb;
 }
 .cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--6th.is-expandable .cxd-Table-expandCell + td {
   padding-left: 5.625rem;
@@ -18841,7 +18891,7 @@ input[type=button].cxd-Button--block {
   bottom: 0;
   left: 5.125rem;
   height: auto;
-  background: gainsboro;
+  background: #e8e9eb;
 }
 .cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--7th .cxd-Table-expandCell + td::after {
   content: "";
@@ -18850,7 +18900,7 @@ input[type=button].cxd-Button--block {
   top: 50%;
   left: 5.125rem;
   width: 0.625rem;
-  background: gainsboro;
+  background: #e8e9eb;
 }
 .cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--7th.is-expandable .cxd-Table-expandCell + td {
   padding-left: 6.75rem;
@@ -18878,7 +18928,7 @@ input[type=button].cxd-Button--block {
   bottom: 0;
   left: 6.25rem;
   height: auto;
-  background: gainsboro;
+  background: #e8e9eb;
 }
 .cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--8th .cxd-Table-expandCell + td::after {
   content: "";
@@ -18887,7 +18937,7 @@ input[type=button].cxd-Button--block {
   top: 50%;
   left: 6.25rem;
   width: 0.625rem;
-  background: gainsboro;
+  background: #e8e9eb;
 }
 .cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--8th.is-expandable .cxd-Table-expandCell + td {
   padding-left: 7.875rem;
@@ -18915,7 +18965,7 @@ input[type=button].cxd-Button--block {
   bottom: 0;
   left: 7.375rem;
   height: auto;
-  background: gainsboro;
+  background: #e8e9eb;
 }
 .cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--9th .cxd-Table-expandCell + td::after {
   content: "";
@@ -18924,7 +18974,7 @@ input[type=button].cxd-Button--block {
   top: 50%;
   left: 7.375rem;
   width: 0.625rem;
-  background: gainsboro;
+  background: #e8e9eb;
 }
 .cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--9th.is-expandable .cxd-Table-expandCell + td {
   padding-left: 9rem;
@@ -18952,7 +19002,7 @@ input[type=button].cxd-Button--block {
   bottom: 0;
   left: 8.5rem;
   height: auto;
-  background: gainsboro;
+  background: #e8e9eb;
 }
 .cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--10th .cxd-Table-expandCell + td::after {
   content: "";
@@ -18961,7 +19011,7 @@ input[type=button].cxd-Button--block {
   top: 50%;
   left: 8.5rem;
   width: 0.625rem;
-  background: gainsboro;
+  background: #e8e9eb;
 }
 .cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--10th.is-expandable .cxd-Table-expandCell + td {
   padding-left: 10.125rem;
@@ -19005,7 +19055,7 @@ input[type=button].cxd-Button--block {
   top: 0;
   bottom: 0;
   height: 100%;
-  background: gainsboro;
+  background: #e8e9eb;
   right: 0.4375rem;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr > td.cxd-Table-expandCell .cxd-Table-divider-2 {
@@ -19014,7 +19064,7 @@ input[type=button].cxd-Button--block {
   top: 0;
   bottom: 0;
   height: 100%;
-  background: gainsboro;
+  background: #e8e9eb;
   right: -0.6875rem;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr > td.cxd-Table-expandCell .cxd-Table-divider-3 {
@@ -19023,7 +19073,7 @@ input[type=button].cxd-Button--block {
   top: 0;
   bottom: 0;
   height: 100%;
-  background: gainsboro;
+  background: #e8e9eb;
   right: -1.8125rem;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr > td.cxd-Table-expandCell .cxd-Table-divider-4 {
@@ -19032,7 +19082,7 @@ input[type=button].cxd-Button--block {
   top: 0;
   bottom: 0;
   height: 100%;
-  background: gainsboro;
+  background: #e8e9eb;
   right: -2.9375rem;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr > td.cxd-Table-expandCell .cxd-Table-divider-5 {
@@ -19041,7 +19091,7 @@ input[type=button].cxd-Button--block {
   top: 0;
   bottom: 0;
   height: 100%;
-  background: gainsboro;
+  background: #e8e9eb;
   right: -4.0625rem;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr > td.cxd-Table-expandCell .cxd-Table-divider-6 {
@@ -19050,7 +19100,7 @@ input[type=button].cxd-Button--block {
   top: 0;
   bottom: 0;
   height: 100%;
-  background: gainsboro;
+  background: #e8e9eb;
   right: -5.1875rem;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr > td.cxd-Table-expandCell .cxd-Table-divider-7 {
@@ -19059,7 +19109,7 @@ input[type=button].cxd-Button--block {
   top: 0;
   bottom: 0;
   height: 100%;
-  background: gainsboro;
+  background: #e8e9eb;
   right: -6.3125rem;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.is-expanded > td.cxd-Table-expandCell::before {
@@ -19070,7 +19120,7 @@ input[type=button].cxd-Button--block {
   bottom: 0;
   right: 0.4375rem;
   height: auto;
-  background: gainsboro;
+  background: #e8e9eb;
 }
 .cxd-Table2 .cxd-Table-table > thead > tr > th.cxd-TableCell--sortable {
   padding-right: calc( 0.625rem + 0.875rem );
@@ -19085,12 +19135,12 @@ input[type=button].cxd-Button--block {
   position: relative;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.cxd-Table-row-disabled {
-  background: #f7f7f9;
+  background: #f7f8fa;
   color: #b8babf;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr:not(.cxd-Table-row-disabled) > td.cxd-Table-cell-row-hover {
   background: #e6f0ff;
-  border-color: #eceff8;
+  border-color: #e8e9eb;
   color: #151b26;
 }
 .cxd-Table2 .cxd-Table-table > thead > tr > th.cxd-Table-cell-fix-left-last:after,
@@ -19138,7 +19188,7 @@ input[type=button].cxd-Button--block {
           1.5
       ) / 2
   ) 0.625rem;
-  background: #f7f7f9;
+  background: #f7f8fa;
 }
 .cxd-Table2 .cxd-Table-container .cxd-Table-header {
   padding: 0;
@@ -19207,7 +19257,7 @@ input[type=button].cxd-Button--block {
   margin-left: 0.5rem;
 }
 .cxd-Table2 .cxd-TableCell-sortBtn:hover {
-  color: #528eff;
+  color: #2468f2;
 }
 .cxd-Table2 .cxd-TableCell-sortBtn--up > svg, .cxd-Table2 .cxd-TableCell-sortBtn--down > svg, .cxd-Table2 .cxd-TableCell-sortBtn--default > svg {
   color: inherit;
@@ -19287,17 +19337,17 @@ input[type=button].cxd-Button--block {
 .cxd-Table2 .cxd-TableCell-filterPopOver .cxd-DropDown-menu .cxd-DropDown-divider {
   height: 1.875rem;
   line-height: 1.875rem;
-  padding: 0px
-    0.625rem;
+  padding: 0rem
+  0.625rem;
   background: #ffffff;
   margin: 0;
 }
 .cxd-Table2 .cxd-TableCell-filterPopOver .cxd-DropDown-menu .cxd-DropDown-divider:hover {
-  background: #f7f7f9;
+  background: #ffffff;
   color: #2468f2;
 }
 .cxd-Table2 .cxd-TableCell-filterPopOver .cxd-DropDown-menu .cxd-DropDown-divider.is-selected {
-  background: #f7f7f9;
+  background: #ffffff;
   color: #2468f2;
 }
 .cxd-Table2 .cxd-TableCell-filterPopOver .cxd-DropDown-menu .cxd-DropDown-divider .cxd-Checkbox {
@@ -19430,7 +19480,8 @@ input[type=button].cxd-Button--block {
   padding: 0.25rem 0;
   border: 0.0625rem solid #e8e9eb;
   border-radius: 4px;
-  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1),
+    0px 1px 2px 0px rgba(0, 0, 0, 0.06);
   min-width: 10rem;
   text-align: left;
 }
@@ -19455,7 +19506,7 @@ input[type=button].cxd-Button--block {
           text-decoration: none;
 }
 .cxd-ColumnToggler-menuItem:hover, .cxd-ColumnToggler-menu > li:hover {
-  background: #eaf6fe;
+  background: #e8e9eb;
   color: #2468f2;
 }
 .cxd-ColumnToggler-menuItem.is-active, .cxd-ColumnToggler-menu > li.is-active {
@@ -19654,7 +19705,8 @@ input[type=button].cxd-Button--block {
   background: #ffffff;
   z-index: -1;
   opacity: 0;
-  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1),
+    0px 1px 2px 0px rgba(0, 0, 0, 0.06);
 }
 .cxd-List-fixedTop.in {
   position: fixed;
@@ -19739,7 +19791,7 @@ input[type=button].cxd-Button--block {
   border-top: 0.0625rem solid #e8e9eb;
 }
 .cxd-ListItem:nth-child(even) {
-  background: #f6f6f6;
+  background: #f7f8fa;
 }
 .cxd-ListItem-checkBtn {
   float: left;
@@ -19815,7 +19867,7 @@ input[type=button].cxd-Button--block {
 }
 .cxd-ListItem--hasItemAction:hover {
   color: #151b26;
-  background: #eaf6fe;
+  background: #e8e9eb;
 }
 .cxd-Cards-toolbar {
   margin: 0 0 0.75rem;
@@ -19852,7 +19904,8 @@ input[type=button].cxd-Button--block {
   background: #ffffff;
   z-index: -1;
   opacity: 0;
-  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1),
+    0px 1px 2px 0px rgba(0, 0, 0, 0.06);
   padding: 0.5rem;
 }
 .cxd-Cards-fixedTop.in {
@@ -20070,7 +20123,7 @@ input[type=button].cxd-Button--block {
   border-radius: 500px;
   float: left;
   margin-right: 0.75rem;
-  font-size: 20px;
+  font-size: 18px;
   text-transform: uppercase();
 }
 .cxd-Card-meta {
@@ -20119,17 +20172,18 @@ input[type=button].cxd-Button--block {
   color: #b8babf;
 }
 .cxd-Card-actions {
-  border-top: 0.0625rem solid #f5f7fb;
+  border-top: 0.0625rem solid #f7f8fa;
   display: flex;
   flex-direction: row;
   width: 100%;
   table-layout: fixed;
   white-space: nowrap;
+  align-items: center;
 }
 .cxd-Card-actions > a {
   background: transparent;
   flex-grow: 1;
-  border-color: #f5f7fb;
+  border-color: #f7f8fa;
   border-style: solid;
   border-width: 0 0.0625rem 0 0;
   color: #151b26;
@@ -20155,7 +20209,7 @@ input[type=button].cxd-Button--block {
   text-decoration: none;
 }
 .cxd-Card-actions > a > .cxd-Button-icon:first-child:not(:last-child) {
-  margin-right: var(--Button-icon-rightMargin);
+  margin-right: 0.25rem;
 }
 .cxd-Card.is-checked {
   background: #ffffff;
@@ -20172,18 +20226,18 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Card.is-checked .cxd-Card-actions > a:hover {
   background: #ffffff;
-  color: #1498c1;
+  color: #ffffff;
 }
 .cxd-Card.is-modified, .cxd-Card.is-moved {
-  background: #e8f0fe;
+  background: #e8e9eb;
   border-color: #2468f2;
-  color: #4285f4;
+  color: #528eff;
 }
 .cxd-Card.is-modified .cxd-Card-actions,
 .cxd-Card.is-modified .cxd-Card-actions > a, .cxd-Card.is-moved .cxd-Card-actions,
 .cxd-Card.is-moved .cxd-Card-actions > a {
   border-color: #2468f2;
-  color: #4285f4;
+  color: #528eff;
 }
 .cxd-Card.is-modified .cxd-Card-fieldLabel, .cxd-Card.is-moved .cxd-Card-fieldLabel {
   color: #a8caff;
@@ -20212,7 +20266,7 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Card-secondary {
   max-width: 12.5rem;
-  color: #83868c;
+  color: #84878c;
   padding: 0 1rem;
   font-size: 14px;
   font-weight: 400;
@@ -20248,7 +20302,7 @@ input[type=button].cxd-Button--block {
   flex-direction: column-reverse;
 }
 .cxd-Card-multiMedia--bottom .cxd-Card-actions {
-  border-bottom: 0.0625rem solid #f5f7fb;
+  border-bottom: 0.0625rem solid #f7f8fa;
 }
 .cxd-Card-multiMedia--bottom .cxd-Card-multiMedia-img {
   border-top-left-radius: unset;
@@ -20263,7 +20317,7 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Card-multiMedia--left .cxd-Card-actions {
   margin-left: 1rem;
-  border-left: 0.0625rem solid #f5f7fb;
+  border-left: 0.0625rem solid #f7f8fa;
 }
 .cxd-Card-multiMedia--left .cxd-Card-multiMedia-img,
 .cxd-Card-multiMedia--left .cxd-Card-multiMedia-video {
@@ -20277,7 +20331,7 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Card-multiMedia--right .cxd-Card-actions {
   margin-right: 1rem;
-  border-right: 0.0625rem solid #f5f7fb;
+  border-right: 0.0625rem solid #f7f8fa;
 }
 .cxd-Card-multiMedia--right .cxd-Card-multiMedia-img,
 .cxd-Card-multiMedia--right .cxd-Card-multiMedia-video {
@@ -20466,7 +20520,7 @@ input[type=button].cxd-Button--block {
   height: 100%;
   background-color: #d3d9e6;
   overflow: hidden;
-  border-radius: 16px;
+  border-radius: 4px;
 }
 .cxd-Progress-line-text {
   display: inline-block;
@@ -20485,7 +20539,7 @@ input[type=button].cxd-Button--block {
   height: 8px;
   background: #2468f2;
   transition: width 0.2s ease;
-  border-radius: 16px;
+  border-radius: 4px;
 }
 .cxd-Progress-line-bar--stripe {
   background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
@@ -20607,7 +20661,7 @@ input[type=button].cxd-Button--block {
   cursor: pointer;
 }
 .cxd-Field-copyBtn:hover {
-  color: #528eff;
+  color: #2468f2;
 }
 .cxd-Divider {
   margin: 0.75rem calc(0.75rem * -1);
@@ -20684,7 +20738,7 @@ input[type=button].cxd-Button--block {
   background: #ffffff;
   color: #2468f2;
   border: 1px solid
-    #2468f2;
+  #2468f2;
   border-radius: 4px;
 }
 .cxd-Pagination-simple > ul > li:hover, .cxd-Pagination-simple > ul > li:focus {
@@ -20772,7 +20826,7 @@ input[type=button].cxd-Button--block {
 .cxd-Pagination-wrap.disabled .cxd-Pagination > li.is-active > span:hover,
 .cxd-Pagination-wrap.disabled .cxd-Pagination > li.is-active > a:focus,
 .cxd-Pagination-wrap.disabled .cxd-Pagination > li.is-active > span:focus {
-  background-color: #f7f7f9;
+  background-color: #f7f8fa;
   border-color: #b8babf;
 }
 .cxd-PaginationWrapper-pager {
@@ -21264,13 +21318,13 @@ input[type=button].cxd-Button--block {
 }
 .cxd-ImageGallery-toolbar-action.is-disabled {
   cursor: not-allowed;
-  color: #f7f7f9;
+  color: #f7f8fa;
 }
 .cxd-ImageGallery-toolbar-action.is-disabled .cxd-ImageGallery-toolbar-action-icon {
-  color: #f7f7f9;
+  color: #f7f8fa;
 }
 .cxd-ImageGallery-toolbar-action.is-disabled .cxd-ImageGallery-toolbar-action-icon > svg {
-  color: #f7f7f9;
+  color: #f7f8fa;
 }
 .cxd-ImageGallery-toolbar-action:hover {
   background-color: #f2f3f5;
@@ -21299,7 +21353,6 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Image-thumbWrap {
   position: relative;
-  height: 100%;
 }
 .cxd-Image-image {
   display: block;
@@ -21349,7 +21402,6 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Image-thumb--fixed-size .cxd-Image-thumb {
   width: 100%;
-  height: 100%;
 }
 .cxd-Image-thumb--fixed-size .cxd-Image-thumb > img {
   width: auto;
@@ -21458,10 +21510,10 @@ input[type=button].cxd-Button--block {
   background: #ffffff;
   border: 0.0625rem solid #e8e9eb;
   border-radius: 4px;
-  line-height: 1.4285714286;
+  line-height: 1.5;
   padding: calc(
     (
-        2rem - 1.4285714286 *
+        2rem - 1.5 *
           14px - 0.125rem
       ) / 2
   ) 0.625rem;
@@ -21477,7 +21529,7 @@ input[type=button].cxd-Button--block {
   border: none;
   color: #151b26;
   width: 100%;
-  height: calc(1.4285714286 * 14px);
+  height: calc(1.5 * 14px);
 }
 .cxd-InputBox input::-moz-placeholder {
   color: #b8babf;
@@ -21526,7 +21578,7 @@ input[type=button].cxd-Button--block {
 }
 .cxd-InputBox.is-disabled {
   color: #b8babf;
-  background: #f7f7f9;
+  background: #f7f8fa;
   border-color: #e8e9eb;
 }
 .cxd-InputBox-clear {
@@ -21592,10 +21644,10 @@ input[type=button].cxd-Button--block {
   background: #ffffff;
   border: 0.0625rem solid #e8e9eb;
   border-radius: 4px;
-  line-height: 1.4285714286;
+  line-height: 1.5;
   padding: calc(
     (
-        2rem - 1.4285714286 *
+        2rem - 1.5 *
           14px - 0.125rem
       ) / 2
   ) 0.625rem;
@@ -21792,10 +21844,10 @@ input[type=button].cxd-Button--block {
   background: #ffffff;
   border: 0.0625rem solid #e8e9eb;
   border-radius: 4px;
-  line-height: 1.4285714286;
+  line-height: 1.5;
   padding: calc(
     (
-        2rem - 1.4285714286 *
+        2rem - 1.5 *
           14px - 0.125rem
       ) / 2
   ) 0.625rem;
@@ -21817,7 +21869,7 @@ input[type=button].cxd-Button--block {
   border: none;
   color: #151b26;
   width: 100%;
-  height: calc(1.4285714286 * 14px);
+  height: calc(1.5 * 14px);
 }
 .cxd-ResultBox input::-moz-placeholder {
   color: #b8babf;
@@ -21864,9 +21916,10 @@ input[type=button].cxd-Button--block {
 }
 .cxd-ResultBox.is-disabled {
   color: #b8babf;
-  background: #f7f7f9;
+  background: #f7f8fa;
   border-color: #e8e9eb;
   pointer-events: none;
+  background: #f7f7f9;
 }
 .cxd-ResultBox.is-disabled div.cxd-ResultBox-value {
   background: #e8e9eb;
@@ -21960,7 +22013,7 @@ input[type=button].cxd-Button--block {
   cursor: pointer;
 }
 .cxd-ResultBox-value {
-  background: #f7f7f9;
+  background: #f7f8fa;
   color: #000;
   font-size: 14px;
   padding: 0 0.25rem;
@@ -21978,7 +22031,7 @@ input[type=button].cxd-Button--block {
 .cxd-ResultBox-value > a {
   cursor: pointer;
   margin-left: 0.625rem;
-  color: #999;
+  color: #b8babf;
 }
 .cxd-ResultBox-value > a:hover {
   color: #666666;
@@ -22024,7 +22077,7 @@ input[type=button].cxd-Button--block {
   padding-left: 0.5rem;
 }
 .cxd-ResultBox.cxd-TransferDropDown > .cxd-ResultBox-value {
-  background: #f7f7f9;
+  background: #f7f8fa;
 }
 .cxd-ResultBox.cxd-TransferDropDown > .cxd-ResultBox-value:hover {
   background: #e8e9eb;
@@ -22049,7 +22102,7 @@ input[type=button].cxd-Button--block {
   color: #e8e9eb;
 }
 .cxd-ResultBox.is-mobile {
-  min-height: calc(1.4285714286 * 16px);
+  min-height: calc(1.5 * 16px);
   border: none;
   padding: 0;
   font-size: 16px;
@@ -22109,7 +22162,7 @@ input[type=button].cxd-Button--block {
 .cxd-SearchBox {
   display: inline-flex;
   flex-direction: row;
-  line-height: 1.4285714286;
+  line-height: 1.5;
   font-size: 14px;
   flex-wrap: nowrap;
   align-items: center;
@@ -22152,14 +22205,14 @@ input[type=button].cxd-Button--block {
   color: #84878c;
 }
 .cxd-SearchBox-activeBtn:hover, .cxd-SearchBox-searchBtn:hover, .cxd-SearchBox-cancelBtn:hover {
-  color: #528eff;
+  color: #2468f2;
 }
 .cxd-SearchBox.is-disabled .cxd-SearchBox-activeBtn, .cxd-SearchBox.is-disabled .cxd-SearchBox-searchBtn, .cxd-SearchBox.is-disabled .cxd-SearchBox-cancelBtn {
-  color: #f7f7f9;
+  color: #f7f8fa;
   pointer-events: none;
 }
 .cxd-SearchBox.is-disabled {
-  background-color: #f7f7f9;
+  background-color: #f7f8fa;
   cursor: not-allowed;
 }
 .cxd-SearchBox.is-disabled:hover {
@@ -22174,7 +22227,7 @@ input[type=button].cxd-Button--block {
   background: transparent;
   color: #151b26;
   width: 0;
-  height: calc(1.4285714286 * 14px);
+  height: calc(1.5 * 14px);
 }
 .cxd-SearchBox > input::-moz-placeholder {
   color: #b8babf;
@@ -22322,19 +22375,19 @@ input[type=button].cxd-Button--block {
 .cxd-ListMenu-groupLabel {
   font-size: 12px;
   color: #b8babf;
-  padding: calc( ( 1.875rem - 1.4285714286 * 14px - 0.5rem ) / 2 ) 0 0 calc(0.625rem - 0.25rem);
+  padding: calc( ( 1.875rem - 1.5 * 14px - 0.5rem ) / 2 ) 0 0 calc(0.625rem - 0.25rem);
 }
 .cxd-ListMenu-group:not(:first-child) > .cxd-ListMenu-groupLabel {
-  border-top: 0.0625rem solid #f7f7f9;
+  border-top: 0.0625rem solid #f7f8fa;
 }
 .cxd-ListMenu-item {
   display: flex;
   min-height: 1.875rem;
-  color: #333;
-  line-height: 1.4285714286;
+  color: #151b26;
+  line-height: 1.5;
   font-size: 14px;
   cursor: pointer;
-  padding: calc( ( 1.875rem - 1.4285714286 * 14px ) / 2 ) 0.625rem;
+  padding: calc( ( 1.875rem - 1.5 * 14px ) / 2 ) 0.625rem;
 }
 .cxd-ListMenu-item.is-active {
   color: #2468f2;
@@ -22342,7 +22395,7 @@ input[type=button].cxd-Button--block {
 }
 .cxd-ListMenu-item.is-highlight {
   color: #151b26;
-  background: #eaf6fe;
+  background: #e8e9eb;
 }
 .cxd-ListMenu-item.is-disabled {
   color: #b8babf;
@@ -22352,10 +22405,10 @@ input[type=button].cxd-Button--block {
   display: block;
   min-height: 1.875rem;
   color: #b8babf;
-  line-height: 1.4285714286;
+  line-height: 1.5;
   font-size: 14px;
   cursor: pointer;
-  padding: calc( ( 1.875rem - 1.4285714286 * 14px ) / 2 ) 0.625rem;
+  padding: calc( ( 1.875rem - 1.5 * 14px ) / 2 ) 0.625rem;
 }
 .cxd-PopOver > .cxd-ListMenu {
   border-color: #2468f2;
@@ -22400,7 +22453,7 @@ input[type=button].cxd-Button--block {
 .cxd-Log-operation > a {
   display: inline-flex;
   flex-direction: row;
-  line-height: 1.4285714286;
+  line-height: 1.5;
   font-size: 14px;
   flex-wrap: nowrap;
   align-items: center;
@@ -22763,8 +22816,8 @@ input[type=button].cxd-Button--block {
   border: 1px solid #e8e9eb;
 }
 .cxd-Steps--ProgressDot .is-error .cxd-StepsItem-containerProgressDot {
-  background: #f33e3e;
-  border: 1px solid #f33e3e;
+  background: #f23d3d;
+  border: 1px solid #f23d3d;
 }
 .cxd-Steps--ProgressDot .is-process .cxd-StepsItem-containerProgressDot {
   border: 1px solid #2468f2;
@@ -22781,9 +22834,9 @@ input[type=button].cxd-Button--block {
   color: #84868c;
 }
 .cxd-Steps .cxd-StepsItem.is-error .cxd-StepsItem-icon {
-  background-color: #f33e3e;
+  background-color: #f23d3d;
   color: #ffffff;
-  border: 1px solid #f33e3e;
+  border: 1px solid #f23d3d;
 }
 .cxd-Steps .cxd-StepsItem.is-finish .cxd-StepsItem-icon,
 .cxd-Steps .cxd-StepsItem.is-process .cxd-StepsItem-icon {
@@ -22863,7 +22916,7 @@ input[type=button].cxd-Button--block {
   right: -50%;
   bottom: -50%;
   left: -50%;
-  border: 0 solid #f7f7f9;
+  border: 0 solid #f7f8fa;
   z-index: 1;
   transform: scale(0.5);
 }
@@ -23257,7 +23310,7 @@ fieldset.cxd-Collapse--lg:after {
   border: 0.0625rem solid #e8e9eb;
   line-height: calc( 2rem - calc(
     (
-        2rem - 1.4285714286 *
+        2rem - 1.5 *
           14px - 0.125rem
       ) / 2
   ) * 2 - 0.0625rem * 2 );
@@ -23265,7 +23318,7 @@ fieldset.cxd-Collapse--lg:after {
   box-sizing: border-box;
   padding: calc(
     (
-        2rem - 1.4285714286 *
+        2rem - 1.5 *
           14px - 0.125rem
       ) / 2
   ) 0.625rem;
@@ -23317,7 +23370,7 @@ fieldset.cxd-Collapse--lg:after {
 .cxd-InputGroup .cxd-SelectControl .cxd-Select {
   background: #ffffff;
   border: 1px solid #e8e9eb;
-  color: #333;
+  color: #151b26;
 }
 .cxd-InputGroup .cxd-SelectControl:not(:last-child) .cxd-Select {
   border-right: 0;
@@ -23340,7 +23393,7 @@ fieldset.cxd-Collapse--lg:after {
   border-bottom-right-radius: 0;
 }
 .cxd-InputGroup .cxd-Select-arrow {
-  color: #999;
+  color: #84878c;
 }
 .cxd-InputGroup.is-focused .cxd-InputGroup-addOn,
 .cxd-InputGroup.is-focused .cxd-TextControl-input,
@@ -23349,7 +23402,7 @@ fieldset.cxd-Collapse--lg:after {
   border-color: #144bcc;
 }
 .cxd-InputGroup.is-focused .cxd-Select {
-  background: #eaf6fe;
+  background: #e6f0ff;
 }
 .cxd-InputGroup.is-focused .cxd-Select {
   color: #2468f2;
@@ -23379,10 +23432,10 @@ fieldset.cxd-Collapse--lg:after {
   background: #ffffff;
   border: 0.0625rem solid #e8e9eb;
   border-radius: 4px;
-  line-height: 1.4285714286;
+  line-height: 1.5;
   padding: calc(
     (
-        2rem - 1.4285714286 *
+        2rem - 1.5 *
           14px - 0.125rem
       ) / 2
   ) 0.625rem;
@@ -23398,7 +23451,7 @@ fieldset.cxd-Collapse--lg:after {
   border: none;
   color: #151b26;
   width: 100%;
-  height: calc(1.4285714286 * 14px);
+  height: calc(1.5 * 14px);
 }
 .cxd-TextControl-input input::-moz-placeholder {
   color: #b8babf;
@@ -23438,7 +23491,7 @@ fieldset.cxd-Collapse--lg:after {
 }
 .cxd-TextControl.is-disabled > .cxd-TextControl-input {
   color: #b8babf;
-  background: #f7f7f9;
+  background: #f7f8fa;
   border-color: #e8e9eb;
   transition: all 0.2s;
 }
@@ -23446,7 +23499,7 @@ fieldset.cxd-Collapse--lg:after {
   color: #b8babf;
 }
 .cxd-TextControl-spinner {
-  line-height: calc( 1.4285714286 * 14px );
+  line-height: calc( 1.5 * 14px );
 }
 .cxd-TextControl-clear {
   padding: 0.1875rem;
@@ -23493,12 +23546,12 @@ fieldset.cxd-Collapse--lg:after {
   left: 0.625rem;
   top: calc(
     (
-        2rem - 1.4285714286 *
+        2rem - 1.5 *
           14px - 0.125rem
       ) / 2
   );
   margin-top: calc(2 * 0.0625rem);
-  line-height: 1.4285714286;
+  line-height: 1.5;
 }
 .cxd-TextControl--withAddOn {
   display: flex;
@@ -23533,7 +23586,7 @@ fieldset.cxd-Collapse--lg:after {
   padding-left: 0.625rem;
   padding-right: 0.625rem;
   background: #ffffff;
-  color: #666;
+  color: #151b26;
   border-color: #e8e9eb;
   border-style: solid;
   border-width: 0.0625rem 0;
@@ -23606,7 +23659,7 @@ fieldset.cxd-Collapse--lg:after {
   overflow: auto;
 }
 .cxd-TextControl-sugItem {
-  padding: calc( ( 2rem - 1.4285714286 * 14px - 0.125rem ) / 2 ) 0.75rem;
+  padding: calc( ( 2rem - 1.5 * 14px - 0.125rem ) / 2 ) 0.75rem;
 }
 .cxd-TextControl-sugItem svg {
   width: 1rem;
@@ -23628,7 +23681,7 @@ fieldset.cxd-Collapse--lg:after {
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
-  line-height: calc( 1.4285714286 * 14px );
+  line-height: calc( 1.5 * 14px );
   vertical-align: middle;
   display: inline-block;
 }
@@ -23637,7 +23690,7 @@ fieldset.cxd-Collapse--lg:after {
   min-height: 2rem;
   padding: calc(calc(
     (
-        2rem - 1.4285714286 *
+        2rem - 1.5 *
           14px - 0.125rem
       ) / 2
   ) - 0.125rem) calc(0.625rem - 0.1875rem);
@@ -23657,9 +23710,9 @@ fieldset.cxd-Collapse--lg:after {
 }
 .cxd-TextControl-input--multiple .cxd-TextControl-value {
   white-space: nowrap;
-  line-height: calc( 1.4285714286 * 14px - 0.125rem );
+  line-height: calc( 1.5 * 14px - 0.125rem );
   font-size: 12px;
-  background: #f7f7f9;
+  background: #f7f8fa;
   border-radius: 0.125rem;
   margin: 2px 3px;
   display: flex;
@@ -23721,10 +23774,10 @@ input.cxd-TextControl-input-password {
   background: #ffffff;
   border: 0.0625rem solid #e8e9eb;
   border-radius: 4px;
-  line-height: 1.4285714286;
+  line-height: 1.5;
   padding: calc(
     (
-        2rem - 1.4285714286 *
+        2rem - 1.5 *
           14px - 0.125rem
       ) / 2
   ) 0.625rem;
@@ -23740,7 +23793,7 @@ input.cxd-TextControl-input-password {
   border: none;
   color: #151b26;
   width: 100%;
-  height: calc(1.4285714286 * 14px);
+  height: calc(1.5 * 14px);
 }
 .cxd-TextareaControl-input input::-moz-placeholder {
   color: #b8babf;
@@ -23780,7 +23833,7 @@ input.cxd-TextControl-input-password {
 }
 .cxd-TextareaControl.is-disabled > .cxd-TextareaControl-input {
   color: #b8babf;
-  background: #f7f7f9;
+  background: #f7f8fa;
   border-color: #e8e9eb;
   transition: all 0.2s;
 }
@@ -23788,7 +23841,7 @@ input.cxd-TextControl-input-password {
   color: #b8babf;
 }
 .cxd-TextareaControl-spinner {
-  line-height: calc( 1.4285714286 * 14px );
+  line-height: calc( 1.5 * 14px );
 }
 .cxd-TextareaControl-clear {
   padding: 0.1875rem;
@@ -23830,7 +23883,7 @@ input.cxd-TextControl-input-password {
   background: #ffffff;
   padding: calc(
     (
-        2rem - 1.4285714286 *
+        2rem - 1.5 *
           14px - 0.125rem
       ) / 2
   ) 0.625rem;
@@ -23839,7 +23892,7 @@ input.cxd-TextControl-input-password {
   font-size: 14px;
   display: block;
   width: 100%;
-  line-height: 1.4285714286;
+  line-height: 1.5;
   outline: none;
   resize: vertical;
 }
@@ -23867,7 +23920,7 @@ input.cxd-TextControl-input-password {
   right: 1.0625rem;
   padding-bottom: calc(
     (
-        2rem - 1.4285714286 *
+        2rem - 1.5 *
           14px - 0.125rem
       ) / 2
   );
@@ -23894,13 +23947,13 @@ input.cxd-TextControl-input-password {
   position: absolute;
   right: calc(
     (
-        2rem - 1.4285714286 *
+        2rem - 1.5 *
           14px - 0.125rem
       ) / 2
   );
   top: calc(
     (
-        2rem - 1.4285714286 *
+        2rem - 1.5 *
           14px - 0.125rem
       ) / 2
   );
@@ -24049,15 +24102,15 @@ input.cxd-TextControl-input-password {
 }
 .cxd-Checkbox--full.cxd-Checkbox--checkbox input[disabled] + i {
   border-color: #e8e9eb;
-  background: #f7f7f9;
+  background: #f7f8fa;
 }
 .cxd-Checkbox--full.cxd-Checkbox--checkbox input[disabled]:checked + i:before {
   border-color: #b8babf;
-  background: #f7f7f9;
+  background: #f7f8fa;
 }
 .cxd-Checkbox--full.cxd-Checkbox--checkbox input:checked[disabled] + i {
   border-color: #e8e9eb;
-  background: #f7f7f9;
+  background: #f7f8fa;
 }
 .cxd-Checkbox--full.cxd-Checkbox--checkbox > i {
   position: relative;
@@ -24098,7 +24151,7 @@ input.cxd-TextControl-input-password {
 .cxd-Checkbox--partial.cxd-Checkbox--checkbox input:checked[disabled] + i {
   width: 0.5rem;
   height: 0.5rem;
-  background: #f7f7f9;
+  background: #f7f8fa;
 }
 .cxd-Checkbox--button.cxd-Checkbox--checkbox {
   text-align: center;
@@ -24192,9 +24245,12 @@ input.cxd-TextControl-input-password {
   box-shadow: none;
 }
 .cxd-Checkbox--button--checked.cxd-Checkbox--checkbox.cxd-Checkbox--button:hover {
-  border-color: #2468f2;
-  color: #2468f2;
-  box-shadow: -1px 0 0 0 #2468f2;
+  border-color: #2468f2
+  --menu-hover-bg-color: #e6f0ff;
+  color: #2468f2
+  --menu-hover-bg-color: #e6f0ff;
+  box-shadow: -1px 0 0 0 #2468f2
+  --menu-hover-bg-color: #e6f0ff;
 }
 .cxd-Checkbox--button--checked.cxd-Checkbox--checkbox.cxd-Checkbox--button:active {
   border-color: #144bcc;
@@ -24209,7 +24265,7 @@ input.cxd-TextControl-input-password {
   border-color: #e8e9eb !important;
 }
 .cxd-Checkbox--button--disabled--checked.cxd-Checkbox--checkbox {
-  background: #f7f7f9;
+  background: #f7f8fa;
   border-color: #e8e9eb !important;
 }
 .cxd-Checkbox--button--disabled--checked.cxd-Checkbox--checkbox:hover {
@@ -24258,7 +24314,7 @@ input.cxd-TextControl-input-password {
   background: none;
 }
 .cxd-Checkbox--radio.cxd-Checkbox--button--disabled--unchecked.cxd-Checkbox--full i {
-  background: #f7f7f9;
+  background: #f7f8fa;
   border: 1px solid #e8e9eb;
 }
 .cxd-Checkbox--radio.cxd-Checkbox--button--disabled--unchecked.cxd-Checkbox--full i:before {
@@ -24310,7 +24366,7 @@ input.cxd-TextControl-input-password {
   display: block;
   margin-bottom: calc(
     (
-        2rem - 1.4285714286 *
+        2rem - 1.5 *
           14px
       ) / 2
   );
@@ -24321,7 +24377,7 @@ input.cxd-TextControl-input-password {
 }
 .cxd-RadiosControl .cxd-Checkbox--button--disabled--unchecked,
 .cxd-CheckboxesControl .cxd-Checkbox--button--disabled--unchecked {
-  background: #f7f7f9;
+  background: #f7f8fa;
 }
 .cxd-RadiosControl .cxd-Checkbox--button-checked:active,
 .cxd-CheckboxesControl .cxd-Checkbox--button-checked:active {
@@ -24356,9 +24412,9 @@ input.cxd-TextControl-input-password {
 }
 .cxd-Selection > .cxd-Checkbox {
   display: block;
-  line-height: 1.4285714286;
+  line-height: 1.5;
   font-size: 14px;
-  padding: calc( ( 2rem - 1.4285714286 * 14px ) / 2 ) 0.5rem calc( ( 2rem - 1.4285714286 * 14px ) / 2 ) calc(0.5rem + 1rem);
+  padding: calc( ( 2rem - 1.5 * 14px ) / 2 ) 0.5rem calc( ( 2rem - 1.5 * 14px ) / 2 ) calc(0.5rem + 1rem);
 }
 .cxd-Selection--inline > .cxd-Checkbox {
   display: inline-block;
@@ -24377,6 +24433,7 @@ input.cxd-TextControl-input-password {
 }
 .cxd-GroupedSelection {
   max-height: 18.75rem;
+  height: 100%;
   overflow: auto;
   -webkit-user-select: none;
      -moz-user-select: none;
@@ -24390,9 +24447,9 @@ input.cxd-TextControl-input-password {
 }
 .cxd-GroupedSelection-item {
   display: flex;
-  line-height: 1.4285714286;
+  line-height: 1.5;
   font-size: 14px;
-  padding: calc( ( 2rem - 1.4285714286 * 14px ) / 2 ) 0.5rem;
+  padding: calc( ( 2rem - 1.5 * 14px ) / 2 ) 0.5rem;
   flex-direction: row;
   cursor: pointer;
   -webkit-user-select: none;
@@ -24406,10 +24463,11 @@ input.cxd-TextControl-input-password {
   background: transparent;
 }
 .cxd-GroupedSelection-item:hover {
-  background: #f7f7f9;
+  background: #f7f8fa;
 }
 .cxd-GroupedSelection-item:hover i {
-  border: 1px solid #2468f2;
+  border: 1px solid #2468f2
+  --menu-hover-bg-color: #e6f0ff;
 }
 .cxd-GroupedSelection-item.is-disabled {
   pointer-events: none;
@@ -24425,20 +24483,36 @@ input.cxd-TextControl-input-password {
   vertical-align: middle;
   white-space: nowrap;
 }
+.cxd-GroupedSelection-itemLabel span.is-invalid {
+  color: #f23d3d;
+}
 .cxd-GroupedSelection-placeholder {
   height: 2rem;
-  line-height: 1.4285714286;
+  line-height: 1.5;
   font-size: 14px;
-  padding: calc( ( 2rem - 1.4285714286 * 14px ) / 2 ) 0.5rem;
+  padding: calc( ( 2rem - 1.5 * 14px ) / 2 ) 0.5rem;
   color: #b8babf;
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
 }
+.cxd-TableSelection {
+  position: relative;
+  height: 100%;
+}
 .cxd-TableSelection .cxd-Table-content {
   border-top: 0.0625rem solid #e8e9eb;
 }
+.cxd-TableSelection .cxd-Table-content.is-virtual {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+.cxd-TableSelection .cxd-Table-content.is-virtual .cxd-Table-content-virtual {
+  flex: 1;
+  position: relative;
+}
 .cxd-TableSelection .cxd-Table-table > tbody > tr {
   cursor: pointer;
 }
@@ -24507,7 +24581,7 @@ input.cxd-TextControl-input-password {
   margin-right: 0.5rem;
 }
 .cxd-TreeSelection-itemInner:hover {
-  background: #f7f7f9;
+  background: #f7f8fa;
 }
 .cxd-TreeSelection-itemInner.is-active {
   color: #2468f2;
@@ -24527,9 +24601,9 @@ input.cxd-TextControl-input-password {
 }
 .cxd-TreeSelection-placeholder {
   height: 2rem;
-  line-height: 1.4285714286;
+  line-height: 1.5;
   font-size: 14px;
-  padding: calc( ( 2rem - 1.4285714286 * 14px ) / 2 ) 0.5rem;
+  padding: calc( ( 2rem - 1.5 * 14px ) / 2 ) 0.5rem;
   color: #b8babf;
 }
 .cxd-ChainedSelection {
@@ -24538,6 +24612,7 @@ input.cxd-TextControl-input-password {
   min-height: 100%;
 }
 .cxd-ChainedSelection-col {
+  position: relative;
   flex-grow: 1;
   min-width: 150px;
 }
@@ -24551,9 +24626,9 @@ input.cxd-TextControl-input-password {
 }
 .cxd-ChainedSelection-item {
   display: flex;
-  line-height: 1.4285714286;
+  line-height: 1.5;
   font-size: 14px;
-  padding: calc( ( 2rem - 1.4285714286 * 14px ) / 2 ) 0.5rem;
+  padding: calc( ( 2rem - 1.5 * 14px ) / 2 ) 0.5rem;
   flex-direction: row;
   cursor: pointer;
   -webkit-user-select: none;
@@ -24568,7 +24643,7 @@ input.cxd-TextControl-input-password {
   background: transparent;
 }
 .cxd-ChainedSelection-item:hover {
-  background: #f7f7f9;
+  background: #f7f8fa;
 }
 .cxd-ChainedSelection-item.is-disabled {
   pointer-events: none;
@@ -24581,11 +24656,14 @@ input.cxd-TextControl-input-password {
   margin-left: 0.625rem;
   vertical-align: middle;
 }
+.cxd-ChainedSelection-itemLabel span.is-invalid {
+  color: #f23d3d;
+}
 .cxd-ChainedSelection-placeholder {
   height: 2rem;
-  line-height: 1.4285714286;
+  line-height: 1.5;
   font-size: 14px;
-  padding: calc( ( 2rem - 1.4285714286 * 14px ) / 2 ) 0.5rem;
+  padding: calc( ( 2rem - 1.5 * 14px ) / 2 ) 0.5rem;
   color: #b8babf;
 }
 .cxd-AssociatedSelection {
@@ -24593,12 +24671,17 @@ input.cxd-TextControl-input-password {
   flex-direction: row;
 }
 .cxd-AssociatedSelection-left, .cxd-AssociatedSelection-right {
+  position: relative;
   flex-grow: 1;
   width: 0;
   min-height: 12.5rem;
   max-height: 25rem;
   overflow: auto;
 }
+.cxd-AssociatedSelection-left > .cxd-GroupedSelection, .cxd-AssociatedSelection-right > .cxd-GroupedSelection {
+  padding: 0;
+  max-height: 100%;
+}
 .cxd-AssociatedSelection-left {
   border-right: 1px solid #e8e9eb;
 }
@@ -24611,7 +24694,7 @@ input.cxd-TextControl-input-password {
   cursor: pointer;
 }
 .cxd-AssociatedSelection-box {
-  line-height: 1.4285714286;
+  line-height: 1.5;
   font-size: 12px;
   color: #b8babf;
   flex-grow: 1;
@@ -24647,10 +24730,10 @@ input.cxd-TextControl-input-password {
   vertical-align: top;
   border: 0.0625rem solid #e8e9eb;
   border-radius: 4px;
-  line-height: 1.4285714286;
+  line-height: 1.5;
   padding: calc(
     (
-        2rem - 1.4285714286 *
+        2rem - 1.5 *
           14px - 0.125rem
       ) / 2
   ) 0.625rem;
@@ -24687,10 +24770,10 @@ input.cxd-TextControl-input-password {
   vertical-align: top;
   border: 0.0625rem solid #e8e9eb;
   border-radius: 4px;
-  line-height: 1.4285714286;
+  line-height: 1.5;
   padding: calc(
     (
-        2rem - 1.4285714286 *
+        2rem - 1.5 *
           14px - 0.125rem
       ) / 2
   ) 0.625rem;
@@ -24880,7 +24963,7 @@ input.cxd-TextControl-input-password {
   display: inline-block;
   vertical-align: middle;
   background: #ffffff;
-  border: 1px solid #d4d6d9;
+  border: 1px solid #e8e9eb;
   border-radius: 4px;
   overflow: hidden;
 }
@@ -24892,9 +24975,6 @@ input.cxd-TextControl-input-password {
 .cxd-Number--borderNone {
   border-color: transparent !important;
 }
-.cxd-Number.no-steps > .cxd-Number-handler-wrap {
-  display: none;
-}
 .cxd-Number-focused {
   border-color: #144bcc;
   box-shadow: none;
@@ -24920,6 +25000,9 @@ input.cxd-TextControl-input-password {
 .cxd-Number:hover .cxd-Number-handler-wrap {
   display: block;
 }
+.cxd-Number.no-steps > .cxd-Number-handler-wrap {
+  display: none;
+}
 .cxd-Number-disabled:hover {
   border-color: #e8e9eb;
 }
@@ -24942,9 +25025,20 @@ input.cxd-TextControl-input-password {
   color: #151b26;
   padding: 0 0.75rem;
 }
+.cxd-Number-input::-moz-placeholder {
+  color: #b8babf;
+  -moz-user-select: none;
+       user-select: none;
+}
+.cxd-Number-input::placeholder {
+  color: #b8babf;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
 .cxd-Number-handler {
   background: #ffffff;
-  color: #666;
+  color: #151b26;
   font-family: "iconfont";
   font-size: 12px;
 }
@@ -24954,7 +25048,7 @@ input.cxd-TextControl-input-password {
   cursor: pointer;
 }
 .cxd-Number-handler:hover:active {
-  background: #f3f9fe;
+  background: #ffffff;
 }
 .cxd-Number-handler-up-inner {
   transform: rotate(180deg);
@@ -24977,13 +25071,14 @@ input.cxd-TextControl-input-password {
   height: calc( (2rem - 1px * 2) / 2 );
 }
 .cxd-Number-handler-up {
-  border-bottom: 0px;
+  border-bottom: 0px solid
+    #e8e9eb;
   padding-top: 0.0625rem;
 }
 .cxd-Number-handler-down-disabled, .cxd-Number-handler-up-disabled {
-  background: #f5f5f5;
+  background: #f7f8fa;
   pointer-events: none;
-  color: #999;
+  color: #b8babf;
 }
 .cxd-Number-disabled {
   border-color: #e8e9eb;
@@ -24994,7 +25089,7 @@ input.cxd-TextControl-input-password {
   border-top-right-radius: 0px;
   border-bottom-right-radius: 0px;
   color: #b8babf;
-  background: #f7f7f9;
+  background: #f7f8fa;
   border-color: #e8e9eb;
 }
 .cxd-Number-disabled .cxd-Number-handler-wrap {
@@ -25003,7 +25098,7 @@ input.cxd-TextControl-input-password {
 .cxd-Number-disabled .cxd-Number-handler {
   cursor: not-allowed;
   color: #b8babf;
-  background: #f7f7f9;
+  background: #f7f8fa;
   border-color: #e8e9eb;
   opacity: 0.72;
 }
@@ -25012,7 +25107,7 @@ input.cxd-TextControl-input-password {
   border-color: #e8e9eb;
 }
 .cxd-Number-disabled .cxd-Number-handler:hover:active {
-  background: #f7f7f9;
+  background: #f7f8fa;
 }
 .cxd-NumberControl:not(.is-inline) > .cxd-Number {
   display: block;
@@ -25089,23 +25184,23 @@ input.cxd-TextControl-input-password {
 }
 .cxd-Number--enhance .cxd-Number--enhance-border-min,
 .cxd-Number--enhance .cxd-Number--enhance-border-max {
-  background: #f5f5f5;
+  background: #f7f8fa;
   pointer-events: none;
-  color: #999;
+  color: #b8babf;
 }
 .cxd-Number--enhance .cxd-Number--enhance-border-min:hover,
 .cxd-Number--enhance .cxd-Number--enhance-border-max:hover {
-  background: #f5f5f5;
-  color: #999;
+  background: #f7f8fa;
+  color: #b8babf;
 }
 .cxd-Number--enhance .cxd-Number--enhance-border-disabled {
-  background: #f7f7f9;
+  background: #f7f8fa;
   color: #b4b6ba;
   cursor: not-allowed;
 }
 .cxd-Number--enhance .cxd-Number--enhance-border-disabled:hover {
   cursor: not-allowed;
-  background: #f7f7f9;
+  background: #f7f8fa;
   color: #b4b6ba;
 }
 .cxd-Number--enhance .cxd-Number--enhance-border-readOnly:hover,
@@ -25146,7 +25241,7 @@ input.cxd-TextControl-input-password {
   background: #ffffff;
   border-radius: 4px;
   min-height: 2rem;
-  padding: calc( ( 2rem - 1.4285714286 * 14px - 1px * 2 ) / 2 ) 0 calc( ( 2rem - 1.4285714286 * 14px - 1px * 2 ) / 2 ) 0.625rem;
+  padding: calc( ( 2rem - 1.5 * 14px - 1px * 2 ) / 2 ) 0 calc( ( 2rem - 1.5 * 14px - 1px * 2 ) / 2 ) 0.625rem;
   cursor: pointer;
   color: #151b26;
 }
@@ -25154,7 +25249,7 @@ input.cxd-TextControl-input-password {
   display: flex;
 }
 .cxd-Select:hover {
-  background: #ffffff;
+  background: (--colors-neutral-fill-11);
   border-color: #2468f2;
 }
 .cxd-Select:hover .cxd-Select-arrow:before {
@@ -25165,7 +25260,7 @@ input.cxd-TextControl-input-password {
 }
 .cxd-Select.is-disabled {
   color: #b8babf;
-  background: #f7f7f9;
+  background: #f7f8fa;
   border-color: #e8e9eb;
 }
 .cxd-Select:focus {
@@ -25208,15 +25303,15 @@ input.cxd-TextControl-input-password {
   line-height: 1.25rem;
 }
 .cxd-Select-placeholder {
-  color: #999;
-  line-height: 1.4285714286;
+  color: #b8babf;
+  line-height: 1.5;
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
   white-space: nowrap;
 }
 .cxd-Select-value {
-  line-height: calc( 1.4285714286 * 14px );
+  line-height: calc( 1.5 * 14px );
   white-space: nowrap;
   max-width: 100%;
   overflow: hidden;
@@ -25250,11 +25345,11 @@ input.cxd-TextControl-input-password {
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
-  line-height: calc( 1.4285714286 * 14px - 0.125rem );
+  line-height: calc( 1.5 * 14px - 0.125rem );
   display: inline-block;
   vertical-align: middle;
   font-size: 12px;
-  background: #f7f7f9;
+  background: #f7f8fa;
   border: 0.0625rem solid #f2f3f5;
   border-radius: 0.125rem;
   margin-right: 0.25rem;
@@ -25312,7 +25407,7 @@ input.cxd-TextControl-input-password {
   transform: rotate(180deg);
 }
 .cxd-Select.is-mobile {
-  min-height: calc(1.4285714286 * 16px);
+  min-height: calc(1.5 * 16px);
   border: none;
   padding: 0;
   font-size: 16px;
@@ -25378,7 +25473,7 @@ input.cxd-TextControl-input-password {
 }
 .cxd-Select-option {
   cursor: pointer;
-  padding: calc( ( 1.5rem - 1.4285714286 * 14px ) / 2 ) 0.625rem;
+  padding: calc( ( 1.5rem - 1.5 * 14px ) / 2 ) 0.625rem;
   display: flex;
 }
 .cxd-Select-option-checkbox {
@@ -25439,13 +25534,13 @@ input.cxd-TextControl-input-password {
   max-width: 100%;
 }
 .cxd-Select-noResult {
-  color: #999;
-  line-height: 1.4285714286;
+  color: #b8babf;
+  line-height: 1.5;
   font-size: 12px;
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
-  padding: calc( ( 1.5rem - 1.4285714286 * 14px ) / 2 ) 0.625rem;
+  padding: calc( ( 1.5rem - 1.5 * 14px ) / 2 ) 0.625rem;
 }
 .cxd-Select-option-hl {
   color: #2468f2;
@@ -25453,7 +25548,7 @@ input.cxd-TextControl-input-password {
 .cxd-Select-addBtn {
   display: block;
   cursor: pointer;
-  padding: calc( ( 1.5rem - 1.4285714286 * 14px ) / 2 ) 0.625rem;
+  padding: calc( ( 1.5rem - 1.5 * 14px ) / 2 ) 0.625rem;
 }
 .cxd-Select-addBtn:hover {
   text-decoration: none;
@@ -25468,7 +25563,7 @@ input.cxd-TextControl-input-password {
   color: #151b26;
 }
 .cxd-Select-spinner {
-  line-height: calc( 1.4285714286 * 14px );
+  line-height: calc( 1.5 * 14px );
 }
 .cxd-Select-clear {
   padding: 0.1875rem;
@@ -25498,7 +25593,7 @@ input.cxd-TextControl-input-password {
   align-items: center;
   overflow-x: hidden;
   overflow-y: auto;
-  max-height: calc( ( 1.4285714286 * 14px - 0.125rem + 0.25rem ) * 5 );
+  max-height: calc( ( 1.5 * 14px - 0.125rem + 0.25rem ) * 5 );
 }
 .cxd-Select-overflow-wrapper .cxd-Select-value {
   position: static;
@@ -25506,11 +25601,11 @@ input.cxd-TextControl-input-password {
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
-  line-height: calc( 1.4285714286 * 14px - 0.125rem );
+  line-height: calc( 1.5 * 14px - 0.125rem );
   display: inline-block;
   vertical-align: middle;
   font-size: 12px;
-  background: #f7f7f9;
+  background: #f7f8fa;
   border: 0.0625rem solid #f2f3f5;
   border-radius: 0.125rem;
   margin-right: 0.25rem;
@@ -25543,7 +25638,8 @@ input.cxd-TextControl-input-password {
   background: #ffffff;
   color: #151b26;
   border: 0px solid #144bcc;
-  box-shadow: 0.125rem 0.25rem 0.5rem rgba(0, 0, 0, 0.2);
+  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1),
+    0px 1px 2px 0px rgba(0, 0, 0, 0.06);
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }
@@ -25566,7 +25662,7 @@ input.cxd-TextControl-input-password {
 }
 .cxd-SelectControl .cxd-TransferDropDown-popover .cxd-Tree-list .cxd-Tree-item .cxd-Tree-itemLabel:hover .cxd-Tree-itemText,
 .cxd-SelectControl .cxd-TransferDropDown-popover .cxd-Tree-list .cxd-Tree-item .cxd-Tree-item--isLeaf:hover .cxd-Tree-itemText {
-  background: #f7f7f9;
+  background: #f7f8fa;
 }
 .cxd-SelectControl .cxd-TransferDropDown-popover .cxd-Tree-list .cxd-Tree-item .cxd-Tree-itemLabel:active,
 .cxd-SelectControl .cxd-TransferDropDown-popover .cxd-Tree-list .cxd-Tree-item .cxd-Tree-item--isLeaf:active {
@@ -25609,9 +25705,9 @@ input.cxd-TextControl-input-password {
 }
 .cxd-Selections-title {
   height: 2rem;
-  background: #f7f7f9;
+  background: #f7f8fa;
   font-size: 14px;
-  padding: calc( ( 2rem - 1.4285714286 * 14px ) / 2 ) 0.5rem;
+  padding: calc( ( 2rem - 1.5 * 14px ) / 2 ) 0.5rem;
 }
 .cxd-Selections-placeholder {
   color: #b8babf;
@@ -25632,15 +25728,18 @@ input.cxd-TextControl-input-password {
   display: flex;
   flex-direction: row;
   height: 2rem;
-  line-height: 1.4285714286;
+  line-height: 1.5;
   font-size: 14px;
   align-items: center;
-  padding: calc( ( 2rem - 1.4285714286 * 14px ) / 2 ) 0.5rem;
+  padding: calc( ( 2rem - 1.5 * 14px ) / 2 ) 0.5rem;
 }
 .cxd-Selections-item > label {
   flex-basis: 3.125rem;
   flex-grow: 1;
 }
+.cxd-Selections-item > label.is-invalid {
+  color: #f23d3d;
+}
 .cxd-Selections-item > .cxd-Selections-dragbar {
   top: 0;
   width: 1.25rem;
@@ -25657,7 +25756,7 @@ input.cxd-TextControl-input-password {
   cursor: pointer;
 }
 .cxd-Selections-delBtn:hover {
-  color: #528eff;
+  color: #2468f2;
 }
 .cxd-Selections-delBtn > svg {
   width: 12px;
@@ -25683,16 +25782,16 @@ input.cxd-TextControl-input-password {
   vertical-align: middle;
   margin: calc(0.625rem / 2);
   border: 1px solid #e8e9eb;
-  background: var(--Button--default-bg);
+  background: #ffffff;
   padding: 0.375rem 0.625rem;
-  color: var(--Button--default-color);
+  color: #151b26;
   transition: none;
   max-width: calc(12.5rem + 2 * 0.625rem);
   border-radius: 4px;
 }
 .cxd-ListControl-item .b-inherit,
 .cxd-ListControl-static-item .b-inherit {
-  border-color: var(--Button--default-color);
+  border-color: #151b26;
 }
 .cxd-ListControl-itemImage,
 .cxd-ListControl-static-itemImage {
@@ -25721,7 +25820,7 @@ input.cxd-TextControl-input-password {
   cursor: pointer;
 }
 .cxd-ListControl-item:hover {
-  background: var(--Button--default-onHover-bg);
+  background: #ffffff;
   border-color: #2468f2;
   color: #2468f2;
 }
@@ -25781,7 +25880,7 @@ input.cxd-TextControl-input-password {
   font-size: 12px;
   padding: calc(
     (
-        2rem - 1.4285714286 *
+        2rem - 1.5 *
           12px
       ) / 2 - 1px
   ) 0.75rem;
@@ -25813,7 +25912,7 @@ input.cxd-TextControl-input-password {
   color: #b8babf;
 }
 .cxd-LocationPicker-placeholder {
-  color: #999;
+  color: #b8babf;
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
@@ -25828,7 +25927,7 @@ input.cxd-TextControl-input-password {
 }
 .cxd-LocationPicker-toggler {
   cursor: pointer;
-  color: #666;
+  color: #84878c;
 }
 .cxd-LocationPicker-toggler:hover {
   color: #2468f2;
@@ -25901,7 +26000,7 @@ input.cxd-TextControl-input-password {
 }
 .cxd-MapPicker-sugItem {
   cursor: pointer;
-  padding: calc( ( 1.5rem - 1.4285714286 * 14px ) / 2 ) 0.625rem;
+  padding: calc( ( 1.5rem - 1.5 * 14px ) / 2 ) 0.625rem;
 }
 .cxd-MapPicker-sugItem:hover {
   color: #2468f2;
@@ -25922,7 +26021,7 @@ input.cxd-TextControl-input-password {
   font-size: 14px;
   padding: calc(
     (
-        2rem - 1.4285714286 *
+        2rem - 1.5 *
           14px
       ) / 2 - 1px
   ) 0.75rem;
@@ -25949,31 +26048,31 @@ input.cxd-TextControl-input-password {
   flex-grow: 1;
   padding: 0;
   margin: 0;
-  height: calc(14px * 1.4285714286);
+  height: calc(14px * 1.5);
 }
 .cxd-ColorPicker-input::-moz-placeholder {
-  color: #999;
+  color: #b8babf;
 }
 .cxd-ColorPicker-input::placeholder {
-  color: #999;
+  color: #b8babf;
 }
 .cxd-ColorPicker.is-focused {
   border-color: #144bcc;
   box-shadow: none;
 }
 .cxd-ColorPicker.is-disabled {
-  background: #f5f5f5;
-  color: #999;
+  background: #e8e9eb;
+  color: #b8babf;
   pointer-events: none;
 }
 .cxd-ColorPicker.is-disabled > .cxd-ColorPicker-input {
-  color: #999;
+  color: #b8babf;
 }
 .cxd-ColorPicker.is-disabled > .cxd-ColorPicker-input::-moz-placeholder {
-  color: #999;
+  color: #b8babf;
 }
 .cxd-ColorPicker.is-disabled > .cxd-ColorPicker-input::placeholder {
-  color: #999;
+  color: #b8babf;
 }
 .cxd-ColorPicker-preview {
   display: flex;
@@ -26038,7 +26137,8 @@ input.cxd-TextControl-input-password {
 .sketch-picker {
   border: none !important;
   border-radius: 4px !important;
-  box-shadow: 0px 4px 6px 0px rgba(8, 14, 26, 0.06), 0px 1px 10px 0px rgba(8, 14, 26, 0.05), 0px 2px 4px -1px rgba(8, 14, 26, 0.04) !important;
+  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1),
+    0px 1px 2px 0px rgba(0, 0, 0, 0.06) !important;
 }
 .cxd-DatePicker {
   position: relative;
@@ -26048,7 +26148,7 @@ input.cxd-TextControl-input-password {
   font-size: 12px;
   padding: calc(
     (
-        2rem - 1.4285714286 *
+        2rem - 1.5 *
           12px
       ) / 2 - 1px
   ) 0.75rem;
@@ -26109,6 +26209,9 @@ input.cxd-TextControl-input-password {
   border-color: #144bcc;
   box-shadow: none;
 }
+.cxd-DatePicker .cxd-DatePicker-input {
+  font-size: 14px;
+}
 .cxd-DatePicker.is-disabled {
   background: #e5e7eb;
 }
@@ -26116,7 +26219,7 @@ input.cxd-TextControl-input-password {
   color: #b8babf;
 }
 .cxd-DatePicker-placeholder {
-  color: #999;
+  color: #b8babf;
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
@@ -26556,17 +26659,14 @@ input.cxd-TextControl-input-password {
   border-style: solid solid solid solid;
   box-shadow: 0px 0px 0px 0px transparent;
 }
-.rdtBtn:hover:focus {
-  box-shadow: var(--Button-boxShadow);
-}
 .rdtBtn + .rdtBtn {
   margin-left: 0.25rem;
 }
 .rdtBtnCancel {
-  color: var(--Button--default-border);
-  background: #f7f7f9;
-  border-color: #151b26 var(--Button--default-onHover-bg) var(--Button--default-onHover-border) var(--Button--default-onHover-color);
-  border-width: var(--Button--default-onActive-bg) var(--Button--default-onActive-border) var(--Button--default-onActive-color) 1px;
+  color: #d4d6d9;
+  background: #ffffff;
+  border-color: #151b26 #ffffff #528eff #528eff;
+  border-width: #ffffff #144bcc #144bcc 1px;
   border-style: solid solid solid solid;
   box-shadow: 0px 0px 0px 0px transparent;
 }
@@ -26594,9 +26694,6 @@ input.cxd-TextControl-input-password {
   border-style: solid solid solid solid;
   box-shadow: 0px 0px 0px 0px transparent;
 }
-.rdtBtnCancel:hover:focus {
-  box-shadow: var(--Button-boxShadow);
-}
 .rdtBtnPrev:before,
 .rdtBtnNext:before {
   display: inline-block;
@@ -26610,7 +26707,7 @@ input.cxd-TextControl-input-password {
   width: 1rem;
   padding: 0;
   color: #84868c;
-  font-size: 20px;
+  font-size: 18px;
   text-decoration: none;
   font-family: auto;
   font-weight: normal;
@@ -26784,6 +26881,7 @@ td.rdtQuarter.rdtDisabled:hover {
   flex: 1;
   width: 50%;
   line-height: 1.875rem;
+  font-size: 14px;
 }
 .cxd-DateRangePicker .cxd-DateRangePicker-input::-moz-placeholder {
   color: #b8babf;
@@ -26811,7 +26909,7 @@ td.rdtQuarter.rdtDisabled:hover {
   color: #b8babf;
 }
 .cxd-DateRangePicker-placeholder {
-  color: #999;
+  color: #b8babf;
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
@@ -26994,9 +27092,9 @@ td.rdtQuarter.rdtDisabled:hover {
   border-radius: 4px;
   cursor: pointer;
   margin-right: 0.75rem;
-  color: #84868c;
+  color: #84878c;
   background: #ffffff;
-  border-color: #dbdbdb #dbdbdb #dbdbdb #dbdbdb;
+  border-color: #d4d6d9 #d4d6d9 #d4d6d9 #d4d6d9;
   border-width: 1px 1px 1px 1px;
   border-style: solid solid solid solid;
   box-shadow: 0px 0px 0px 0px transparent;
@@ -27011,7 +27109,7 @@ td.rdtQuarter.rdtDisabled:hover {
 }
 .cxd-ImageControl-addBtn:not(:disabled):not(.is-disabled):hover:active {
   color: #2468f2 #2468f2;
-  background: #f3f9fe;
+  background: #e8e9eb;
   border-color: 1px 1px 1px 1px;
   border-width: solid solid solid solid;
   border-style: 0px 0px 0px 0px transparent solid solid solid;
@@ -27025,9 +27123,6 @@ td.rdtQuarter.rdtDisabled:hover {
   border-style: solid solid solid solid;
   box-shadow: 0px 0px 0px 0px transparent;
 }
-.cxd-ImageControl-addBtn:hover:focus {
-  box-shadow: var(--Button-boxShadow);
-}
 .cxd-ImageControl-addBtn > svg {
   width: 1.5rem;
   height: 1.5rem;
@@ -27035,13 +27130,13 @@ td.rdtQuarter.rdtDisabled:hover {
   margin-bottom: 0.5rem;
 }
 .cxd-ImageControl-addBtn-text {
-  color: var(--Button--default-color);
+  color: #303540;
 }
 .cxd-ImageControl-addBtn.is-disabled {
   pointer-events: none;
-  border: 0.0625rem solid #ebebeb;
-  background: #f5f5f5;
-  color: #ccc;
+  border: 0.0625rem solid #e8e9eb;
+  background: #f7f8fa;
+  color: #b8babf;
 }
 .cxd-ImageControl-pasteTip {
   pointer-events: none;
@@ -27056,7 +27151,8 @@ td.rdtQuarter.rdtDisabled:hover {
   background: rgba(0, 0, 0, 0.7);
   border: 0 solid #e8e9eb;
   border-radius: 4px;
-  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
+  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1),
+    0px 1px 2px 0px rgba(0, 0, 0, 0.06);
   left: 100%;
   color: #ffffff;
   padding: 0.125rem 0.625rem;
@@ -27238,6 +27334,7 @@ td.rdtQuarter.rdtDisabled:hover {
   margin-right: 4px !important;
   width: 1rem;
   height: 1rem;
+  top: 0;
 }
 .cxd-FileControl-selectBtn > span {
   font-size: 12px;
@@ -27356,7 +27453,7 @@ td.rdtQuarter.rdtDisabled:hover {
   cursor: not-allowed;
   color: #b8babf;
   pointer-events: auto;
-  background: #f7f7f9;
+  background: #f7f8fa;
 }
 .cxd-FileControl-dropzone.disabled > .cxd-FileControl-acceptTip:hover {
   border-color: #e8e9eb;
@@ -27589,15 +27686,15 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-RichTextControl .fr-toolbar .fr-command.fr-btn.fr-active,
 .cxd-RichTextControl .fr-popup .fr-command.fr-btn.fr-active {
   color: #2468f2;
-  background: #ffffff;
+  background: (--colors-neutral-fill-11);
 }
 .cxd-RichTextControl .fr-desktop .fr-command:hover,
 .cxd-RichTextControl .fr-desktop .fr-command:focus {
-  background: #ffffff;
+  background: (--colors-neutral-fill-11);
 }
 .cxd-RichTextControl .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active,
 .cxd-RichTextControl .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active {
-  background: #ffffff;
+  background: (--colors-neutral-fill-11);
 }
 .cxd-RichTextControl .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active {
   background: #2468f2;
@@ -27646,7 +27743,7 @@ td.rdtQuarter.rdtDisabled:hover {
 }
 .cxd-InputRange-input .cxd-Number-handler {
   transition: 0.3s opacity;
-  color: #666;
+  color: #151b26;
 }
 .cxd-InputRange-input .cxd-Number-handler-up-inner, .cxd-InputRange-input .cxd-Number-handler-down-inner {
   cursor: pointer;
@@ -27921,7 +28018,7 @@ td.rdtQuarter.rdtDisabled:hover {
   top: 2px;
   width: 1rem;
   height: 1rem;
-  margin-left: 0.5rem;
+  margin-left: vvar(--sizes-size-5);
 }
 .cxd-Tree.is-disabled {
   pointer-events: none;
@@ -27929,7 +28026,7 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-Tree.is-draggable {
   position: relative;
 }
-.cxd-Tree--outline .cxd-Tree-sublist .cxd-Tree-item--isLeaf:before {
+.cxd-Tree--outline .cxd-Tree-item--isLeaf:before {
   position: absolute;
   top: -8px;
   left: calc((1rem - 5px) * -1);
@@ -27952,7 +28049,7 @@ td.rdtQuarter.rdtDisabled:hover {
      -moz-user-select: none;
           user-select: none;
   margin-bottom: 0.25rem;
-  padding-left: 0.5rem;
+  padding-left: vvar(--sizes-size-5);
 }
 .cxd-Tree-itemLabel > * {
   position: relative;
@@ -27971,7 +28068,7 @@ td.rdtQuarter.rdtDisabled:hover {
   height: 2rem;
 }
 .cxd-Tree-itemLabel:hover .cxd-Tree-itemLabel-item {
-  background-color: #f7f7f9;
+  background-color: #f7f8fa;
 }
 .cxd-Tree-itemLabel:hover .cxd-Tree-item-icons {
   visibility: visible;
@@ -28002,12 +28099,12 @@ td.rdtQuarter.rdtDisabled:hover {
   vertical-align: top;
   height: 1.5rem;
   line-height: 1.5rem;
-  padding-right: 0.5rem;
+  padding-right: vvar(--sizes-size-5);
 }
 .cxd-Tree-item-icons > a {
   display: inline-block;
   vertical-align: middle;
-  margin-left: 0.5rem;
+  margin-left: vvar(--sizes-size-5);
   cursor: pointer;
 }
 .cxd-Tree-item-icons > a > svg {
@@ -28024,11 +28121,11 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-Tree-itemInput > a {
   display: inline-block;
   cursor: pointer;
-  margin-left: 0.5rem;
+  margin-left: vvar(--sizes-size-5);
   color: #84878c;
 }
 .cxd-Tree-itemInput > a:hover {
-  color: #528eff;
+  color: #2468f2;
   text-decoration: none;
 }
 .cxd-Tree-itemInput > input {
@@ -28038,8 +28135,8 @@ td.rdtQuarter.rdtDisabled:hover {
   background: #ffffff;
   border: 0.0625rem solid #e8e9eb;
   border-radius: 4px;
-  line-height: 1.4285714286;
-  padding: calc( ( calc(2rem * 0.85) - 1.4285714286 * 14px - 0.125rem ) / 2 ) 0.625rem;
+  line-height: 1.5;
+  padding: calc( ( calc(2rem * 0.85) - 1.5 * 14px - 0.125rem ) / 2 ) 0.625rem;
   font-size: 14px;
 }
 .cxd-Tree-itemInput > input::-moz-placeholder {
@@ -28075,7 +28172,7 @@ td.rdtQuarter.rdtDisabled:hover {
   width: 0.875rem;
   height: 0.875rem;
   top: 0.109375rem;
-  margin-right: 0.5rem;
+  margin-right: vvar(--sizes-size-5);
 }
 .cxd-Tree-itemArrow {
   cursor: pointer;
@@ -28096,14 +28193,14 @@ td.rdtQuarter.rdtDisabled:hover {
 }
 .cxd-Tree-itemArrowPlaceholder {
   display: inline-block;
-  width: calc(1rem + 0.5rem);
+  width: calc(1rem + vvar(--sizes-size-5));
 }
 .cxd-Tree-itemDrager {
   cursor: move;
   color: #84878c;
 }
 .cxd-Tree-spinner {
-  margin-right: 0.5rem;
+  margin-right: vvar(--sizes-size-5);
 }
 .cxd-Tree-itemIcon {
   display: inline-flex;
@@ -28150,7 +28247,7 @@ td.rdtQuarter.rdtDisabled:hover {
 }
 .cxd-Tree-dropIndicator--hover {
   border-radius: 0;
-  background-color: #f7f7f9;
+  background-color: #f7f8fa;
 }
 .cxd-Tree-dropIndicator--hover::after {
   display: none;
@@ -28182,10 +28279,10 @@ td.rdtQuarter.rdtDisabled:hover {
   background: #ffffff;
   border: 0.0625rem solid #e8e9eb;
   border-radius: 4px;
-  line-height: 1.4285714286;
+  line-height: 1.5;
   padding: calc(
     (
-        2rem - 1.4285714286 *
+        2rem - 1.5 *
           14px - 0.125rem
       ) / 2
   ) 0.625rem;
@@ -28201,7 +28298,7 @@ td.rdtQuarter.rdtDisabled:hover {
   border: none;
   color: #151b26;
   width: 100%;
-  height: calc(1.4285714286 * 14px);
+  height: calc(1.5 * 14px);
 }
 .cxd-TreeSelect-input input::-moz-placeholder {
   color: #b8babf;
@@ -28241,7 +28338,7 @@ td.rdtQuarter.rdtDisabled:hover {
 }
 .cxd-TreeSelect.is-disabled > .cxd-TreeSelect-input {
   color: #b8babf;
-  background: #f7f7f9;
+  background: #f7f8fa;
   border-color: #e8e9eb;
   transition: all 0.2s;
 }
@@ -28249,7 +28346,7 @@ td.rdtQuarter.rdtDisabled:hover {
   color: #b8babf;
 }
 .cxd-TreeSelect-spinner {
-  line-height: calc( 1.4285714286 * 14px );
+  line-height: calc( 1.5 * 14px );
 }
 .cxd-TreeSelect-clear {
   padding: 0.1875rem;
@@ -28296,7 +28393,7 @@ td.rdtQuarter.rdtDisabled:hover {
   box-shadow: none;
 }
 .cxd-TreeSelect-popover > .cxd-Tree {
-  background: #fff;
+  background: #ffffff;
   border: 0.0625rem solid #144bcc;
   padding: 0.25rem 0.625rem;
   border-radius: 0;
@@ -28308,7 +28405,7 @@ td.rdtQuarter.rdtDisabled:hover {
   color: #b8babf;
   padding-top: calc(
     (
-        2rem - 1.4285714286 *
+        2rem - 1.5 *
           14px
       ) / 2
   );
@@ -28343,7 +28440,7 @@ td.rdtQuarter.rdtDisabled:hover {
           1.5 * 12px
       ) / 2
   ) 0.5rem;
-  margin: 0px 0px 0px 0px;
+  margin: 0rem 0rem 0rem 0rem;
   color: #ffffff;
   background: #2468f2;
   border-color: #ffffff #ffffff #ffffff #ffffff;
@@ -28354,31 +28451,32 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-Combo-addBtn > svg {
   width: 12px;
   height: 12px;
+  top: 0;
 }
 .cxd-Combo-addBtn .cxd-Button-icon:first-child:not(:last-child):not(.pull-right),
 .cxd-Combo-addBtn > svg.icon:not(:last-child):not(.pull-right),
 .cxd-Combo-addBtn > .pull-left {
-  margin-right: 4px;
-  font-size: 14px;
+  margin-right: 0.25rem;
+  font-size: 0.875rem;
 }
 .cxd-Combo-addBtn .cxd-Button-icon:last-child:not(:first-child):not(.pull-left),
 .cxd-Combo-addBtn > .pull-right {
-  font-size: 14px;
-  margin-left: 4px;
+  font-size: 0.875rem;
+  margin-left: 0.25rem;
 }
 .cxd-Combo-addBtn .cxd-Button--loading:first-child:not(:last-child):not(.pull-right),
 .cxd-Combo-addBtn > svg.icon:not(:last-child):not(.pull-right),
 .cxd-Combo-addBtn > .pull-left {
-  font-size: 14px;
-  margin-right: 4px;
+  font-size: 0.875rem;
+  margin-right: 0.25rem;
 }
 .cxd-Combo-addBtn .cxd-Button--loading:last-child:not(:first-child):not(.pull-left),
 .cxd-Combo-addBtn > .pull-right {
-  font-size: 14px;
-  margin-left: 4px;
+  font-size: 0.875rem;
+  margin-left: 0.25rem;
 }
 .cxd-Combo-addBtn img.cxd-Button-icon {
-  height: 14px;
+  height: 0.875rem;
   vertical-align: middle;
 }
 .cxd-Combo-addBtn:not(:disabled):not(.is-disabled):hover {
@@ -28405,9 +28503,6 @@ td.rdtQuarter.rdtDisabled:hover {
   border-style: solid solid solid solid;
   box-shadow: 0px 0px 0px 0px transparent;
 }
-.cxd-Combo-addBtn:hover:focus {
-  box-shadow: var(--Button-boxShadow);
-}
 .cxd-Combo-addBtn.is-disabled {
   pointer-events: none;
   opacity: var(--Button-onDisabled-opacity);
@@ -28417,7 +28512,7 @@ td.rdtQuarter.rdtDisabled:hover {
   cursor: pointer;
 }
 .cxd-Combo-delBtn:hover {
-  color: #528eff;
+  color: #2468f2;
 }
 .cxd-Combo-tab-delBtn {
   color: #84878c;
@@ -28430,7 +28525,7 @@ td.rdtQuarter.rdtDisabled:hover {
   height: 0.6875rem;
 }
 .cxd-Combo-tab-delBtn:hover {
-  color: #528eff;
+  color: #2468f2;
 }
 .cxd-Combo-items {
   margin-bottom: 0.5rem;
@@ -28451,7 +28546,7 @@ td.rdtQuarter.rdtDisabled:hover {
   color: #84878c;
 }
 .cxd-Combo-itemDrager > a:hover {
-  color: #528eff;
+  color: #2468f2;
 }
 .cxd-Combo-itemDrager svg {
   width: 1rem;
@@ -28482,7 +28577,7 @@ td.rdtQuarter.rdtDisabled:hover {
   align-items: flex-start;
   padding-top: calc(
     (
-        2rem - 1.4285714286 *
+        2rem - 1.5 *
           14px
       ) / 2
   );
@@ -28624,7 +28719,7 @@ td.rdtQuarter.rdtDisabled:hover {
   display: none;
 }
 .cxd-SubForm-value {
-  background: #f7f7f9;
+  background: #f7f8fa;
   color: #000;
   font-size: 14px;
   padding: 0 0.25rem;
@@ -28643,7 +28738,7 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-SubForm-valueDel, .cxd-SubForm-valueEdit, .cxd-SubForm-valueDragBar {
   cursor: pointer;
   margin-left: 0.25rem;
-  color: #999;
+  color: #b8babf;
 }
 .cxd-SubForm-valueDel:hover, .cxd-SubForm-valueEdit:hover, .cxd-SubForm-valueDragBar:hover {
   color: #666666;
@@ -28687,7 +28782,7 @@ td.rdtQuarter.rdtDisabled:hover {
   width: auto;
   min-width: auto;
   font-weight: 400;
-  color: var(--Button--link-color);
+  color: #2468f2;
   -webkit-text-decoration: none;
           text-decoration: none;
   border: none;
@@ -28737,10 +28832,10 @@ td.rdtQuarter.rdtDisabled:hover {
   background: #ffffff;
   border: 0.0625rem solid #e8e9eb;
   border-radius: 4px;
-  line-height: 1.4285714286;
+  line-height: 1.5;
   padding: calc(
     (
-        2rem - 1.4285714286 *
+        2rem - 1.5 *
           14px - 0.125rem
       ) / 2
   ) 0.625rem;
@@ -28756,7 +28851,7 @@ td.rdtQuarter.rdtDisabled:hover {
   border: none;
   color: #151b26;
   width: 100%;
-  height: calc(1.4285714286 * 14px);
+  height: calc(1.5 * 14px);
 }
 .cxd-Picker-input input::-moz-placeholder {
   color: #b8babf;
@@ -28796,7 +28891,7 @@ td.rdtQuarter.rdtDisabled:hover {
 }
 .cxd-Picker.is-disabled > .cxd-Picker-input {
   color: #b8babf;
-  background: #f7f7f9;
+  background: #f7f8fa;
   border-color: #e8e9eb;
   transition: all 0.2s;
 }
@@ -28804,7 +28899,7 @@ td.rdtQuarter.rdtDisabled:hover {
   color: #b8babf;
 }
 .cxd-Picker-spinner {
-  line-height: calc( 1.4285714286 * 14px );
+  line-height: calc( 1.5 * 14px );
 }
 .cxd-Picker-clear {
   padding: 0.1875rem;
@@ -28852,10 +28947,10 @@ td.rdtQuarter.rdtDisabled:hover {
      -moz-user-select: none;
           user-select: none;
   position: absolute;
-  line-height: 1.4285714286;
+  line-height: 1.5;
   padding: calc(
     (
-        2rem - 1.4285714286 *
+        2rem - 1.5 *
           14px - 0.125rem
       ) / 2
   ) 0.625rem;
@@ -28874,7 +28969,7 @@ td.rdtQuarter.rdtDisabled:hover {
   position: relative;
   padding: calc(
     (
-        2rem - 1.4285714286 *
+        2rem - 1.5 *
           14px - 0.125rem
       ) / 2
   ) 0.625rem;
@@ -28894,7 +28989,7 @@ td.rdtQuarter.rdtDisabled:hover {
           user-select: none;
   white-space: nowrap;
   vertical-align: middle;
-  line-height: calc( 1.4285714286 * 14px - 0.125rem );
+  line-height: calc( 1.5 * 14px - 0.125rem );
   display: inline-block;
   font-size: 12px;
   color: #2468f2;
@@ -28924,7 +29019,7 @@ td.rdtQuarter.rdtDisabled:hover {
   justify-content: center;
 }
 .cxd-Picker-btn:hover {
-  color: #528eff;
+  color: #2468f2;
 }
 .cxd-Picker-clear {
   padding: 0.1875rem;
@@ -29001,53 +29096,53 @@ td.rdtQuarter.rdtDisabled:hover {
           user-select: none;
   border: 1px solid transparent;
   line-height: 1.5;
-  border-radius: var(--Button-borderRadius) var(--Button-borderRadius) var(--Button-borderRadius) var(--Button-borderRadius);
-  height: var(--Button--sm-height);
+  border-radius: 2px 2px 2px 2px;
+  height: 1.875rem;
   padding: calc(
     (
-        var(--Button--sm-height) - 1px * 2 -
+        1.875rem - 1px * 2 -
           1.5 *
           12px
       ) / 2
-  ) 0.5rem calc(
+  ) 0.625rem calc(
     (
-        var(--Button--sm-height) - 1px * 2 -
+        1.875rem - 1px * 2 -
           1.5 *
           12px
       ) / 2
-  ) 0.5rem;
-  margin: 0px 0px 0px 0px;
-  color: var(--Button--default-border);
-  background: var(--Button--default-bg);
-  border-color: var(--Button--default-color) #e8e9eb #b8babf var(--Button--default-color);
-  border-width: #e8e9eb #84878c var(--Button--default-color) 1px;
+  ) 0.625rem;
+  margin: 0rem 0rem 0rem 0rem;
+  color: #d4d6d9;
+  background: transparent;
+  border-color: #151b26 #e8e9eb #b8babf #151b26;
+  border-width: #e8e9eb #84878c #151b26 1px;
   border-style: solid solid solid solid;
   box-shadow: 0px 0px 0px 0px transparent;
 }
 .cxd-TagControl-sugItem .cxd-Button-icon:first-child:not(:last-child):not(.pull-right),
 .cxd-TagControl-sugItem > svg.icon:not(:last-child):not(.pull-right),
 .cxd-TagControl-sugItem > .pull-left {
-  margin-right: 4px;
-  font-size: 14px;
+  margin-right: 0.25rem;
+  font-size: 0.875rem;
 }
 .cxd-TagControl-sugItem .cxd-Button-icon:last-child:not(:first-child):not(.pull-left),
 .cxd-TagControl-sugItem > .pull-right {
-  font-size: 14px;
-  margin-left: 4px;
+  font-size: 0.875rem;
+  margin-left: 0.25rem;
 }
 .cxd-TagControl-sugItem .cxd-Button--loading:first-child:not(:last-child):not(.pull-right),
 .cxd-TagControl-sugItem > svg.icon:not(:last-child):not(.pull-right),
 .cxd-TagControl-sugItem > .pull-left {
-  font-size: 14px;
-  margin-right: 4px;
+  font-size: 0.875rem;
+  margin-right: 0.25rem;
 }
 .cxd-TagControl-sugItem .cxd-Button--loading:last-child:not(:first-child):not(.pull-left),
 .cxd-TagControl-sugItem > .pull-right {
-  font-size: 14px;
-  margin-left: 4px;
+  font-size: 0.875rem;
+  margin-left: 0.25rem;
 }
 .cxd-TagControl-sugItem img.cxd-Button-icon {
-  height: 14px;
+  height: 0.875rem;
   vertical-align: middle;
 }
 .cxd-TagControl-sugItem:not(:disabled):not(.is-disabled):hover {
@@ -29074,9 +29169,6 @@ td.rdtQuarter.rdtDisabled:hover {
   border-style: solid solid solid solid;
   box-shadow: 0px 0px 0px 0px transparent;
 }
-.cxd-TagControl-sugItem:hover:focus {
-  box-shadow: var(--Button-boxShadow);
-}
 .cxd-TagControl-sugItem.is-disabled {
   pointer-events: none;
   opacity: var(--Button-onDisabled-opacity);
@@ -29176,13 +29268,11 @@ td.rdtQuarter.rdtDisabled:hover {
   line-height: 1.5;
   font-size: 14px;
   font-weight: 400;
-  font-family: -apple-system, BlinkMacSystemFont,
-    SF Pro SC, SF Pro Text, Helvetica Neue, Helvetica, PingFang SC, Segoe UI,
-    Roboto, Hiragino Sans GB, Arial, microsoft yahei ui, Microsoft YaHei, SimSun,
-    sans-serif;
-  padding: 6px 12px 6px 12px;
-  margin: 0px 0px 0px 0px;
+  font-family: var(--transfer-base-title-font-family);
+  padding: 0.5rem 0.875rem 0.5rem 0.875rem;
+  margin: auto auto auto auto;
   flex-direction: row;
+  width: 100%;
 }
 .cxd-Transfer-title--light {
   background: transparent;
@@ -29208,36 +29298,32 @@ td.rdtQuarter.rdtDisabled:hover {
   max-height: 100%;
   overflow: auto;
   position: relative;
-  padding: 0px 0px 0px 0px;
-  margin: 0px 0px 0px 0px;
+  padding: auto auto auto auto;
+  margin: auto auto auto auto;
+  width: 100%;
 }
 .cxd-Transfer .cxd-GroupedSelection-item,
 .cxd-Transfer .cxd-Selections-item {
-  padding: 6px 12px 6px 12px;
-  margin: 0px 0px 0px 0px;
+  padding: 0.5rem 0.875rem 0.5rem 0.875rem;
+  margin: auto auto auto auto;
   line-height: 1.5;
   font-size: 14px;
   font-weight: 400;
-  font-family: inherit;
   color: #151b26;
 }
 .cxd-Transfer .cxd-ChainedSelection-item {
-  padding: 6px 8px 6px 8px;
-  margin: 0px 0px 0px 0px;
+  padding: 0.5rem 0.625rem 0.5rem 0.625rem;
+  margin: auto auto auto auto;
   line-height: 1.5;
   font-size: 14px;
   font-weight: 400;
-  font-family: inherit;
   color: #151b26;
 }
 .cxd-Transfer .cxd-GroupedSelection-group > .cxd-GroupedSelection-itemLabel {
-  font-size: 14px;
-  font-weight: 400;
-  line-height: 1.5;
-  font-family: -apple-system, BlinkMacSystemFont, SF Pro SC,
-    SF Pro Text, Helvetica Neue, Helvetica, PingFang SC, Segoe UI, Roboto,
-    Hiragino Sans GB, Arial, microsoft yahei ui, Microsoft YaHei, SimSun,
-    sans-serif;
+  font-size: var(--transfer-group-font-size);
+  font-weight: var(--transfer-group-font-weight);
+  line-height: var(--transfer-group-font-lineHeight);
+  font-family: var(--transfer-group-font-family);
   color: #84878c;
 }
 .cxd-Transfer-select > .cxd-ChainedSelection {
@@ -29288,26 +29374,26 @@ td.rdtQuarter.rdtDisabled:hover {
   line-height: unset;
   top: unset;
 }
+.cxd-Transfer-selection.cxd-Tree .cxd-Tree-itemLabel-item > .cxd-Tree-itemText > span.is-invalid, .cxd-Transfer-selection.cxd-AssociatedSelection .cxd-Tree-itemLabel-item > .cxd-Tree-itemText > span.is-invalid {
+  color: #f23d3d;
+}
 .cxd-Transfer-search {
-  padding: 8px 8px 8px 8px;
-  margin: 0px 0px 0px 0px;
+  padding: 0.625rem 0.625rem 0.625rem 0.625rem;
+  margin: auto auto auto auto;
+  width: 100%;
 }
 .cxd-Transfer-search .cxd-InputBox {
   font-size: 14px;
   font-weight: 400;
   line-height: 1.5;
-  font-family: -apple-system, BlinkMacSystemFont, SF Pro SC,
-    SF Pro Text, Helvetica Neue, Helvetica, PingFang SC, Segoe UI, Roboto,
-    Hiragino Sans GB, Arial, microsoft yahei ui, Microsoft YaHei, SimSun,
-    sans-serif;
   color: #151b26;
   border-width: 1px 1px 1px 1px;
   border-style: solid solid solid solid;
   border-color: #e8e9eb #e8e9eb #e8e9eb #e8e9eb;
   border-radius: 4px 4px 4px 4px;
   box-shadow: 0px 0px 0px 0px transparent;
-  padding: 4px 10px 4px 10px;
-  margin: 0px 0px 0px 0px;
+  padding: 0.375rem 0.75rem 0.375rem 0.75rem;
+  margin: auto auto auto auto;
 }
 .cxd-Transfer-search .cxd-InputBox:hover {
   border-color: #144bcc;
@@ -29320,10 +29406,6 @@ td.rdtQuarter.rdtDisabled:hover {
   font-size: 14px;
   font-weight: 400;
   line-height: 1.5;
-  font-family: -apple-system, BlinkMacSystemFont, SF Pro SC,
-    SF Pro Text, Helvetica Neue, Helvetica, PingFang SC, Segoe UI, Roboto,
-    Hiragino Sans GB, Arial, microsoft yahei ui, Microsoft YaHei, SimSun,
-    sans-serif;
   height: 1.5;
 }
 .cxd-Transfer-search .cxd-InputBox input::-moz-placeholder {
@@ -29364,15 +29446,15 @@ td.rdtQuarter.rdtDisabled:hover {
   color: #b8babf;
 }
 .cxd-Transfer .cxd-Tree {
-  padding: 2px 10px 2px 10px;
-  margin: 0px 0px auto 0px;
+  padding: 0.25rem 0.75rem 0.25rem 0.75rem;
+  margin: auto auto 0.125rem auto;
 }
 .cxd-Transfer .cxd-Tree-itemLabel:hover::after {
   left: 0;
 }
 .cxd-Transfer .cxd-Tree-itemLabel {
-  padding: 0px 0px 0px 8px;
-  margin: 0px 0px 4px 0px;
+  padding: auto auto auto 0.625rem;
+  margin: auto auto 0.375rem auto;
   border-radius: 2px 2px 2px 2px;
 }
 .cxd-Transfer .cxd-Tree-itemLabel:hover {
@@ -29385,33 +29467,29 @@ td.rdtQuarter.rdtDisabled:hover {
   line-height: 1.5;
   font-size: 14px;
   font-weight: 400;
-  font-family: inherit;
   color: #151b26;
 }
 .cxd-Transfer .cxd-Table-content .cxd-Table-table > thead > tr > th {
-  padding: 6px 10px 6px 10px;
+  padding: 0.5rem 0.75rem 0.5rem 0.75rem;
   background: #f7f8fa;
   color: #151b26;
   line-height: 1.5;
   font-size: 14px;
-  font-weight: 400;
-  font-family: -apple-system, BlinkMacSystemFont,
-    SF Pro SC, SF Pro Text, Helvetica Neue, Helvetica, PingFang SC, Segoe UI,
-    Roboto, Hiragino Sans GB, Arial, microsoft yahei ui, Microsoft YaHei, SimSun,
-    sans-serif;
 }
 .cxd-Transfer .cxd-Table-content .cxd-Table-table > thead > tr > th:last-child {
-  padding-right: 16px;
+  padding-right: var(--sizes-size-10);
 }
 .cxd-Transfer .cxd-Table-content .cxd-Table-table > tbody > tr > td {
-  padding: 4px 10px 6px 10px;
+  padding: 0.375rem 0.75rem 0.5rem 0.75rem;
   line-height: 1.5;
   font-size: 14px;
   font-weight: 400;
-  font-family: inherit;
+}
+.cxd-Transfer .cxd-Table-content .cxd-Table-table > tbody > tr > td > span.is-invalid {
+  color: #f23d3d;
 }
 .cxd-Transfer .cxd-Table-content .cxd-Table-table > tbody > tr > td:last-child {
-  padding-right: 16px;
+  padding-right: var(--sizes-size-10);
 }
 .cxd-Transfer .cxd-Selections .cxd-TableSelection .cxd-Table-table > thead > tr,
 .cxd-Transfer .cxd-Selections .cxd-TableSelection .cxd-Table-table > tbody > tr {
@@ -29425,6 +29503,9 @@ td.rdtQuarter.rdtDisabled:hover {
   padding-top: 0.5rem;
   background-color: #f7f7f9;
 }
+.cxd-TabsTransfer .cxd-Tree.cxd-Transfer-checkboxes {
+  width: 100%;
+}
 .cxd-TabsTransfer-search {
   margin: 0.5rem 0.5rem;
 }
@@ -29437,9 +29518,9 @@ td.rdtQuarter.rdtDisabled:hover {
 }
 .cxd-TabsTransfer-placeholder {
   height: 2rem;
-  line-height: 1.4285714286;
+  line-height: 1.5;
   font-size: 14px;
-  padding: calc( ( 2rem - 1.4285714286 * 14px ) / 2 ) 0.5rem;
+  padding: calc( ( 2rem - 1.5 * 14px ) / 2 ) 0.5rem;
   color: #b8babf;
 }
 .cxd-TabsTransfer-tab {
@@ -29587,13 +29668,13 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-NestedSelect-noResult {
   width: 10rem;
   padding: 0 0.25rem;
-  color: #999;
-  line-height: 1.4285714286;
+  color: #b8babf;
+  line-height: 1.5;
   font-size: 12px;
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
-  padding: calc( ( 1.5rem - 1.4285714286 * 14px ) / 2 ) 0.625rem;
+  padding: calc( ( 1.5rem - 1.5 * 14px ) / 2 ) 0.625rem;
 }
 .cxd-NestedSelect-menu {
   width: 10rem;
@@ -29602,7 +29683,8 @@ td.rdtQuarter.rdtDisabled:hover {
   background: #ffffff;
   color: #151b26;
   border: 0px solid #144bcc;
-  box-shadow: 0.125rem 0.25rem 0.5rem rgba(0, 0, 0, 0.2);
+  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1),
+    0px 1px 2px 0px rgba(0, 0, 0, 0.06);
   overflow-y: auto;
   overflow-x: hidden;
 }
@@ -29644,7 +29726,7 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-NestedSelect-menu .cxd-NestedSelect-option.no-result {
   justify-content: center;
   cursor: default;
-  color: #999;
+  color: #b8babf;
 }
 .cxd-NestedSelect-menu .cxd-NestedSelect-option.no-result:hover {
   color: unset;
@@ -29767,10 +29849,10 @@ td.rdtQuarter.rdtDisabled:hover {
   background: #ffffff;
   border: 0.0625rem solid #e8e9eb;
   border-radius: 4px;
-  line-height: 1.4285714286;
+  line-height: 1.5;
   padding: calc(
     (
-        2rem - 1.4285714286 *
+        2rem - 1.5 *
           14px - 0.125rem
       ) / 2
   ) 0.625rem;
@@ -29786,7 +29868,7 @@ td.rdtQuarter.rdtDisabled:hover {
   border: none;
   color: #151b26;
   width: 100%;
-  height: calc(1.4285714286 * 14px);
+  height: calc(1.5 * 14px);
 }
 .cxd-IconPickerControl-input input::-moz-placeholder {
   color: #b8babf;
@@ -29826,7 +29908,7 @@ td.rdtQuarter.rdtDisabled:hover {
 }
 .cxd-IconPickerControl.is-disabled > .cxd-IconPickerControl-input {
   color: #b8babf;
-  background: #f7f7f9;
+  background: #f7f8fa;
   border-color: #e8e9eb;
   transition: all 0.2s;
 }
@@ -29834,7 +29916,7 @@ td.rdtQuarter.rdtDisabled:hover {
   color: #b8babf;
 }
 .cxd-IconPickerControl-spinner {
-  line-height: calc( 1.4285714286 * 14px );
+  line-height: calc( 1.5 * 14px );
 }
 .cxd-IconPickerControl-clear {
   padding: 0.1875rem;
@@ -29872,7 +29954,7 @@ td.rdtQuarter.rdtDisabled:hover {
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
-  line-height: 1.4285714286;
+  line-height: 1.5;
   position: absolute;
   left: 2px;
   overflow: hidden;
@@ -29953,7 +30035,7 @@ td.rdtQuarter.rdtDisabled:hover {
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
-  line-height: calc( 1.4285714286 * 14px );
+  line-height: calc( 1.5 * 14px );
   vertical-align: middle;
   display: inline-block;
   overflow: hidden;
@@ -29977,10 +30059,10 @@ td.rdtQuarter.rdtDisabled:hover {
   background: #ffffff;
   border: 0.0625rem solid #e8e9eb;
   border-radius: 4px;
-  line-height: 1.4285714286;
+  line-height: 1.5;
   padding: calc(
     (
-        2rem - 1.4285714286 *
+        2rem - 1.5 *
           14px - 0.125rem
       ) / 2
   ) 0.625rem;
@@ -29996,7 +30078,7 @@ td.rdtQuarter.rdtDisabled:hover {
   border: none;
   color: #151b26;
   width: 100%;
-  height: calc(1.4285714286 * 14px);
+  height: calc(1.5 * 14px);
 }
 .cxd-IconSelectControl-input input::-moz-placeholder {
   color: #b8babf;
@@ -30036,7 +30118,7 @@ td.rdtQuarter.rdtDisabled:hover {
 }
 .cxd-IconSelectControl.is-disabled > .cxd-IconSelectControl-input {
   color: #b8babf;
-  background: #f7f7f9;
+  background: #f7f8fa;
   border-color: #e8e9eb;
   transition: all 0.2s;
 }
@@ -30044,7 +30126,7 @@ td.rdtQuarter.rdtDisabled:hover {
   color: #b8babf;
 }
 .cxd-IconSelectControl-spinner {
-  line-height: calc( 1.4285714286 * 14px );
+  line-height: calc( 1.5 * 14px );
 }
 .cxd-IconSelectControl-clear {
   padding: 0.1875rem;
@@ -30096,7 +30178,7 @@ td.rdtQuarter.rdtDisabled:hover {
   height: 50vh;
   align-items: stretch;
   border: 1px solid #e8e9eb;
-  border-radius: 4px;
+  border-radius: 6px;
 }
 .cxd-IconSelectControl-Modal-content-aside {
   border-right: 1px solid #e8e9eb;
@@ -30196,7 +30278,7 @@ td.rdtQuarter.rdtDisabled:hover {
   flex-direction: row;
   align-items: center;
   border: 1px solid #e8e9eb;
-  border-radius: 4px;
+  border-radius: 6px;
   cursor: pointer;
 }
 .cxd-IconSelectControl-icon-list-item:hover, .cxd-IconSelectControl-icon-list-item.active {
@@ -30210,7 +30292,7 @@ td.rdtQuarter.rdtDisabled:hover {
   top: 0;
   width: 12px;
   height: 12px;
-  border-bottom-left-radius: 4px;
+  border-bottom-left-radius: 6px;
   background-color: #2468f2;
 }
 .cxd-IconSelectControl-icon-list-item.active::after {
@@ -30267,7 +30349,7 @@ td.rdtQuarter.rdtDisabled:hover {
   display: inline-block;
   padding-top: calc(
     (
-        2rem - 1.4285714286 *
+        2rem - 1.5 *
           14px - 0.125rem
       ) / 2
   );
@@ -30280,13 +30362,13 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-Form-static:not(.is-noPaddingY-static) {
   padding-top: calc(
     (
-        2rem - 1.4285714286 *
+        2rem - 1.5 *
           14px
       ) / 2
   );
   padding-bottom: calc(
     (
-        2rem - 1.4285714286 *
+        2rem - 1.5 *
           14px
       ) / 2
   );
@@ -30300,7 +30382,7 @@ td.rdtQuarter.rdtDisabled:hover {
   border-radius: 4px;
   padding: calc(
     (
-        2rem - 1.4285714286 *
+        2rem - 1.5 *
           14px - 0.125rem
       ) / 2
   ) 0.625rem;
@@ -30310,7 +30392,7 @@ td.rdtQuarter.rdtDisabled:hover {
   border-radius: 4px;
   padding: calc(
     (
-        2rem - 1.4285714286 *
+        2rem - 1.5 *
           14px - 0.125rem
       ) / 2
   ) 0.625rem;
@@ -30320,7 +30402,7 @@ td.rdtQuarter.rdtDisabled:hover {
   margin-bottom: 0.5rem;
   position: relative;
   font-size: 14px;
-  color: #5c5f66;
+  color: (--colors-neutral-text-4);
 }
 .cxd-Form-label > span {
   position: relative;
@@ -30340,7 +30422,7 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-Form-description {
   display: block;
   word-break: break-word;
-  color: #999;
+  color: #303540;
   margin: 0.25rem 0 0;
   font-size: 12px;
 }
@@ -30349,7 +30431,7 @@ td.rdtQuarter.rdtDisabled:hover {
   margin-left: 0.5rem;
   padding-top: calc(
     (
-        2rem - 1.4285714286 *
+        2rem - 1.5 *
           14px - 0.125rem
       ) / 2
   );
@@ -30374,7 +30456,7 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-Form-item .cxd-Form-remark {
   padding-top: calc(
     (
-        2rem - 1.4285714286 *
+        2rem - 1.5 *
           14px
       ) / 2
   );
@@ -30498,7 +30580,7 @@ td.rdtQuarter.rdtDisabled:hover {
   .cxd-Form-item--horizontal > .cxd-Form-label {
     padding-top: calc(
     (
-        2rem - 1.4285714286 *
+        2rem - 1.5 *
           14px
       ) / 2
   );
@@ -30517,13 +30599,13 @@ td.rdtQuarter.rdtDisabled:hover {
     width: 4.375rem;
   }
   .cxd-Form-item--horizontal .cxd-Form-itemColumn--normal {
-    width: 6.25rem;
+    width: 6.125rem;
   }
   .cxd-Form-item--horizontal .cxd-Form-itemColumn--md {
     width: 8.75rem;
   }
   .cxd-Form-item--horizontal .cxd-Form-itemColumn--lg {
-    width: 11.875rem;
+    width: 12.5rem;
   }
   .cxd-Form-item--horizontal .cxd-Form-itemColumn--auto {
     width: auto;
@@ -30601,7 +30683,7 @@ td.rdtQuarter.rdtDisabled:hover {
   .cxd-Form-item--inline > .cxd-Form-label {
     padding-top: calc(
     (
-        2rem - 1.4285714286 *
+        2rem - 1.5 *
           14px
       ) / 2
   );
@@ -30620,7 +30702,7 @@ td.rdtQuarter.rdtDisabled:hover {
   .cxd-Form-item--inline > .cxd-Form-value > .cxd-Button--link {
     padding-top: calc(
     (
-        2rem - 1.4285714286 *
+        2rem - 1.5 *
           14px
       ) / 2
   );
@@ -30663,7 +30745,7 @@ td.rdtQuarter.rdtDisabled:hover {
     vertical-align: top;
     padding-top: calc(
     (
-        2rem - 1.4285714286 *
+        2rem - 1.5 *
           14px
       ) / 2
   );
@@ -30771,7 +30853,7 @@ td.rdtQuarter.rdtDisabled:hover {
     font-size: 16px;
   }
   .cxd-Form .cxd-Form-item .cxd-TextControl-input input {
-    height: calc(1.4285714286 * 16px);
+    height: calc(1.5 * 16px);
   }
   .cxd-Form .cxd-Form-item .cxd-Form-value,
 .cxd-Form .cxd-Form-item .cxd-Form-control {
@@ -31867,7 +31949,7 @@ td.rdtQuarter.rdtDisabled:hover {
 }
 .cxd-FormulaEditor-FuncList-collapseGroup .cxd-FormulaEditor-FuncList-collapse .cxd-FormulaEditor-FuncList-expandIcon {
   font-size: 12px;
-  line-height: 20px;
+  line-height: 18px;
   transform-origin: 0.4375rem 0.5625rem;
   transition: transform 0.2s;
 }
@@ -31891,7 +31973,7 @@ td.rdtQuarter.rdtDisabled:hover {
   line-height: 1.5rem;
 }
 .cxd-FormulaEditor-FuncList-item.is-active {
-  background: #f7f7f9;
+  background: #f7f8fa;
 }
 .cxd-FormulaEditor-FuncList-doc {
   display: flex;
@@ -31902,7 +31984,7 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-FormulaEditor-FuncList-doc pre {
   white-space: pre-wrap;
   word-wrap: break-word;
-  background: #f7f7f9;
+  background: #f7f8fa;
   padding: 0.3125rem 0.625rem;
   border-radius: 4px;
   margin-top: 0;
@@ -31997,7 +32079,7 @@ td.rdtQuarter.rdtDisabled:hover {
   border: 0.0625rem solid #e8e9eb;
   padding: calc(
     (
-        2rem - 1.4285714286 *
+        2rem - 1.5 *
           14px - 0.125rem
       ) / 2
   ) 0.625rem;
@@ -32284,7 +32366,7 @@ td.rdtQuarter.rdtDisabled:hover {
   background: #30bf13;
 }
 .cxd-Tag--normal--error {
-  background: #f33e3e;
+  background: #f23d3d;
 }
 .cxd-Tag--normal--warning {
   background: #ff9326;
@@ -32313,8 +32395,8 @@ td.rdtQuarter.rdtDisabled:hover {
   color: #30bf13;
 }
 .cxd-Tag--rounded--error {
-  border-color: #f33e3e;
-  color: #f33e3e;
+  border-color: #f23d3d;
+  color: #f23d3d;
 }
 .cxd-Tag--rounded--warning {
   border-color: #ff9326;
@@ -32336,7 +32418,7 @@ td.rdtQuarter.rdtDisabled:hover {
   color: #30bf13;
 }
 .cxd-Tag--status--error .cxd-Tag--prev {
-  color: #f33e3e;
+  color: #f23d3d;
 }
 .cxd-Tag--status--warning .cxd-Tag--prev {
   color: #ff9326;
@@ -32403,10 +32485,10 @@ td.rdtQuarter.rdtDisabled:hover {
   background-color: #2468f2;
 }
 .cxd-Tag--checkable--checked:not(.cxd-Tag--checkable--disabled):hover {
-  background-color: #4f86f4;
+  background-color: #528eff;
 }
 .cxd-Tag--checkable--checked:not(.cxd-Tag--checkable--disabled):active {
-  background-color: #1c53c1;
+  background-color: #144bcc;
 }
 .cxd-PullRefresh-wrap {
   position: relative;
@@ -32466,7 +32548,7 @@ td.rdtQuarter.rdtDisabled:hover {
 .AMISDebug-header {
   padding: 1rem 1.5rem;
   background: #ffffff;
-  border-bottom: 0.0625rem solid #f7f7f9;
+  border-bottom: 0.0625rem solid #f7f8fa;
 }
 .AMISDebug-hoverBox {
   pointer-events: none;