amis 2.8.0 → 2.9.0

package/lib/themes/cxd-ie11.css

@@ -4503,6 +4503,31 @@ button::-moz-focus-inner {
 .tox[dir=rtl] .tox-dialog__body-content .accessibility-issue__description {
   padding: 4px 8px 4px 4px;
 }
+.tox .tox-advtemplate .tox-form__grid {
+  flex: 1;
+}
+.tox .tox-advtemplate .tox-form__grid > div:first-child {
+  display: flex;
+  flex-direction: column;
+  width: 30%;
+}
+.tox .tox-advtemplate .tox-form__grid > div:first-child > div:nth-child(2) {
+  flex-basis: 0;
+  flex-grow: 1;
+  overflow: auto;
+}
+@media only screen and (max-width: 767px) {
+  body:not(.tox-force-desktop) .tox .tox-advtemplate .tox-form__grid > div:first-child {
+    width: 100%;
+  }
+}
+.tox .tox-advtemplate iframe {
+  border-color: #eeeeee;
+  border-radius: 10px;
+  border-style: solid;
+  border-width: 1px;
+  margin: 0 10px;
+}
 .tox .tox-anchorbar {
   display: flex;
   flex: 0 0 auto;
@@ -4584,6 +4609,34 @@ button::-moz-focus-inner {
   box-shadow: none;
   color: #fff;
 }
+.tox .tox-button.tox-button--enabled,
+.tox .tox-button.tox-button--enabled:hover {
+  background: #a6ccf7;
+  border-width: 1px;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-button.tox-button--enabled > *,
+.tox .tox-button.tox-button--enabled:hover > * {
+  transform: none;
+}
+.tox .tox-button.tox-button--enabled svg,
+.tox .tox-button.tox-button--enabled:hover svg {
+  /* stylelint-disable-line no-descending-specificity */
+  fill: #222f3e;
+}
+.tox .tox-button--icon-and-text,
+.tox .tox-button.tox-button--icon-and-text,
+.tox .tox-button.tox-button--secondary.tox-button--icon-and-text {
+  display: flex;
+  padding: 5px 4px;
+}
+.tox .tox-button--icon-and-text .tox-icon svg,
+.tox .tox-button.tox-button--icon-and-text .tox-icon svg,
+.tox .tox-button.tox-button--secondary.tox-button--icon-and-text .tox-icon svg {
+  display: block;
+  fill: currentColor;
+}
 .tox .tox-button--secondary {
   background-color: #f0f0f0;
   background-image: none;
@@ -5216,7 +5269,7 @@ button::-moz-focus-inner {
   stroke: #222f3e;
   stroke-width: 2px;
 }
-.tox div.tox-swatch:not(.tox-swatch--remove)[aria-checked=true] svg {
+.tox div.tox-swatch:not(.tox-swatch--remove).tox-collection__item--enabled svg {
   display: block;
 }
 .tox:not([dir=rtl]) .tox-swatches__picker-btn {
@@ -5668,6 +5721,13 @@ button::-moz-focus-inner {
   height: 650px;
   max-width: 1200px;
 }
+.tox .tox-dialog--fullscreen {
+  height: 100%;
+  max-width: 100%;
+}
+.tox .tox-dialog--fullscreen .tox-dialog__body-content {
+  max-height: 100%;
+}
 .tox .tox-dialog--width-md {
   max-width: 800px;
 }
@@ -5709,8 +5769,11 @@ button::-moz-focus-inner {
   font-weight: bold;
   padding-bottom: 8px;
 }
+.tox .tox-dialog__table thead th:first-child {
+  padding-right: 8px;
+}
 .tox .tox-dialog__table tbody tr {
-  border-bottom: 1px solid #eeeeee;
+  border-bottom: 1px solid #626262;
 }
 .tox .tox-dialog__table tbody tr:last-child {
   border-bottom: none;
@@ -5719,6 +5782,9 @@ button::-moz-focus-inner {
   padding-bottom: 8px;
   padding-top: 8px;
 }
+.tox .tox-dialog__table td:first-child {
+  padding-right: 8px;
+}
 .tox .tox-dialog__iframe.tox-dialog__iframe--opaque {
   background: #fff;
 }
@@ -5814,6 +5880,17 @@ body.tox-dialog__disable-scroll {
   overflow: hidden;
   position: relative;
 }
+.tox .tox-edit-area::before {
+  border: 2px solid #2D6ADF;
+  border-radius: 4px;
+  content: "";
+  inset: 0;
+  opacity: 0;
+  pointer-events: none;
+  position: absolute;
+  transition: opacity 0.15s;
+  z-index: 1;
+}
 .tox .tox-edit-area__iframe {
   background-color: #fff;
   border: 0;
@@ -5823,6 +5900,9 @@ body.tox-dialog__disable-scroll {
   position: absolute;
   width: 100%;
 }
+.tox.tox-edit-focus .tox-edit-area::before {
+  opacity: 1;
+}
 .tox.tox-inline-edit-area {
   border: 1px dotted #eeeeee;
 }
@@ -5835,13 +5915,15 @@ body.tox-dialog__disable-scroll {
 .tox .tox-editor-header {
   display: grid;
   grid-template-columns: 1fr min-content;
-  z-index: 1;
+  z-index: 2;
 }
 .tox:not(.tox-tinymce-inline) .tox-editor-header {
   background-color: #fff;
   border-bottom: none;
   box-shadow: 0 2px 2px -2px rgba(34, 47, 62, 0.1), 0 8px 8px -4px rgba(34, 47, 62, 0.07);
   padding: 4px 0;
+}
+.tox:not(.tox-tinymce-inline) .tox-editor-header:not(.tox-editor-dock-transition) {
   transition: box-shadow 0.5s;
 }
 .tox:not(.tox-tinymce-inline).tox-tinymce--toolbar-bottom .tox-editor-header {
@@ -6077,7 +6159,8 @@ body.tox-dialog__disable-scroll {
 .tox .tox-textfield,
 .tox .tox-toolbar-textfield,
 .tox .tox-listboxfield .tox-listbox--select,
-.tox .tox-textarea {
+.tox .tox-textarea,
+.tox .tox-textarea-wrap .tox-textarea:focus {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
@@ -6107,7 +6190,9 @@ body.tox-dialog__disable-scroll {
 }
 .tox .tox-textfield:focus,
 .tox .tox-listboxfield .tox-listbox--select:focus,
-.tox .tox-textarea:focus {
+.tox .tox-textarea-wrap:focus-within,
+.tox .tox-textarea:focus,
+.tox .tox-custom-editor:focus-within {
   background-color: #fff;
   border-color: #006ce7;
   box-shadow: 0 0 0 2px rgba(0, 108, 231, 0.25);
@@ -6233,12 +6318,27 @@ body.tox-dialog__disable-scroll {
 .tox[dir=rtl] .tox-selectfield svg {
   left: 8px;
 }
+.tox .tox-textarea-wrap {
+  border-color: #eeeeee;
+  border-radius: 6px;
+  border-style: solid;
+  border-width: 1px;
+  display: flex;
+  flex: 1;
+  overflow: hidden;
+}
 .tox .tox-textarea {
   -webkit-appearance: textarea;
   -moz-appearance: textarea;
   appearance: textarea;
   white-space: pre-wrap;
 }
+.tox .tox-textarea-wrap .tox-textarea {
+  border: none;
+}
+.tox .tox-textarea-wrap .tox-textarea:focus {
+  border: none;
+}
 .tox-fullscreen {
   border: 0;
   height: 100%;
@@ -7139,6 +7239,82 @@ body.tox-dialog__disable-scroll {
   margin-bottom: 4px;
   white-space: nowrap;
 }
+.tox .tox-number-input {
+  border-radius: 3px;
+  display: flex;
+  margin: 6px 1px 5px 0;
+  padding: 0 4px;
+  width: auto;
+}
+.tox .tox-number-input .tox-input-wrapper {
+  background: #f7f7f7;
+  display: flex;
+  pointer-events: none;
+  text-align: center;
+}
+.tox .tox-number-input .tox-input-wrapper:focus {
+  background: #cce2fa;
+}
+.tox .tox-number-input input {
+  border-radius: 3px;
+  color: #222f3e;
+  font-size: 14px;
+  margin: 2px 0;
+  pointer-events: all;
+  width: 60px;
+}
+.tox .tox-number-input input:hover {
+  background: #cce2fa;
+  color: #222f3e;
+}
+.tox .tox-number-input input:focus {
+  background: #fff;
+  color: #222f3e;
+}
+.tox .tox-number-input button {
+  background: #f7f7f7;
+  color: #222f3e;
+  height: 28px;
+  text-align: center;
+  width: 24px;
+}
+.tox .tox-number-input button svg {
+  display: block;
+  fill: #222f3e;
+  margin: 0 auto;
+  transform: scale(0.67);
+}
+.tox .tox-number-input button:focus {
+  background: #cce2fa;
+}
+.tox .tox-number-input button:hover {
+  background: #cce2fa;
+  border: 0;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-number-input button:hover svg {
+  fill: #222f3e;
+}
+.tox .tox-number-input button:active {
+  background: #a6ccf7;
+  border: 0;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-number-input button:active svg {
+  fill: #222f3e;
+}
+.tox .tox-number-input button.minus {
+  border-radius: 3px 0 0 3px;
+}
+.tox .tox-number-input button.plus {
+  border-radius: 0 3px 3px 0;
+}
+.tox .tox-number-input:focus:not(:active) > button,
+.tox .tox-number-input:focus:not(:active) > .tox-input-wrapper {
+  background: #cce2fa;
+}
 .tox .tox-tbtn--select {
   margin: 6px 1px 5px 0;
   padding: 0 4px;
@@ -7147,7 +7323,11 @@ body.tox-dialog__disable-scroll {
 .tox .tox-tbtn__select-label {
   cursor: default;
   font-weight: normal;
+  height: initial;
   margin: 0 4px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 .tox .tox-tbtn__select-chevron {
   align-items: center;
@@ -7376,6 +7556,196 @@ body.tox-dialog__disable-scroll {
   top: 50%;
   transform: translateY(-50%);
 }
+.tox .tox-tree {
+  display: flex;
+  flex-direction: column;
+}
+.tox .tox-tree .tox-trbtn {
+  align-items: center;
+  background: transparent;
+  border: 0;
+  border-radius: 4px;
+  box-shadow: none;
+  color: #222f3e;
+  display: flex;
+  flex: 0 0 auto;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: normal;
+  height: 28px;
+  margin-bottom: 4px;
+  margin-top: 4px;
+  outline: none;
+  overflow: hidden;
+  padding: 0;
+  padding-left: 8px;
+  text-transform: none;
+}
+.tox .tox-tree .tox-trbtn .tox-tree__label {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.tox .tox-tree .tox-trbtn svg {
+  display: block;
+  fill: #222f3e;
+}
+.tox .tox-tree .tox-trbtn:focus {
+  background: #cce2fa;
+  border: 0;
+  box-shadow: none;
+}
+.tox .tox-tree .tox-trbtn:hover {
+  background: #cce2fa;
+  border: 0;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-tree .tox-trbtn:hover svg {
+  fill: #222f3e;
+}
+.tox .tox-tree .tox-trbtn:active {
+  background: #a6ccf7;
+  border: 0;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-tree .tox-trbtn:active svg {
+  fill: #222f3e;
+}
+.tox .tox-tree .tox-trbtn--disabled,
+.tox .tox-tree .tox-trbtn--disabled:hover,
+.tox .tox-tree .tox-trbtn:disabled,
+.tox .tox-tree .tox-trbtn:disabled:hover {
+  background: transparent;
+  border: 0;
+  box-shadow: none;
+  color: rgba(34, 47, 62, 0.5);
+  cursor: not-allowed;
+}
+.tox .tox-tree .tox-trbtn--disabled svg,
+.tox .tox-tree .tox-trbtn--disabled:hover svg,
+.tox .tox-tree .tox-trbtn:disabled svg,
+.tox .tox-tree .tox-trbtn:disabled:hover svg {
+  /* stylelint-disable-line no-descending-specificity */
+  fill: rgba(34, 47, 62, 0.5);
+}
+.tox .tox-tree .tox-trbtn--enabled,
+.tox .tox-tree .tox-trbtn--enabled:hover {
+  background: #a6ccf7;
+  border: 0;
+  box-shadow: none;
+  color: #222f3e;
+}
+.tox .tox-tree .tox-trbtn--enabled > *,
+.tox .tox-tree .tox-trbtn--enabled:hover > * {
+  transform: none;
+}
+.tox .tox-tree .tox-trbtn--enabled svg,
+.tox .tox-tree .tox-trbtn--enabled:hover svg {
+  /* stylelint-disable-line no-descending-specificity */
+  fill: #222f3e;
+}
+.tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) {
+  color: #222f3e;
+}
+.tox .tox-tree .tox-trbtn:focus:not(.tox-trbtn--disabled) svg {
+  fill: #222f3e;
+}
+.tox .tox-tree .tox-trbtn:active > * {
+  transform: none;
+}
+.tox .tox-tree .tox-trbtn--return {
+  align-self: stretch;
+  height: unset;
+  width: 16px;
+}
+.tox .tox-tree .tox-trbtn--labeled {
+  padding: 0 4px;
+  width: unset;
+}
+.tox .tox-tree .tox-trbtn__vlabel {
+  display: block;
+  font-size: 10px;
+  font-weight: normal;
+  letter-spacing: -0.025em;
+  margin-bottom: 4px;
+  white-space: nowrap;
+}
+.tox .tox-tree .tox-tree--directory {
+  display: flex;
+  flex-direction: column;
+  /* stylelint-disable no-descending-specificity */
+}
+.tox .tox-tree .tox-tree--directory.tox-tree--directory--expanded > .tox-tree--directory__label .tox-chevron {
+  transform: rotate(90deg);
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label {
+  font-weight: bold;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn {
+  margin-left: auto;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn svg {
+  fill: transparent;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn.tox-mbtn--active svg,
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-mbtn:focus svg {
+  fill: #222f3e;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover .tox-mbtn svg,
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:focus .tox-mbtn svg {
+  fill: #222f3e;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover) {
+  background-color: transparent;
+  color: #222f3e;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label:hover:has(.tox-mbtn:hover) .tox-chevron svg {
+  fill: #222f3e;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label .tox-chevron {
+  margin-right: 6px;
+  transition: transform 0.5s ease-in-out;
+}
+.tox .tox-tree .tox-tree--directory .tox-tree--directory__label.tox-tree--directory__label--active .tox-chevron {
+  transform: rotate(90deg);
+}
+.tox .tox-tree .tox-tree--leaf__label {
+  font-weight: normal;
+}
+.tox .tox-tree .tox-tree--leaf__label .tox-mbtn {
+  margin-left: auto;
+}
+.tox .tox-tree .tox-tree--leaf__label .tox-mbtn svg {
+  fill: transparent;
+}
+.tox .tox-tree .tox-tree--leaf__label .tox-mbtn.tox-mbtn--active svg,
+.tox .tox-tree .tox-tree--leaf__label .tox-mbtn:focus svg {
+  fill: #222f3e;
+}
+.tox .tox-tree .tox-tree--leaf__label:hover .tox-mbtn svg {
+  fill: #222f3e;
+}
+.tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover) {
+  background-color: transparent;
+  color: #222f3e;
+}
+.tox .tox-tree .tox-tree--leaf__label:hover:has(.tox-mbtn:hover) .tox-chevron svg {
+  fill: #222f3e;
+}
+.tox .tox-tree .tox-tree--directory__children {
+  overflow: hidden;
+  padding-left: 16px;
+}
+.tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--growing,
+.tox .tox-tree .tox-tree--directory__children.tox-tree--directory__children--shrinking {
+  transition: height 0.5s ease-in-out;
+}
+.tox .tox-tree .tox-trbtn.tox-tree--leaf__label {
+  display: flex;
+  justify-content: space-between;
+}
 .tox .tox-view-wrap,
 .tox .tox-view-wrap__slot-container {
   background-color: #fff;
@@ -7385,8 +7755,9 @@ body.tox-dialog__disable-scroll {
 }
 .tox .tox-view {
   display: flex;
-  flex: 1;
+  flex: 1 1 auto;
   flex-direction: column;
+  overflow: hidden;
 }
 .tox .tox-view__header {
   align-items: center;
@@ -7396,6 +7767,26 @@ body.tox-dialog__disable-scroll {
   padding: 8px 8px 0 8px;
   position: relative;
 }
+.tox .tox-view--mobile.tox-view__header,
+.tox .tox-view--mobile.tox-view__toolbar {
+  padding: 8px;
+}
+.tox .tox-view--scrolling {
+  flex-wrap: nowrap;
+  overflow-x: auto;
+}
+.tox .tox-view__toolbar {
+  display: flex;
+  flex-direction: row;
+  gap: 8px;
+  justify-content: space-between;
+  padding: 8px 8px 0 8px;
+}
+.tox .tox-view__toolbar__group {
+  display: flex;
+  flex-direction: row;
+  gap: 12px;
+}
 .tox .tox-view__header-start,
 .tox .tox-view__header-end {
   display: flex;
@@ -7437,6 +7828,7 @@ body.tox-dialog__disable-scroll {
   border-radius: 6px;
   display: flex;
   flex: 1;
+  overflow: hidden;
   position: relative;
 }
 /* stylelint-disable */
@@ -8647,7 +9039,7 @@ body.video-react-full-window .video-react-fullscreen {
 }
 .rdtPicker td.rdtOld span,
 .rdtPicker td.rdtNew span {
-  background: transparent;
+  background: #ffffff;
 }
 .rdtPicker td.rdtToday {
   position: relative;
@@ -10608,7 +11000,7 @@ img.cxd-AsideNav-itemIcon {
 }
 .cxd-Button--enhance {
   color: #2468f2;
-  background: transparent;
+  background: #ffffff;
   border-color: #2468f2 #2468f2 #2468f2 #2468f2;
   border-width: 1px 1px 1px 1px;
   border-style: solid solid solid solid;
@@ -10616,7 +11008,7 @@ img.cxd-AsideNav-itemIcon {
 }
 .cxd-Button--enhance:not(:disabled):not(.is-disabled):hover {
   color: #528eff;
-  background: transparent;
+  background: #ffffff;
   border-color: #528eff #528eff #528eff #528eff;
   border-width: 1px 1px 1px 1px;
   border-style: solid solid solid solid;
@@ -10624,7 +11016,7 @@ img.cxd-AsideNav-itemIcon {
 }
 .cxd-Button--enhance:not(:disabled):not(.is-disabled).hover {
   color: #528eff;
-  background: transparent;
+  background: #ffffff;
   border-color: #528eff #528eff #528eff #528eff;
   border-width: 1px 1px 1px 1px;
   border-style: solid solid solid solid;
@@ -10632,7 +11024,7 @@ img.cxd-AsideNav-itemIcon {
 }
 .cxd-Button--enhance:not(:disabled):not(.is-disabled):hover:active {
   color: #144bcc;
-  background: transparent;
+  background: #ffffff;
   border-color: #144bcc #144bcc #144bcc #144bcc;
   border-width: 1px 1px 1px 1px;
   border-style: solid solid solid solid;
@@ -10640,7 +11032,7 @@ img.cxd-AsideNav-itemIcon {
 }
 .cxd-Button--enhance:not(:disabled):not(.is-disabled).active {
   color: #144bcc;
-  background: transparent;
+  background: #ffffff;
   border-color: #144bcc #144bcc #144bcc #144bcc;
   border-width: 1px 1px 1px 1px;
   border-style: solid solid solid solid;
@@ -10896,7 +11288,7 @@ img.cxd-AsideNav-itemIcon {
 }
 .cxd-Button--default {
   color: #151b26;
-  background: transparent;
+  background: #ffffff;
   border-color: #e8e9eb #e8e9eb #e8e9eb #e8e9eb;
   border-width: 1px 1px 1px 1px;
   border-style: solid solid solid solid;
@@ -10904,7 +11296,7 @@ img.cxd-AsideNav-itemIcon {
 }
 .cxd-Button--default:not(:disabled):not(.is-disabled):hover {
   color: #2468f2;
-  background: transparent;
+  background: #ffffff;
   border-color: #2468f2 #2468f2 #2468f2 #2468f2;
   border-width: 1px 1px 1px 1px;
   border-style: solid solid solid solid;
@@ -10912,7 +11304,7 @@ img.cxd-AsideNav-itemIcon {
 }
 .cxd-Button--default:not(:disabled):not(.is-disabled).hover {
   color: #2468f2;
-  background: transparent;
+  background: #ffffff;
   border-color: #2468f2 #2468f2 #2468f2 #2468f2;
   border-width: 1px 1px 1px 1px;
   border-style: solid solid solid solid;
@@ -10920,7 +11312,7 @@ img.cxd-AsideNav-itemIcon {
 }
 .cxd-Button--default:not(:disabled):not(.is-disabled):hover:active {
   color: #144bcc;
-  background: transparent;
+  background: #ffffff;
   border-color: #144bcc #144bcc #144bcc #144bcc;
   border-width: 1px 1px 1px 1px;
   border-style: solid solid solid solid;
@@ -10928,7 +11320,7 @@ img.cxd-AsideNav-itemIcon {
 }
 .cxd-Button--default:not(:disabled):not(.is-disabled).active {
   color: #144bcc;
-  background: transparent;
+  background: #ffffff;
   border-color: #144bcc #144bcc #144bcc #144bcc;
   border-width: 1px 1px 1px 1px;
   border-style: solid solid solid solid;
@@ -11472,7 +11864,6 @@ input[type=button].cxd-Button--block {
 .cxd-Badge-ribbon-out {
   overflow: hidden;
   position: absolute;
-  top: 0;
   bottom: 0;
   right: 0;
 }
@@ -11487,6 +11878,9 @@ input[type=button].cxd-Button--block {
   width: 62.5rem;
   top: 5px;
 }
+.cxd-Badge-ribbon-out--top-left, .cxd-Badge-ribbon-out--top-right {
+  top: 0;
+}
 .cxd-Badge-ribbon-out--top-left, .cxd-Badge-ribbon-out--bottom-left {
   left: 0;
   right: auto;
@@ -11496,7 +11890,7 @@ input[type=button].cxd-Button--block {
   left: 0;
   right: auto;
 }
-.cxd-Badge-ribbon--bottom-left {
+.cxd-Badge-ribbon--bottom-left, .cxd-Badge-ribbon-out--bottom--left {
   transform: translateX(calc(-50% + 5px)) rotate(45deg) scale(0.7);
   transform-origin: 50% 100%;
   left: 0;
@@ -11504,7 +11898,7 @@ input[type=button].cxd-Button--block {
   bottom: 5px;
   top: auto;
 }
-.cxd-Badge-ribbon--bottom-right {
+.cxd-Badge-ribbon--bottom-right, .cxd-Badge-ribbon-out--bottom--right {
   transform: translateX(calc(50% - 5px)) rotate(-45deg) scale(0.7);
   transform-origin: 50% 100%;
   left: auto;
@@ -11604,7 +11998,6 @@ input[type=button].cxd-Button--block {
     #f7f8fa;
   border-top-left-radius: 6px;
   border-top-right-radius: 6px;
-  z-index: 150;
 }
 .cxd-Modal-header::before, .cxd-Modal-header::after {
   display: table;
@@ -11624,6 +12017,7 @@ input[type=button].cxd-Button--block {
   line-height: inherit;
   text-decoration: none;
   vertical-align: middle;
+  z-index: 12;
 }
 .cxd-Modal-close svg {
   width: 1rem;
@@ -13014,7 +13408,7 @@ input[type=button].cxd-Button--block {
 .cxd-Toast--warning {
   color: #151b26;
   border-color: #ffffff;
-  background: ar(--colors-neutral-fill-11);
+  background: #ffffff;
 }
 .cxd-Toast--info {
   color: #151b26;
@@ -13267,7 +13661,7 @@ input[type=button].cxd-Button--block {
 }
 .cxd-ArrayInput-addBtn:not(:disabled):not(.is-disabled):hover {
   color: #2468f2;
-  background: transparent;
+  background: #ffffff;
   border-color: #2468f2 #2468f2 #2468f2 #2468f2;
   border-width: 1px 1px 1px 1px;
   border-style: solid solid solid solid;
@@ -13275,7 +13669,7 @@ input[type=button].cxd-Button--block {
 }
 .cxd-ArrayInput-addBtn:not(:disabled):not(.is-disabled).hover {
   color: #2468f2;
-  background: transparent;
+  background: #ffffff;
   border-color: #2468f2 #2468f2 #2468f2 #2468f2;
   border-width: 1px 1px 1px 1px;
   border-style: solid solid solid solid;
@@ -13283,7 +13677,7 @@ input[type=button].cxd-Button--block {
 }
 .cxd-ArrayInput-addBtn:not(:disabled):not(.is-disabled):hover:active {
   color: #144bcc;
-  background: transparent;
+  background: #ffffff;
   border-color: #144bcc #144bcc #144bcc #144bcc;
   border-width: 1px 1px 1px 1px;
   border-style: solid solid solid solid;
@@ -13291,7 +13685,7 @@ input[type=button].cxd-Button--block {
 }
 .cxd-ArrayInput-addBtn:not(:disabled):not(.is-disabled).active {
   color: #144bcc;
-  background: transparent;
+  background: #ffffff;
   border-color: #144bcc #144bcc #144bcc #144bcc;
   border-width: 1px 1px 1px 1px;
   border-style: solid solid solid solid;
@@ -15487,19 +15881,34 @@ input[type=button].cxd-Button--block {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-.cxd-ButtonGroup > .cxd-Button:hover {
+.cxd-ButtonGroup > .cxd-Button:hover,
+.cxd-ButtonGroup .cxd-Badge:hover {
   z-index: 1;
 }
-.cxd-ButtonGroup > .cxd-Button.hover {
+.cxd-ButtonGroup > .cxd-Button.hover,
+.cxd-ButtonGroup .cxd-Badge.hover {
   z-index: 1;
 }
-.cxd-ButtonGroup > .cxd-Button:focus, .cxd-ButtonGroup > .cxd-Button:active, .cxd-ButtonGroup > .cxd-Button.active, .cxd-ButtonGroup > .cxd-Button.is-active {
+.cxd-ButtonGroup > .cxd-Button:focus, .cxd-ButtonGroup > .cxd-Button:active, .cxd-ButtonGroup > .cxd-Button.active, .cxd-ButtonGroup > .cxd-Button.is-active,
+.cxd-ButtonGroup .cxd-Badge:focus,
+.cxd-ButtonGroup .cxd-Badge:active,
+.cxd-ButtonGroup .cxd-Badge.active,
+.cxd-ButtonGroup .cxd-Badge.is-active {
   z-index: 1;
 }
+.cxd-ButtonGroup .cxd-Badge .cxd-Badge-text,
+.cxd-ButtonGroup .cxd-Badge .cxd-Badge-dot,
+.cxd-ButtonGroup .cxd-Badge .cxd-Badge-ribbon,
+.cxd-ButtonGroup .cxd-Badge .cxd-Badge-dot {
+  z-index: 2;
+}
 .cxd-ButtonGroup .cxd-Button + .cxd-Button,
 .cxd-ButtonGroup .cxd-Button + .cxd-ButtonGroup,
+.cxd-ButtonGroup .cxd-Button + .cxd-Badge,
 .cxd-ButtonGroup .cxd-ButtonGroup + .cxd-Button,
-.cxd-ButtonGroup .cxd-ButtonGroup + .cxd-ButtonGroup {
+.cxd-ButtonGroup .cxd-ButtonGroup + .cxd-ButtonGroup,
+.cxd-ButtonGroup .cxd-Badge + .cxd-Badge,
+.cxd-ButtonGroup .cxd-Badge + .cxd-Button {
   margin-left: calc(1px * -1);
 }
 .cxd-ButtonGroup--block {
@@ -15516,7 +15925,8 @@ input[type=button].cxd-Button--block {
   margin-top: 0.25rem;
   width: auto;
 }
-.cxd-ButtonGroup > .cxd-Button:first-child {
+.cxd-ButtonGroup > .cxd-Button:first-child,
+.cxd-ButtonGroup > .cxd-Badge .cxd-Button {
   margin-left: 0;
 }
 .cxd-ButtonGroup .cxd-Button--primary.is-active {
@@ -15524,12 +15934,14 @@ input[type=button].cxd-Button--block {
   background: #2468f2;
 }
 .cxd-ButtonGroup > .cxd-Button:not(:last-child),
-.cxd-ButtonGroup > .cxd-ButtonGroup:not(:last-child) > .cxd-Button {
+.cxd-ButtonGroup > .cxd-ButtonGroup:not(:last-child) > .cxd-Button,
+.cxd-ButtonGroup > .cxd-Badge:not(:last-child) > .cxd-Button {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
 .cxd-ButtonGroup > .cxd-Button:not(:first-child),
-.cxd-ButtonGroup > .cxd-ButtonGroup:not(:first-child) > .cxd-Button {
+.cxd-ButtonGroup > .cxd-ButtonGroup:not(:first-child) > .cxd-Button,
+.cxd-ButtonGroup > .cxd-Badge:not(:first-child) > .cxd-Button {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
@@ -15548,28 +15960,35 @@ input[type=button].cxd-Button--block {
 }
 .cxd-ButtonGroup--vertical > .cxd-Button + .cxd-Button,
 .cxd-ButtonGroup--vertical > .cxd-Button + .cxd-ButtonGroup,
+.cxd-ButtonGroup--vertical > .cxd-Button + .cxd-Badge,
 .cxd-ButtonGroup--vertical > .cxd-ButtonGroup + .cxd-Button,
-.cxd-ButtonGroup--vertical > .cxd-ButtonGroup + .cxd-ButtonGroup {
+.cxd-ButtonGroup--vertical > .cxd-ButtonGroup + .cxd-ButtonGroup,
+.cxd-ButtonGroup--vertical > .cxd-Badge + .cxd-Badge,
+.cxd-ButtonGroup--vertical > .cxd-Badge + .cxd-Button {
   margin-top: calc(1px * -1);
   margin-left: 0;
 }
 .cxd-ButtonGroup--vertical > .cxd-Button:not(:last-child),
-.cxd-ButtonGroup--vertical > .cxd-ButtonGroup:not(:last-child) > .cxd-Button {
+.cxd-ButtonGroup--vertical > .cxd-ButtonGroup:not(:last-child) > .cxd-Button,
+.cxd-ButtonGroup--vertical > .cxd-Badge:not(:last-child) > .cxd-Button {
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
 }
 .cxd-ButtonGroup--vertical > .cxd-Button:not(:first-child),
-.cxd-ButtonGroup--vertical > .cxd-ButtonGroup:not(:first-child) > .btn {
+.cxd-ButtonGroup--vertical > .cxd-ButtonGroup:not(:first-child) > .btn,
+.cxd-ButtonGroup--vertical > .cxd-Badge:not(:first-child) > .btn {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }
 .cxd-ButtonGroup--vertical > .cxd-Button:first-child,
-.cxd-ButtonGroup--vertical > .cxd-ButtonGroup:first-child > .cxd-Button:first-child {
-  border-top-right-radius: var(--Button-borderRadius);
+.cxd-ButtonGroup--vertical > .cxd-ButtonGroup:first-child > .cxd-Button:first-child,
+.cxd-ButtonGroup--vertical > .cxd-Badge:first-child > .cxd-Button:first-child {
+  border-top-right-radius: 4px;
 }
 .cxd-ButtonGroup--vertical > .cxd-Button:last-child,
-.cxd-ButtonGroup--vertical > .cxd-ButtonGroup:last-child > .cxd-Button:last-child {
-  border-bottom-left-radius: var(--Button-borderRadius);
+.cxd-ButtonGroup--vertical > .cxd-ButtonGroup:last-child > .cxd-Button:last-child,
+.cxd-ButtonGroup--vertical > .cxd-Badge:last-child > .cxd-Button:last-child {
+  border-bottom-left-radius: 4px;
 }
 .cxd-ButtonGroup--tiled {
   display: flex;
@@ -15703,6 +16122,9 @@ input[type=button].cxd-Button--block {
   border: none;
   box-shadow: none;
 }
+.cxd-DropDown-popover > .cxd-DropDown-menu-root {
+  position: relative;
+}
 .cxd-DropDown > .cxd-Button {
   min-width: unset;
 }
@@ -15925,7 +16347,9 @@ input[type=button].cxd-Button--block {
   height: 2.25rem;
   margin: 0.4375rem 0;
   border-radius: 6px;
-  display: block;
+  display: flex;
+  justify-content: center;
+  align-items: center;
 }
 .cxd-CalendarMobile-footer .is-disabled {
   opacity: 0.5;
@@ -16115,7 +16539,7 @@ input[type=button].cxd-Button--block {
   text-align: center;
   margin-right: 0.25rem;
 }
-.cxd-Collapse.is-active .cxd-Collapse-arrow {
+.cxd-Collapse.is-active > .cxd-Collapse-header > .cxd-Collapse-arrow-wrap > .cxd-Collapse-arrow {
   transform: rotate(90deg);
   transform-origin: 50% 50%;
 }
@@ -16166,7 +16590,7 @@ input[type=button].cxd-Button--block {
   font-size: 12px;
   font-weight: 400;
   line-height: 1.5;
-  background: transparent;
+  background: #ffffff;
 }
 .cxd-Form .cxd-Collapse {
   border: none;
@@ -21497,6 +21921,12 @@ input[type=button].cxd-Button--block {
   width: 1.25rem;
   height: 1.25rem;
 }
+.cxd-Carousel.cxd-Carousel-arrow--always .cxd-Carousel-leftArrow {
+  display: block;
+}
+.cxd-Carousel.cxd-Carousel-arrow--always .cxd-Carousel-rightArrow {
+  display: block;
+}
 .cxd-Carousel:hover .cxd-Carousel-leftArrow {
   display: block;
 }
@@ -22000,7 +22430,6 @@ input[type=button].cxd-Button--block {
 }
 .cxd-InputBox-clear svg {
   fill: #d4d6d9;
-  top: 0;
   width: 14px;
   height: 14px;
 }
@@ -22279,7 +22708,6 @@ input[type=button].cxd-Button--block {
     #e8e9eb
     #e8e9eb
     #e8e9eb;
-  background: transparent;
   border-radius: 4px
     4px
     4px
@@ -22324,7 +22752,7 @@ input[type=button].cxd-Button--block {
 }
 .cxd-ResultBox.is-focused, .cxd-ResultBox:focus {
   outline: none;
-  background: transparent;
+  background: #ffffff;
   border-width: 1px 1px 1px 1px;
   border-style: solid solid solid solid;
   border-color: #2468f2 #2468f2 #2468f2 #2468f2;
@@ -22334,13 +22762,13 @@ input[type=button].cxd-Button--block {
   border-style: solid solid solid solid;
   border-color: #2468f2 #2468f2 #2468f2 #2468f2;
   box-shadow: 0px 0px 0px 0px transparent;
-  background: transparent;
+  background: #ffffff;
 }
 .cxd-ResultBox.is-clickable:not(.is-disabled) {
   cursor: pointer;
 }
 .cxd-ResultBox.is-clickable:not(.is-disabled):hover {
-  background: transparent;
+  background: #ffffff;
   border-width: 1px 1px 1px 1px;
   border-style: solid solid solid solid;
   border-color: #2468f2 #2468f2 #2468f2 #2468f2;
@@ -22418,7 +22846,6 @@ input[type=button].cxd-Button--block {
 }
 .cxd-ResultBox-clear svg {
   fill: #d4d6d9;
-  top: 0;
   width: 14px;
   height: 14px;
 }
@@ -22561,7 +22988,6 @@ input[type=button].cxd-Button--block {
 }
 .cxd-ResultBox.is-mobile .cxd-ResultBox-clear svg {
   fill: #d4d6d9;
-  top: 0;
   width: 14px;
   height: 14px;
 }
@@ -23014,7 +23440,7 @@ input[type=button].cxd-Button--block {
 .cxd-Steps .cxd-StepsItem-containerIcon {
   vertical-align: top;
   display: inline-block;
-  padding-right: 0.625rem;
+  margin-right: 0.625rem;
 }
 .cxd-Steps .cxd-StepsItem-containerIcon .cxd-StepsItem-icon {
   display: inline-block;
@@ -23094,13 +23520,17 @@ input[type=button].cxd-Button--block {
   min-height: 75px;
   overflow: hidden !important;
 }
+.cxd-Steps--vertical .cxd-StepsItem-containerIcon {
+  position: relative;
+}
 .cxd-Steps--vertical .cxd-StepsItem-containerIcon:after {
   content: "";
   position: absolute;
+  left: 50%;
+  transform: translateX(-50%);
   right: 0;
   top: 2.25rem;
   height: 9999px;
-  left: 0.6875rem;
   width: 1px;
   background-color: #e8e9eb;
 }
@@ -23939,7 +24369,6 @@ fieldset.cxd-Collapse--lg:after {
 }
 .cxd-TextControl-clear svg {
   fill: #d4d6d9;
-  top: 0;
   width: 14px;
   height: 14px;
 }
@@ -23967,8 +24396,7 @@ fieldset.cxd-Collapse--lg:after {
 }
 .cxd-TextControl .cxd-TextControl-clear svg {
   font-size: 0.875rem;
-  fill: #2468f2;
-  color: #2468f2;
+  fill: #d4d6d9;
   width: 0.875rem;
   height: 0.875rem;
 }
@@ -23984,7 +24412,7 @@ fieldset.cxd-Collapse--lg:after {
   border-color: #e8e9eb #e8e9eb #e8e9eb #e8e9eb;
   border-radius: 4px 4px 4px 4px;
   padding: 0.25rem 0.625rem 0.25rem 0.625rem;
-  background: transparent;
+  background: #ffffff;
   height: 2rem;
 }
 .cxd-TextControl-input:hover, .cxd-TextControl-input.hover {
@@ -23993,7 +24421,7 @@ fieldset.cxd-Collapse--lg:after {
   border-color: #2468f2 #2468f2 #2468f2 #2468f2;
   border-radius: 4px 4px 4px 4px;
   padding: 0.25rem 0.625rem 0.25rem 0.625rem;
-  background: transparent;
+  background: #ffffff;
 }
 .cxd-TextControl.is-focused > .cxd-TextControl-input, .cxd-TextControl-input.active {
   border-width: 1px 1px 1px 1px;
@@ -24001,7 +24429,7 @@ fieldset.cxd-Collapse--lg:after {
   border-color: #2468f2 #2468f2 #2468f2 #2468f2;
   border-radius: 4px 4px 4px 4px;
   padding: 0.25rem 0.625rem 0.25rem 0.625rem;
-  background: transparent;
+  background: #ffffff;
   box-shadow: 0px 0px 0px 0px transparent;
 }
 .cxd-TextControl.is-disabled > .cxd-TextControl-input {
@@ -24070,14 +24498,14 @@ fieldset.cxd-Collapse--lg:after {
   justify-content: center;
   padding-left: 0.625rem;
   padding-right: 0.625rem;
-  background: transparent;
+  background: #ffffff;
   color: #151b26;
   border-width: 1px 0 1px 0;
   border-style: solid solid solid solid;
   border-color: #e8e9eb #e8e9eb #e8e9eb #e8e9eb;
 }
 .cxd-TextControl-addOn:hover {
-  background: transparent;
+  background: #ffffff;
 }
 .cxd-TextControl-addOn:first-child {
   border-left-width: 1px;
@@ -24388,7 +24816,6 @@ input.cxd-TextControl-input-password {
 }
 .cxd-TextareaControl-clear svg {
   fill: #d4d6d9;
-  top: 0;
   width: 14px;
   height: 14px;
 }
@@ -24487,7 +24914,6 @@ input.cxd-TextControl-input-password {
 }
 .cxd-TextareaControl-clear svg {
   fill: #d4d6d9;
-  top: 0;
   width: 14px;
   height: 14px;
 }
@@ -24607,21 +25033,21 @@ input.cxd-TextControl-input-password {
   border-style: solid solid solid solid;
   border-color: #e8e9eb #e8e9eb #e8e9eb #e8e9eb;
   border-radius: 0.125rem 0.125rem 0.125rem 0.125rem;
-  background: transparent;
+  background: #ffffff;
 }
 .cxd-Checkbox--checkbox > i:hover {
   border-width: 1px 1px 1px 1px;
   border-style: solid solid solid solid;
   border-color: #2468f2 #2468f2 #2468f2 #2468f2;
   border-radius: 0.125rem 0.125rem 0.125rem 0.125rem;
-  background: transparent;
+  background: #ffffff;
 }
 .cxd-Checkbox--checkbox > i:active {
   border-width: 1px 1px 1px 1px;
   border-style: solid solid solid solid;
   border-color: #2468f2 #2468f2 #2468f2 #2468f2;
   border-radius: 0.125rem 0.125rem 0.125rem 0.125rem;
-  background: transparent;
+  background: #ffffff;
 }
 .cxd-Checkbox--checkbox.cxd-Checkbox:hover > input + i {
   border-color: #528eff #528eff #528eff #528eff;
@@ -24833,7 +25259,7 @@ input.cxd-TextControl-input-password {
 }
 .cxd-Checkbox--radio input:checked + i {
   border-color: #2468f2;
-  background-color: transparent;
+  background-color: #ffffff;
 }
 .cxd-Checkbox--radio input:checked + i + span {
   color: #070c14;
@@ -24867,7 +25293,7 @@ input.cxd-TextControl-input-password {
   margin-left: calc(1rem * -1);
   margin-top: -0.125rem;
   border-radius: 50%;
-  background: transparent;
+  background: #ffffff;
 }
 .cxd-Checkbox--radio > i + span {
   color: #070c14;
@@ -24878,7 +25304,7 @@ input.cxd-TextControl-input-password {
 }
 .cxd-Checkbox--radio:hover input:not(:disabled) + i {
   border-color: #2468f2;
-  background-color: transparent;
+  background-color: #ffffff;
 }
 .cxd-Checkbox--radio:hover input:not(:disabled) + i:before {
   background: #2468f2;
@@ -25065,12 +25491,12 @@ input.cxd-TextControl-input-password {
 }
 .cxd-GroupedSelection-item.is-active, .cxd-GroupedSelection-item.is-focused, .cxd-GroupedSelection-item.is-opened {
   color: #2468f2;
-  background: transparent;
+  background: #ffffff;
 }
 .cxd-GroupedSelection-item.is-disabled {
   pointer-events: none;
   color: #b8babf;
-  background: transparent;
+  background: #ffffff;
 }
 .cxd-GroupedSelection-group > .cxd-GroupedSelection-items > .cxd-GroupedSelection-item {
   padding-left: calc(0.75rem * 2);
@@ -25135,7 +25561,7 @@ input.cxd-TextControl-input-password {
 }
 .cxd-TableSelection .cxd-Table-table > tbody > tr.is-active > td {
   color: #2468f2;
-  background: transparent;
+  background: #ffffff;
 }
 .cxd-TableSelection .cxd-Table-table > tbody > tr:hover > td,
 .cxd-TableSelection .cxd-Table-table > tbody > tr.is-hovered > td {
@@ -25213,11 +25639,13 @@ input.cxd-TextControl-input-password {
   display: flex;
   flex-direction: row;
   min-height: 100%;
+  flex-wrap: wrap;
 }
 .cxd-ChainedSelection-col {
   position: relative;
   flex-grow: 1;
   min-width: 150px;
+  width: 0;
 }
 .cxd-ChainedSelection-col:not(:last-child) {
   border-right: 1px solid #e8e9eb;
@@ -25227,6 +25655,9 @@ input.cxd-TextControl-input-password {
   padding: 0.25rem 0.25rem;
   color: #b8babf;
 }
+.cxd-ChainedSelection-checkAll {
+  width: 100%;
+}
 .cxd-ChainedSelection-item {
   display: flex;
   font-size: 14px;
@@ -25246,7 +25677,7 @@ input.cxd-TextControl-input-password {
 }
 .cxd-ChainedSelection-item.is-active {
   color: #2468f2;
-  background: transparent;
+  background: #ffffff;
 }
 .cxd-ChainedSelection-item:hover {
   color: #151b26;
@@ -25255,10 +25686,13 @@ input.cxd-TextControl-input-password {
 .cxd-ChainedSelection-item.is-disabled {
   pointer-events: none;
   color: #b8babf;
-  background: transparent;
+  background: #ffffff;
 }
 .cxd-ChainedSelection-itemLabel {
   flex-grow: 1;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 .cxd-ChainedSelection-itemLabel span {
   margin-left: 0.625rem;
@@ -25558,14 +25992,13 @@ input.cxd-TextControl-input-password {
   border-style: solid solid solid solid;
   border-color: #e8e9eb #e8e9eb #e8e9eb #e8e9eb;
   border-radius: 4px 4px 4px 4px;
-  background: transparent;
 }
 .cxd-Number:hover {
   border-width: 1px 1px 1px 1px;
   border-style: solid solid solid solid;
   border-color: #2468f2 #2468f2 #2468f2 #2468f2;
   border-radius: 4px 4px 4px 4px;
-  background: transparent;
+  background: #ffffff;
 }
 .cxd-Number:hover .cxd-Number-input {
   padding-right: calc(1.5rem + 0.75rem);
@@ -25575,7 +26008,7 @@ input.cxd-TextControl-input-password {
   border-style: solid solid solid solid;
   border-color: #2468f2 #2468f2 #2468f2 #2468f2;
   border-radius: 4px 4px 4px 4px;
-  background: transparent;
+  background: #ffffff;
   box-shadow: none;
 }
 .cxd-Number-disabled {
@@ -25732,7 +26165,35 @@ input.cxd-TextControl-input-password {
 .cxd-NumberControl:not(.is-inline) > .cxd-Number {
   display: block;
 }
-.cxd-NumberControl .cxd-Select {
+.cxd-Number--borderHalf .cxd-Number-handler-wrap,
+.cxd-Number--borderNone .cxd-Number-handler-wrap {
+  border-left: none;
+}
+.cxd-NumberControl--withUnit {
+  display: flex;
+}
+.cxd-NumberControl--withUnit:hover .cxd-Number,
+.cxd-NumberControl--withUnit:hover .cxd-NumberControl-unit {
+  border-width: 1px 1px 1px 1px;
+  border-style: solid solid solid solid;
+  border-color: #2468f2 #2468f2 #2468f2 #2468f2;
+  border-radius: 4px 4px 4px 4px;
+}
+.cxd-NumberControl--withUnit .cxd-Number {
+  flex-grow: 1;
+  border-top-right-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
+  border-right: none !important;
+}
+.cxd-NumberControl--withUnit .cxd-Number-focused + .cxd-NumberControl-unit {
+  border-width: 1px 1px 1px 1px;
+  border-style: solid solid solid solid;
+  border-color: #2468f2 #2468f2 #2468f2 #2468f2;
+  border-radius: 4px 4px 4px 4px;
+}
+.cxd-NumberControl--withUnit .cxd-NumberControl-unit {
+  border-top-left-radius: 0 !important;
+  border-bottom-left-radius: 0 !important;
   min-width: 3.5rem;
   padding: calc(
     (
@@ -25746,18 +26207,8 @@ input.cxd-TextControl-input-password {
       ) / 2
   ) 0.625rem;
 }
-.cxd-Number--borderHalf .cxd-Number-handler-wrap,
-.cxd-Number--borderNone .cxd-Number-handler-wrap {
-  border-left: none;
-}
-.cxd-NumberControl--withUnit {
-  display: flex;
-}
-.cxd-NumberControl--withUnit .cxd-Number {
-  flex-grow: 1;
-}
-.cxd-NumberControl--withUnit .cxd-Select {
-  border-left: 0;
+.cxd-NumberControl--withUnit .cxd-NumberControl-single-unit {
+  cursor: default;
 }
 .cxd-Number--enhance {
   display: inline-flex;
@@ -25771,7 +26222,7 @@ input.cxd-TextControl-input-password {
   border-radius: 4px 4px 4px 4px;
 }
 .cxd-Number--enhance .cxd-Number--enhance-input {
-  background: transparent;
+  background: #ffffff;
 }
 .cxd-Number--enhance:hover {
   border-width: 1px 1px 1px 1px;
@@ -25783,7 +26234,7 @@ input.cxd-TextControl-input-password {
   padding-right: 0.75rem;
 }
 .cxd-Number--enhance:hover .cxd-Number--enhance-input {
-  background: transparent;
+  background: #ffffff;
 }
 .cxd-Number--enhance:focus-within {
   border-width: 1px 1px 1px 1px;
@@ -25792,7 +26243,7 @@ input.cxd-TextControl-input-password {
   border-radius: 4px 4px 4px 4px;
 }
 .cxd-Number--enhance:focus-within .cxd-Number--enhance-input {
-  background: transparent;
+  background: #ffffff;
 }
 .cxd-Number--enhance-disabled {
   border-width: 1px 1px 1px 1px;
@@ -25949,7 +26400,7 @@ input.cxd-TextControl-input-password {
     #e8e9eb
     #e8e9eb
     #e8e9eb;
-  background: transparent;
+  background: #ffffff;
   border-radius: 4px
     4px
     4px
@@ -25963,7 +26414,7 @@ input.cxd-TextControl-input-password {
   display: flex;
 }
 .cxd-Select:hover {
-  background: transparent;
+  background: #ffffff;
   border-width: 1px 1px 1px 1px;
   border-style: solid solid solid solid;
   border-color: #2468f2 #2468f2 #2468f2 #2468f2;
@@ -25976,14 +26427,14 @@ input.cxd-TextControl-input-password {
   border-style: solid solid solid solid;
   border-color: #2468f2 #2468f2 #2468f2 #2468f2;
   box-shadow: 0px 0px 0px 0px transparent;
-  background: transparent;
+  background: #ffffff;
 }
 .cxd-Select.is-focused:not(.is-mobile), .cxd-Select.is-opened:not(.is-mobile) {
   border-width: 1px 1px 1px 1px;
   border-style: solid solid solid solid;
   border-color: #2468f2 #2468f2 #2468f2 #2468f2;
   box-shadow: 0px 0px 0px 0px transparent;
-  background: transparent;
+  background: #ffffff;
   color: #151b26;
 }
 .cxd-Select.is-disabled {
@@ -26239,7 +26690,7 @@ input.cxd-TextControl-input-password {
 }
 .cxd-Select-option.is-active {
   color: #2468f2;
-  background: transparent;
+  background: #ffffff;
 }
 .cxd-Select-option.is-active .cxd-Select-option-checkbox > label > span {
   color: #2468f2;
@@ -26253,7 +26704,7 @@ input.cxd-TextControl-input-password {
 }
 .cxd-Select-option.is-disabled {
   color: #b8babf;
-  background: transparent;
+  background: #ffffff;
 }
 .cxd-Select-option.is-disabled .cxd-Select-option-checkbox > label > span {
   color: #b8babf;
@@ -26275,7 +26726,6 @@ input.cxd-TextControl-input-password {
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
-  display: inline-block;
   max-width: 100%;
 }
 .cxd-Select-noResult {
@@ -26322,8 +26772,8 @@ input.cxd-TextControl-input-password {
   height: 14px;
   top: 0;
 }
-.cxd-Select-clear svg:hover > path:first-of-type {
-  fill: #b8babf;
+.cxd-Select-clear svg:hover {
+  fill: #5c5f66;
 }
 .cxd-Select-popup {
   height: 20rem;
@@ -26574,7 +27024,7 @@ input.cxd-TextControl-input-password {
   border-style: solid solid solid solid;
   border-color: #e8e9eb #e8e9eb #e8e9eb #e8e9eb;
   border-radius: 4px 4px 4px 4px;
-  background: transparent;
+  background: #ffffff;
 }
 .cxd-ListControl-item:not(.is-disabled) {
   cursor: pointer;
@@ -26600,7 +27050,7 @@ input.cxd-TextControl-input-password {
   border-style: solid solid solid solid;
   border-color: #2468f2 #2468f2 #2468f2 #2468f2;
   border-radius: 4px 4px 4px 4px;
-  background: transparent;
+  background: #ffffff;
 }
 .cxd-ListControl-item:hover:active, .cxd-ListControl-item.is-active {
   background: #ffffff;
@@ -26610,7 +27060,6 @@ input.cxd-TextControl-input-password {
   border-style: solid solid solid solid;
   border-color: #2468f2 #2468f2 #2468f2 #2468f2;
   border-radius: 4px 4px 4px 4px;
-  background: transparent;
 }
 .cxd-ListControl-item:hover:active:hover, .cxd-ListControl-item.is-active:hover {
   background: #ffffff;
@@ -26709,6 +27158,9 @@ input.cxd-TextControl-input-password {
   cursor: pointer;
   color: #84878c;
 }
+.cxd-LocationPicker-toggler svg {
+  top: 0;
+}
 .cxd-LocationPicker-toggler:hover {
   color: #2468f2;
 }
@@ -26725,7 +27177,6 @@ input.cxd-TextControl-input-password {
 }
 .cxd-LocationPicker-clear svg {
   fill: #d4d6d9;
-  top: 0;
   width: 14px;
   height: 14px;
 }
@@ -26735,6 +27186,9 @@ input.cxd-TextControl-input-password {
 .cxd-LocationPicker-clear:active svg {
   fill: #303540;
 }
+.cxd-LocationPicker-clear svg {
+  top: 0;
+}
 .cxd-LocationControl {
   position: relative;
   width: 100%;
@@ -26784,7 +27238,7 @@ input.cxd-TextControl-input-password {
 }
 .cxd-MapPicker-sugItem:hover {
   color: #2468f2;
-  background: transparent;
+  background: #ffffff;
 }
 .tangram-suggestion-main {
   display: none !important;
@@ -26877,7 +27331,6 @@ input.cxd-TextControl-input-password {
 }
 .cxd-ColorPicker-clear svg {
   fill: #d4d6d9;
-  top: 0;
   width: 14px;
   height: 14px;
 }
@@ -27054,7 +27507,6 @@ input.cxd-TextControl-input-password {
 }
 .cxd-DatePicker-toggler svg {
   fill: #d4d6d9;
-  top: 0;
   width: 14px;
   height: 14px;
 }
@@ -27065,7 +27517,7 @@ input.cxd-TextControl-input-password {
   fill: #303540;
 }
 .cxd-DatePicker-toggler svg {
-  color: #2468f2;
+  color: #84878c;
   width: 0.875rem;
   height: 0.875rem;
 }
@@ -27087,7 +27539,6 @@ input.cxd-TextControl-input-password {
 }
 .cxd-DatePicker-clear svg {
   fill: #d4d6d9;
-  top: 0;
   width: 14px;
   height: 14px;
 }
@@ -27098,6 +27549,7 @@ input.cxd-TextControl-input-password {
   fill: #303540;
 }
 .cxd-DatePicker-clear svg {
+  top: 0;
   width: 0.875rem;
   height: 0.875rem;
 }
@@ -27465,7 +27917,7 @@ input.cxd-TextControl-input-password {
 }
 .rdtBtn:not(:disabled):not(.is-disabled):hover {
   color: #2468f2;
-  background: transparent;
+  background: #ffffff;
   border-color: #2468f2 #2468f2 #2468f2 #2468f2;
   border-width: 1px 1px 1px 1px;
   border-style: solid solid solid solid;
@@ -27473,7 +27925,7 @@ input.cxd-TextControl-input-password {
 }
 .rdtBtn:not(:disabled):not(.is-disabled).hover {
   color: #2468f2;
-  background: transparent;
+  background: #ffffff;
   border-color: #2468f2 #2468f2 #2468f2 #2468f2;
   border-width: 1px 1px 1px 1px;
   border-style: solid solid solid solid;
@@ -27481,7 +27933,7 @@ input.cxd-TextControl-input-password {
 }
 .rdtBtn:not(:disabled):not(.is-disabled):hover:active {
   color: #144bcc;
-  background: transparent;
+  background: #ffffff;
   border-color: #144bcc #144bcc #144bcc #144bcc;
   border-width: 1px 1px 1px 1px;
   border-style: solid solid solid solid;
@@ -27489,7 +27941,7 @@ input.cxd-TextControl-input-password {
 }
 .rdtBtn:not(:disabled):not(.is-disabled).active {
   color: #144bcc;
-  background: transparent;
+  background: #ffffff;
   border-color: #144bcc #144bcc #144bcc #144bcc;
   border-width: 1px 1px 1px 1px;
   border-style: solid solid solid solid;
@@ -27516,7 +27968,7 @@ input.cxd-TextControl-input-password {
 }
 .rdtBtnCancel:not(:disabled):not(.is-disabled):hover {
   color: #2468f2;
-  background: transparent;
+  background: #ffffff;
   border-color: #2468f2 #2468f2 #2468f2 #2468f2;
   border-width: 1px 1px 1px 1px;
   border-style: solid solid solid solid;
@@ -27524,7 +27976,7 @@ input.cxd-TextControl-input-password {
 }
 .rdtBtnCancel:not(:disabled):not(.is-disabled).hover {
   color: #2468f2;
-  background: transparent;
+  background: #ffffff;
   border-color: #2468f2 #2468f2 #2468f2 #2468f2;
   border-width: 1px 1px 1px 1px;
   border-style: solid solid solid solid;
@@ -27532,7 +27984,7 @@ input.cxd-TextControl-input-password {
 }
 .rdtBtnCancel:not(:disabled):not(.is-disabled):hover:active {
   color: #144bcc;
-  background: transparent;
+  background: #ffffff;
   border-color: #144bcc #144bcc #144bcc #144bcc;
   border-width: 1px 1px 1px 1px;
   border-style: solid solid solid solid;
@@ -27540,7 +27992,7 @@ input.cxd-TextControl-input-password {
 }
 .rdtBtnCancel:not(:disabled):not(.is-disabled).active {
   color: #144bcc;
-  background: transparent;
+  background: #ffffff;
   border-color: #144bcc #144bcc #144bcc #144bcc;
   border-width: 1px 1px 1px 1px;
   border-style: solid solid solid solid;
@@ -27630,7 +28082,7 @@ td.rdtYear > span,
 td.rdtQuarter > span {
   display: inline-block;
   color: #151b26;
-  background: transparent;
+  background: #ffffff;
   border-radius: 2px 2px 2px 2px;
 }
 td.rdtMonth.rdtBetween,
@@ -27849,7 +28301,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .cxd-DateRangePicker-toggler svg {
   fill: #d4d6d9;
-  top: 0;
   width: 14px;
   height: 14px;
 }
@@ -27860,7 +28311,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   fill: #303540;
 }
 .cxd-DateRangePicker-toggler svg {
-  color: #2468f2;
+  color: #84878c;
   width: 0.875rem;
   height: 0.875rem;
 }
@@ -27882,7 +28333,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .cxd-DateRangePicker-clear svg {
   fill: #d4d6d9;
-  top: 0;
   width: 14px;
   height: 14px;
 }
@@ -27893,6 +28343,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   fill: #303540;
 }
 .cxd-DateRangePicker-clear svg {
+  top: 0;
   width: 0.875rem;
   height: 0.875rem;
 }
@@ -28035,7 +28486,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   cursor: pointer;
   margin-right: 0.75rem;
   color: #84878c;
-  background: transparent;
+  background: #ffffff;
   border-color: #e8e9eb #e8e9eb #e8e9eb #e8e9eb;
   border-width: 1px 1px 1px 1px;
   border-style: solid solid solid solid;
@@ -28043,7 +28494,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .cxd-ImageControl-addBtn:not(:disabled):not(.is-disabled):hover {
   color: #84878c;
-  background: transparent;
+  background: #ffffff;
   border-color: #2468f2 #2468f2 #2468f2 #2468f2;
   border-width: 1px 1px 1px 1px;
   border-style: solid solid solid solid;
@@ -28051,7 +28502,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .cxd-ImageControl-addBtn:not(:disabled):not(.is-disabled).hover {
   color: #84878c;
-  background: transparent;
+  background: #ffffff;
   border-color: #2468f2 #2468f2 #2468f2 #2468f2;
   border-width: 1px 1px 1px 1px;
   border-style: solid solid solid solid;
@@ -28059,7 +28510,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .cxd-ImageControl-addBtn:not(:disabled):not(.is-disabled):hover:active {
   color: #84878c;
-  background: transparent;
+  background: #ffffff;
   border-color: #2468f2 #2468f2 #2468f2 #2468f2;
   border-width: 1px 1px 1px 1px;
   border-style: solid solid solid solid;
@@ -28067,7 +28518,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .cxd-ImageControl-addBtn:not(:disabled):not(.is-disabled).active {
   color: #84878c;
-  background: transparent;
+  background: #ffffff;
   border-color: #2468f2 #2468f2 #2468f2 #2468f2;
   border-width: 1px 1px 1px 1px;
   border-style: solid solid solid solid;
@@ -28125,7 +28576,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .cxd-ImageControl-dropzone:focus .cxd-ImageControl-addBtn {
   border-color: #2468f2 #2468f2 #2468f2 #2468f2;
-  background: transparent;
+  background: #ffffff;
   color: #84878c;
 }
 .cxd-ImageControl-dropzone:focus .cxd-ImageControl-addBtn > svg {
@@ -28133,7 +28584,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .cxd-ImageControl-dropzone:hover-addBtn:not(.is-disabled) {
   border-color: #2468f2 #2468f2 #2468f2 #2468f2;
-  background: transparent;
+  background: #ffffff;
   color: #84878c;
 }
 .cxd-ImageControl-dropzone:hover-addBtn:not(.is-disabled) .cxd-ImageControl-addBtn-text {
@@ -28465,7 +28916,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
     #e8e9eb;
   border-width: 1px 1px 1px 1px;
   border-radius: 4px 4px 4px 4px;
-  background: transparent;
+  background: #ffffff;
   cursor: pointer;
 }
 .cxd-FileControl-acceptTip-click {
@@ -28479,7 +28930,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   border-style: dashed dashed dashed dashed;
   border-color: #e8e9eb #e8e9eb #e8e9eb #e8e9eb;
   border-width: 1px 1px 1px 1px;
-  background: transparent;
+  background: #ffffff;
 }
 .cxd-FileControl-acceptTip > span {
   margin-top: 0.5rem;
@@ -28684,15 +29135,15 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .cxd-RichTextControl .fr-toolbar .fr-command.fr-btn.fr-active,
 .cxd-RichTextControl .fr-popup .fr-command.fr-btn.fr-active {
   color: #2468f2;
-  background: transparent;
+  background: #ffffff;
 }
 .cxd-RichTextControl .fr-desktop .fr-command:hover,
 .cxd-RichTextControl .fr-desktop .fr-command:focus {
-  background: transparent;
+  background: #ffffff;
 }
 .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: transparent;
+  background: #ffffff;
 }
 .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;
@@ -29393,7 +29844,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .cxd-TreeSelect-clear svg {
   fill: #d4d6d9;
-  top: 0;
   width: 14px;
   height: 14px;
 }
@@ -29968,7 +30418,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .cxd-Picker-clear svg {
   fill: #d4d6d9;
-  top: 0;
   width: 14px;
   height: 14px;
 }
@@ -30076,6 +30525,9 @@ td.rdtQuarter.rdtDisabled:hover > span {
   align-items: center;
   justify-content: center;
 }
+.cxd-Picker-btn svg {
+  top: 0;
+}
 .cxd-Picker-btn:hover {
   color: #2468f2;
 }
@@ -30092,7 +30544,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .cxd-Picker-clear svg {
   fill: #d4d6d9;
-  top: 0;
   width: 14px;
   height: 14px;
 }
@@ -30102,6 +30553,9 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .cxd-Picker-clear:active svg {
   fill: #303540;
 }
+.cxd-Picker-clear svg {
+  top: 0;
+}
 .cxd-PickerControl.is-inline .cxd-Picker {
   display: inline-block;
   min-width: 9.375rem;
@@ -30203,7 +30657,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .cxd-TagControl-sugItem:not(:disabled):not(.is-disabled):hover {
   color: #2468f2;
-  background: transparent;
+  background: #ffffff;
   border-color: #2468f2 #2468f2 #2468f2 #2468f2;
   border-width: 1px 1px 1px 1px;
   border-style: solid solid solid solid;
@@ -30211,7 +30665,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .cxd-TagControl-sugItem:not(:disabled):not(.is-disabled).hover {
   color: #2468f2;
-  background: transparent;
+  background: #ffffff;
   border-color: #2468f2 #2468f2 #2468f2 #2468f2;
   border-width: 1px 1px 1px 1px;
   border-style: solid solid solid solid;
@@ -30219,7 +30673,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .cxd-TagControl-sugItem:not(:disabled):not(.is-disabled):hover:active {
   color: #144bcc;
-  background: transparent;
+  background: #ffffff;
   border-color: #144bcc #144bcc #144bcc #144bcc;
   border-width: 1px 1px 1px 1px;
   border-style: solid solid solid solid;
@@ -30227,7 +30681,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .cxd-TagControl-sugItem:not(:disabled):not(.is-disabled).active {
   color: #144bcc;
-  background: transparent;
+  background: #ffffff;
   border-color: #144bcc #144bcc #144bcc #144bcc;
   border-width: 1px 1px 1px 1px;
   border-style: solid solid solid solid;
@@ -30796,7 +31250,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .cxd-NestedSelect-menu .cxd-NestedSelect-option.is-active {
   color: #2468f2;
-  background: transparent;
+  background: #ffffff;
 }
 .cxd-NestedSelect-menu .cxd-NestedSelect-option:hover {
   color: #151b26;
@@ -31012,7 +31466,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .cxd-IconPickerControl-clear svg {
   fill: #d4d6d9;
-  top: 0;
   width: 14px;
   height: 14px;
 }
@@ -31053,7 +31506,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .cxd-IconPickerControl-valueWrap > input {
   display: inline-block;
-  width: auto;
+  width: 100% !important;
   vertical-align: middle;
 }
 .cxd-IconPickerControl-input--withAC {
@@ -31115,6 +31568,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   background: #2468f2;
 }
 .cxd-IconPickerControl-value {
+  position: absolute;
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
@@ -31223,7 +31677,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .cxd-IconSelectControl-clear svg {
   fill: #d4d6d9;
-  top: 0;
   width: 14px;
   height: 14px;
 }
@@ -32897,6 +33350,8 @@ td.rdtQuarter.rdtDisabled:hover > span {
   height: 0.875rem;
   width: 0.875rem;
   margin: 0 0.25rem;
+  display: inline-block;
+  vertical-align: text-top;
 }
 .cxd-MappingField {
   margin-right: 0.25rem;
@@ -33913,6 +34368,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   overflow-x: hidden;
 }
 .cxd-Nav-Menu {
+  --Menu-width: var(--Layout-aside-width);
   --Menu-width--collapsed: var(--Layout-aside-width-collapsed);
   --Menu-fontSize: var(--Nav-item-fontSize);
   --Menu-fontSize--collapsed: var(--Nav-item-collapsed-fontSize);
@@ -34180,8 +34636,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
 }
 .cxd-Nav-Menu-inline.cxd-Nav-Menu-light .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-icon,
-.cxd-Nav-Menu-inline.cxd-Nav-Menu-light .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-label,
-.cxd-Nav-Menu-inline.cxd-Nav-Menu-light .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-submenu-arrow {
+.cxd-Nav-Menu-inline.cxd-Nav-Menu-light .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-label {
   color: var(--Menu-light-fontColor-onActive) !important;
 }
 .cxd-Nav-Menu-inline.cxd-Nav-Menu-light .cxd-Nav-Menu-submenu-selected > .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-item-icon,
@@ -34189,74 +34644,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .cxd-Nav-Menu-inline.cxd-Nav-Menu-light .cxd-Nav-Menu-submenu-selected > .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-submenu-arrow {
   color: var(--Menu-light-fontColor-onActive) !important;
 }
-.cxd-Nav-Menu-root.cxd-Nav-Menu-vertical > .cxd-Nav-Menu-item-selected {
-  background-color: var(--Menu-light-backgroundColor-onHover);
-}
-.cxd-Nav-Menu-root.cxd-Nav-Menu-vertical > .cxd-Nav-Menu-item-selected::before {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  border-right: 3px solid var(--Menu-light-selectedIndicator-color);
-  transform: scaleY(1);
-  opacity: 1;
-  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
-}
-.cxd-Nav-Menu-root.cxd-Nav-Menu-vertical > .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-icon,
-.cxd-Nav-Menu-root.cxd-Nav-Menu-vertical > .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-label {
-  color: var(--Menu-light-fontColor-onActive);
-}
-.cxd-Nav-Menu-root.cxd-Nav-Menu-vertical.cxd-Nav-Menu-dark > .cxd-Nav-Menu-item-selected {
-  background-color: var(--Menu-dark-backgroundColor-onHover);
-}
-.cxd-Nav-Menu-root.cxd-Nav-Menu-vertical.cxd-Nav-Menu-dark > .cxd-Nav-Menu-item-selected::before {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  border-right: 3px solid var(--Menu-dark-selectedIndicator-color);
-  transform: scaleY(1);
-  opacity: 1;
-  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
-}
-.cxd-Nav-Menu-root.cxd-Nav-Menu-vertical.cxd-Nav-Menu-dark > .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-icon,
-.cxd-Nav-Menu-root.cxd-Nav-Menu-vertical.cxd-Nav-Menu-dark > .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-label {
-  color: var(--Menu-dark-fontColor-onActive);
-}
-.cxd-Nav-Menu-root.cxd-Nav-Menu-vertical.cxd-Nav-Menu-dark > .cxd-Nav-Menu-submenu-selected > .cxd-Nav-Menu-submenu-title {
-  color: var(--Menu-dark-fontColor-onActive);
-}
-.cxd-Nav-Menu-root.cxd-Nav-Menu-vertical.cxd-Nav-Menu-dark > .cxd-Nav-Menu-submenu-selected .cxd-Nav-Menu-item-icon,
-.cxd-Nav-Menu-root.cxd-Nav-Menu-vertical.cxd-Nav-Menu-dark > .cxd-Nav-Menu-submenu-selected .cxd-Nav-Menu-item-label {
-  color: var(--Menu-dark-fontColor-onActive);
-}
-.cxd-Nav-Menu-root.cxd-Nav-Menu-vertical.cxd-Nav-Menu-light > .cxd-Nav-Menu-item-selected {
-  background-color: var(--Menu-light-backgroundColor-onHover);
-}
-.cxd-Nav-Menu-root.cxd-Nav-Menu-vertical.cxd-Nav-Menu-light > .cxd-Nav-Menu-item-selected::before {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  border-right: 3px solid var(--Menu-light-selectedIndicator-color);
-  transform: scaleY(1);
-  opacity: 1;
-  transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
-}
-.cxd-Nav-Menu-root.cxd-Nav-Menu-vertical.cxd-Nav-Menu-light > .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-icon,
-.cxd-Nav-Menu-root.cxd-Nav-Menu-vertical.cxd-Nav-Menu-light > .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-label {
-  color: var(--Menu-light-fontColor-onActive);
-}
-.cxd-Nav-Menu-root.cxd-Nav-Menu-vertical.cxd-Nav-Menu-light > .cxd-Nav-Menu-submenu-selected > .cxd-Nav-Menu-submenu-title {
-  color: var(--Menu-dark-fontColor-onActive);
-}
-.cxd-Nav-Menu-root.cxd-Nav-Menu-vertical.cxd-Nav-Menu-light > .cxd-Nav-Menu-submenu-selected .cxd-Nav-Menu-item-icon,
-.cxd-Nav-Menu-root.cxd-Nav-Menu-vertical.cxd-Nav-Menu-light > .cxd-Nav-Menu-submenu-selected .cxd-Nav-Menu-item-label {
-  color: var(--Menu-light-fontColor-onActive);
-}
 .cxd-Nav-Menu .cxd-Nav-Menu-dark .cxd-Nav-Menu-submenu-selected {
   background-color: transparent;
 }
@@ -34273,9 +34660,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .cxd-Nav-Menu .cxd-Nav-Menu-light .cxd-Nav-Menu-submenu-selected > .cxd-Nav-Menu-submenu-title {
   color: var(--Menu-light-ancestor-fontColor-onActive);
 }
-.cxd-Nav-Menu .cxd-Nav-Menu-light .cxd-Nav-Menu-submenu-selected > .cxd-Nav-Menu-submenu-title > .cxd-Nav-Menu-item-label, .cxd-Nav-Menu .cxd-Nav-Menu-light .cxd-Nav-Menu-submenu-selected > .cxd-Nav-Menu-submenu-title > .cxd-Nav-Menu-item-icon {
-  color: var(--Menu-light-ancestor-fontColor-onActive);
-}
 .cxd-Nav-Menu .cxd-Nav-Menu-light .cxd-Nav-Menu-submenu-selected > .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-item-label,
 .cxd-Nav-Menu .cxd-Nav-Menu-light .cxd-Nav-Menu-submenu-selected > .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-item-icon {
   color: var(--Menu-light-ancestor-fontColor-onActive);
@@ -34283,33 +34667,12 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .cxd-Nav-Menu > li.cxd-Nav-Menu-submenu {
   padding: 0;
 }
-.cxd-Nav-Menu-horizontal.cxd-Nav-Menu-sub, .cxd-Nav-Menu-vertical.cxd-Nav-Menu-sub, .cxd-Nav-Menu-vertical-left.cxd-Nav-Menu-sub, .cxd-Nav-Menu-vertical-right.cxd-Nav-Menu-sub {
+.cxd-Nav-Menu-vertical.cxd-Nav-Menu-sub {
   min-width: 160px;
   margin-top: 0;
   border-radius: 2px;
   box-shadow: 0 4px 5px 0 rgba(21, 26, 38, 0.06), 0 1px 10px 0 rgba(21, 26, 38, 0.05), 0 2px 4px -1px rgba(21, 26, 38, 0.04);
 }
-.cxd-Nav-Menu-horizontal.cxd-Nav-Menu-sub .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-icon,
-.cxd-Nav-Menu-horizontal.cxd-Nav-Menu-sub .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-label, .cxd-Nav-Menu-vertical.cxd-Nav-Menu-sub .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-icon,
-.cxd-Nav-Menu-vertical.cxd-Nav-Menu-sub .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-label, .cxd-Nav-Menu-vertical-left.cxd-Nav-Menu-sub .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-icon,
-.cxd-Nav-Menu-vertical-left.cxd-Nav-Menu-sub .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-label, .cxd-Nav-Menu-vertical-right.cxd-Nav-Menu-sub .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-icon,
-.cxd-Nav-Menu-vertical-right.cxd-Nav-Menu-sub .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-label {
-  color: var(--Menu-light-fontColor-onActive);
-}
-.cxd-Nav-Menu-dark .cxd-Nav-Menu-horizontal.cxd-Nav-Menu-sub .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-icon,
-.cxd-Nav-Menu-dark .cxd-Nav-Menu-horizontal.cxd-Nav-Menu-sub .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-label, .cxd-Nav-Menu-dark .cxd-Nav-Menu-vertical.cxd-Nav-Menu-sub .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-icon,
-.cxd-Nav-Menu-dark .cxd-Nav-Menu-vertical.cxd-Nav-Menu-sub .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-label, .cxd-Nav-Menu-dark .cxd-Nav-Menu-vertical-left.cxd-Nav-Menu-sub .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-icon,
-.cxd-Nav-Menu-dark .cxd-Nav-Menu-vertical-left.cxd-Nav-Menu-sub .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-label, .cxd-Nav-Menu-dark .cxd-Nav-Menu-vertical-right.cxd-Nav-Menu-sub .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-icon,
-.cxd-Nav-Menu-dark .cxd-Nav-Menu-vertical-right.cxd-Nav-Menu-sub .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-label {
-  color: var(--Menu-dark-fontColor-onActive);
-}
-.cxd-Nav-Menu-light .cxd-Nav-Menu-horizontal.cxd-Nav-Menu-sub .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-icon,
-.cxd-Nav-Menu-light .cxd-Nav-Menu-horizontal.cxd-Nav-Menu-sub .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-label, .cxd-Nav-Menu-light .cxd-Nav-Menu-vertical.cxd-Nav-Menu-sub .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-icon,
-.cxd-Nav-Menu-light .cxd-Nav-Menu-vertical.cxd-Nav-Menu-sub .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-label, .cxd-Nav-Menu-light .cxd-Nav-Menu-vertical-left.cxd-Nav-Menu-sub .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-icon,
-.cxd-Nav-Menu-light .cxd-Nav-Menu-vertical-left.cxd-Nav-Menu-sub .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-label, .cxd-Nav-Menu-light .cxd-Nav-Menu-vertical-right.cxd-Nav-Menu-sub .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-icon,
-.cxd-Nav-Menu-light .cxd-Nav-Menu-vertical-right.cxd-Nav-Menu-sub .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-label {
-  color: var(--Menu-light-fontColor-onActive);
-}
 .cxd-Nav-Menu-item, .cxd-Nav-Menu-submenu-title {
   margin: 0;
   position: relative;
@@ -34435,7 +34798,8 @@ td.rdtQuarter.rdtDisabled:hover > span {
   color: var(--Menu-dark-ancestor-fontColor-onActive);
 }
 .cxd-Nav-Menu-submenu-popup-dark > .cxd-Nav-Menu .cxd-Nav-Menu-submenu-selected .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-item-icon,
-.cxd-Nav-Menu-submenu-popup-dark > .cxd-Nav-Menu .cxd-Nav-Menu-submenu-selected .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-item-label {
+.cxd-Nav-Menu-submenu-popup-dark > .cxd-Nav-Menu .cxd-Nav-Menu-submenu-selected .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-item-label,
+.cxd-Nav-Menu-submenu-popup-dark > .cxd-Nav-Menu .cxd-Nav-Menu-submenu-selected .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-submenu-arrow {
   color: var(--Menu-dark-ancestor-fontColor-onActive);
 }
 .cxd-Nav-Menu .cxd-Nav-Menu-submenu-title,
@@ -34644,6 +35008,18 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .cxd-Nav-Menu-submenu-rtl .cxd-Nav-Menu-submenu-vertical.cxd-Nav-Menu-submenu, .cxd-Nav-Menu-submenu-rtl .cxd-Nav-Menu-submenu-vertical-left.cxd-Nav-Menu-submenu, .cxd-Nav-Menu-submenu-rtl .cxd-Nav-Menu-submenu-vertical-right.cxd-Nav-Menu-submenu {
   direction: rtl;
 }
+.cxd-Nav-Menu-submenu-vertical.cxd-Nav-Menu-submenu.cxd-Nav-Menu-submenu-selected > .cxd-Nav-Menu-submenu-title, .cxd-Nav-Menu-submenu-vertical-left.cxd-Nav-Menu-submenu.cxd-Nav-Menu-submenu-selected > .cxd-Nav-Menu-submenu-title, .cxd-Nav-Menu-submenu-vertical-right.cxd-Nav-Menu-submenu.cxd-Nav-Menu-submenu-selected > .cxd-Nav-Menu-submenu-title {
+  color: var(--Menu-light-fontColor-onActive);
+}
+.cxd-Nav-Menu-submenu-vertical.cxd-Nav-Menu-submenu.cxd-Nav-Menu-submenu-selected .cxd-Nav-Menu-item-icon,
+.cxd-Nav-Menu-submenu-vertical.cxd-Nav-Menu-submenu.cxd-Nav-Menu-submenu-selected .cxd-Nav-Menu-item-label,
+.cxd-Nav-Menu-submenu-vertical.cxd-Nav-Menu-submenu.cxd-Nav-Menu-submenu-selected .cxd-Nav-Menu-submenu-arrow, .cxd-Nav-Menu-submenu-vertical-left.cxd-Nav-Menu-submenu.cxd-Nav-Menu-submenu-selected .cxd-Nav-Menu-item-icon,
+.cxd-Nav-Menu-submenu-vertical-left.cxd-Nav-Menu-submenu.cxd-Nav-Menu-submenu-selected .cxd-Nav-Menu-item-label,
+.cxd-Nav-Menu-submenu-vertical-left.cxd-Nav-Menu-submenu.cxd-Nav-Menu-submenu-selected .cxd-Nav-Menu-submenu-arrow, .cxd-Nav-Menu-submenu-vertical-right.cxd-Nav-Menu-submenu.cxd-Nav-Menu-submenu-selected .cxd-Nav-Menu-item-icon,
+.cxd-Nav-Menu-submenu-vertical-right.cxd-Nav-Menu-submenu.cxd-Nav-Menu-submenu-selected .cxd-Nav-Menu-item-label,
+.cxd-Nav-Menu-submenu-vertical-right.cxd-Nav-Menu-submenu.cxd-Nav-Menu-submenu-selected .cxd-Nav-Menu-submenu-arrow {
+  color: var(--Menu-light-fontColor-onActive);
+}
 .cxd-Nav-Menu-sub.cxd-Nav-Menu-inline {
   padding: 0;
   border: none;
@@ -34798,61 +35174,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
     transform: scale(0, 0);
   }
 }
-.cxd-Nav-Menu-overflow-menu-dark > .cxd-Nav-Menu {
-  background-color: var(--Menu-dark-backgroundColor);
-}
-.cxd-Nav-Menu-overflow-menu-dark > .cxd-Nav-Menu .cxd-Nav-Menu-item {
-  color: var(--Menu-dark-fontColor);
-}
-.cxd-Nav-Menu-overflow-menu-dark > .cxd-Nav-Menu .cxd-Nav-Menu-item .cxd-Nav-Menu-item-icon,
-.cxd-Nav-Menu-overflow-menu-dark > .cxd-Nav-Menu .cxd-Nav-Menu-item .cxd-Nav-Menu-item-label {
-  color: var(--Menu-dark-fontColor);
-}
-.cxd-Nav-Menu-overflow-menu-dark > .cxd-Nav-Menu .cxd-Nav-Menu-item-active {
-  background-color: var(--Menu-dark-backgroundColor);
-  color: var(--Menu-dark-fontColor-onHover);
-}
-.cxd-Nav-Menu-overflow-menu-dark > .cxd-Nav-Menu .cxd-Nav-Menu-item-active .cxd-Nav-Menu-item-icon,
-.cxd-Nav-Menu-overflow-menu-dark > .cxd-Nav-Menu .cxd-Nav-Menu-item-active .cxd-Nav-Menu-item-label {
-  color: var(--Menu-dark-fontColor-onHover);
-}
-.cxd-Nav-Menu-overflow-menu-dark > .cxd-Nav-Menu .cxd-Nav-Menu-item-selected {
-  background-color: var(--Menu-dark-backgroundColor);
-  color: var(--Menu-dark-ancestor-fontColor-onActive) !important;
-}
-.cxd-Nav-Menu-overflow-menu-dark > .cxd-Nav-Menu .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-icon,
-.cxd-Nav-Menu-overflow-menu-dark > .cxd-Nav-Menu .cxd-Nav-Menu-item-selected .cxd-Nav-Menu-item-label {
-  color: var(--Menu-dark-ancestor-fontColor-onActive) !important;
-}
-.cxd-Nav-Menu-overflow-menu-dark > .cxd-Nav-Menu .cxd-Nav-Menu-submenu-dark .cxd-Nav-Menu-submenu-title {
-  color: var(--Menu-dark-fontColor);
-}
-.cxd-Nav-Menu-overflow-menu-dark > .cxd-Nav-Menu .cxd-Nav-Menu-submenu-dark .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-item-icon,
-.cxd-Nav-Menu-overflow-menu-dark > .cxd-Nav-Menu .cxd-Nav-Menu-submenu-dark .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-item-label,
-.cxd-Nav-Menu-overflow-menu-dark > .cxd-Nav-Menu .cxd-Nav-Menu-submenu-dark .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-submenu-arrow {
-  color: var(--Menu-dark-fontColor);
-}
-.cxd-Nav-Menu-overflow-menu-dark > .cxd-Nav-Menu .cxd-Nav-Menu-submenu-dark .cxd-Nav-Menu-submenu-title:hover .cxd-Nav-Menu-item-label,
-.cxd-Nav-Menu-overflow-menu-dark > .cxd-Nav-Menu .cxd-Nav-Menu-submenu-dark .cxd-Nav-Menu-submenu-title:hover .cxd-Nav-Menu-item-icon,
-.cxd-Nav-Menu-overflow-menu-dark > .cxd-Nav-Menu .cxd-Nav-Menu-submenu-dark .cxd-Nav-Menu-submenu-title:hover .cxd-Nav-Menu-submenu-arrow {
-  color: var(--Menu-dark-fontColor-onHover);
-}
-.cxd-Nav-Menu-overflow-menu-dark > .cxd-Nav-Menu .cxd-Nav-Menu-submenu-active .cxd-Nav-Menu-submenu-title {
-  background-color: var(--Menu-dark-backgroundColor);
-  color: var(--Menu-dark-fontColor-onActive);
-}
-.cxd-Nav-Menu-overflow-menu-dark > .cxd-Nav-Menu .cxd-Nav-Menu-submenu-active .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-item-icon,
-.cxd-Nav-Menu-overflow-menu-dark > .cxd-Nav-Menu .cxd-Nav-Menu-submenu-active .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-item-label {
-  color: var(--Menu-dark-fontColor-onActive);
-}
-.cxd-Nav-Menu-overflow-menu-dark > .cxd-Nav-Menu .cxd-Nav-Menu-submenu-selected .cxd-Nav-Menu-submenu-title {
-  background-color: var(--Menu-dark-backgroundColor);
-  color: var(--Menu-dark-ancestor-fontColor-onActive);
-}
-.cxd-Nav-Menu-overflow-menu-dark > .cxd-Nav-Menu .cxd-Nav-Menu-submenu-selected .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-item-icon,
-.cxd-Nav-Menu-overflow-menu-dark > .cxd-Nav-Menu .cxd-Nav-Menu-submenu-selected .cxd-Nav-Menu-submenu-title .cxd-Nav-Menu-item-label {
-  color: var(--Menu-dark-ancestor-fontColor-onActive);
-}
 .cxd-Nav-Menu-item-tooltip {
   font-size: 12px;
   color: #070c14;