amis-ui 2.1.1-beta.2 → 2.2.0

package/lib/themes/cxd.css

@@ -1482,8 +1482,7 @@ button::-moz-focus-inner {
   -webkit-touch-callout: none;
   -webkit-user-select: none;
      -moz-user-select: none;
-          -ms-user-select: none;
-      user-select: none;
+          user-select: none;
 }
 .tox .tox-collection__item {
   align-items: center;
@@ -1493,8 +1492,7 @@ button::-moz-focus-inner {
   -webkit-touch-callout: none;
   -webkit-user-select: none;
      -moz-user-select: none;
-          -ms-user-select: none;
-      user-select: none;
+          user-select: none;
 }
 .tox .tox-collection--list .tox-collection__item {
   padding: 4px 8px;
@@ -2882,8 +2880,7 @@ body.tox-dialog__disable-scroll {
   height: 100%;
   margin: 0;
   overflow: hidden;
-  -ms-scroll-chaining: none;
-      overscroll-behavior: none;
+  overscroll-behavior: none;
   padding: 0;
   touch-action: pinch-zoom;
   width: 100%;
@@ -4188,7 +4185,6 @@ body.tox-dialog__disable-scroll {
   font-family: serif, Times, "Times New Roman";
   -webkit-user-select: none;
   -moz-user-select: none;
-  -ms-user-select: none;
   user-select: none;
 }
 .video-react:-moz-full-screen {
@@ -4946,7 +4942,6 @@ body.video-react-full-window .video-react-fullscreen {
   touch-action: none;
   -webkit-user-select: none;
   -moz-user-select: none;
-  -ms-user-select: none;
   user-select: none;
 }
 .cropper-container img {
@@ -5792,6 +5787,8 @@ body.video-react-full-window .video-react-fullscreen {
     var(--fontSizeLg) * 8 + var(--DatePicker-paddingX) * 2 +
       var(--Form-input-clearBtn-size) * 2
   );
+  --DateRangePicker-activeCursor-color: var(--primary);
+  --DateRangePicker-activeCursor-height: 2px;
   --LocationPicker-borderRadius: var(--Form-input-borderWidth);
   --Divider-borderStyle: solid;
   --Drawer-bg: var(--background);
@@ -6452,7 +6449,7 @@ body.video-react-full-window .video-react-fullscreen {
   --Table-thead-color: var(--text--loud-color);
   --Table-thead-fontSize: var(--fontSizeBase);
   --Table-thead-iconColor: var(--icon-color);
-  --Table-toolbar-marginX: 0;
+  --Table-toolbar-marginX: var(--gap-xs);
   --Table-toolbar-marginY: var(--gap-base);
   --Table-tree-borderColor: var(--Table-borderColor);
   --Table-searchableForm-backgroundColor: #f6f7f8;
@@ -7474,15 +7471,9 @@ body.video-react-full-window .video-react-fullscreen {
 .rdtPrev span,
 .rdtNext span {
   display: block;
-  -webkit-touch-callout: none;
-  /* iOS Safari */
-  -webkit-user-select: none;
-  /* Chrome/Safari/Opera */
-  /* Konqueror */
-  -moz-user-select: none;
-  /* Firefox */
-  -ms-user-select: none;
-  /* Internet Explorer/Edge */
+  -webkit-touch-callout: none; /* iOS Safari */
+  -webkit-user-select: none; /* Chrome/Safari/Opera */ /* Konqueror */
+  -moz-user-select: none; /* Firefox */ /* Internet Explorer/Edge */
   user-select: none;
 }
 .rdtPicker th.rdtDisabled,
@@ -7551,15 +7542,9 @@ td.rdtQuarter:hover {
   line-height: 40px;
   cursor: pointer;
   display: block;
-  -webkit-touch-callout: none;
-  /* iOS Safari */
-  -webkit-user-select: none;
-  /* Chrome/Safari/Opera */
-  /* Konqueror */
-  -moz-user-select: none;
-  /* Firefox */
-  -ms-user-select: none;
-  /* Internet Explorer/Edge */
+  -webkit-touch-callout: none; /* iOS Safari */
+  -webkit-user-select: none; /* Chrome/Safari/Opera */ /* Konqueror */
+  -moz-user-select: none; /* Firefox */ /* Internet Explorer/Edge */
   user-select: none;
 }
 .rdtCounter .rdtBtn:hover {
@@ -8085,7 +8070,6 @@ body {
   .cxd-Layout-content {
     transition: transform var(--animation-duration) ease;
   }
-
   .cxd-Layout-aside {
     display: none;
   }
@@ -8101,11 +8085,9 @@ body {
     -webkit-overflow-scrolling: touch;
     z-index: 1010;
   }
-
   .cxd-Layout-headerBar {
     display: none;
   }
-
   .cxd-Layout--offScreen .cxd-Layout-body,
 .cxd-Layout--offScreen .cxd-Layout-footer {
     background: var(--body-bg);
@@ -8123,7 +8105,6 @@ body {
     z-index: 1015;
     padding-top: 3.125rem;
   }
-
   .cxd-Layout-offScreenBtn {
     display: block;
   }
@@ -8431,7 +8412,6 @@ body {
     flex-direction: column;
     justify-content: space-between;
   }
-
   .cxd-Grid-col--sm1 {
     flex: 0 0 8.3333333333%;
     max-width: 8.3333333333%;
@@ -8439,7 +8419,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--sm2 {
     flex: 0 0 16.6666666667%;
     max-width: 16.6666666667%;
@@ -8447,7 +8426,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--sm3 {
     flex: 0 0 25%;
     max-width: 25%;
@@ -8455,7 +8433,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--sm4 {
     flex: 0 0 33.3333333333%;
     max-width: 33.3333333333%;
@@ -8463,7 +8440,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--sm5 {
     flex: 0 0 41.6666666667%;
     max-width: 41.6666666667%;
@@ -8471,7 +8447,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--sm6 {
     flex: 0 0 50%;
     max-width: 50%;
@@ -8479,7 +8454,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--sm7 {
     flex: 0 0 58.3333333333%;
     max-width: 58.3333333333%;
@@ -8487,7 +8461,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--sm8 {
     flex: 0 0 66.6666666667%;
     max-width: 66.6666666667%;
@@ -8495,7 +8468,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--sm9 {
     flex: 0 0 75%;
     max-width: 75%;
@@ -8503,7 +8475,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--sm10 {
     flex: 0 0 83.3333333333%;
     max-width: 83.3333333333%;
@@ -8511,7 +8482,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--sm11 {
     flex: 0 0 91.6666666667%;
     max-width: 91.6666666667%;
@@ -8519,7 +8489,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--sm12 {
     flex: 0 0 100%;
     max-width: 100%;
@@ -8527,7 +8496,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--sm {
     flex-basis: 0;
     flex-grow: 1;
@@ -8537,7 +8505,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--smAuto {
     flex: 0 0 auto;
     width: auto;
@@ -8554,7 +8521,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--md2 {
     flex: 0 0 16.6666666667%;
     max-width: 16.6666666667%;
@@ -8562,7 +8528,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--md3 {
     flex: 0 0 25%;
     max-width: 25%;
@@ -8570,7 +8535,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--md4 {
     flex: 0 0 33.3333333333%;
     max-width: 33.3333333333%;
@@ -8578,7 +8542,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--md5 {
     flex: 0 0 41.6666666667%;
     max-width: 41.6666666667%;
@@ -8586,7 +8549,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--md6 {
     flex: 0 0 50%;
     max-width: 50%;
@@ -8594,7 +8556,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--md7 {
     flex: 0 0 58.3333333333%;
     max-width: 58.3333333333%;
@@ -8602,7 +8563,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--md8 {
     flex: 0 0 66.6666666667%;
     max-width: 66.6666666667%;
@@ -8610,7 +8570,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--md9 {
     flex: 0 0 75%;
     max-width: 75%;
@@ -8618,7 +8577,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--md10 {
     flex: 0 0 83.3333333333%;
     max-width: 83.3333333333%;
@@ -8626,7 +8584,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--md11 {
     flex: 0 0 91.6666666667%;
     max-width: 91.6666666667%;
@@ -8634,7 +8591,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--md12 {
     flex: 0 0 100%;
     max-width: 100%;
@@ -8642,7 +8598,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--md {
     flex-basis: 0;
     flex-grow: 1;
@@ -8652,7 +8607,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--mdAuto {
     flex: 0 0 auto;
     width: auto;
@@ -8669,7 +8623,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--lg2 {
     flex: 0 0 16.6666666667%;
     max-width: 16.6666666667%;
@@ -8677,7 +8630,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--lg3 {
     flex: 0 0 25%;
     max-width: 25%;
@@ -8685,7 +8637,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--lg4 {
     flex: 0 0 33.3333333333%;
     max-width: 33.3333333333%;
@@ -8693,7 +8644,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--lg5 {
     flex: 0 0 41.6666666667%;
     max-width: 41.6666666667%;
@@ -8701,7 +8651,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--lg6 {
     flex: 0 0 50%;
     max-width: 50%;
@@ -8709,7 +8658,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--lg7 {
     flex: 0 0 58.3333333333%;
     max-width: 58.3333333333%;
@@ -8717,7 +8665,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--lg8 {
     flex: 0 0 66.6666666667%;
     max-width: 66.6666666667%;
@@ -8725,7 +8672,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--lg9 {
     flex: 0 0 75%;
     max-width: 75%;
@@ -8733,7 +8679,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--lg10 {
     flex: 0 0 83.3333333333%;
     max-width: 83.3333333333%;
@@ -8741,7 +8686,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--lg11 {
     flex: 0 0 91.6666666667%;
     max-width: 91.6666666667%;
@@ -8749,7 +8693,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--lg12 {
     flex: 0 0 100%;
     max-width: 100%;
@@ -8757,7 +8700,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--lg {
     flex-basis: 0;
     flex-grow: 1;
@@ -8767,7 +8709,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--lgAuto {
     flex: 0 0 auto;
     width: auto;
@@ -8892,7 +8833,7 @@ body {
   border-radius: 0.625rem;
 }
 .cxd-AsideNav-itemIcon {
-  margin: calc( ( var(--Layout-nav-height) - var(--lineHeightBase) * var(--Layout-asideLink-fontSize) ) / -2 ) -0.625rem;
+  margin: calc((var(--Layout-nav-height) - var(--lineHeightBase) * var(--Layout-asideLink-fontSize)) / -2) -0.625rem;
   line-height: var(--Layout-nav-height);
   width: var(--Layout-nav-height);
   vertical-align: middle;
@@ -8938,14 +8879,13 @@ body {
   text-transform: none;
   display: block;
   font-size: var(--Layout-asideLink-fontSize);
-  padding: calc( ( var(--Layout-nav-height) - var(--lineHeightBase) * var(--Layout-asideLink-fontSize) ) / 2 ) var(--gap-base);
+  padding: calc((var(--Layout-nav-height) - var(--lineHeightBase) * var(--Layout-asideLink-fontSize)) / 2) var(--gap-base);
   position: relative;
   transition: background-color var(--animation-duration) ease-in-out 0s;
   color: var(--Layout-asideLink-color);
   text-decoration: none;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .cxd-AsideNav-item a:hover {
@@ -8964,7 +8904,7 @@ body {
   background: var(--Layout-aside-onAcitve-onHover-bg);
 }
 .cxd-AsideNav-item.is-lg > a {
-  padding: calc( ( var(--Layout-nav-lgHeight) - var(--lineHeightBase) * var(--Layout-asideLink-fontSize) ) / 2 ) var(--gap-md);
+  padding: calc((var(--Layout-nav-lgHeight) - var(--lineHeightBase) * var(--Layout-asideLink-fontSize)) / 2) var(--gap-md);
 }
 .cxd-AsideNav-item .cxd-AsideNav-item a {
   padding-left: calc(var(--Layout-nav-height) + 0.3125rem);
@@ -8991,7 +8931,7 @@ body {
   cursor: default;
   background: transparent;
   color: var(--Layout-asideLink-color);
-  padding: calc( ( var(--Layout-nav--folded-height) - var(--lineHeightBase) * var(--Layout-asideLink-fontSize) ) / 2 ) var(--gap-md);
+  padding: calc((var(--Layout-nav--folded-height) - var(--lineHeightBase) * var(--Layout-asideLink-fontSize)) / 2) var(--gap-md);
 }
 .cxd-AsideNav-subHeader a:hover {
   color: var(--Layout-asideLink-onHover-color);
@@ -9245,7 +9185,6 @@ img.cxd-AsideNav-itemIcon {
   vertical-align: middle;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   background: transparent;
   border: var(--Button-borderWidth) solid transparent;
@@ -9488,7 +9427,7 @@ img.cxd-AsideNav-itemIcon {
   vertical-align: middle;
 }
 .cxd-Button--xs.cxd-Button--iconOnly {
-  min-width: calc( var(--Button--xs-height) * var(--Button--iconOnly-minWidthRate) );
+  min-width: calc(var(--Button--xs-height) * var(--Button--iconOnly-minWidthRate));
 }
 .cxd-Button--sm {
   padding: var(--Button--sm-paddingY) var(--Button--sm-paddingX);
@@ -9520,7 +9459,7 @@ img.cxd-AsideNav-itemIcon {
   vertical-align: middle;
 }
 .cxd-Button--sm.cxd-Button--iconOnly {
-  min-width: calc( var(--Button--sm-height) * var(--Button--iconOnly-minWidthRate) );
+  min-width: calc(var(--Button--sm-height) * var(--Button--iconOnly-minWidthRate));
 }
 .cxd-Button--md {
   padding: var(--Button--md-paddingY) var(--Button--md-paddingX);
@@ -9552,7 +9491,7 @@ img.cxd-AsideNav-itemIcon {
   vertical-align: middle;
 }
 .cxd-Button--md.cxd-Button--iconOnly {
-  min-width: calc( var(--Button--md-height) * var(--Button--iconOnly-minWidthRate) );
+  min-width: calc(var(--Button--md-height) * var(--Button--iconOnly-minWidthRate));
 }
 .cxd-Button--lg {
   padding: var(--Button--lg-paddingY) var(--Button--lg-paddingX);
@@ -9584,10 +9523,10 @@ img.cxd-AsideNav-itemIcon {
   vertical-align: middle;
 }
 .cxd-Button--lg.cxd-Button--iconOnly {
-  min-width: calc( var(--Button--lg-height) * var(--Button--iconOnly-minWidthRate) );
+  min-width: calc(var(--Button--lg-height) * var(--Button--iconOnly-minWidthRate));
 }
 .cxd-Button--iconOnly {
-  min-width: calc( var(--Button-height) * var(--Button--iconOnly-minWidthRate) );
+  min-width: calc(var(--Button-height) * var(--Button--iconOnly-minWidthRate));
 }
 .cxd-Button--iconOnly:not(.cxd-Button--link) > svg.icon {
   width: 0.875rem;
@@ -9835,7 +9774,6 @@ input[type=button].cxd-Button--block {
 .cxd-Breadcrumb-separator {
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   margin: 0 var(--gap-sm);
   text-align: center;
@@ -9865,7 +9803,6 @@ input[type=button].cxd-Button--block {
   vertical-align: middle;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   color: var(--BreadcrumbDropdown-item-default-color);
   background-color: var(--BreadcrumbDropdown-item-default-bg);
@@ -10010,35 +9947,25 @@ input[type=button].cxd-Button--block {
 @-webkit-keyframes modalIn {
   from {
     opacity: 0;
-    width: 0;
-    height: 0;
-    bottom: -999px;
+    transform: translate3d(0, -300px, 0) scale(0.2);
   }
 }
 @keyframes modalIn {
   from {
     opacity: 0;
-    width: 0;
-    height: 0;
-    bottom: -999px;
+    transform: translate3d(0, -300px, 0) scale(0.2);
   }
 }
 @-webkit-keyframes modalOut {
   to {
     opacity: 0;
-    opacity: 0;
-    width: 0;
-    height: 0;
-    bottom: -999px;
+    transform: translate3d(0, -300px, 0) scale(0.2);
   }
 }
 @keyframes modalOut {
   to {
     opacity: 0;
-    opacity: 0;
-    width: 0;
-    height: 0;
-    bottom: -999px;
+    transform: translate3d(0, -300px, 0) scale(0.2);
   }
 }
 .cxd-Modal {
@@ -10168,53 +10095,84 @@ input[type=button].cxd-Button--block {
   margin-left: var(--gap-sm);
 }
 .cxd-Modal--2th .cxd-Modal-content {
-  margin-top: calc( var(--Modal-content-startMarginTop) + 1 * var(--Modal-content-stepMarginTop) );
+  margin-top: calc(
+        var(--Modal-content-startMarginTop) +
+          1 *
+          var(--Modal-content-stepMarginTop)
+      );
 }
 .cxd-Modal--3th .cxd-Modal-content {
-  margin-top: calc( var(--Modal-content-startMarginTop) + 2 * var(--Modal-content-stepMarginTop) );
+  margin-top: calc(
+        var(--Modal-content-startMarginTop) +
+          2 *
+          var(--Modal-content-stepMarginTop)
+      );
 }
 .cxd-Modal--4th .cxd-Modal-content {
-  margin-top: calc( var(--Modal-content-startMarginTop) + 3 * var(--Modal-content-stepMarginTop) );
+  margin-top: calc(
+        var(--Modal-content-startMarginTop) +
+          3 *
+          var(--Modal-content-stepMarginTop)
+      );
 }
 .cxd-Modal--5th .cxd-Modal-content {
-  margin-top: calc( var(--Modal-content-startMarginTop) + 4 * var(--Modal-content-stepMarginTop) );
+  margin-top: calc(
+        var(--Modal-content-startMarginTop) +
+          4 *
+          var(--Modal-content-stepMarginTop)
+      );
 }
 .cxd-Modal--6th .cxd-Modal-content {
-  margin-top: calc( var(--Modal-content-startMarginTop) + 5 * var(--Modal-content-stepMarginTop) );
+  margin-top: calc(
+        var(--Modal-content-startMarginTop) +
+          5 *
+          var(--Modal-content-stepMarginTop)
+      );
 }
 .cxd-Modal--7th .cxd-Modal-content {
-  margin-top: calc( var(--Modal-content-startMarginTop) + 6 * var(--Modal-content-stepMarginTop) );
+  margin-top: calc(
+        var(--Modal-content-startMarginTop) +
+          6 *
+          var(--Modal-content-stepMarginTop)
+      );
 }
 .cxd-Modal--8th .cxd-Modal-content {
-  margin-top: calc( var(--Modal-content-startMarginTop) + 7 * var(--Modal-content-stepMarginTop) );
+  margin-top: calc(
+        var(--Modal-content-startMarginTop) +
+          7 *
+          var(--Modal-content-stepMarginTop)
+      );
 }
 .cxd-Modal--9th .cxd-Modal-content {
-  margin-top: calc( var(--Modal-content-startMarginTop) + 8 * var(--Modal-content-stepMarginTop) );
+  margin-top: calc(
+        var(--Modal-content-startMarginTop) +
+          8 *
+          var(--Modal-content-stepMarginTop)
+      );
 }
 .cxd-Modal--10th .cxd-Modal-content {
-  margin-top: calc( var(--Modal-content-startMarginTop) + 9 * var(--Modal-content-stepMarginTop) );
+  margin-top: calc(
+        var(--Modal-content-startMarginTop) +
+          9 *
+          var(--Modal-content-stepMarginTop)
+      );
 }
 @media (min-width: 576px) {
   .cxd-Modal-content {
     max-width: var(--Modal-widthBase);
   }
-
   .cxd-Modal--sm .cxd-Modal-content {
     max-width: var(--Modal-widthSm);
   }
-
   .cxd-Modal--base .cxd-Modal-content {
     max-width: var(--Modal-widthBase);
   }
-
   .cxd-Modal--md .cxd-Modal-content {
     max-width: var(--Modal-widthMd);
   }
-
   .cxd-Modal--lg .cxd-Modal-content {
     max-width: var(--Modal-widthLg);
   }
-
   .cxd-Modal--xl .cxd-Modal-content {
     max-width: var(--Modal-widthXl);
   }
@@ -10377,7 +10335,6 @@ input[type=button].cxd-Button--block {
   text-align: center;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 @media (min-width: 576px) {
@@ -10385,31 +10342,266 @@ input[type=button].cxd-Button--block {
     width: var(--Drawer-widthBase);
     height: var(--Drawer-widthBase);
   }
-
   .cxd-Drawer--xs .cxd-Drawer-content {
     width: var(--Drawer-widthXs);
     height: var(--Drawer-widthXs);
   }
-
   .cxd-Drawer--sm .cxd-Drawer-content {
     width: var(--Drawer-widthSm);
     height: var(--Drawer-widthSm);
   }
-
   .cxd-Drawer--md .cxd-Drawer-content {
     width: var(--Drawer-widthMd);
     height: var(--Drawer-widthMd);
   }
-
   .cxd-Drawer--lg .cxd-Drawer-content {
     width: var(--Drawer-widthLg);
     height: var(--Drawer-widthLg);
   }
-
   .cxd-Drawer--xl .cxd-Drawer-content {
     width: var(--Drawer-widthXl);
     height: var(--Drawer-widthXl);
   }
+  .cxd-Drawer--right.cxd-Modal--2th.cxd-Drawer .cxd-Drawer-content,
+.cxd-Drawer--left.cxd-Modal--2th.cxd-Drawer .cxd-Drawer-content {
+    width: calc(var(--Drawer-widthBase) - 20px);
+  }
+  .cxd-Drawer--right.cxd-Modal--2th.cxd-Drawer--xs .cxd-Drawer-content,
+.cxd-Drawer--left.cxd-Modal--2th.cxd-Drawer--xs .cxd-Drawer-content {
+    width: calc(var(--Drawer-widthXs) - 20px);
+  }
+  .cxd-Drawer--right.cxd-Modal--2th.cxd-Drawer--sm .cxd-Drawer-content,
+.cxd-Drawer--left.cxd-Modal--2th.cxd-Drawer--sm .cxd-Drawer-content {
+    width: calc(var(--Drawer-widthSm) - 20px);
+  }
+  .cxd-Drawer--right.cxd-Modal--2th.cxd-Drawer--md .cxd-Drawer-content,
+.cxd-Drawer--left.cxd-Modal--2th.cxd-Drawer--md .cxd-Drawer-content {
+    width: calc(var(--Drawer-widthMd) - 20px);
+  }
+  .cxd-Drawer--right.cxd-Modal--2th.cxd-Drawer--lg .cxd-Drawer-content,
+.cxd-Drawer--left.cxd-Modal--2th.cxd-Drawer--lg .cxd-Drawer-content {
+    width: calc(var(--Drawer-widthLg) - 20px);
+  }
+  .cxd-Drawer--right.cxd-Modal--2th.cxd-Drawer--xl .cxd-Drawer-content,
+.cxd-Drawer--left.cxd-Modal--2th.cxd-Drawer--xl .cxd-Drawer-content {
+    width: calc(var(--Drawer-widthXl) - 20px);
+  }
+  .cxd-Drawer--top.cxd-Modal--2th.cxd-Drawer .cxd-Drawer-content,
+.cxd-Drawer--bottom.cxd-Modal--2th.cxd-Drawer .cxd-Drawer-content {
+    height: calc(var(--Drawer-widthBase) - 20px);
+  }
+  .cxd-Drawer--top.cxd-Modal--2th.cxd-Drawer--xs .cxd-Drawer-content,
+.cxd-Drawer--bottom.cxd-Modal--2th.cxd-Drawer--xs .cxd-Drawer-content {
+    height: calc(var(--Drawer-widthXs) - 20px);
+  }
+  .cxd-Drawer--top.cxd-Modal--2th.cxd-Drawer--sm .cxd-Drawer-content,
+.cxd-Drawer--bottom.cxd-Modal--2th.cxd-Drawer--sm .cxd-Drawer-content {
+    height: calc(var(--Drawer-widthSm) - 20px);
+  }
+  .cxd-Drawer--top.cxd-Modal--2th.cxd-Drawer--md .cxd-Drawer-content,
+.cxd-Drawer--bottom.cxd-Modal--2th.cxd-Drawer--md .cxd-Drawer-content {
+    height: calc(var(--Drawer-widthMd) - 20px);
+  }
+  .cxd-Drawer--top.cxd-Modal--2th.cxd-Drawer--lg .cxd-Drawer-content,
+.cxd-Drawer--bottom.cxd-Modal--2th.cxd-Drawer--lg .cxd-Drawer-content {
+    height: calc(var(--Drawer-widthLg) - 20px);
+  }
+  .cxd-Drawer--top.cxd-Modal--2th.cxd-Drawer--xl .cxd-Drawer-content,
+.cxd-Drawer--bottom.cxd-Modal--2th.cxd-Drawer--xl .cxd-Drawer-content {
+    height: calc(var(--Drawer-widthXl) - 20px);
+  }
+  .cxd-Drawer--right.cxd-Modal--3th.cxd-Drawer .cxd-Drawer-content,
+.cxd-Drawer--left.cxd-Modal--3th.cxd-Drawer .cxd-Drawer-content {
+    width: calc(var(--Drawer-widthBase) - 40px);
+  }
+  .cxd-Drawer--right.cxd-Modal--3th.cxd-Drawer--xs .cxd-Drawer-content,
+.cxd-Drawer--left.cxd-Modal--3th.cxd-Drawer--xs .cxd-Drawer-content {
+    width: calc(var(--Drawer-widthXs) - 40px);
+  }
+  .cxd-Drawer--right.cxd-Modal--3th.cxd-Drawer--sm .cxd-Drawer-content,
+.cxd-Drawer--left.cxd-Modal--3th.cxd-Drawer--sm .cxd-Drawer-content {
+    width: calc(var(--Drawer-widthSm) - 40px);
+  }
+  .cxd-Drawer--right.cxd-Modal--3th.cxd-Drawer--md .cxd-Drawer-content,
+.cxd-Drawer--left.cxd-Modal--3th.cxd-Drawer--md .cxd-Drawer-content {
+    width: calc(var(--Drawer-widthMd) - 40px);
+  }
+  .cxd-Drawer--right.cxd-Modal--3th.cxd-Drawer--lg .cxd-Drawer-content,
+.cxd-Drawer--left.cxd-Modal--3th.cxd-Drawer--lg .cxd-Drawer-content {
+    width: calc(var(--Drawer-widthLg) - 40px);
+  }
+  .cxd-Drawer--right.cxd-Modal--3th.cxd-Drawer--xl .cxd-Drawer-content,
+.cxd-Drawer--left.cxd-Modal--3th.cxd-Drawer--xl .cxd-Drawer-content {
+    width: calc(var(--Drawer-widthXl) - 40px);
+  }
+  .cxd-Drawer--top.cxd-Modal--3th.cxd-Drawer .cxd-Drawer-content,
+.cxd-Drawer--bottom.cxd-Modal--3th.cxd-Drawer .cxd-Drawer-content {
+    height: calc(var(--Drawer-widthBase) - 40px);
+  }
+  .cxd-Drawer--top.cxd-Modal--3th.cxd-Drawer--xs .cxd-Drawer-content,
+.cxd-Drawer--bottom.cxd-Modal--3th.cxd-Drawer--xs .cxd-Drawer-content {
+    height: calc(var(--Drawer-widthXs) - 40px);
+  }
+  .cxd-Drawer--top.cxd-Modal--3th.cxd-Drawer--sm .cxd-Drawer-content,
+.cxd-Drawer--bottom.cxd-Modal--3th.cxd-Drawer--sm .cxd-Drawer-content {
+    height: calc(var(--Drawer-widthSm) - 40px);
+  }
+  .cxd-Drawer--top.cxd-Modal--3th.cxd-Drawer--md .cxd-Drawer-content,
+.cxd-Drawer--bottom.cxd-Modal--3th.cxd-Drawer--md .cxd-Drawer-content {
+    height: calc(var(--Drawer-widthMd) - 40px);
+  }
+  .cxd-Drawer--top.cxd-Modal--3th.cxd-Drawer--lg .cxd-Drawer-content,
+.cxd-Drawer--bottom.cxd-Modal--3th.cxd-Drawer--lg .cxd-Drawer-content {
+    height: calc(var(--Drawer-widthLg) - 40px);
+  }
+  .cxd-Drawer--top.cxd-Modal--3th.cxd-Drawer--xl .cxd-Drawer-content,
+.cxd-Drawer--bottom.cxd-Modal--3th.cxd-Drawer--xl .cxd-Drawer-content {
+    height: calc(var(--Drawer-widthXl) - 40px);
+  }
+  .cxd-Drawer--right.cxd-Modal--4th.cxd-Drawer .cxd-Drawer-content,
+.cxd-Drawer--left.cxd-Modal--4th.cxd-Drawer .cxd-Drawer-content {
+    width: calc(var(--Drawer-widthBase) - 60px);
+  }
+  .cxd-Drawer--right.cxd-Modal--4th.cxd-Drawer--xs .cxd-Drawer-content,
+.cxd-Drawer--left.cxd-Modal--4th.cxd-Drawer--xs .cxd-Drawer-content {
+    width: calc(var(--Drawer-widthXs) - 60px);
+  }
+  .cxd-Drawer--right.cxd-Modal--4th.cxd-Drawer--sm .cxd-Drawer-content,
+.cxd-Drawer--left.cxd-Modal--4th.cxd-Drawer--sm .cxd-Drawer-content {
+    width: calc(var(--Drawer-widthSm) - 60px);
+  }
+  .cxd-Drawer--right.cxd-Modal--4th.cxd-Drawer--md .cxd-Drawer-content,
+.cxd-Drawer--left.cxd-Modal--4th.cxd-Drawer--md .cxd-Drawer-content {
+    width: calc(var(--Drawer-widthMd) - 60px);
+  }
+  .cxd-Drawer--right.cxd-Modal--4th.cxd-Drawer--lg .cxd-Drawer-content,
+.cxd-Drawer--left.cxd-Modal--4th.cxd-Drawer--lg .cxd-Drawer-content {
+    width: calc(var(--Drawer-widthLg) - 60px);
+  }
+  .cxd-Drawer--right.cxd-Modal--4th.cxd-Drawer--xl .cxd-Drawer-content,
+.cxd-Drawer--left.cxd-Modal--4th.cxd-Drawer--xl .cxd-Drawer-content {
+    width: calc(var(--Drawer-widthXl) - 60px);
+  }
+  .cxd-Drawer--top.cxd-Modal--4th.cxd-Drawer .cxd-Drawer-content,
+.cxd-Drawer--bottom.cxd-Modal--4th.cxd-Drawer .cxd-Drawer-content {
+    height: calc(var(--Drawer-widthBase) - 60px);
+  }
+  .cxd-Drawer--top.cxd-Modal--4th.cxd-Drawer--xs .cxd-Drawer-content,
+.cxd-Drawer--bottom.cxd-Modal--4th.cxd-Drawer--xs .cxd-Drawer-content {
+    height: calc(var(--Drawer-widthXs) - 60px);
+  }
+  .cxd-Drawer--top.cxd-Modal--4th.cxd-Drawer--sm .cxd-Drawer-content,
+.cxd-Drawer--bottom.cxd-Modal--4th.cxd-Drawer--sm .cxd-Drawer-content {
+    height: calc(var(--Drawer-widthSm) - 60px);
+  }
+  .cxd-Drawer--top.cxd-Modal--4th.cxd-Drawer--md .cxd-Drawer-content,
+.cxd-Drawer--bottom.cxd-Modal--4th.cxd-Drawer--md .cxd-Drawer-content {
+    height: calc(var(--Drawer-widthMd) - 60px);
+  }
+  .cxd-Drawer--top.cxd-Modal--4th.cxd-Drawer--lg .cxd-Drawer-content,
+.cxd-Drawer--bottom.cxd-Modal--4th.cxd-Drawer--lg .cxd-Drawer-content {
+    height: calc(var(--Drawer-widthLg) - 60px);
+  }
+  .cxd-Drawer--top.cxd-Modal--4th.cxd-Drawer--xl .cxd-Drawer-content,
+.cxd-Drawer--bottom.cxd-Modal--4th.cxd-Drawer--xl .cxd-Drawer-content {
+    height: calc(var(--Drawer-widthXl) - 60px);
+  }
+  .cxd-Drawer--right.cxd-Modal--5th.cxd-Drawer .cxd-Drawer-content,
+.cxd-Drawer--left.cxd-Modal--5th.cxd-Drawer .cxd-Drawer-content {
+    width: calc(var(--Drawer-widthBase) - 80px);
+  }
+  .cxd-Drawer--right.cxd-Modal--5th.cxd-Drawer--xs .cxd-Drawer-content,
+.cxd-Drawer--left.cxd-Modal--5th.cxd-Drawer--xs .cxd-Drawer-content {
+    width: calc(var(--Drawer-widthXs) - 80px);
+  }
+  .cxd-Drawer--right.cxd-Modal--5th.cxd-Drawer--sm .cxd-Drawer-content,
+.cxd-Drawer--left.cxd-Modal--5th.cxd-Drawer--sm .cxd-Drawer-content {
+    width: calc(var(--Drawer-widthSm) - 80px);
+  }
+  .cxd-Drawer--right.cxd-Modal--5th.cxd-Drawer--md .cxd-Drawer-content,
+.cxd-Drawer--left.cxd-Modal--5th.cxd-Drawer--md .cxd-Drawer-content {
+    width: calc(var(--Drawer-widthMd) - 80px);
+  }
+  .cxd-Drawer--right.cxd-Modal--5th.cxd-Drawer--lg .cxd-Drawer-content,
+.cxd-Drawer--left.cxd-Modal--5th.cxd-Drawer--lg .cxd-Drawer-content {
+    width: calc(var(--Drawer-widthLg) - 80px);
+  }
+  .cxd-Drawer--right.cxd-Modal--5th.cxd-Drawer--xl .cxd-Drawer-content,
+.cxd-Drawer--left.cxd-Modal--5th.cxd-Drawer--xl .cxd-Drawer-content {
+    width: calc(var(--Drawer-widthXl) - 80px);
+  }
+  .cxd-Drawer--top.cxd-Modal--5th.cxd-Drawer .cxd-Drawer-content,
+.cxd-Drawer--bottom.cxd-Modal--5th.cxd-Drawer .cxd-Drawer-content {
+    height: calc(var(--Drawer-widthBase) - 80px);
+  }
+  .cxd-Drawer--top.cxd-Modal--5th.cxd-Drawer--xs .cxd-Drawer-content,
+.cxd-Drawer--bottom.cxd-Modal--5th.cxd-Drawer--xs .cxd-Drawer-content {
+    height: calc(var(--Drawer-widthXs) - 80px);
+  }
+  .cxd-Drawer--top.cxd-Modal--5th.cxd-Drawer--sm .cxd-Drawer-content,
+.cxd-Drawer--bottom.cxd-Modal--5th.cxd-Drawer--sm .cxd-Drawer-content {
+    height: calc(var(--Drawer-widthSm) - 80px);
+  }
+  .cxd-Drawer--top.cxd-Modal--5th.cxd-Drawer--md .cxd-Drawer-content,
+.cxd-Drawer--bottom.cxd-Modal--5th.cxd-Drawer--md .cxd-Drawer-content {
+    height: calc(var(--Drawer-widthMd) - 80px);
+  }
+  .cxd-Drawer--top.cxd-Modal--5th.cxd-Drawer--lg .cxd-Drawer-content,
+.cxd-Drawer--bottom.cxd-Modal--5th.cxd-Drawer--lg .cxd-Drawer-content {
+    height: calc(var(--Drawer-widthLg) - 80px);
+  }
+  .cxd-Drawer--top.cxd-Modal--5th.cxd-Drawer--xl .cxd-Drawer-content,
+.cxd-Drawer--bottom.cxd-Modal--5th.cxd-Drawer--xl .cxd-Drawer-content {
+    height: calc(var(--Drawer-widthXl) - 80px);
+  }
+  .cxd-Drawer--right.cxd-Modal--6th.cxd-Drawer .cxd-Drawer-content,
+.cxd-Drawer--left.cxd-Modal--6th.cxd-Drawer .cxd-Drawer-content {
+    width: calc(var(--Drawer-widthBase) - 100px);
+  }
+  .cxd-Drawer--right.cxd-Modal--6th.cxd-Drawer--xs .cxd-Drawer-content,
+.cxd-Drawer--left.cxd-Modal--6th.cxd-Drawer--xs .cxd-Drawer-content {
+    width: calc(var(--Drawer-widthXs) - 100px);
+  }
+  .cxd-Drawer--right.cxd-Modal--6th.cxd-Drawer--sm .cxd-Drawer-content,
+.cxd-Drawer--left.cxd-Modal--6th.cxd-Drawer--sm .cxd-Drawer-content {
+    width: calc(var(--Drawer-widthSm) - 100px);
+  }
+  .cxd-Drawer--right.cxd-Modal--6th.cxd-Drawer--md .cxd-Drawer-content,
+.cxd-Drawer--left.cxd-Modal--6th.cxd-Drawer--md .cxd-Drawer-content {
+    width: calc(var(--Drawer-widthMd) - 100px);
+  }
+  .cxd-Drawer--right.cxd-Modal--6th.cxd-Drawer--lg .cxd-Drawer-content,
+.cxd-Drawer--left.cxd-Modal--6th.cxd-Drawer--lg .cxd-Drawer-content {
+    width: calc(var(--Drawer-widthLg) - 100px);
+  }
+  .cxd-Drawer--right.cxd-Modal--6th.cxd-Drawer--xl .cxd-Drawer-content,
+.cxd-Drawer--left.cxd-Modal--6th.cxd-Drawer--xl .cxd-Drawer-content {
+    width: calc(var(--Drawer-widthXl) - 100px);
+  }
+  .cxd-Drawer--top.cxd-Modal--6th.cxd-Drawer .cxd-Drawer-content,
+.cxd-Drawer--bottom.cxd-Modal--6th.cxd-Drawer .cxd-Drawer-content {
+    height: calc(var(--Drawer-widthBase) - 100px);
+  }
+  .cxd-Drawer--top.cxd-Modal--6th.cxd-Drawer--xs .cxd-Drawer-content,
+.cxd-Drawer--bottom.cxd-Modal--6th.cxd-Drawer--xs .cxd-Drawer-content {
+    height: calc(var(--Drawer-widthXs) - 100px);
+  }
+  .cxd-Drawer--top.cxd-Modal--6th.cxd-Drawer--sm .cxd-Drawer-content,
+.cxd-Drawer--bottom.cxd-Modal--6th.cxd-Drawer--sm .cxd-Drawer-content {
+    height: calc(var(--Drawer-widthSm) - 100px);
+  }
+  .cxd-Drawer--top.cxd-Modal--6th.cxd-Drawer--md .cxd-Drawer-content,
+.cxd-Drawer--bottom.cxd-Modal--6th.cxd-Drawer--md .cxd-Drawer-content {
+    height: calc(var(--Drawer-widthMd) - 100px);
+  }
+  .cxd-Drawer--top.cxd-Modal--6th.cxd-Drawer--lg .cxd-Drawer-content,
+.cxd-Drawer--bottom.cxd-Modal--6th.cxd-Drawer--lg .cxd-Drawer-content {
+    height: calc(var(--Drawer-widthLg) - 100px);
+  }
+  .cxd-Drawer--top.cxd-Modal--6th.cxd-Drawer--xl .cxd-Drawer-content,
+.cxd-Drawer--bottom.cxd-Modal--6th.cxd-Drawer--xl .cxd-Drawer-content {
+    height: calc(var(--Drawer-widthXl) - 100px);
+  }
 }
 .cxd-Drawer--top .cxd-Drawer-content.in,
 .cxd-Drawer--right .cxd-Drawer-content.in,
@@ -10467,9 +10659,7 @@ input[type=button].cxd-Button--block {
 .cxd-Drawer--right .cxd-Drawer-footer .cxd-Drawer-info {
   flex-basis: 0;
   flex-grow: 1;
-  order: 10;
   align-self: center;
-  text-align: right;
 }
 .cxd-Drawer--right .cxd-Drawer-footer .cxd-Drawer-error {
   color: var(--danger);
@@ -10478,8 +10668,7 @@ input[type=button].cxd-Button--block {
   left: -0.375rem;
   top: 50%;
   cursor: ew-resize;
-  -ms-writing-mode: tb-lr;
-      writing-mode: vertical-lr;
+  writing-mode: vertical-lr;
   width: 0.75rem;
   height: 1.5rem;
 }
@@ -10528,8 +10717,7 @@ input[type=button].cxd-Button--block {
   right: -0.375rem;
   top: 50%;
   cursor: ew-resize;
-  -ms-writing-mode: tb-lr;
-      writing-mode: vertical-lr;
+  writing-mode: vertical-lr;
   width: 0.75rem;
   height: 1.5rem;
 }
@@ -10567,7 +10755,7 @@ input[type=button].cxd-Button--block {
   margin-top: calc(var(--Tooltip-arrow-height) * -1 - 0.125rem);
 }
 .cxd-Tooltip--top .cxd-Tooltip-arrow {
-  bottom: calc( (var(--Tooltip-arrow-height) + var(--Tooltip-borderWidth)) * -1 );
+  bottom: calc((var(--Tooltip-arrow-height) + var(--Tooltip-borderWidth)) * -1);
 }
 .cxd-Tooltip--top .cxd-Tooltip-arrow::before,
 .cxd-Tooltip--top .cxd-Tooltip-arrow::after {
@@ -10605,7 +10793,7 @@ input[type=button].cxd-Button--block {
   margin-top: calc(var(--Tooltip-arrow-height) + 0.125rem);
 }
 .cxd-Tooltip--bottom .cxd-Tooltip-arrow {
-  top: calc( (var(--Tooltip-arrow-height) + var(--Tooltip-borderWidth)) * -1 );
+  top: calc((var(--Tooltip-arrow-height) + var(--Tooltip-borderWidth)) * -1);
 }
 .cxd-Tooltip--bottom .cxd-Tooltip-arrow::before,
 .cxd-Tooltip--bottom .cxd-Tooltip-arrow::after {
@@ -10633,7 +10821,7 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Tooltip--left .cxd-Tooltip-arrow {
   left: auto;
-  right: calc( (var(--Tooltip-arrow-height) + var(--Tooltip-borderWidth)) * -1 );
+  right: calc((var(--Tooltip-arrow-height) + var(--Tooltip-borderWidth)) * -1);
   width: var(--Tooltip-arrow-height);
   height: var(--Tooltip-arrow-width);
   margin-top: calc(var(--Tooltip-arrow-width) * -1 / 2);
@@ -10656,8 +10844,8 @@ input[type=button].cxd-Button--block {
   font-size: var(--fontSizeBase);
   color: var(--Tooltip-title-color);
   font-weight: var(--Tooltip-fontWeight);
-  border-top-left-radius: calc( var(--Tooltip-borderRadius) - var(--Tooltip-borderWidth) );
-  border-top-right-radius: calc( var(--Tooltip-borderRadius) - var(--Tooltip-borderWidth) );
+  border-top-left-radius: calc(var(--Tooltip-borderRadius) - var(--Tooltip-borderWidth));
+  border-top-right-radius: calc(var(--Tooltip-borderRadius) - var(--Tooltip-borderWidth));
   font-weight: var(--Tooltip-title-fontWeight);
 }
 .cxd-Tooltip-title:empty {
@@ -11028,7 +11216,6 @@ input[type=button].cxd-Button--block {
   background-color: var(--PickerColumns-bg);
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   flex: 1;
   overflow: hidden;
@@ -11118,7 +11305,7 @@ input[type=button].cxd-Button--block {
   z-index: 1;
   width: 100%;
   height: 100%;
-  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.4)), linear-gradient(0deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.4));
+  background-image: linear-gradient(180deg, hsla(0deg, 0%, 100%, 0.9), hsla(0deg, 0%, 100%, 0.4)), linear-gradient(0deg, hsla(0deg, 0%, 100%, 0.9), hsla(0deg, 0%, 100%, 0.4));
   background-repeat: no-repeat;
   background-position: top, bottom;
   transform: translateZ(0);
@@ -11725,7 +11912,6 @@ input[type=button].cxd-Button--block {
   list-style: none;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .cxd-Tabs-links::before, .cxd-Tabs-links::after {
@@ -11786,6 +11972,9 @@ input[type=button].cxd-Button--block {
   position: relative;
   top: 0.125em;
 }
+.cxd-Tabs-links > .cxd-Tabs-link > a.cxd-Tabs-togglor {
+  display: flex;
+}
 .cxd-Tabs-links > .cxd-Tabs-link > .cxd-Combo-toolbarBtn {
   position: absolute;
   right: -10px;
@@ -11815,6 +12004,39 @@ input[type=button].cxd-Button--block {
   border-color: var(--Tabs-onActive-borderColor);
   border-bottom-color: transparent;
 }
+.cxd-Tabs .cxd-Tabs-togglor {
+  display: flex;
+  justify-content: center;
+  margin: auto;
+  cursor: pointer;
+}
+.cxd-Tabs .cxd-Tabs-togglor-arrow {
+  width: var(--gap-md);
+  text-align: center;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  line-height: 1;
+  transform: rotate(90deg);
+}
+.cxd-Tabs .cxd-Tabs-togglor-arrow > svg {
+  transition: transform var(--animation-duration);
+  display: inline-block;
+  color: var(--Form-select-caret-iconColor);
+  width: 10px;
+  height: 10px;
+  top: 0;
+}
+.cxd-Tabs .cxd-Tabs-togglor.is-opened {
+  color: var(--Tabs-onActive-color);
+}
+.cxd-Tabs .cxd-Tabs-togglor.is-opened .cxd-Tabs-togglor-arrow > svg {
+  transform: rotate(180deg);
+}
+.cxd-Tabs-PopOver.cxd-PopOver {
+  border: 0;
+  border-radius: 0;
+}
 .cxd-Tabs-content {
   background: var(--Tabs-content-bg);
   border-style: solid;
@@ -11889,8 +12111,8 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Tabs--line > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li:not(.is-disabled):hover > a:first-child:hover:active,
 .cxd-Tabs--line > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li:not(.is-disabled):hover > a:first-child:hover:active {
-  color: #144BCC;
-  border-color: #144BCC;
+  color: #144bcc;
+  border-color: #144bcc;
 }
 .cxd-Tabs--line > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li:last-child > a,
 .cxd-Tabs--line > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li:last-child > a {
@@ -12255,7 +12477,7 @@ input[type=button].cxd-Button--block {
 .cxd-Tabs--chrome > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li.is-active:after {
   display: none;
 }
-.cxd-Tabs--chrome > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li:after {
+.cxd-Tabs--chrome > .cxd-Tabs-linksWrapper > .cxd-Tabs-links > li:not(:last-child):after {
   content: "";
   width: 1px;
   height: calc(100% - var(--Tabs--chrome-radius-size) * 2);
@@ -12350,8 +12572,8 @@ input[type=button].cxd-Button--block {
   border: none;
 }
 .cxd-Tabs--simple > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li.is-active > a:first-child:hover:active, .cxd-Tabs--simple > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li:not(.is-disabled):hover > a:first-child:hover:active {
-  color: #144BCC;
-  border-color: #144BCC;
+  color: #144bcc;
+  border-color: #144bcc;
 }
 .cxd-Tabs--simple > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li:not(.is-disabled):hover .cxd-Tabs-link-close {
   fill: var(--primary);
@@ -12441,8 +12663,8 @@ input[type=button].cxd-Button--block {
   color: var(--Tabs--line-onHover-color);
 }
 .cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > .cxd-Tabs-link.is-active > a:first-child:hover:active, .cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > .cxd-Tabs-link:not(.is-disabled):hover > a:first-child:hover:active {
-  color: #144BCC;
-  border-color: #144BCC;
+  color: #144bcc;
+  border-color: #144bcc;
 }
 .cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > .cxd-Tabs-link:not(.is-disabled):hover .cxd-Tabs-link-close {
   fill: var(--primary);
@@ -12470,7 +12692,6 @@ input[type=button].cxd-Button--block {
   list-style: none;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   margin: 0;
   padding: 0;
@@ -12509,7 +12730,6 @@ input[type=button].cxd-Button--block {
   white-space: nowrap;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .cxd-Nav .cxd-Nav-list--tabs {
@@ -12809,8 +13029,7 @@ input[type=button].cxd-Button--block {
   right: -0.375rem;
   top: 50%;
   cursor: ew-resize;
-  -ms-writing-mode: tb-lr;
-      writing-mode: vertical-lr;
+  writing-mode: vertical-lr;
   width: 0.75rem;
   height: 1.5rem;
   margin-top: -0.75rem;
@@ -12822,7 +13041,6 @@ input[type=button].cxd-Button--block {
   text-align: center;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   color: #666;
 }
@@ -12855,7 +13073,6 @@ input[type=button].cxd-Button--block {
     min-width: var(--Page-aside-width);
     max-width: var(--Page-aside-maxWidth);
   }
-
   .cxd-Page--withSidebar {
     display: flex;
     flex-direction: row;
@@ -12894,7 +13111,6 @@ input[type=button].cxd-Button--block {
   font-size: var(--fontSizeSm);
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .cxd-Remark-icon > svg {
@@ -13615,12 +13831,12 @@ input[type=button].cxd-Button--block {
   background: var(--DropDown-menu-bg);
   list-style: none;
   padding: var(--DropDown-menu-paddingY) var(--DropDown-menu-paddingX);
+  margin: 0;
   min-width: var(--DropDown-menu-minWidth);
   text-align: left;
   border: none;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .cxd-DropDown-menu-root {
@@ -13649,7 +13865,6 @@ input[type=button].cxd-Button--block {
   vertical-align: middle;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   color: var(--DropDown-menuItem-color);
   -webkit-text-decoration: var(--link-decoration);
@@ -14128,7 +14343,6 @@ input[type=button].cxd-Button--block {
   cursor: not-allowed;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   color: var(--text--muted-color);
 }
@@ -14453,7 +14667,6 @@ input[type=button].cxd-Button--block {
   border-radius: 5px;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .cxd-CBSeprator {
@@ -14462,7 +14675,6 @@ input[type=button].cxd-Button--block {
   display: inline-block;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .cxd-CBPicker-trigger {
@@ -14889,9 +15101,10 @@ input[type=button].cxd-Button--block {
   vertical-align: middle;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
-  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem );
+  line-height: calc(
+      var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem
+    );
   display: inline-block;
   font-size: var(--Form-selectValue-fontSize);
   color: var(--Form-selectValue-color);
@@ -14924,7 +15137,6 @@ input[type=button].cxd-Button--block {
   cursor: pointer;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   margin-left: var(--gap-xs);
   margin-top: var(--gap-xs);
@@ -15024,9 +15236,10 @@ input[type=button].cxd-Button--block {
   vertical-align: middle;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
-  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem );
+  line-height: calc(
+      var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem
+    );
   display: inline-block;
   font-size: var(--Form-selectValue-fontSize);
   color: var(--Form-selectValue-color);
@@ -15059,7 +15272,6 @@ input[type=button].cxd-Button--block {
   cursor: pointer;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   margin-left: var(--gap-xs);
   margin-top: var(--gap-xs);
@@ -15216,7 +15428,7 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Table-heading {
   background: var(--Table-heading-bg);
-  padding: calc( ( var(--Table-heading-height) - var(--Table-fontSize) * var(--lineHeightBase) ) / 2 ) var(--gap-sm);
+  padding: calc((var(--Table-heading-height) - var(--Table-fontSize) * var(--lineHeightBase)) / 2) var(--gap-sm);
 }
 .cxd-Table--unsaved .cxd-Table-heading {
   background: var(--Table--unsaved-heading-bg);
@@ -15248,13 +15460,15 @@ input[type=button].cxd-Button--block {
 .cxd-Table-searchableForm {
   background: var(--Table-searchableForm-backgroundColor);
   border-radius: var(--Table-searchableForm-borderRadius);
+  margin-bottom: 0;
 }
 .cxd-Table-searchableForm-footer {
   padding: var(--Panel-footerPadding);
   clear: both;
 }
-.cxd-Table-searchableForm-checkbox > div > .cxd-CheckboxControl {
-  padding-top: 0;
+.cxd-Table-searchableForm-checkbox-inner {
+  /* 消除checkbox自身的padding top */
+  padding-top: 0 !important;
 }
 .cxd-Table-header {
   padding: var(--Table-toolbar-marginY) var(--Table-toolbar-marginX);
@@ -15266,7 +15480,7 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Table-toolbar {
   display: flex;
-  margin: 0 var(--Table-toolbar-marginX) var(--Table-toolbar-marginY);
+  padding: var(--Table-toolbar-marginY) var(--Table-toolbar-marginX);
   flex-wrap: wrap;
 }
 .cxd-Table-toolbar::before, .cxd-Table-toolbar::after {
@@ -15313,7 +15527,6 @@ input[type=button].cxd-Button--block {
   cursor: col-resize;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   opacity: 0.5;
   z-index: 3000;
@@ -16419,12 +16632,42 @@ input[type=button].cxd-Button--block {
   top: 0;
   z-index: 1;
 }
-.cxd-Table--autoFillHeight > .cxd-Table-fixedTop .cxd-Table-fixedTop-shadow {
+.cxd-Table--autoFillHeight > .cxd-Table-fixedTop {
   display: none;
 }
 .cxd-Table--autoFillHeight > .cxd-Table-footToolbar {
   margin-bottom: 0;
 }
+.cxd-Table-SFToggler {
+  color: var(--text-color);
+  font-size: var(--Button--sm-fontSize);
+  margin-left: var(--gap-sm);
+  display: inline-flex;
+  cursor: pointer;
+}
+.cxd-Table-SFToggler-arrow {
+  width: var(--gap-md);
+  text-align: center;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  line-height: 1;
+  transform: rotate(90deg);
+}
+.cxd-Table-SFToggler-arrow > svg {
+  transition: transform var(--animation-duration);
+  display: inline-block;
+  color: var(--Form-select-caret-iconColor);
+  width: 10px;
+  height: 10px;
+  top: 0;
+}
+.cxd-Table-SFToggler.is-expanded {
+  color: var(--Tabs-onActive-color);
+}
+.cxd-Table-SFToggler.is-expanded .cxd-Table-SFToggler-arrow > svg {
+  transform: rotate(180deg);
+}
 .cxd-InputTable .cxd-Field--quickEditable svg {
   color: var(--primary);
 }
@@ -16461,103 +16704,103 @@ input[type=button].cxd-Button--block {
   padding: 0;
   margin-right: 0.625rem;
 }
-.cxd-Table-v2 {
+.cxd-Table2 {
   position: relative;
   border-radius: var(--Table-borderRadius);
 }
-.cxd-Table-v2.cxd-Table-bordered {
+.cxd-Table2.cxd-Table-bordered {
   border-width: var(--Table-borderWidth) var(--Table-borderWidth) 0 var(--Table-borderWidth);
   border-style: solid;
   border-color: var(--Table-borderColor);
   border-collapse: inherit;
 }
-.cxd-Table-v2.cxd-Table-bordered .cxd-Table-table > thead > tr > th,
-.cxd-Table-v2.cxd-Table-bordered .cxd-Table-table > tbody > tr > td,
-.cxd-Table-v2.cxd-Table-bordered .cxd-Table-table > tfoot > tr > td {
+.cxd-Table2.cxd-Table-bordered .cxd-Table-table > thead > tr > th,
+.cxd-Table2.cxd-Table-bordered .cxd-Table-table > tbody > tr > td,
+.cxd-Table2.cxd-Table-bordered .cxd-Table-table > tfoot > tr > td {
   border-right: var(--Table-borderWidth) solid var(--Table-borderColor);
 }
-.cxd-Table-v2.cxd-Table-bordered .cxd-Table-table > thead > tr > th:last-child,
-.cxd-Table-v2.cxd-Table-bordered .cxd-Table-table > tbody > tr > td:last-child,
-.cxd-Table-v2.cxd-Table-bordered .cxd-Table-table > tfoot > tr > td:last-child {
+.cxd-Table2.cxd-Table-bordered .cxd-Table-table > thead > tr > th:last-child,
+.cxd-Table2.cxd-Table-bordered .cxd-Table-table > tbody > tr > td:last-child,
+.cxd-Table2.cxd-Table-bordered .cxd-Table-table > tfoot > tr > td:last-child {
   border-right: none;
 }
-.cxd-Table-v2.cxd-Table-bordered .cxd-Table-footer {
+.cxd-Table2.cxd-Table-bordered .cxd-Table-footer {
   border-bottom: var(--Table-borderWidth) solid var(--Table-borderColor);
 }
-.cxd-Table-v2.cxd-Table-bordered .cxd-Table-title {
+.cxd-Table2.cxd-Table-bordered .cxd-Table-title {
   border-bottom: var(--Table-borderWidth) solid var(--Table-borderColor);
 }
-.cxd-Table-v2.cxd-Table-large .cxd-Table-table > thead > tr > th {
+.cxd-Table2.cxd-Table-large .cxd-Table-table > thead > tr > th {
   padding: var(--TableCell-paddingY-large) var(--TableCell-paddingX-large);
 }
-.cxd-Table-v2.cxd-Table-large .cxd-Table-table > tbody > tr > td,
-.cxd-Table-v2.cxd-Table-large .cxd-Table-table > tbody > tr > th {
+.cxd-Table2.cxd-Table-large .cxd-Table-table > tbody > tr > td,
+.cxd-Table2.cxd-Table-large .cxd-Table-table > tbody > tr > th {
   padding: var(--TableCell-paddingY-large) var(--TableCell-paddingX-large);
 }
-.cxd-Table-v2.cxd-Table-large .cxd-Table-table > tfoot > tr > td {
+.cxd-Table2.cxd-Table-large .cxd-Table-table > tfoot > tr > td {
   padding: var(--TableCell-paddingY-large) var(--TableCell-paddingX-large);
 }
-.cxd-Table-v2.cxd-Table-large .cxd-TableCell-filterBtn {
-  right: calc( var(--TableCell-paddingX-large) - var(--TableCell-filterBtn-width) / 2 );
+.cxd-Table2.cxd-Table-large .cxd-TableCell-filterBtn {
+  right: calc(var(--TableCell-paddingX-large) - var(--TableCell-filterBtn-width) / 2);
 }
-.cxd-Table-v2.cxd-Table-small .cxd-Table-table > thead > tr > th {
+.cxd-Table2.cxd-Table-small .cxd-Table-table > thead > tr > th {
   padding: var(--TableCell-paddingY-small) var(--TableCell-paddingX-small);
 }
-.cxd-Table-v2.cxd-Table-small .cxd-Table-table > tbody > tr > td,
-.cxd-Table-v2.cxd-Table-small .cxd-Table-table > tbody > tr > th {
+.cxd-Table2.cxd-Table-small .cxd-Table-table > tbody > tr > td,
+.cxd-Table2.cxd-Table-small .cxd-Table-table > tbody > tr > th {
   padding: var(--TableCell-paddingY-small) var(--TableCell-paddingX-small);
 }
-.cxd-Table-v2.cxd-Table-small .cxd-Table-table > tfoot > tr > td {
+.cxd-Table2.cxd-Table-small .cxd-Table-table > tfoot > tr > td {
   padding: var(--TableCell-paddingY-small) var(--TableCell-paddingX-small);
 }
-.cxd-Table-v2.cxd-Table-small .cxd-TableCell-filterBtn {
-  right: calc( var(--TableCell-paddingX-small) - var(--TableCell-filterBtn-width) / 2 );
+.cxd-Table2.cxd-Table-small .cxd-TableCell-filterBtn {
+  right: calc(var(--TableCell-paddingX-small) - var(--TableCell-filterBtn-width) / 2);
 }
-.cxd-Table-v2 .cxd-Table-title,
-.cxd-Table-v2 .cxd-Table-footer {
+.cxd-Table2 .cxd-Table-title,
+.cxd-Table2 .cxd-Table-footer {
   background: var(--Table-heading-bg);
-  padding: calc( ( var(--Table-heading-height) - var(--Table-fontSize) * var(--lineHeightBase) ) / 2 ) var(--gap-sm);
+  padding: calc((var(--Table-heading-height) - var(--Table-fontSize) * var(--lineHeightBase)) / 2) var(--gap-sm);
 }
-.cxd-Table-v2 .cxd-Table-header {
+.cxd-Table2 .cxd-Table-header {
   padding: var(--Table-toolbar-marginY) var(--Table-toolbar-marginX);
 }
-.cxd-Table-v2 .cxd-Table-header.cxd-Table-sticky-holder {
+.cxd-Table2 .cxd-Table-header.cxd-Table-sticky-holder {
   position: -webkit-sticky;
   position: sticky;
   z-index: 3;
   background: var(--Table-bg);
 }
-.cxd-Table-v2 .cxd-Table-toolbar {
+.cxd-Table2 .cxd-Table-toolbar {
   display: flex;
   margin: 0 var(--Table-toolbar-marginX) var(--Table-toolbar-marginY);
   flex-wrap: wrap;
 }
-.cxd-Table-v2 .cxd-Table-toolbar::before, .cxd-Table-v2 .cxd-Table-toolbar::after {
+.cxd-Table2 .cxd-Table-toolbar::before, .cxd-Table2 .cxd-Table-toolbar::after {
   display: table;
   content: "";
 }
-.cxd-Table-v2 .cxd-Table-toolbar::after {
+.cxd-Table2 .cxd-Table-toolbar::after {
   clear: both;
 }
-.cxd-Table-v2 .cxd-Table-toolbar .cxd-DropDown-menuItem {
+.cxd-Table2 .cxd-Table-toolbar .cxd-DropDown-menuItem {
   height: auto;
 }
-.cxd-Table-v2 .cxd-Table-toolbar .cxd-DropDown-menuItem .cxd-Checkbox {
+.cxd-Table2 .cxd-Table-toolbar .cxd-DropDown-menuItem .cxd-Checkbox {
   display: flex;
   align-items: center;
 }
-.cxd-Table-v2 .cxd-Table-header + .cxd-Table-toolbar {
+.cxd-Table2 .cxd-Table-header + .cxd-Table-toolbar {
   padding-top: 0;
 }
-.cxd-Table-v2 .cxd-Table-content {
+.cxd-Table2 .cxd-Table-content {
   min-height: 0.01%;
   overflow-x: auto;
   transform: translateZ(0);
 }
-.cxd-Table-v2 .cxd-Table-content th {
+.cxd-Table2 .cxd-Table-content th {
   position: relative;
 }
-.cxd-Table-v2 .cxd-Table-table {
+.cxd-Table2 .cxd-Table-table {
   width: 100%;
   min-width: 100%;
   margin-bottom: 0;
@@ -16568,16 +16811,16 @@ input[type=button].cxd-Button--block {
   border-collapse: collapse;
   border: none;
 }
-.cxd-Table-v2 .cxd-Table-table th, .cxd-Table-v2 .cxd-Table-table td {
+.cxd-Table2 .cxd-Table-table th, .cxd-Table2 .cxd-Table-table td {
   text-align: left;
 }
-.cxd-Table-v2 .cxd-Table-table th.text-center, .cxd-Table-v2 .cxd-Table-table td.text-center, .cxd-Table-v2 .cxd-Table-table th[colspan], .cxd-Table-v2 .cxd-Table-table td[colspan] {
+.cxd-Table2 .cxd-Table-table th.text-center, .cxd-Table2 .cxd-Table-table td.text-center, .cxd-Table2 .cxd-Table-table th[colspan], .cxd-Table2 .cxd-Table-table td[colspan] {
   text-align: center;
 }
-.cxd-Table-v2 .cxd-Table-table th.text-right, .cxd-Table-v2 .cxd-Table-table td.text-right {
+.cxd-Table2 .cxd-Table-table th.text-right, .cxd-Table2 .cxd-Table-table td.text-right {
   text-align: right;
 }
-.cxd-Table-v2 .cxd-Table-table > thead > tr > th {
+.cxd-Table2 .cxd-Table-table > thead > tr > th {
   background: var(--Table-thead-bg);
   padding: var(--TableCell-paddingY-default) var(--TableCell-paddingX);
   font-size: var(--Table-thead-fontSize);
@@ -16585,379 +16828,379 @@ input[type=button].cxd-Button--block {
   font-weight: var(--fontWeightNormal);
   white-space: nowrap;
 }
-.cxd-Table-v2 .cxd-Table-table > thead > tr > th:first-child {
+.cxd-Table2 .cxd-Table-table > thead > tr > th:first-child {
   padding-left: var(--TableCell--edge-paddingX-default);
 }
-.cxd-Table-v2 .cxd-Table-table > thead > tr > th.cxd-Table-cell-last {
+.cxd-Table2 .cxd-Table-table > thead > tr > th.cxd-Table-cell-last {
   padding-right: var(--TableCell--edge-paddingX-default);
 }
-.cxd-Table-v2 .cxd-Table-table > thead > tr > th:not(.cxd-Table-cell-last) {
+.cxd-Table2 .cxd-Table-table > thead > tr > th:not(.cxd-Table-cell-last) {
   border-right: var(--Table-thead-borderWidth) solid var(--Table-thead-borderColor);
 }
-.cxd-Table-v2 .cxd-Table-table > thead > tr > th.cxd-Table-row-expand-icon-cell {
+.cxd-Table2 .cxd-Table-table > thead > tr > th.cxd-Table-row-expand-icon-cell {
   border-right: 0;
 }
-.cxd-Table-v2 .cxd-Table-table > thead > tr > th .cxd-Remark {
+.cxd-Table2 .cxd-Table-table > thead > tr > th .cxd-Remark {
   margin-left: var(--gap-xs);
   position: relative;
   top: 2px;
 }
-.cxd-Table-v2 .cxd-Table-table > thead > tr > th .cxd-Table-head-cell-wrapper {
+.cxd-Table2 .cxd-Table-table > thead > tr > th .cxd-Table-head-cell-wrapper {
   display: flex;
 }
-.cxd-Table-v2 .cxd-Table-table > thead > tr:not(:last-child) {
+.cxd-Table2 .cxd-Table-table > thead > tr:not(:last-child) {
   border-bottom: var(--Table-borderWidth) solid var(--Table-borderColor);
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr {
+.cxd-Table2 .cxd-Table-table > tbody > tr {
   position: relative;
   border-bottom: var(--Table-borderWidth) solid var(--Table-borderColor);
   background: transparent;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.cxd-Table-summary-row > td {
+.cxd-Table2 .cxd-Table-table > tbody > tr.cxd-Table-summary-row > td {
   background: var(--Table-thead-bg);
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr > th {
+.cxd-Table2 .cxd-Table-table > tbody > tr > th {
   background: var(--Table-thead-bg);
   color: var(--Table-thead-color);
   font-weight: var(--fontWeightNormal);
   white-space: nowrap;
   border-right: var(--Table-thead-borderWidth) solid var(--Table-thead-borderColor);
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr > td,
-.cxd-Table-v2 .cxd-Table-table > tbody > tr > th {
+.cxd-Table2 .cxd-Table-table > tbody > tr > td,
+.cxd-Table2 .cxd-Table-table > tbody > tr > th {
   padding: var(--TableCell-paddingY-default) var(--TableCell-paddingX);
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr > td:first-child,
-.cxd-Table-v2 .cxd-Table-table > tbody > tr > th:first-child {
+.cxd-Table2 .cxd-Table-table > tbody > tr > td:first-child,
+.cxd-Table2 .cxd-Table-table > tbody > tr > th:first-child {
   padding-left: var(--TableCell--edge-paddingX-default);
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr > td:last-child,
-.cxd-Table-v2 .cxd-Table-table > tbody > tr > th:last-child {
+.cxd-Table2 .cxd-Table-table > tbody > tr > td:last-child,
+.cxd-Table2 .cxd-Table-table > tbody > tr > th:last-child {
   padding-right: var(--TableCell--edge-paddingX-default);
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr .cxd-Table-cell-wrapper-prefix {
+.cxd-Table2 .cxd-Table-table > tbody > tr .cxd-Table-cell-wrapper-prefix {
   display: flex;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr .cxd-Table-cell-wrapper-prefix .cxd-Table-expandBtn {
+.cxd-Table2 .cxd-Table-table > tbody > tr .cxd-Table-cell-wrapper-prefix .cxd-Table-expandBtn {
   margin-right: 5px;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr .cxd-Table-cell-height-large {
+.cxd-Table2 .cxd-Table-table > tbody > tr .cxd-Table-cell-height-large {
   height: var(--TableCell-line-height-large);
   line-height: var(--TableCell-line-height-large);
   overflow: hidden;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr .cxd-Table-cell-height-middle {
+.cxd-Table2 .cxd-Table-table > tbody > tr .cxd-Table-cell-height-middle {
   height: var(--TableCell-line-height-middle);
   line-height: var(--TableCell-line-height-middle);
   overflow: hidden;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.cxd-Table-tr--odd {
+.cxd-Table2 .cxd-Table-table > tbody > tr.cxd-Table-tr--odd {
   background: var(--Table-strip-bg);
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.cxd-Table-tr--hasItemAction:hover {
+.cxd-Table2 .cxd-Table-table > tbody > tr.cxd-Table-tr--hasItemAction:hover {
   cursor: pointer;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr:hover, .cxd-Table-v2 .cxd-Table-table > tbody > tr.is-hovered {
+.cxd-Table2 .cxd-Table-table > tbody > tr:hover, .cxd-Table2 .cxd-Table-table > tbody > tr.is-hovered {
   background: var(--Table-onHover-bg);
   border-color: var(--Table-onHover-borderColor);
   color: var(--Table-onHover-color);
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr:hover + tr, .cxd-Table-v2 .cxd-Table-table > tbody > tr.is-hovered + tr {
+.cxd-Table2 .cxd-Table-table > tbody > tr:hover + tr, .cxd-Table2 .cxd-Table-table > tbody > tr.is-hovered + tr {
   border-color: var(--Table-onHover-borderColor);
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.is-checked {
+.cxd-Table2 .cxd-Table-table > tbody > tr.is-checked {
   background: var(--Table-onChecked-bg);
   border-color: var(--Table-onChecked-borderColor);
   color: var(--Table-onChecked-color);
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.is-checked + tr {
+.cxd-Table2 .cxd-Table-table > tbody > tr.is-checked + tr {
   border-color: var(--Table-onChecked-borderColor);
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.is-moved, .cxd-Table-v2 .cxd-Table-table > tbody > tr.is-modified {
+.cxd-Table2 .cxd-Table-table > tbody > tr.is-moved, .cxd-Table2 .cxd-Table-table > tbody > tr.is-modified {
   background: var(--Table-onModified-bg);
   border-color: var(--Table-onModified-borderColor);
   color: var(--Table-onModified-color);
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.is-moved + tr, .cxd-Table-v2 .cxd-Table-table > tbody > tr.is-modified + tr {
+.cxd-Table2 .cxd-Table-table > tbody > tr.is-moved + tr, .cxd-Table2 .cxd-Table-table > tbody > tr.is-modified + tr {
   border-color: var(--Table-onModified-borderColor);
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.is-summary {
+.cxd-Table2 .cxd-Table-table > tbody > tr.is-summary {
   background: var(--Table-thead-bg);
   color: var(--Table-thead-color);
   font-weight: var(--fontWeightNormal);
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-light {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-light {
   background-color: #eaf6fe;
   color: #151a26;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-light.lt, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-light .lt {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-light.lt, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-light .lt {
   background: #f4fafe;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-light.lter, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-light .lter {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-light.lter, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-light .lter {
   background: #f9fcff;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-light.dk, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-light .dk {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-light.dk, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-light .dk {
   background: #dbf0fe;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-light.dker, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-light .dker {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-light.dker, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-light .dker {
   background: #d0ecfe;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-light.bg, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-light .bg {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-light.bg, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-light .bg {
   background-color: #eaf6fe;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-dark {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark {
   background-color: #343a40;
   color: #a0a0a0;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-dark.lt, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-dark .lt {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark.lt, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark .lt {
   background: #41474c;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-dark.lter, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-dark .lter {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark.lter, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark .lter {
   background: #4f5458;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-dark.dk, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-dark .dk {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark.dk, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark .dk {
   background: #272d33;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-dark.dker, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-dark .dker {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark.dker, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark .dker {
   background: #1c2125;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-dark.bg, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-dark .bg {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark.bg, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark .bg {
   background-color: #343a40;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-dark a, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-dark .cxd-Button--link {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark a, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark .cxd-Button--link {
   color: #b9baba;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-dark a:hover, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-dark .cxd-Button--link:hover {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark a:hover, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark .cxd-Button--link:hover {
   color: #fff;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-dark .open > a, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-dark .open > a:hover, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-dark .open > a:focus {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark .open > a, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark .open > a:hover, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark .open > a:focus {
   color: #fff;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-dark .text-muted {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark .text-muted {
   color: #030405 !important;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-dark .text-lt {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark .text-lt {
   color: #425278 !important;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-black {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-black {
   background-color: #000;
   color: #666666;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-black.lt, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-black .lt {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-black.lt, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-black .lt {
   background: #0d0d0d;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-black.lter, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-black .lter {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-black.lter, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-black .lter {
   background: #1a1a1a;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-black.dk, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-black .dk {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-black.dk, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-black .dk {
   background: black;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-black.dker, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-black .dker {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-black.dker, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-black .dker {
   background: black;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-black.bg, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-black .bg {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-black.bg, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-black .bg {
   background-color: #000;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-black a, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-black .cxd-Button--link {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-black a, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-black .cxd-Button--link {
   color: gray;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-black a:hover, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-black .cxd-Button--link:hover {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-black a:hover, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-black .cxd-Button--link:hover {
   color: #fff;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-black .open > a, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-black .open > a:hover, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-black .open > a:focus {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-black .open > a, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-black .open > a:hover, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-black .open > a:focus {
   color: #fff;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-black .text-muted {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-black .text-muted {
   color: #030405 !important;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-black .text-lt {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-black .text-lt {
   color: #425278 !important;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-primary {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-primary {
   background-color: #2468f2;
   color: #e6edfc;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-primary.lt, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-primary .lt {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-primary.lt, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-primary .lt {
   background: #3f79f1;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-primary.lter, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-primary .lter {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-primary.lter, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-primary .lter {
   background: #598bf0;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-primary.dk, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-primary .dk {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-primary.dk, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-primary .dk {
   background: #0b57f2;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-primary.dker, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-primary .dker {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-primary.dker, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-primary .dker {
   background: #074ddc;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-primary.bg, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-primary .bg {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-primary.bg, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-primary .bg {
   background-color: #2468f2;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-primary a, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-primary .cxd-Button--link {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-primary a, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-primary .cxd-Button--link {
   color: white;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-primary a:hover, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-primary .cxd-Button--link:hover {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-primary a:hover, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-primary .cxd-Button--link:hover {
   color: #fff;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-primary .open > a, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-primary .open > a:hover, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-primary .open > a:focus {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-primary .open > a, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-primary .open > a:hover, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-primary .open > a:focus {
   color: #fff;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-primary .text-muted {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-primary .text-muted {
   color: #030405 !important;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-primary .text-lt {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-primary .text-lt {
   color: #425278 !important;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-success {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-success {
   background-color: #30bf13;
   color: #b8f2ac;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-success.lt, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-success .lt {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-success.lt, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-success .lt {
   background: #38d318;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-success.lter, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-success .lter {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-success.lter, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-success .lter {
   background: #43e223;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-success.dk, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-success .dk {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-success.dk, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-success .dk {
   background: #29aa0e;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-success.dker, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-success .dker {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-success.dker, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-success .dker {
   background: #22950a;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-success.bg, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-success .bg {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-success.bg, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-success .bg {
   background-color: #30bf13;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-success a, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-success .cxd-Button--link {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-success a, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-success .cxd-Button--link {
   color: #def9d8;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-success a:hover, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-success .cxd-Button--link:hover {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-success a:hover, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-success .cxd-Button--link:hover {
   color: #fff;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-success .open > a, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-success .open > a:hover, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-success .open > a:focus {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-success .open > a, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-success .open > a:hover, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-success .open > a:focus {
   color: #fff;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-success .text-muted {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-success .text-muted {
   color: #030405 !important;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-success .text-lt {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-success .text-lt {
   color: #425278 !important;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-info {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-info {
   background-color: #2468f2;
   color: #e6edfc;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-info.lt, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-info .lt {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-info.lt, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-info .lt {
   background: #3f79f1;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-info.lter, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-info .lter {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-info.lter, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-info .lter {
   background: #598bf0;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-info.dk, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-info .dk {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-info.dk, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-info .dk {
   background: #0b57f2;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-info.dker, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-info .dker {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-info.dker, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-info .dker {
   background: #074ddc;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-info.bg, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-info .bg {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-info.bg, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-info .bg {
   background-color: #2468f2;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-info a, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-info .cxd-Button--link {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-info a, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-info .cxd-Button--link {
   color: white;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-info a:hover, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-info .cxd-Button--link:hover {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-info a:hover, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-info .cxd-Button--link:hover {
   color: #fff;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-info .open > a, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-info .open > a:hover, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-info .open > a:focus {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-info .open > a, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-info .open > a:hover, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-info .open > a:focus {
   color: #fff;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-info .text-muted {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-info .text-muted {
   color: #030405 !important;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-info .text-lt {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-info .text-lt {
   color: #425278 !important;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-warning {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning {
   background-color: #ff9326;
   color: #fef9f3;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-warning.lt, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-warning .lt {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning.lt, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning .lt {
   background: #fda042;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-warning.lter, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-warning .lter {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning.lter, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning .lter {
   background: #fbac5d;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-warning.dk, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-warning .dk {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning.dk, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning .dk {
   background: #ff860d;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-warning.dker, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-warning .dker {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning.dker, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning .dker {
   background: #f27a00;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-warning.bg, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-warning .bg {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning.bg, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning .bg {
   background-color: #ff9326;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-warning a, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-warning .cxd-Button--link {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning a, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning .cxd-Button--link {
   color: white;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-warning a:hover, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-warning .cxd-Button--link:hover {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning a:hover, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning .cxd-Button--link:hover {
   color: #fff;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-warning .open > a, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-warning .open > a:hover, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-warning .open > a:focus {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning .open > a, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning .open > a:hover, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning .open > a:focus {
   color: #fff;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-warning .text-muted {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning .text-muted {
   color: #030405 !important;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-warning .text-lt {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning .text-lt {
   color: #425278 !important;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-danger {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger {
   background-color: #f33e3e;
   color: #fffefe;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-danger.lt, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-danger .lt {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger.lt, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger .lt {
   background: #f25858;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-danger.lter, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-danger .lter {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger.lter, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger .lter {
   background: #f27272;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-danger.dk, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-danger .dk {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger.dk, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger .dk {
   background: #f42323;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-danger.dker, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-danger .dker {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger.dker, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger .dker {
   background: #f50909;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-danger.bg, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-danger .bg {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger.bg, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger .bg {
   background-color: #f33e3e;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-danger a, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-danger .cxd-Button--link {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger a, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger .cxd-Button--link {
   color: white;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-danger a:hover, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-danger .cxd-Button--link:hover {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger a:hover, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger .cxd-Button--link:hover {
   color: #fff;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-danger .open > a, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-danger .open > a:hover, .cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-danger .open > a:focus {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger .open > a, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger .open > a:hover, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger .open > a:focus {
   color: #fff;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-danger .text-muted {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger .text-muted {
   color: #030405 !important;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.bg-danger .text-lt {
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger .text-lt {
   color: #425278 !important;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.is-dragging {
+.cxd-Table2 .cxd-Table-table > tbody > tr.is-dragging {
   opacity: var(--Table-onDragging-opacity);
 }
-.cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--2th.is-expanded .cxd-Table-expandCell:before {
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--2th.is-expanded .cxd-Table-expandCell:before {
   right: -0.6875rem;
 }
-.cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--2th .cxd-Table-expandBtn {
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--2th .cxd-Table-expandBtn {
   position: relative;
   right: -1.125rem;
 }
-.cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--2th .cxd-Table-expandCell + td {
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--2th .cxd-Table-expandCell + td {
   position: relative;
   padding-left: 1.125rem;
 }
-.cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--2th .cxd-Table-expandCell + td::before {
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--2th .cxd-Table-expandCell + td::before {
   content: "";
   position: absolute;
   width: 0.0625rem;
@@ -16967,7 +17210,7 @@ input[type=button].cxd-Button--block {
   height: auto;
   background: var(--Table-tree-borderColor);
 }
-.cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--2th .cxd-Table-expandCell + td::after {
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--2th .cxd-Table-expandCell + td::after {
   content: "";
   position: absolute;
   height: 0.0625rem;
@@ -16976,25 +17219,25 @@ input[type=button].cxd-Button--block {
   width: 0.625rem;
   background: var(--Table-tree-borderColor);
 }
-.cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--2th.is-expandable .cxd-Table-expandCell + td {
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--2th.is-expandable .cxd-Table-expandCell + td {
   padding-left: 1.125rem;
 }
-.cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--2th.is-last:not(.is-expanded) .cxd-Table-expandCell + td::before {
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--2th.is-last:not(.is-expanded) .cxd-Table-expandCell + td::before {
   height: 50%;
   bottom: auto;
 }
-.cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--3th.is-expanded .cxd-Table-expandCell:before {
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--3th.is-expanded .cxd-Table-expandCell:before {
   right: -1.8125rem;
 }
-.cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--3th .cxd-Table-expandBtn {
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--3th .cxd-Table-expandBtn {
   position: relative;
   right: -2.25rem;
 }
-.cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--3th .cxd-Table-expandCell + td {
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--3th .cxd-Table-expandCell + td {
   position: relative;
   padding-left: 2.25rem;
 }
-.cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--3th .cxd-Table-expandCell + td::before {
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--3th .cxd-Table-expandCell + td::before {
   content: "";
   position: absolute;
   width: 0.0625rem;
@@ -17004,7 +17247,7 @@ input[type=button].cxd-Button--block {
   height: auto;
   background: var(--Table-tree-borderColor);
 }
-.cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--3th .cxd-Table-expandCell + td::after {
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--3th .cxd-Table-expandCell + td::after {
   content: "";
   position: absolute;
   height: 0.0625rem;
@@ -17013,25 +17256,25 @@ input[type=button].cxd-Button--block {
   width: 0.625rem;
   background: var(--Table-tree-borderColor);
 }
-.cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--3th.is-expandable .cxd-Table-expandCell + td {
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--3th.is-expandable .cxd-Table-expandCell + td {
   padding-left: 2.25rem;
 }
-.cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--3th.is-last:not(.is-expanded) .cxd-Table-expandCell + td::before {
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--3th.is-last:not(.is-expanded) .cxd-Table-expandCell + td::before {
   height: 50%;
   bottom: auto;
 }
-.cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--4th.is-expanded .cxd-Table-expandCell:before {
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--4th.is-expanded .cxd-Table-expandCell:before {
   right: -2.9375rem;
 }
-.cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--4th .cxd-Table-expandBtn {
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--4th .cxd-Table-expandBtn {
   position: relative;
   right: -3.375rem;
 }
-.cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--4th .cxd-Table-expandCell + td {
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--4th .cxd-Table-expandCell + td {
   position: relative;
   padding-left: 3.375rem;
 }
-.cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--4th .cxd-Table-expandCell + td::before {
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--4th .cxd-Table-expandCell + td::before {
   content: "";
   position: absolute;
   width: 0.0625rem;
@@ -17041,7 +17284,7 @@ input[type=button].cxd-Button--block {
   height: auto;
   background: var(--Table-tree-borderColor);
 }
-.cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--4th .cxd-Table-expandCell + td::after {
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--4th .cxd-Table-expandCell + td::after {
   content: "";
   position: absolute;
   height: 0.0625rem;
@@ -17050,25 +17293,25 @@ input[type=button].cxd-Button--block {
   width: 0.625rem;
   background: var(--Table-tree-borderColor);
 }
-.cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--4th.is-expandable .cxd-Table-expandCell + td {
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--4th.is-expandable .cxd-Table-expandCell + td {
   padding-left: 3.375rem;
 }
-.cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--4th.is-last:not(.is-expanded) .cxd-Table-expandCell + td::before {
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--4th.is-last:not(.is-expanded) .cxd-Table-expandCell + td::before {
   height: 50%;
   bottom: auto;
 }
-.cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--5th.is-expanded .cxd-Table-expandCell:before {
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--5th.is-expanded .cxd-Table-expandCell:before {
   right: -4.0625rem;
 }
-.cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--5th .cxd-Table-expandBtn {
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--5th .cxd-Table-expandBtn {
   position: relative;
   right: -4.5rem;
 }
-.cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--5th .cxd-Table-expandCell + td {
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--5th .cxd-Table-expandCell + td {
   position: relative;
   padding-left: 4.5rem;
 }
-.cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--5th .cxd-Table-expandCell + td::before {
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--5th .cxd-Table-expandCell + td::before {
   content: "";
   position: absolute;
   width: 0.0625rem;
@@ -17078,7 +17321,7 @@ input[type=button].cxd-Button--block {
   height: auto;
   background: var(--Table-tree-borderColor);
 }
-.cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--5th .cxd-Table-expandCell + td::after {
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--5th .cxd-Table-expandCell + td::after {
   content: "";
   position: absolute;
   height: 0.0625rem;
@@ -17087,25 +17330,25 @@ input[type=button].cxd-Button--block {
   width: 0.625rem;
   background: var(--Table-tree-borderColor);
 }
-.cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--5th.is-expandable .cxd-Table-expandCell + td {
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--5th.is-expandable .cxd-Table-expandCell + td {
   padding-left: 4.5rem;
 }
-.cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--5th.is-last:not(.is-expanded) .cxd-Table-expandCell + td::before {
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--5th.is-last:not(.is-expanded) .cxd-Table-expandCell + td::before {
   height: 50%;
   bottom: auto;
 }
-.cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--6th.is-expanded .cxd-Table-expandCell:before {
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--6th.is-expanded .cxd-Table-expandCell:before {
   right: -5.1875rem;
 }
-.cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--6th .cxd-Table-expandBtn {
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--6th .cxd-Table-expandBtn {
   position: relative;
   right: -5.625rem;
 }
-.cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--6th .cxd-Table-expandCell + td {
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--6th .cxd-Table-expandCell + td {
   position: relative;
   padding-left: 5.625rem;
 }
-.cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--6th .cxd-Table-expandCell + td::before {
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--6th .cxd-Table-expandCell + td::before {
   content: "";
   position: absolute;
   width: 0.0625rem;
@@ -17115,7 +17358,7 @@ input[type=button].cxd-Button--block {
   height: auto;
   background: var(--Table-tree-borderColor);
 }
-.cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--6th .cxd-Table-expandCell + td::after {
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--6th .cxd-Table-expandCell + td::after {
   content: "";
   position: absolute;
   height: 0.0625rem;
@@ -17124,25 +17367,25 @@ input[type=button].cxd-Button--block {
   width: 0.625rem;
   background: var(--Table-tree-borderColor);
 }
-.cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--6th.is-expandable .cxd-Table-expandCell + td {
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--6th.is-expandable .cxd-Table-expandCell + td {
   padding-left: 5.625rem;
 }
-.cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--6th.is-last:not(.is-expanded) .cxd-Table-expandCell + td::before {
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--6th.is-last:not(.is-expanded) .cxd-Table-expandCell + td::before {
   height: 50%;
   bottom: auto;
 }
-.cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--7th.is-expanded .cxd-Table-expandCell:before {
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--7th.is-expanded .cxd-Table-expandCell:before {
   right: -6.3125rem;
 }
-.cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--7th .cxd-Table-expandBtn {
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--7th .cxd-Table-expandBtn {
   position: relative;
   right: -6.75rem;
 }
-.cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--7th .cxd-Table-expandCell + td {
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--7th .cxd-Table-expandCell + td {
   position: relative;
   padding-left: 6.75rem;
 }
-.cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--7th .cxd-Table-expandCell + td::before {
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--7th .cxd-Table-expandCell + td::before {
   content: "";
   position: absolute;
   width: 0.0625rem;
@@ -17152,7 +17395,7 @@ input[type=button].cxd-Button--block {
   height: auto;
   background: var(--Table-tree-borderColor);
 }
-.cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--7th .cxd-Table-expandCell + td::after {
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--7th .cxd-Table-expandCell + td::after {
   content: "";
   position: absolute;
   height: 0.0625rem;
@@ -17161,25 +17404,25 @@ input[type=button].cxd-Button--block {
   width: 0.625rem;
   background: var(--Table-tree-borderColor);
 }
-.cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--7th.is-expandable .cxd-Table-expandCell + td {
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--7th.is-expandable .cxd-Table-expandCell + td {
   padding-left: 6.75rem;
 }
-.cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--7th.is-last:not(.is-expanded) .cxd-Table-expandCell + td::before {
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--7th.is-last:not(.is-expanded) .cxd-Table-expandCell + td::before {
   height: 50%;
   bottom: auto;
 }
-.cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--8th.is-expanded .cxd-Table-expandCell:before {
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--8th.is-expanded .cxd-Table-expandCell:before {
   right: -7.4375rem;
 }
-.cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--8th .cxd-Table-expandBtn {
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--8th .cxd-Table-expandBtn {
   position: relative;
   right: -7.875rem;
 }
-.cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--8th .cxd-Table-expandCell + td {
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--8th .cxd-Table-expandCell + td {
   position: relative;
   padding-left: 7.875rem;
 }
-.cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--8th .cxd-Table-expandCell + td::before {
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--8th .cxd-Table-expandCell + td::before {
   content: "";
   position: absolute;
   width: 0.0625rem;
@@ -17189,7 +17432,7 @@ input[type=button].cxd-Button--block {
   height: auto;
   background: var(--Table-tree-borderColor);
 }
-.cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--8th .cxd-Table-expandCell + td::after {
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--8th .cxd-Table-expandCell + td::after {
   content: "";
   position: absolute;
   height: 0.0625rem;
@@ -17198,25 +17441,25 @@ input[type=button].cxd-Button--block {
   width: 0.625rem;
   background: var(--Table-tree-borderColor);
 }
-.cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--8th.is-expandable .cxd-Table-expandCell + td {
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--8th.is-expandable .cxd-Table-expandCell + td {
   padding-left: 7.875rem;
 }
-.cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--8th.is-last:not(.is-expanded) .cxd-Table-expandCell + td::before {
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--8th.is-last:not(.is-expanded) .cxd-Table-expandCell + td::before {
   height: 50%;
   bottom: auto;
 }
-.cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--9th.is-expanded .cxd-Table-expandCell:before {
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--9th.is-expanded .cxd-Table-expandCell:before {
   right: -8.5625rem;
 }
-.cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--9th .cxd-Table-expandBtn {
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--9th .cxd-Table-expandBtn {
   position: relative;
   right: -9rem;
 }
-.cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--9th .cxd-Table-expandCell + td {
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--9th .cxd-Table-expandCell + td {
   position: relative;
   padding-left: 9rem;
 }
-.cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--9th .cxd-Table-expandCell + td::before {
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--9th .cxd-Table-expandCell + td::before {
   content: "";
   position: absolute;
   width: 0.0625rem;
@@ -17226,7 +17469,7 @@ input[type=button].cxd-Button--block {
   height: auto;
   background: var(--Table-tree-borderColor);
 }
-.cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--9th .cxd-Table-expandCell + td::after {
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--9th .cxd-Table-expandCell + td::after {
   content: "";
   position: absolute;
   height: 0.0625rem;
@@ -17235,25 +17478,25 @@ input[type=button].cxd-Button--block {
   width: 0.625rem;
   background: var(--Table-tree-borderColor);
 }
-.cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--9th.is-expandable .cxd-Table-expandCell + td {
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--9th.is-expandable .cxd-Table-expandCell + td {
   padding-left: 9rem;
 }
-.cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--9th.is-last:not(.is-expanded) .cxd-Table-expandCell + td::before {
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--9th.is-last:not(.is-expanded) .cxd-Table-expandCell + td::before {
   height: 50%;
   bottom: auto;
 }
-.cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--10th.is-expanded .cxd-Table-expandCell:before {
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--10th.is-expanded .cxd-Table-expandCell:before {
   right: -9.6875rem;
 }
-.cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--10th .cxd-Table-expandBtn {
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--10th .cxd-Table-expandBtn {
   position: relative;
   right: -10.125rem;
 }
-.cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--10th .cxd-Table-expandCell + td {
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--10th .cxd-Table-expandCell + td {
   position: relative;
   padding-left: 10.125rem;
 }
-.cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--10th .cxd-Table-expandCell + td::before {
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--10th .cxd-Table-expandCell + td::before {
   content: "";
   position: absolute;
   width: 0.0625rem;
@@ -17263,7 +17506,7 @@ input[type=button].cxd-Button--block {
   height: auto;
   background: var(--Table-tree-borderColor);
 }
-.cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--10th .cxd-Table-expandCell + td::after {
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--10th .cxd-Table-expandCell + td::after {
   content: "";
   position: absolute;
   height: 0.0625rem;
@@ -17272,43 +17515,43 @@ input[type=button].cxd-Button--block {
   width: 0.625rem;
   background: var(--Table-tree-borderColor);
 }
-.cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--10th.is-expandable .cxd-Table-expandCell + td {
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--10th.is-expandable .cxd-Table-expandCell + td {
   padding-left: 10.125rem;
 }
-.cxd-Table-v2 .cxd-Table-table tr.cxd-Table-tr--10th.is-last:not(.is-expanded) .cxd-Table-expandCell + td::before {
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--10th.is-last:not(.is-expanded) .cxd-Table-expandCell + td::before {
   height: 50%;
   bottom: auto;
 }
-.cxd-Table-v2 .cxd-Table-table > thead > tr > th.cxd-Table-checkCell,
-.cxd-Table-v2 .cxd-Table-table > tbody > tr > td.cxd-Table-checkCell {
+.cxd-Table2 .cxd-Table-table > thead > tr > th.cxd-Table-checkCell,
+.cxd-Table2 .cxd-Table-table > tbody > tr > td.cxd-Table-checkCell {
   border-right: 0;
   white-space: nowrap;
 }
-.cxd-Table-v2 .cxd-Table-table > thead > tr > th.cxd-Table-checkCell .cxd-Checkbox,
-.cxd-Table-v2 .cxd-Table-table > tbody > tr > td.cxd-Table-checkCell .cxd-Checkbox {
+.cxd-Table2 .cxd-Table-table > thead > tr > th.cxd-Table-checkCell .cxd-Checkbox,
+.cxd-Table2 .cxd-Table-table > tbody > tr > td.cxd-Table-checkCell .cxd-Checkbox {
   margin: 0;
 }
-.cxd-Table-v2 .cxd-Table-table > thead > tr > th.cxd-Table-expandCell,
-.cxd-Table-v2 .cxd-Table-table > tbody > tr > td.cxd-Table-expandCell {
+.cxd-Table2 .cxd-Table-table > thead > tr > th.cxd-Table-expandCell,
+.cxd-Table2 .cxd-Table-table > tbody > tr > td.cxd-Table-expandCell {
   border-right: 0;
   width: 0.0625rem;
   padding-right: 0;
 }
-.cxd-Table-v2 .cxd-Table-table > thead > tr > th.cxd-Table-dragCell,
-.cxd-Table-v2 .cxd-Table-table > tbody > tr > td.cxd-Table-dragCell {
+.cxd-Table2 .cxd-Table-table > thead > tr > th.cxd-Table-dragCell,
+.cxd-Table2 .cxd-Table-table > tbody > tr > td.cxd-Table-dragCell {
   border-right: 0;
   width: 0.0625rem;
   padding-right: 0;
   cursor: move;
 }
-.cxd-Table-v2 .cxd-Table-table > thead > tr > th.cxd-Table-dragCell > svg,
-.cxd-Table-v2 .cxd-Table-table > tbody > tr > td.cxd-Table-dragCell > svg {
+.cxd-Table2 .cxd-Table-table > thead > tr > th.cxd-Table-dragCell > svg,
+.cxd-Table2 .cxd-Table-table > tbody > tr > td.cxd-Table-dragCell > svg {
   vertical-align: middle;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr > td.cxd-Table-expandCell {
+.cxd-Table2 .cxd-Table-table > tbody > tr > td.cxd-Table-expandCell {
   position: relative;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr > td.cxd-Table-expandCell .cxd-Table-divider-1 {
+.cxd-Table2 .cxd-Table-table > tbody > tr > td.cxd-Table-expandCell .cxd-Table-divider-1 {
   position: absolute;
   width: 0.0625rem;
   top: 0;
@@ -17317,7 +17560,7 @@ input[type=button].cxd-Button--block {
   background: var(--Table-tree-borderColor);
   right: 0.4375rem;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr > td.cxd-Table-expandCell .cxd-Table-divider-2 {
+.cxd-Table2 .cxd-Table-table > tbody > tr > td.cxd-Table-expandCell .cxd-Table-divider-2 {
   position: absolute;
   width: 0.0625rem;
   top: 0;
@@ -17326,7 +17569,7 @@ input[type=button].cxd-Button--block {
   background: var(--Table-tree-borderColor);
   right: -0.6875rem;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr > td.cxd-Table-expandCell .cxd-Table-divider-3 {
+.cxd-Table2 .cxd-Table-table > tbody > tr > td.cxd-Table-expandCell .cxd-Table-divider-3 {
   position: absolute;
   width: 0.0625rem;
   top: 0;
@@ -17335,7 +17578,7 @@ input[type=button].cxd-Button--block {
   background: var(--Table-tree-borderColor);
   right: -1.8125rem;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr > td.cxd-Table-expandCell .cxd-Table-divider-4 {
+.cxd-Table2 .cxd-Table-table > tbody > tr > td.cxd-Table-expandCell .cxd-Table-divider-4 {
   position: absolute;
   width: 0.0625rem;
   top: 0;
@@ -17344,7 +17587,7 @@ input[type=button].cxd-Button--block {
   background: var(--Table-tree-borderColor);
   right: -2.9375rem;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr > td.cxd-Table-expandCell .cxd-Table-divider-5 {
+.cxd-Table2 .cxd-Table-table > tbody > tr > td.cxd-Table-expandCell .cxd-Table-divider-5 {
   position: absolute;
   width: 0.0625rem;
   top: 0;
@@ -17353,7 +17596,7 @@ input[type=button].cxd-Button--block {
   background: var(--Table-tree-borderColor);
   right: -4.0625rem;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr > td.cxd-Table-expandCell .cxd-Table-divider-6 {
+.cxd-Table2 .cxd-Table-table > tbody > tr > td.cxd-Table-expandCell .cxd-Table-divider-6 {
   position: absolute;
   width: 0.0625rem;
   top: 0;
@@ -17362,7 +17605,7 @@ input[type=button].cxd-Button--block {
   background: var(--Table-tree-borderColor);
   right: -5.1875rem;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr > td.cxd-Table-expandCell .cxd-Table-divider-7 {
+.cxd-Table2 .cxd-Table-table > tbody > tr > td.cxd-Table-expandCell .cxd-Table-divider-7 {
   position: absolute;
   width: 0.0625rem;
   top: 0;
@@ -17371,7 +17614,7 @@ input[type=button].cxd-Button--block {
   background: var(--Table-tree-borderColor);
   right: -6.3125rem;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.is-expanded > td.cxd-Table-expandCell::before {
+.cxd-Table2 .cxd-Table-table > tbody > tr.is-expanded > td.cxd-Table-expandCell::before {
   content: "";
   position: absolute;
   width: 0.0625rem;
@@ -17381,30 +17624,30 @@ input[type=button].cxd-Button--block {
   height: auto;
   background: var(--Table-tree-borderColor);
 }
-.cxd-Table-v2 .cxd-Table-table > thead > tr > th.cxd-TableCell--sortable {
-  padding-right: calc( var(--TableCell-paddingX) + var(--TableCell-sortBtn-width) );
+.cxd-Table2 .cxd-Table-table > thead > tr > th.cxd-TableCell--sortable {
+  padding-right: calc(var(--TableCell-paddingX) + var(--TableCell-sortBtn-width));
   position: relative;
 }
-.cxd-Table-v2 .cxd-Table-table > thead > tr > th.cxd-TableCell--searchable {
-  padding-right: calc( var(--TableCell-paddingX) + var(--TableCell-searchBtn-width) );
+.cxd-Table2 .cxd-Table-table > thead > tr > th.cxd-TableCell--searchable {
+  padding-right: calc(var(--TableCell-paddingX) + var(--TableCell-searchBtn-width));
   position: relative;
 }
-.cxd-Table-v2 .cxd-Table-table > thead > tr > th.cxd-TableCell--filterable {
-  padding-right: calc( var(--TableCell-paddingX) + var(--TableCell-filterBtn-width) );
+.cxd-Table2 .cxd-Table-table > thead > tr > th.cxd-TableCell--filterable {
+  padding-right: calc(var(--TableCell-paddingX) + var(--TableCell-filterBtn-width));
   position: relative;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.cxd-Table-row-disabled {
+.cxd-Table2 .cxd-Table-table > tbody > tr.cxd-Table-row-disabled {
   background: var(--TableRow-onDisabled-bg);
   color: var(--TableRow-onDisabled-color);
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr:not(.cxd-Table-row-disabled) > td.cxd-Table-cell-row-hover {
+.cxd-Table2 .cxd-Table-table > tbody > tr:not(.cxd-Table-row-disabled) > td.cxd-Table-cell-row-hover {
   background: var(--Table-onHover-bg);
   border-color: var(--Table-onHover-borderColor);
   color: var(--Table-onHover-color);
 }
-.cxd-Table-v2 .cxd-Table-table > thead > tr > th.cxd-Table-cell-fix-left-last:after,
-.cxd-Table-v2 .cxd-Table-table > tbody > tr > td.cxd-Table-cell-fix-left-last:after,
-.cxd-Table-v2 .cxd-Table-table > tfoot > tr > td.cxd-Table-cell-fix-left-last:after {
+.cxd-Table2 .cxd-Table-table > thead > tr > th.cxd-Table-cell-fix-left-last:after,
+.cxd-Table2 .cxd-Table-table > tbody > tr > td.cxd-Table-cell-fix-left-last:after,
+.cxd-Table2 .cxd-Table-table > tfoot > tr > td.cxd-Table-cell-fix-left-last:after {
   position: absolute;
   top: 0;
   right: 0;
@@ -17415,9 +17658,9 @@ input[type=button].cxd-Button--block {
   content: "";
   pointer-events: none;
 }
-.cxd-Table-v2 .cxd-Table-table > thead > tr > th.cxd-Table-cell-fix-right-first:after,
-.cxd-Table-v2 .cxd-Table-table > tbody > tr > td.cxd-Table-cell-fix-right-first:after,
-.cxd-Table-v2 .cxd-Table-table > tfoot > tr > td.cxd-Table-cell-fix-right-last:after {
+.cxd-Table2 .cxd-Table-table > thead > tr > th.cxd-Table-cell-fix-right-first:after,
+.cxd-Table2 .cxd-Table-table > tbody > tr > td.cxd-Table-cell-fix-right-first:after,
+.cxd-Table2 .cxd-Table-table > tfoot > tr > td.cxd-Table-cell-fix-right-last:after {
   position: absolute;
   top: 0;
   bottom: -1px;
@@ -17428,63 +17671,63 @@ input[type=button].cxd-Button--block {
   content: "";
   pointer-events: none;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr > td.cxd-Table-cell-expand-icon-cell {
+.cxd-Table2 .cxd-Table-table > tbody > tr > td.cxd-Table-cell-expand-icon-cell {
   text-align: center;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr > td.cxd-Table-cell-expand-icon-cell .cxd-Table-row-indent {
+.cxd-Table2 .cxd-Table-table > tbody > tr > td.cxd-Table-cell-expand-icon-cell .cxd-Table-row-indent {
   height: 1px;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.cxd-Table-expanded-row > td {
+.cxd-Table2 .cxd-Table-table > tbody > tr.cxd-Table-expanded-row > td {
   background: var(--Table-onHover-bg);
 }
-.cxd-Table-v2 .cxd-Table-table > tfoot > tr {
+.cxd-Table2 .cxd-Table-table > tfoot > tr {
   border-bottom: var(--Table-borderWidth) solid var(--Table-borderColor);
 }
-.cxd-Table-v2 .cxd-Table-table > tfoot > tr > td {
+.cxd-Table2 .cxd-Table-table > tfoot > tr > td {
   padding: var(--TableCell-paddingY-default) var(--TableCell-paddingX);
   background: var(--Table-thead-bg);
 }
-.cxd-Table-v2 .cxd-Table-container .cxd-Table-header {
+.cxd-Table2 .cxd-Table-container .cxd-Table-header {
   padding: 0;
 }
-.cxd-Table-v2.cxd-Table-ping-left .cxd-Table-table > thead > tr > th.cxd-Table-cell-fix-left-last:after,
-.cxd-Table-v2.cxd-Table-ping-left .cxd-Table-table > tbody > tr > td.cxd-Table-cell-fix-left-last:after,
-.cxd-Table-v2.cxd-Table-ping-left .cxd-Table-table > tfoot > tr > td.cxd-Table-cell-fix-left-last:after {
+.cxd-Table2.cxd-Table-ping-left .cxd-Table-table > thead > tr > th.cxd-Table-cell-fix-left-last:after,
+.cxd-Table2.cxd-Table-ping-left .cxd-Table-table > tbody > tr > td.cxd-Table-cell-fix-left-last:after,
+.cxd-Table2.cxd-Table-ping-left .cxd-Table-table > tfoot > tr > td.cxd-Table-cell-fix-left-last:after {
   box-shadow: var(--Table-fixedLeftLast-boxShadow);
 }
-.cxd-Table-v2.cxd-Table-ping-left .cxd-Table-table > tbody > tr:not(.cxd-Table-row-disabled) > td.cxd-Table-cell-fix-left {
+.cxd-Table2.cxd-Table-ping-left .cxd-Table-table > tbody > tr:not(.cxd-Table-row-disabled) > td.cxd-Table-cell-fix-left {
   border-right: none;
 }
-.cxd-Table-v2.cxd-Table-ping-left .cxd-Table-table > tbody > tr:not(.cxd-Table-row-disabled) > td.cxd-Table-cell-fix-left:not(.cxd-Table-cell-row-hover) {
+.cxd-Table2.cxd-Table-ping-left .cxd-Table-table > tbody > tr:not(.cxd-Table-row-disabled) > td.cxd-Table-cell-fix-left:not(.cxd-Table-cell-row-hover) {
   background: #fff;
 }
-.cxd-Table-v2.cxd-Table-ping-left .cxd-Table-table > tfoot > tr > td:not(:last-child).cxd-Table-cell-fix-left-last {
+.cxd-Table2.cxd-Table-ping-left .cxd-Table-table > tfoot > tr > td:not(:last-child).cxd-Table-cell-fix-left-last {
   border-right: none;
 }
-.cxd-Table-v2.cxd-Table-ping-left .cxd-Table-table > thead > tr > th:not(:last-child):not(:first-child).cxd-Table-cell-fix-left-last {
+.cxd-Table2.cxd-Table-ping-left .cxd-Table-table > thead > tr > th:not(:last-child):not(:first-child).cxd-Table-cell-fix-left-last {
   border-right: none;
 }
-.cxd-Table-v2.cxd-Table-ping-right .cxd-Table-table > thead > tr > th.cxd-Table-cell-fix-right-first:after,
-.cxd-Table-v2.cxd-Table-ping-right .cxd-Table-table > tbody > tr > td.cxd-Table-cell-fix-right-first:after,
-.cxd-Table-v2.cxd-Table-ping-right .cxd-Table-table > tfoot > tr > td.cxd-Table-cell-fix-right-first:after {
+.cxd-Table2.cxd-Table-ping-right .cxd-Table-table > thead > tr > th.cxd-Table-cell-fix-right-first:after,
+.cxd-Table2.cxd-Table-ping-right .cxd-Table-table > tbody > tr > td.cxd-Table-cell-fix-right-first:after,
+.cxd-Table2.cxd-Table-ping-right .cxd-Table-table > tfoot > tr > td.cxd-Table-cell-fix-right-first:after {
   box-shadow: var(--Table-fixedRightFirst-boxShadow);
 }
-.cxd-Table-v2.cxd-Table-ping-right .cxd-Table-table > tbody > tr:not(.cxd-Table-row-disabled) > td.cxd-Table-cell-fix-right {
+.cxd-Table2.cxd-Table-ping-right .cxd-Table-table > tbody > tr:not(.cxd-Table-row-disabled) > td.cxd-Table-cell-fix-right {
   border-right: none;
 }
-.cxd-Table-v2.cxd-Table-ping-right .cxd-Table-table > tbody > tr:not(.cxd-Table-row-disabled) > td.cxd-Table-cell-fix-right:not(.cxd-Table-cell-row-hover) {
+.cxd-Table2.cxd-Table-ping-right .cxd-Table-table > tbody > tr:not(.cxd-Table-row-disabled) > td.cxd-Table-cell-fix-right:not(.cxd-Table-cell-row-hover) {
   background: #fff;
 }
-.cxd-Table-v2.cxd-Table-ping-right:not(.cxd-Table-bordered) .cxd-Table-table > thead > tr > th.cxd-Table-cell-fix-right-first-prev {
+.cxd-Table2.cxd-Table-ping-right:not(.cxd-Table-bordered) .cxd-Table-table > thead > tr > th.cxd-Table-cell-fix-right-first-prev {
   border-right: none;
 }
-.cxd-Table-v2.cxd-Table-ping-right:not(.cxd-Table-bordered) .cxd-Table-table > thead > tr > th:not(:last-child).cxd-Table-cell-fix-right-first {
+.cxd-Table2.cxd-Table-ping-right:not(.cxd-Table-bordered) .cxd-Table-table > thead > tr > th:not(:last-child).cxd-Table-cell-fix-right-first {
   border-right: none;
 }
-.cxd-Table-v2.cxd-Table-resizable .cxd-Table-table > thead > tr > th {
+.cxd-Table2.cxd-Table-resizable .cxd-Table-table > thead > tr > th {
   position: relative;
 }
-.cxd-Table-v2.cxd-Table-resizable .cxd-Table-table > thead > tr > th .cxd-Table-thead-resizable {
+.cxd-Table2.cxd-Table-resizable .cxd-Table-table > thead > tr > th .cxd-Table-thead-resizable {
   position: absolute;
   width: 7px;
   right: -4px;
@@ -17492,16 +17735,15 @@ input[type=button].cxd-Button--block {
   bottom: 0;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   cursor: col-resize;
   z-index: 3000;
 }
-.cxd-Table-v2 .cxd-Table-loading {
+.cxd-Table2 .cxd-Table-loading {
   padding: var(--Table-loading-padding);
   text-align: center;
 }
-.cxd-Table-v2 .cxd-TableCell-sortBtn {
+.cxd-Table2 .cxd-TableCell-sortBtn {
   cursor: pointer;
   width: var(--TableCell-sortBtn-width);
   height: var(--gap-md);
@@ -17511,55 +17753,55 @@ input[type=button].cxd-Button--block {
   color: var(--icon-color);
   margin-left: var(--TableCell-icon-gap);
 }
-.cxd-Table-v2 .cxd-TableCell-sortBtn:hover {
+.cxd-Table2 .cxd-TableCell-sortBtn:hover {
   color: var(--icon-onHover-color);
 }
-.cxd-Table-v2 .cxd-TableCell-sortBtn--up > svg, .cxd-Table-v2 .cxd-TableCell-sortBtn--down > svg, .cxd-Table-v2 .cxd-TableCell-sortBtn--default > svg {
+.cxd-Table2 .cxd-TableCell-sortBtn--up > svg, .cxd-Table2 .cxd-TableCell-sortBtn--down > svg, .cxd-Table2 .cxd-TableCell-sortBtn--default > svg {
   color: inherit;
   width: 13px;
   height: 13px;
 }
-.cxd-Table-v2 .cxd-TableCell-sortBtn--up, .cxd-Table-v2 .cxd-TableCell-sortBtn--down, .cxd-Table-v2 .cxd-TableCell-sortBtn--default {
+.cxd-Table2 .cxd-TableCell-sortBtn--up, .cxd-Table2 .cxd-TableCell-sortBtn--down, .cxd-Table2 .cxd-TableCell-sortBtn--default {
   display: none;
   z-index: 2;
   font-style: normal;
 }
-.cxd-Table-v2 .cxd-TableCell-sortBtn--up.is-active, .cxd-Table-v2 .cxd-TableCell-sortBtn--down.is-active, .cxd-Table-v2 .cxd-TableCell-sortBtn--default.is-active {
+.cxd-Table2 .cxd-TableCell-sortBtn--up.is-active, .cxd-Table2 .cxd-TableCell-sortBtn--down.is-active, .cxd-Table2 .cxd-TableCell-sortBtn--default.is-active {
   display: inline-block;
 }
-.cxd-Table-v2 .cxd-TableCell-sortBtn--default.is-active {
+.cxd-Table2 .cxd-TableCell-sortBtn--default.is-active {
   color: var(--text--muted-color);
 }
-.cxd-Table-v2 .cxd-TableCell-sortBtn--default.is-active:hover {
+.cxd-Table2 .cxd-TableCell-sortBtn--default.is-active:hover {
   color: var(--text-color);
 }
-.cxd-Table-v2 .cxd-TableCell-sortBtn--up.is-active, .cxd-Table-v2 .cxd-TableCell-sortBtn--down.is-active {
+.cxd-Table2 .cxd-TableCell-sortBtn--up.is-active, .cxd-Table2 .cxd-TableCell-sortBtn--down.is-active {
   color: var(--TableCell-sortBtn--onActive-color);
 }
-.cxd-Table-v2 .cxd-TableCell-searchBtn {
+.cxd-Table2 .cxd-TableCell-searchBtn {
   cursor: pointer;
   color: var(--text--muted-color);
   margin-left: var(--TableCell-icon-gap);
 }
-.cxd-Table-v2 .cxd-TableCell-searchBtn svg.icon {
+.cxd-Table2 .cxd-TableCell-searchBtn svg.icon {
   width: 12px;
   height: 12px;
 }
-.cxd-Table-v2 .cxd-TableCell-searchBtn:hover {
+.cxd-Table2 .cxd-TableCell-searchBtn:hover {
   color: var(--text-color);
 }
-.cxd-Table-v2 .cxd-TableCell-searchBtn.is-active {
+.cxd-Table2 .cxd-TableCell-searchBtn.is-active {
   color: var(--TableCell-searchBtn--onActive-color);
 }
-.cxd-Table-v2 .cxd-TableCell-searchPopOver {
+.cxd-Table2 .cxd-TableCell-searchPopOver {
   border: none;
   min-width: 20rem;
   max-width: 40rem;
 }
-.cxd-Table-v2 .cxd-TableCell-searchPopOver .cxd-Panel {
+.cxd-Table2 .cxd-TableCell-searchPopOver .cxd-Panel {
   margin: 0;
 }
-.cxd-Table-v2 .cxd-TableCell-filterBtn {
+.cxd-Table2 .cxd-TableCell-filterBtn {
   cursor: pointer;
   width: var(--TableCell-filterBtn-width);
   position: static;
@@ -17568,70 +17810,70 @@ input[type=button].cxd-Button--block {
   color: var(--text--muted-color);
   margin-left: var(--TableCell-icon-gap);
 }
-.cxd-Table-v2 .cxd-TableCell-filterBtn svg.icon {
+.cxd-Table2 .cxd-TableCell-filterBtn svg.icon {
   width: 13px;
   height: 13px;
 }
-.cxd-Table-v2 .cxd-TableCell-filterBtn:hover {
+.cxd-Table2 .cxd-TableCell-filterBtn:hover {
   color: var(--text-color);
 }
-.cxd-Table-v2 .cxd-TableCell-filterBtn.is-active {
+.cxd-Table2 .cxd-TableCell-filterBtn.is-active {
   color: var(--TableCell-filterBtn--onActive-color);
 }
-.cxd-Table-v2 .cxd-TableCell-filterBtn .cxd-Remark {
+.cxd-Table2 .cxd-TableCell-filterBtn .cxd-Remark {
   display: inline;
 }
-.cxd-Table-v2 .cxd-TableCell-filterPopOver {
+.cxd-Table2 .cxd-TableCell-filterPopOver {
   border: none;
   width: 10rem;
 }
-.cxd-Table-v2 .cxd-TableCell-filterPopOver .cxd-DropDown-menu {
+.cxd-Table2 .cxd-TableCell-filterPopOver .cxd-DropDown-menu {
   margin: 0;
   padding: 0;
 }
-.cxd-Table-v2 .cxd-TableCell-filterPopOver .cxd-DropDown-menu .cxd-DropDown-divider {
+.cxd-Table2 .cxd-TableCell-filterPopOver .cxd-DropDown-menu .cxd-DropDown-divider {
   height: var(--TableCell-filterPopOver-dropDownItem-height);
   line-height: var(--TableCell-filterPopOver-dropDownItem-height);
   padding: var(--TableCell-filterPopOver-dropDownItem-padding);
   background: var(--white);
   margin: 0;
 }
-.cxd-Table-v2 .cxd-TableCell-filterPopOver .cxd-DropDown-menu .cxd-DropDown-divider:hover {
+.cxd-Table2 .cxd-TableCell-filterPopOver .cxd-DropDown-menu .cxd-DropDown-divider:hover {
   background: var(--light);
   color: var(--primary);
 }
-.cxd-Table-v2 .cxd-TableCell-filterPopOver .cxd-DropDown-menu .cxd-DropDown-divider.is-selected {
+.cxd-Table2 .cxd-TableCell-filterPopOver .cxd-DropDown-menu .cxd-DropDown-divider.is-selected {
   background: var(--light);
   color: var(--primary);
 }
-.cxd-Table-v2 .cxd-TableCell-filterPopOver .cxd-DropDown-menu .cxd-DropDown-divider .cxd-Checkbox {
+.cxd-Table2 .cxd-TableCell-filterPopOver .cxd-DropDown-menu .cxd-DropDown-divider .cxd-Checkbox {
   width: 100%;
   margin: 0;
 }
-.cxd-Table-v2 .cxd-TableCell-filterPopOver .cxd-DropDown-multiple-menu {
+.cxd-Table2 .cxd-TableCell-filterPopOver .cxd-DropDown-multiple-menu {
   text-align: center;
   border-top: 1px solid var(--Table-borderColor);
 }
-.cxd-Table-v2 .cxd-TableCell-filterPopOver .cxd-DropDown-multiple-menu .cxd-Button {
+.cxd-Table2 .cxd-TableCell-filterPopOver .cxd-DropDown-multiple-menu .cxd-Button {
   margin: 0 5px;
   padding: 0 10px;
 }
-.cxd-Table-v2 .cxd-TableCell-filterPopOver .cxd-DropDown-multiple-menu:hover {
+.cxd-Table2 .cxd-TableCell-filterPopOver .cxd-DropDown-multiple-menu:hover {
   background: none;
 }
-.cxd-Table-v2 .cxd-TableCell-selectionBtn {
+.cxd-Table2 .cxd-TableCell-selectionBtn {
   cursor: pointer;
   margin-left: 4px;
 }
-.cxd-Table-v2 .cxd-TableCell-selectionBtn svg.icon {
+.cxd-Table2 .cxd-TableCell-selectionBtn svg.icon {
   transform: rotate(270deg);
   font-size: 12px;
 }
-.cxd-Table-v2 .cxd-TableCell-selectionPopOver .cxd-DropDown-menu {
+.cxd-Table2 .cxd-TableCell-selectionPopOver .cxd-DropDown-menu {
   margin: 0;
   padding: 0;
 }
-.cxd-Table-v2.cxd-Table-expandBtn {
+.cxd-Table2.cxd-Table-expandBtn {
   position: relative;
   z-index: 1;
   color: var(--Table-expandBtn-color);
@@ -17642,7 +17884,7 @@ input[type=button].cxd-Button--block {
   line-height: 1;
   height: 16px;
 }
-.cxd-Table-v2.cxd-Table-expandBtn > svg {
+.cxd-Table2.cxd-Table-expandBtn > svg {
   display: inline-block;
   text-align: center;
   cursor: pointer;
@@ -17653,22 +17895,22 @@ input[type=button].cxd-Button--block {
   height: 0.625rem;
   top: 0;
 }
-.cxd-Table-v2.cxd-Table-expandBtn.is-active > svg {
+.cxd-Table2.cxd-Table-expandBtn.is-active > svg {
   transform: rotate(90deg);
 }
-.cxd-Table-v2.cxd-Table-expandBtn:hover {
+.cxd-Table2.cxd-Table-expandBtn:hover {
   text-decoration: none;
 }
-.cxd-Table-v2 .cxd-Table-table > tbody > tr:hover .cxd-Table-dragBtn,
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.is-dragging .cxd-Table-dragBtn,
-.cxd-Table-v2 .cxd-Table-table > tbody > tr.is-drop-allowed .cxd-Table-dragBtn {
+.cxd-Table2 .cxd-Table-table > tbody > tr:hover .cxd-Table-dragBtn,
+.cxd-Table2 .cxd-Table-table > tbody > tr.is-dragging .cxd-Table-dragBtn,
+.cxd-Table2 .cxd-Table-table > tbody > tr.is-drop-allowed .cxd-Table-dragBtn {
   visibility: visible;
 }
-.cxd-Table-v2 .fake-hide {
+.cxd-Table2 .fake-hide {
   visibility: hidden;
   position: absolute;
 }
-.cxd-Table-v2 .cxd-Table-badge {
+.cxd-Table2 .cxd-Table-badge {
   position: absolute;
   top: 0;
   left: 0;
@@ -17750,7 +17992,6 @@ input[type=button].cxd-Button--block {
   vertical-align: middle;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   color: var(--link-color);
   -webkit-text-decoration: var(--link-decoration);
@@ -17804,6 +18045,7 @@ input[type=button].cxd-Button--block {
 }
 .cxd-ColumnToggler-modal-header {
   width: 100%;
+  padding: 0 1.5rem;
   display: flex;
   flex-flow: row nowrap;
   justify-content: space-between;
@@ -17821,7 +18063,7 @@ input[type=button].cxd-Button--block {
   font-weight: bold;
 }
 .cxd-ColumnToggler-modal-content {
-  padding: 0;
+  padding: 0 1.5rem;
   width: 100%;
   list-style: none;
   margin: 0.5rem 0;
@@ -17855,7 +18097,6 @@ input[type=button].cxd-Button--block {
   overflow: hidden;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .cxd-ColumnToggler-modal-content .cxd-ColumnToggler-menuItem label > i {
@@ -17873,6 +18114,7 @@ input[type=button].cxd-Button--block {
 }
 .cxd-ColumnToggler-modal-footer {
   width: 100%;
+  padding: 0 1.5rem;
   display: flex;
   flex-flow: row nowrap;
   justify-content: space-between;
@@ -17897,6 +18139,9 @@ input[type=button].cxd-Button--block {
 .cxd-ColumnToggler-modal-footer > div:first-child a {
   display: inline-block;
 }
+.cxd-ColumnToggler-modal-footer > div:first-child button:not(:last-child) {
+  margin-right: var(--gap-sm);
+}
 .cxd-ColumnToggler-modal-footer > div:last-child {
   justify-content: flex-end;
 }
@@ -18212,32 +18457,26 @@ input[type=button].cxd-Button--block {
     -moz-column-count: 12;
          column-count: 12;
   }
-
   .cxd-Cards--masonrySm2 {
     -moz-column-count: 6;
          column-count: 6;
   }
-
   .cxd-Cards--masonrySm3 {
     -moz-column-count: 4;
          column-count: 4;
   }
-
   .cxd-Cards--masonrySm4 {
     -moz-column-count: 3;
          column-count: 3;
   }
-
   .cxd-Cards--masonrySm6 {
     -moz-column-count: 2;
          column-count: 2;
   }
-
   .cxd-Cards--masonrySm12 {
     -moz-column-count: 1;
          column-count: 1;
   }
-
   .cxd-Cards-toolbar {
     display: flex;
     flex-wrap: wrap;
@@ -18248,27 +18487,22 @@ input[type=button].cxd-Button--block {
     -moz-column-count: 12;
          column-count: 12;
   }
-
   .cxd-Cards--masonryMd2 {
     -moz-column-count: 6;
          column-count: 6;
   }
-
   .cxd-Cards--masonryMd3 {
     -moz-column-count: 4;
          column-count: 4;
   }
-
   .cxd-Cards--masonryMd4 {
     -moz-column-count: 3;
          column-count: 3;
   }
-
   .cxd-Cards--masonryMd6 {
     -moz-column-count: 2;
          column-count: 2;
   }
-
   .cxd-Cards--masonryMd12 {
     -moz-column-count: 1;
          column-count: 1;
@@ -18279,27 +18513,22 @@ input[type=button].cxd-Button--block {
     -moz-column-count: 12;
          column-count: 12;
   }
-
   .cxd-Cards--masonryLg2 {
     -moz-column-count: 6;
          column-count: 6;
   }
-
   .cxd-Cards--masonryLg3 {
     -moz-column-count: 4;
          column-count: 4;
   }
-
   .cxd-Cards--masonryLg4 {
     -moz-column-count: 3;
          column-count: 3;
   }
-
   .cxd-Cards--masonryLg6 {
     -moz-column-count: 2;
          column-count: 2;
   }
-
   .cxd-Cards--masonryLg12 {
     -moz-column-count: 1;
          column-count: 1;
@@ -18746,6 +18975,19 @@ input[type=button].cxd-Button--block {
 .cxd-Progress-line {
   display: inline-block;
   width: 100%;
+  position: relative;
+}
+.cxd-Progress-line-threshold {
+  position: absolute;
+  height: 100%;
+  border-left: 1px solid #007bff;
+}
+.cxd-Progress-line-threshold-text {
+  position: absolute;
+  font-size: 12px;
+  bottom: -20px;
+  left: 50%;
+  transform: translateX(-50%);
 }
 .cxd-Progress-line-inter {
   height: 100%;
@@ -18941,7 +19183,6 @@ input[type=button].cxd-Button--block {
 .cxd-Pagination > li > span {
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   cursor: pointer;
   position: relative;
@@ -19446,7 +19687,6 @@ input[type=button].cxd-Button--block {
   align-items: center;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .cxd-ImageGallery-main > img {
@@ -19503,7 +19743,6 @@ input[type=button].cxd-Button--block {
   flex-direction: row;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .cxd-ImageGallery-prevList, .cxd-ImageGallery-nextList {
@@ -19521,7 +19760,7 @@ input[type=button].cxd-Button--block {
   pointer-events: none;
 }
 .cxd-ImageGallery-prevList:hover, .cxd-ImageGallery-nextList:hover {
-  background: black;
+  background: rgb(0, 0, 0);
   color: #fff;
 }
 .cxd-ImageGallery-itemsWrap {
@@ -19830,16 +20069,10 @@ input[type=button].cxd-Button--block {
   -moz-user-select: none;
        user-select: none;
 }
-.cxd-InputBox input:-ms-input-placeholder {
-  color: var(--Form-input-placeholderColor);
-  -ms-user-select: none;
-      user-select: none;
-}
 .cxd-InputBox input::placeholder {
   color: var(--Form-input-placeholderColor);
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .cxd-InputBox:hover {
@@ -20166,16 +20399,10 @@ input[type=button].cxd-Button--block {
   -moz-user-select: none;
        user-select: none;
 }
-.cxd-ResultBox input:-ms-input-placeholder {
-  color: var(--Form-input-placeholderColor);
-  -ms-user-select: none;
-      user-select: none;
-}
 .cxd-ResultBox input::placeholder {
   color: var(--Form-input-placeholderColor);
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .cxd-ResultBox:hover {
@@ -20242,7 +20469,6 @@ input[type=button].cxd-Button--block {
   margin-right: 0.3125rem;
 }
 .cxd-ResultBox-singleValue {
-  padding: 0 calc(var(--Form-input-paddingX) - 0.1875rem);
   flex-grow: 1;
   display: inline-block;
   max-width: 100%;
@@ -20322,7 +20548,6 @@ input[type=button].cxd-Button--block {
   margin-bottom: var(--ResultBox-tag-marginBottom);
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   border-radius: 0.125rem;
 }
@@ -20356,7 +20581,6 @@ input[type=button].cxd-Button--block {
   flex-grow: 1;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .cxd-ResultBox > input {
@@ -20388,7 +20612,7 @@ input[type=button].cxd-Button--block {
   align-items: center;
   overflow-x: hidden;
   overflow-y: auto;
-  max-height: calc( (var(--ResultBox-tag-height) + var(--ResultBox-tag-marginBottom)) * 5 );
+  max-height: calc((var(--ResultBox-tag-height) + var(--ResultBox-tag-marginBottom)) * 5);
 }
 .cxd-ResultBox-overflow.cxd-Tooltip--dark .cxd-ResultBox-overflow-wrapper .cxd-ResultBox-value {
   color: var(--white);
@@ -20533,16 +20757,10 @@ input[type=button].cxd-Button--block {
   -moz-user-select: none;
        user-select: none;
 }
-.cxd-SearchBox > input:-ms-input-placeholder {
-  color: var(--Form-input-placeholderColor);
-  -ms-user-select: none;
-      user-select: none;
-}
 .cxd-SearchBox > input::placeholder {
   color: var(--Form-input-placeholderColor);
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .cxd-SearchBox-clearable {
@@ -20626,7 +20844,7 @@ input[type=button].cxd-Button--block {
   padding: 0 var(--gap-md);
   overflow-x: hidden;
   overflow-y: auto;
-  max-height: calc( var(--SearchBox-history-dropdown-maxHeight) - 38px - var(--gap-sm) * 2 );
+  max-height: calc(var(--SearchBox-history-dropdown-maxHeight) - 38px - var(--gap-sm) * 2);
 }
 .cxd-SearchBox-history .cxd-SearchBox-history-tag {
   display: inlin-flex;
@@ -20680,7 +20898,7 @@ input[type=button].cxd-Button--block {
 .cxd-ListMenu-groupLabel {
   font-size: var(--fontSizeXs);
   color: var(--text--muted-color);
-  padding: calc( ( var(--ListMenu-item-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) - var(--gap-sm) ) / 2 ) 0 0 calc(var(--Form-select-paddingX) - var(--gap-xs));
+  padding: calc((var(--ListMenu-item-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) - var(--gap-sm)) / 2) 0 0 calc(var(--Form-select-paddingX) - var(--gap-xs));
 }
 .cxd-ListMenu-group:not(:first-child) > .cxd-ListMenu-groupLabel {
   border-top: 0.0625rem solid var(--ListMenu-divider-color);
@@ -20692,7 +20910,7 @@ input[type=button].cxd-Button--block {
   line-height: var(--Form-input-lineHeight);
   font-size: var(--Form-input-fontSize);
   cursor: pointer;
-  padding: calc( ( var(--ListMenu-item-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--Form-select-paddingX);
+  padding: calc((var(--ListMenu-item-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--Form-select-paddingX);
 }
 .cxd-ListMenu-item.is-active {
   color: var(--ListMenu-item--onActive-color);
@@ -20713,7 +20931,7 @@ input[type=button].cxd-Button--block {
   line-height: var(--Form-input-lineHeight);
   font-size: var(--Form-input-fontSize);
   cursor: pointer;
-  padding: calc( ( var(--ListMenu-item-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--Form-select-paddingX);
+  padding: calc((var(--ListMenu-item-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--Form-select-paddingX);
 }
 .cxd-PopOver > .cxd-ListMenu {
   border-color: var(--listMenu--onActive-borderColor);
@@ -21493,7 +21711,6 @@ fieldset.cxd-Collapse--lg:after {
     padding-left: calc(var(--Form-group--xs-gutterWidth) / 2);
     padding-right: calc(var(--Form-group--xs-gutterWidth) / 2);
   }
-
   .cxd-Form-groupColumn {
     flex-basis: 0;
     flex-grow: 1;
@@ -21501,79 +21718,66 @@ fieldset.cxd-Collapse--lg:after {
     max-width: 100%;
     margin-bottom: 0;
   }
-
   .cxd-Form-groupColumn--1 {
     flex: 0 0 8.3333333333%;
     max-width: 8.3333333333%;
     min-height: 1px;
   }
-
   .cxd-Form-groupColumn--2 {
     flex: 0 0 16.6666666667%;
     max-width: 16.6666666667%;
     min-height: 1px;
   }
-
   .cxd-Form-groupColumn--3 {
     flex: 0 0 25%;
     max-width: 25%;
     min-height: 1px;
   }
-
   .cxd-Form-groupColumn--4 {
     flex: 0 0 33.3333333333%;
     max-width: 33.3333333333%;
     min-height: 1px;
   }
-
   .cxd-Form-groupColumn--5 {
     flex: 0 0 41.6666666667%;
     max-width: 41.6666666667%;
     min-height: 1px;
   }
-
   .cxd-Form-groupColumn--6 {
     flex: 0 0 50%;
     max-width: 50%;
     min-height: 1px;
   }
-
   .cxd-Form-groupColumn--7 {
     flex: 0 0 58.3333333333%;
     max-width: 58.3333333333%;
     min-height: 1px;
   }
-
   .cxd-Form-groupColumn--8 {
     flex: 0 0 66.6666666667%;
     max-width: 66.6666666667%;
     min-height: 1px;
   }
-
   .cxd-Form-groupColumn--9 {
     flex: 0 0 75%;
     max-width: 75%;
     min-height: 1px;
   }
-
   .cxd-Form-groupColumn--10 {
     flex: 0 0 83.3333333333%;
     max-width: 83.3333333333%;
     min-height: 1px;
   }
-
   .cxd-Form-groupColumn--11 {
     flex: 0 0 91.6666666667%;
     max-width: 91.6666666667%;
     min-height: 1px;
   }
-
   .cxd-Form-groupColumn--12 {
     flex: 0 0 100%;
     max-width: 100%;
     min-height: 1px;
   }
-
   .cxd-Form-groupColumn--auto {
     flex: 0 0 auto;
     width: auto;
@@ -21595,7 +21799,7 @@ fieldset.cxd-Collapse--lg:after {
 .cxd-InputGroup-addOn {
   background: var(--InputGroup-addOn-bg);
   border: var(--InputGroup-addOn-borderWidth) solid var(--InputGroup-addOn-borderColor);
-  line-height: calc( var(--InputGroup-height) - var(--InputGroup-paddingY) * 2 - var(--InputGroup-addOn-borderWidth) * 2 );
+  line-height: calc(var(--InputGroup-height) - var(--InputGroup-paddingY) * 2 - var(--InputGroup-addOn-borderWidth) * 2);
   height: var(--InputGroup-height);
   box-sizing: border-box;
   padding: var(--InputGroup-paddingY) var(--InputGroup-paddingX);
@@ -21723,16 +21927,10 @@ fieldset.cxd-Collapse--lg:after {
   -moz-user-select: none;
        user-select: none;
 }
-.cxd-TextControl-input input:-ms-input-placeholder {
-  color: var(--Form-input-placeholderColor);
-  -ms-user-select: none;
-      user-select: none;
-}
 .cxd-TextControl-input input::placeholder {
   color: var(--Form-input-placeholderColor);
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .cxd-TextControl-input:hover {
@@ -21767,7 +21965,7 @@ fieldset.cxd-Collapse--lg:after {
   transition: all var(--animation-duration);
 }
 .cxd-TextControl-spinner {
-  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) );
+  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
 }
 .cxd-TextControl-clear {
   padding: var(--Form-input-clearBtn-padding);
@@ -21809,7 +22007,6 @@ fieldset.cxd-Collapse--lg:after {
   color: var(--Form-input-placeholderColor);
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   position: absolute;
   left: var(--Form-input-paddingX);
@@ -21922,7 +22119,10 @@ fieldset.cxd-Collapse--lg:after {
   overflow: auto;
 }
 .cxd-TextControl-sugItem {
-  padding: calc( ( var(--Form-selectOption-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem ) / 2 ) 0.75rem;
+  padding: calc((
+            var(--Form-selectOption-height) - var(--Form-input-lineHeight) *
+              var(--Form-input-fontSize) - 0.125rem
+          ) / 2) 0.75rem;
 }
 .cxd-TextControl-sugItem svg {
   width: 1rem;
@@ -21943,9 +22143,8 @@ fieldset.cxd-Collapse--lg:after {
 .cxd-TextControl-value {
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
-  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) );
+  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
   vertical-align: middle;
   display: inline-block;
 }
@@ -21969,7 +22168,9 @@ fieldset.cxd-Collapse--lg:after {
 }
 .cxd-TextControl-input--multiple .cxd-TextControl-value {
   white-space: nowrap;
-  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem );
+  line-height: calc(
+      var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem
+    );
   font-size: var(--Form-selectValue-fontSize);
   background: var(--Form-select-multiple-bgColor);
   border-radius: 0.125rem;
@@ -22054,16 +22255,10 @@ input.cxd-TextControl-input-password {
   -moz-user-select: none;
        user-select: none;
 }
-.cxd-TextareaControl-input input:-ms-input-placeholder {
-  color: var(--Form-input-placeholderColor);
-  -ms-user-select: none;
-      user-select: none;
-}
 .cxd-TextareaControl-input input::placeholder {
   color: var(--Form-input-placeholderColor);
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .cxd-TextareaControl-input:hover {
@@ -22098,7 +22293,7 @@ input.cxd-TextControl-input-password {
   transition: all var(--animation-duration);
 }
 .cxd-TextareaControl-spinner {
-  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) );
+  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
 }
 .cxd-TextareaControl-clear {
   padding: var(--Form-input-clearBtn-padding);
@@ -22157,9 +22352,6 @@ input.cxd-TextControl-input-password {
 .cxd-TextareaControl > textarea::-moz-placeholder {
   color: var(--Form-input-placeholderColor);
 }
-.cxd-TextareaControl > textarea:-ms-input-placeholder {
-  color: var(--Form-input-placeholderColor);
-}
 .cxd-TextareaControl > textarea::placeholder {
   color: var(--Form-input-placeholderColor);
 }
@@ -22213,7 +22405,6 @@ input.cxd-TextControl-input-password {
   font-weight: var(--fontWeightNormal);
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   pointer-events: none;
 }
@@ -22583,7 +22774,7 @@ input.cxd-TextControl-input-password {
 .cxd-CheckboxControl,
 .cxd-RadiosControl,
 .cxd-CheckboxesControl {
-  padding-top: calc( (var(--Form-input-height) - var(--Checkbox-size)) / 2 - 3px );
+  padding-top: calc((var(--Form-input-height) - var(--Checkbox-size)) / 2 - 3px);
 }
 .cxd-RadiosControl .cxd-Checkbox,
 .cxd-CheckboxesControl .cxd-Checkbox {
@@ -22633,7 +22824,7 @@ input.cxd-TextControl-input-password {
   display: block;
   line-height: var(--Form-input-lineHeight);
   font-size: var(--Form-input-fontSize);
-  padding: calc( ( var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--gap-sm) calc( ( var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) calc(var(--gap-sm) + var(--Checkbox-size));
+  padding: calc((var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--gap-sm) calc((var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) calc(var(--gap-sm) + var(--Checkbox-size));
 }
 .cxd-Selection--inline > .cxd-Checkbox {
   display: inline-block;
@@ -22655,7 +22846,6 @@ input.cxd-TextControl-input-password {
   overflow: auto;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   padding: var(--gap-xs) 0;
 }
@@ -22668,12 +22858,11 @@ input.cxd-TextControl-input-password {
   display: flex;
   line-height: var(--Form-input-lineHeight);
   font-size: var(--Form-input-fontSize);
-  padding: calc( ( var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--gap-sm);
+  padding: calc((var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--gap-sm);
   flex-direction: row;
   cursor: pointer;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .cxd-GroupedSelection-item > .cxd-Checkbox {
@@ -22706,7 +22895,7 @@ input.cxd-TextControl-input-password {
   height: var(--Form-input-height);
   line-height: var(--Form-input-lineHeight);
   font-size: var(--Form-input-fontSize);
-  padding: calc( ( var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--gap-sm);
+  padding: calc((var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--gap-sm);
   color: var(--text--muted-color);
   height: 100%;
   display: flex;
@@ -22774,7 +22963,6 @@ input.cxd-TextControl-input-password {
   cursor: pointer;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .cxd-TreeSelection-itemInner > .cxd-Checkbox {
@@ -22803,7 +22991,7 @@ input.cxd-TextControl-input-password {
   height: var(--Form-input-height);
   line-height: var(--Form-input-lineHeight);
   font-size: var(--Form-input-fontSize);
-  padding: calc( ( var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--gap-sm);
+  padding: calc((var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--gap-sm);
   color: var(--text--muted-color);
 }
 .cxd-ChainedSelection {
@@ -22827,12 +23015,11 @@ input.cxd-TextControl-input-password {
   display: flex;
   line-height: var(--Form-input-lineHeight);
   font-size: var(--Form-input-fontSize);
-  padding: calc( ( var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--gap-sm);
+  padding: calc((var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--gap-sm);
   flex-direction: row;
   cursor: pointer;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .cxd-ChainedSelection-item > .cxd-Checkbox {
@@ -22860,7 +23047,7 @@ input.cxd-TextControl-input-password {
   height: var(--Form-input-height);
   line-height: var(--Form-input-lineHeight);
   font-size: var(--Form-input-fontSize);
-  padding: calc( ( var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--gap-sm);
+  padding: calc((var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--gap-sm);
   color: var(--text--muted-color);
 }
 .cxd-AssociatedSelection {
@@ -22931,16 +23118,10 @@ input.cxd-TextControl-input-password {
   -moz-user-select: none;
        user-select: none;
 }
-.cxd-CityPicker-input:-ms-input-placeholder {
-  color: var(--Form-input-placeholderColor);
-  -ms-user-select: none;
-      user-select: none;
-}
 .cxd-CityPicker-input::placeholder {
   color: var(--Form-input-placeholderColor);
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .cxd-CityPicker-input:focus {
@@ -22973,16 +23154,10 @@ input.cxd-TextControl-input-password {
   -moz-user-select: none;
        user-select: none;
 }
-.cxd-CityArea-Input:-ms-input-placeholder {
-  color: var(--Form-input-placeholderColor);
-  -ms-user-select: none;
-      user-select: none;
-}
 .cxd-CityArea-Input::placeholder {
   color: var(--Form-input-placeholderColor);
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .cxd-CityArea-Input:focus {
@@ -23137,7 +23312,6 @@ input.cxd-TextControl-input-password {
 }
 .cxd-Number-handler-up-inner, .cxd-Number-handler-down-inner {
   -moz-user-select: none;
-   -ms-user-select: none;
        user-select: none;
   -webkit-user-select: none;
   display: inline-block;
@@ -23202,7 +23376,7 @@ input.cxd-TextControl-input-password {
 }
 .cxd-Number-handler {
   line-height: calc((var(--Form-input-height) - 0.375rem) / 2);
-  height: calc( (var(--Form-input-height) - var(--Number-borderWidth) * 2) / 2 );
+  height: calc((var(--Form-input-height) - var(--Number-borderWidth) * 2) / 2);
 }
 .cxd-Number-handler-up {
   border-bottom: var(--Number-handler-borderBottom);
@@ -23374,7 +23548,7 @@ input.cxd-TextControl-input-password {
   background: var(--Form-select-bg);
   border-radius: var(--Form-select-borderRadius);
   min-height: var(--Form-selectOption-height);
-  padding: calc( ( var(--Form-selectOption-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) - var(--Form-select-borderWidth) * 2 ) / 2 ) 0 calc( ( var(--Form-selectOption-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) - var(--Form-select-borderWidth) * 2 ) / 2 ) var(--Form-select-paddingX);
+  padding: calc((var(--Form-selectOption-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) - var(--Form-select-borderWidth) * 2) / 2) 0 calc((var(--Form-selectOption-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) - var(--Form-select-borderWidth) * 2) / 2) var(--Form-select-paddingX);
   cursor: pointer;
   color: var(--Form-select-color);
 }
@@ -23402,9 +23576,6 @@ input.cxd-TextControl-input-password {
 .cxd-Select .cxd-PopOver.cxd-Select-popover {
   margin-top: 0.25rem;
 }
-.cxd-Select .cxd-PopOver.cxd-Select-popover .cxd-Select-menu {
-  overflow-x: hidden;
-}
 .cxd-Select .cxd-PopOver.cxd-Select-popover .cxd-Select-menu .cxd-Select-option {
   height: 2rem;
   line-height: 1.375rem;
@@ -23424,7 +23595,6 @@ input.cxd-TextControl-input-password {
 .cxd-Select-valueWrap {
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   position: relative;
   flex-grow: 1;
@@ -23442,13 +23612,12 @@ input.cxd-TextControl-input-password {
   line-height: var(--Form-input-lineHeight);
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   white-space: nowrap;
   color: var(--Form-select-placeholderColor);
 }
 .cxd-Select-value {
-  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) );
+  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
   white-space: nowrap;
   max-width: 100%;
   overflow: hidden;
@@ -23481,9 +23650,10 @@ input.cxd-TextControl-input-password {
   white-space: normal;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
-  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem );
+  line-height: calc(
+        var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem
+      );
   display: inline-block;
   vertical-align: middle;
   font-size: var(--Form-selectValue-fontSize);
@@ -23564,7 +23734,6 @@ input.cxd-TextControl-input-password {
   overflow: auto;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .cxd-Select-menu .cxd-Checkbox--sm > i {
@@ -23613,7 +23782,7 @@ input.cxd-TextControl-input-password {
 }
 .cxd-Select-option {
   cursor: pointer;
-  padding: calc( ( var(--Form-select-menu-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--Form-select-paddingX);
+  padding: calc((var(--Form-select-menu-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--Form-select-paddingX);
   display: flex;
 }
 .cxd-Select-option-checkbox {
@@ -23679,9 +23848,8 @@ input.cxd-TextControl-input-password {
   font-size: var(--Form-select-input-fontSize);
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
-  padding: calc( ( var(--Form-select-menu-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--Form-select-paddingX);
+  padding: calc((var(--Form-select-menu-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--Form-select-paddingX);
 }
 .cxd-Select-option-hl {
   color: var(--info);
@@ -23689,7 +23857,7 @@ input.cxd-TextControl-input-password {
 .cxd-Select-addBtn {
   display: block;
   cursor: pointer;
-  padding: calc( ( var(--Form-select-menu-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--Form-select-paddingX);
+  padding: calc((var(--Form-select-menu-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--Form-select-paddingX);
 }
 .cxd-Select-addBtn:hover {
   text-decoration: none;
@@ -23704,7 +23872,7 @@ input.cxd-TextControl-input-password {
   color: var(--Form-select-onFocused-color);
 }
 .cxd-Select-spinner {
-  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) );
+  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
 }
 .cxd-Select-clear {
   padding: 0.1875rem;
@@ -23734,16 +23902,19 @@ input.cxd-TextControl-input-password {
   align-items: center;
   overflow-x: hidden;
   overflow-y: auto;
-  max-height: calc( ( var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem + var(--gap-xs) ) * 5 );
+  max-height: calc((
+            var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem + var(--gap-xs)
+          ) * 5);
 }
 .cxd-Select-overflow-wrapper .cxd-Select-value {
   position: static;
   white-space: normal;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
-  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem );
+  line-height: calc(
+        var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem
+      );
   display: inline-block;
   vertical-align: middle;
   font-size: var(--Form-selectValue-fontSize);
@@ -23785,7 +23956,7 @@ input.cxd-TextControl-input-password {
   border-top-right-radius: 0;
 }
 .cxd-Select-popover.cxd-PopOver--leftTopLeftBottom {
-  margin-top: calc( (var(--Form-select-popoverGap) - var(--Form-select-outer-borderWidth)) * -1 );
+  margin-top: calc((var(--Form-select-popoverGap) - var(--Form-select-outer-borderWidth)) * -1);
 }
 .cxd-SelectControl:not(.is-inline) > .cxd-Select {
   display: flex;
@@ -23848,7 +24019,7 @@ input.cxd-TextControl-input-password {
   height: var(--Form-input-height);
   background: var(--Table-thead-bg);
   font-size: var(--Form-input-fontSize);
-  padding: calc( ( var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--gap-sm);
+  padding: calc((var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--gap-sm);
 }
 .cxd-Selections-placeholder {
   color: var(--Form-input-placeholderColor);
@@ -23872,7 +24043,7 @@ input.cxd-TextControl-input-password {
   line-height: var(--Form-input-lineHeight);
   font-size: var(--Form-input-fontSize);
   align-items: center;
-  padding: calc( ( var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--gap-sm);
+  padding: calc((var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--gap-sm);
 }
 .cxd-Selections-item > label {
   flex-basis: 3.125rem;
@@ -23911,7 +24082,6 @@ input.cxd-TextControl-input-password {
   position: relative;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   font-size: var(--ListControl-fontSize);
   display: inline-block;
@@ -24038,7 +24208,6 @@ input.cxd-TextControl-input-password {
   color: var(--DatePicker-placeholderColor);
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   margin-right: var(--gap-base);
   flex-basis: 0;
@@ -24120,7 +24289,7 @@ input.cxd-TextControl-input-password {
 }
 .cxd-MapPicker-sugItem {
   cursor: pointer;
-  padding: calc( ( var(--Form-select-menu-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--Form-select-paddingX);
+  padding: calc((var(--Form-select-menu-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--Form-select-paddingX);
 }
 .cxd-MapPicker-sugItem:hover {
   color: var(--Form-select-menu-onActive-color);
@@ -24168,9 +24337,6 @@ input.cxd-TextControl-input-password {
 .cxd-ColorPicker-input::-moz-placeholder {
   color: var(--ColorPicker-placeholderColor);
 }
-.cxd-ColorPicker-input:-ms-input-placeholder {
-  color: var(--ColorPicker-placeholderColor);
-}
 .cxd-ColorPicker-input::placeholder {
   color: var(--ColorPicker-placeholderColor);
 }
@@ -24189,9 +24355,6 @@ input.cxd-TextControl-input-password {
 .cxd-ColorPicker.is-disabled > .cxd-ColorPicker-input::-moz-placeholder {
   color: var(--ColorPicker-onDisabled-color);
 }
-.cxd-ColorPicker.is-disabled > .cxd-ColorPicker-input:-ms-input-placeholder {
-  color: var(--ColorPicker-onDisabled-color);
-}
 .cxd-ColorPicker.is-disabled > .cxd-ColorPicker-input::placeholder {
   color: var(--ColorPicker-onDisabled-color);
 }
@@ -24290,9 +24453,6 @@ input.cxd-TextControl-input-password {
 .cxd-DatePicker-input::-moz-placeholder {
   color: #b8babf;
 }
-.cxd-DatePicker-input:-ms-input-placeholder {
-  color: #b8babf;
-}
 .cxd-DatePicker-input::placeholder {
   color: #b8babf;
 }
@@ -24334,7 +24494,6 @@ input.cxd-TextControl-input-password {
   color: var(--DatePicker-placeholderColor);
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   margin-right: var(--gap-base);
   min-width: 3.125rem;
@@ -24463,7 +24622,6 @@ input.cxd-TextControl-input-password {
 .rdt {
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   font-size: var(--Calendar-fontSize);
   color: var(--Calendar-color);
@@ -24615,6 +24773,7 @@ input.cxd-TextControl-input-password {
   text-align: center;
   height: 28px;
   line-height: 28px;
+  cursor: pointer;
 }
 .cxd-CalendarInputWrapper .cxd-CalendarInput-sugsItem.is-highlight {
   color: var(--Form-select-menu-onHover-color);
@@ -24622,7 +24781,7 @@ input.cxd-TextControl-input-password {
 }
 .cxd-CalendarInputWrapper .cxd-CalendarInput-sugsItem:hover {
   color: var(--Form-select-menu-onHover-color);
-  background: #F7F7F9;
+  background: #f7f7f9;
 }
 .cxd-TimeContentWrapper {
   display: flex;
@@ -24711,7 +24870,6 @@ input.cxd-TextControl-input-password {
   text-align: center;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   cursor: pointer;
   text-decoration: none;
@@ -24862,7 +25020,7 @@ td.rdtMonth:hover > span,
 td.rdtYear:hover > span,
 td.rdtQuarter:hover > span {
   color: var(--Form-select-menu-onHover-color);
-  background: #F7F7F9;
+  background: #f7f7f9;
 }
 td.rdtMonth.rdtActive, td.rdtMonth.rdtActive:hover,
 td.rdtYear.rdtActive,
@@ -24963,14 +25121,11 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-DateRangePicker .cxd-DateRangePicker-input::-moz-placeholder {
   color: #b8babf;
 }
-.cxd-DateRangePicker .cxd-DateRangePicker-input:-ms-input-placeholder {
-  color: #b8babf;
-}
 .cxd-DateRangePicker .cxd-DateRangePicker-input::placeholder {
   color: #b8babf;
 }
 .cxd-DateRangePicker .cxd-DateRangePicker-input.isActive {
-  border-bottom: 2px solid var(--Form-input-onHover-borderColor);
+  border-bottom: var(--DateRangePicker-activeCursor-height) solid var(--DateRangePicker-activeCursor-color);
 }
 .cxd-DateRangePicker .cxd-DateRangePicker-input-separator {
   margin: 0 var(--gap-sm);
@@ -24980,7 +25135,7 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-DateRangePicker .cxd-DateRangePicker-input-separator-line {
   width: var(--gap-sm);
   height: 1px;
-  background: #B8BABF;
+  background: #b8babf;
 }
 .cxd-DateRangePicker.is-disabled {
   background: #e5e7eb;
@@ -24992,7 +25147,6 @@ td.rdtQuarter.rdtDisabled:hover {
   color: var(--DatePicker-placeholderColor);
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   margin-right: var(--gap-base);
   flex-basis: 0;
@@ -25047,6 +25201,17 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-DateRangePicker-clear:active svg {
   fill: var(--Form-input-clearBtn-color-onActive);
 }
+.cxd-DateRangePicker-activeCursor {
+  bottom: 0;
+  height: var(--DateRangePicker-activeCursor-height);
+  background: var(--DateRangePicker-activeCursor-color);
+  opacity: 0;
+  transition: all var(--animation-duration) ease-in-out;
+  pointer-events: none;
+}
+.cxd-DateRangePicker-activeCursor.isFocused {
+  opacity: 1;
+}
 .cxd-DateRangePicker-wrap {
   width: auto;
   padding: 0;
@@ -25108,7 +25273,6 @@ td.rdtQuarter.rdtDisabled:hover {
   .cxd-DateRangePicker-wrap {
     white-space: nowrap;
   }
-
   .cxd-DateRangePicker-end {
     margin-top: 0;
     border-left: 1px solid var(--Calendar-input-borderColor);
@@ -25645,6 +25809,16 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-EditorControl .cxd-MonacoEditor-fullscreen:hover svg {
   fill: var(--Model-close-onHover-color);
 }
+.cxd-EditorControl .cxd-MonacoEditor-placeholder {
+  pointer-events: none;
+  top: 0;
+  position: absolute;
+  left: 4.0625rem;
+  right: 1rem;
+  white-space: break-spaces;
+  line-break: anywhere;
+  color: var(--Form-input-placeholderColor);
+}
 .cxd-EditorControl--sm {
   min-height: 100px;
 }
@@ -26089,7 +26263,6 @@ td.rdtQuarter.rdtDisabled:hover {
   position: relative;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   margin-bottom: 0.25rem;
   padding-left: var(--Tree-icon-gap);
@@ -26104,8 +26277,11 @@ td.rdtQuarter.rdtDisabled:hover {
 }
 .cxd-Tree-itemLabel-item {
   padding-left: var(--Tree-item-arrow-padding-left);
-  display: inline-block;
+  display: inline-flex;
   width: 100%;
+  align-items: center;
+  overflow: hidden;
+  height: 2rem;
 }
 .cxd-Tree-itemLabel:hover .cxd-Tree-itemLabel-item {
   background-color: var(--Tree-item-onHover-bg-pure);
@@ -26176,7 +26352,10 @@ td.rdtQuarter.rdtDisabled:hover {
   border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
   border-radius: var(--Form-input-borderRadius);
   line-height: var(--Form-input-lineHeight);
-  padding: calc( ( var(--Tree-inputHeight) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem ) / 2 ) var(--Form-input-paddingX);
+  padding: calc((
+              var(--Tree-inputHeight) - var(--Form-input-lineHeight) *
+                var(--Form-input-fontSize) - 0.125rem
+            ) / 2) var(--Form-input-paddingX);
   font-size: var(--Form-input-fontSize);
 }
 .cxd-Tree-itemInput > input::-moz-placeholder {
@@ -26184,16 +26363,10 @@ td.rdtQuarter.rdtDisabled:hover {
   -moz-user-select: none;
        user-select: none;
 }
-.cxd-Tree-itemInput > input:-ms-input-placeholder {
-  color: var(--Form-input-placeholderColor);
-  -ms-user-select: none;
-      user-select: none;
-}
 .cxd-Tree-itemInput > input::placeholder {
   color: var(--Form-input-placeholderColor);
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .cxd-Tree-itemInput > input:focus {
@@ -26262,13 +26435,10 @@ td.rdtQuarter.rdtDisabled:hover {
   flex: 1 auto;
   display: inline-block;
   color: var(--Form-input-color);
-  line-height: var(--lineHeightBase);
-  max-width: var(--Tree-item-text-max-height);
+  max-width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  position: relative;
-  top: var(--Tree-item-text-top);
 }
 .is-disabled .cxd-Tree-itemText {
   color: var(--text--muted-color);
@@ -26342,16 +26512,10 @@ td.rdtQuarter.rdtDisabled:hover {
   -moz-user-select: none;
        user-select: none;
 }
-.cxd-TreeSelect-input input:-ms-input-placeholder {
-  color: var(--Form-input-placeholderColor);
-  -ms-user-select: none;
-      user-select: none;
-}
 .cxd-TreeSelect-input input::placeholder {
   color: var(--Form-input-placeholderColor);
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .cxd-TreeSelect-input:hover {
@@ -26386,7 +26550,7 @@ td.rdtQuarter.rdtDisabled:hover {
   transition: all var(--animation-duration);
 }
 .cxd-TreeSelect-spinner {
-  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) );
+  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
 }
 .cxd-TreeSelect-clear {
   padding: var(--Form-input-clearBtn-padding);
@@ -26542,7 +26706,7 @@ td.rdtQuarter.rdtDisabled:hover {
   display: none;
 }
 .cxd-Combo-items:empty + .cxd-Combo-toolbar {
-  padding-top: calc( (var(--Form-input-height) - var(--Combo-addBtn-height)) / 2 );
+  padding-top: calc((var(--Form-input-height) - var(--Combo-addBtn-height)) / 2);
 }
 .cxd-Combo-item {
   background: var(--Page-main-bg);
@@ -26733,7 +26897,6 @@ td.rdtQuarter.rdtDisabled:hover {
   margin: 2px 3px;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .cxd-SubForm-valueLabel {
@@ -26816,7 +26979,6 @@ td.rdtQuarter.rdtDisabled:hover {
   color: var(--Form-input-placeholderColor);
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   padding: 4px;
 }
@@ -26858,16 +27020,10 @@ td.rdtQuarter.rdtDisabled:hover {
   -moz-user-select: none;
        user-select: none;
 }
-.cxd-Picker-input input:-ms-input-placeholder {
-  color: var(--Form-input-placeholderColor);
-  -ms-user-select: none;
-      user-select: none;
-}
 .cxd-Picker-input input::placeholder {
   color: var(--Form-input-placeholderColor);
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .cxd-Picker-input:hover {
@@ -26902,7 +27058,7 @@ td.rdtQuarter.rdtDisabled:hover {
   transition: all var(--animation-duration);
 }
 .cxd-Picker-spinner {
-  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) );
+  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
 }
 .cxd-Picker-clear {
   padding: var(--Form-input-clearBtn-padding);
@@ -26948,7 +27104,6 @@ td.rdtQuarter.rdtDisabled:hover {
   color: var(--Form-input-placeholderColor);
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   position: absolute;
   line-height: var(--Form-input-lineHeight);
@@ -26980,11 +27135,12 @@ td.rdtQuarter.rdtDisabled:hover {
   cursor: pointer;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   white-space: nowrap;
   vertical-align: middle;
-  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem );
+  line-height: calc(
+      var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem
+    );
   display: inline-block;
   font-size: var(--Form-selectValue-fontSize);
   color: var(--Form-selectValue-color);
@@ -27064,7 +27220,7 @@ td.rdtQuarter.rdtDisabled:hover {
   padding: 0;
   border: none;
   width: 100%;
-  margin-top: calc( var(--Form-select-popoverGap) - var(--Form-select-outer-borderWidth) );
+  margin-top: calc(var(--Form-select-popoverGap) - var(--Form-select-outer-borderWidth));
 }
 .cxd-TagControl > .cxd-TagControl-popover.cxd-PopOver--leftBottomLeftTop {
   top: 100% !important;
@@ -27088,7 +27244,6 @@ td.rdtQuarter.rdtDisabled:hover {
   cursor: pointer;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   border: var(--TagControl-sugBtn-borderWidth) solid transparent;
   padding: var(--TagControl-sugBtn-paddingY) var(--TagControl-sugBtn-paddingX);
@@ -27174,7 +27329,6 @@ td.rdtQuarter.rdtDisabled:hover {
   cursor: pointer;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   color: var(--Rating-inactive-color);
 }
@@ -27236,7 +27390,9 @@ td.rdtQuarter.rdtDisabled:hover {
   height: 1.875rem;
   line-height: var(--Form-input-lineHeight);
   font-size: var(--Form-input-fontSize);
-  padding: calc( ( 1.875rem - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--gap-sm);
+  padding: calc((
+            1.875rem - var(--Form-input-lineHeight) * var(--Form-input-fontSize)
+          ) / 2) var(--gap-sm);
   flex-direction: row;
   border-radius: var(--borderRadius) var(--borderRadius) 0 0;
 }
@@ -27295,6 +27451,25 @@ td.rdtQuarter.rdtDisabled:hover {
   text-align: center;
   justify-content: center;
 }
+.cxd-Transfer-selection.cxd-Tree .cxd-Tree-itemLabel.is-checked:hover .cxd-Tree-itemLabel-item > .cxd-Tree-itemText,
+.cxd-Transfer-selection.cxd-Tree .cxd-Tree-itemLabel:hover .cxd-Tree-itemLabel-item > .cxd-Tree-itemText, .cxd-Transfer-selection.cxd-AssociatedSelection .cxd-Tree-itemLabel.is-checked:hover .cxd-Tree-itemLabel-item > .cxd-Tree-itemText,
+.cxd-Transfer-selection.cxd-AssociatedSelection .cxd-Tree-itemLabel:hover .cxd-Tree-itemLabel-item > .cxd-Tree-itemText {
+  background-color: unset;
+}
+.cxd-Transfer-selection.cxd-Tree .cxd-Tree-itemLabel.is-checked:hover .cxd-Tree-itemLabel-item > .cxd-Tree-itemText:active,
+.cxd-Transfer-selection.cxd-Tree .cxd-Tree-itemLabel:hover .cxd-Tree-itemLabel-item > .cxd-Tree-itemText:active, .cxd-Transfer-selection.cxd-AssociatedSelection .cxd-Tree-itemLabel.is-checked:hover .cxd-Tree-itemLabel-item > .cxd-Tree-itemText:active,
+.cxd-Transfer-selection.cxd-AssociatedSelection .cxd-Tree-itemLabel:hover .cxd-Tree-itemLabel-item > .cxd-Tree-itemText:active {
+  background-color: unset;
+}
+.cxd-Transfer-selection.cxd-Tree .cxd-Tree-itemLabel-item, .cxd-Transfer-selection.cxd-AssociatedSelection .cxd-Tree-itemLabel-item {
+  display: flex;
+  align-items: center;
+}
+.cxd-Transfer-selection.cxd-Tree .cxd-Tree-itemLabel-item > .cxd-Tree-itemText, .cxd-Transfer-selection.cxd-AssociatedSelection .cxd-Tree-itemLabel-item > .cxd-Tree-itemText {
+  max-width: unset;
+  line-height: unset;
+  top: unset;
+}
 .cxd-Transfer-search {
   padding: var(--gap-sm);
 }
@@ -27322,7 +27497,6 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-Transfer-checkAll, .cxd-Transfer-clearAll {
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   cursor: pointer;
 }
@@ -27358,7 +27532,7 @@ td.rdtQuarter.rdtDisabled:hover {
   height: var(--Form-input-height);
   line-height: var(--Form-input-lineHeight);
   font-size: var(--Form-input-fontSize);
-  padding: calc( ( var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--gap-sm);
+  padding: calc((var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--gap-sm);
   color: var(--text--muted-color);
 }
 .cxd-TabsTransfer-tab {
@@ -27455,7 +27629,6 @@ td.rdtQuarter.rdtDisabled:hover {
   transform: rotate(-90deg);
 }
 .cxd-TransferDropDown-content {
-  min-height: 12.5rem;
   min-width: 25rem;
   display: flex;
   flex-direction: column;
@@ -27511,9 +27684,8 @@ td.rdtQuarter.rdtDisabled:hover {
   font-size: var(--Form-select-input-fontSize);
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
-  padding: calc( ( var(--Form-select-menu-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--Form-select-paddingX);
+  padding: calc((var(--Form-select-menu-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--Form-select-paddingX);
 }
 .cxd-NestedSelect-menu {
   width: 10rem;
@@ -27608,7 +27780,6 @@ td.rdtQuarter.rdtDisabled:hover {
   cursor: pointer;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   padding: 0 0.375rem;
 }
@@ -27649,7 +27820,6 @@ td.rdtQuarter.rdtDisabled:hover {
   text-overflow: ellipsis;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .cxd-Cascader-option-selectedNum {
@@ -27710,16 +27880,10 @@ td.rdtQuarter.rdtDisabled:hover {
   -moz-user-select: none;
        user-select: none;
 }
-.cxd-IconPickerControl-input input:-ms-input-placeholder {
-  color: var(--Form-input-placeholderColor);
-  -ms-user-select: none;
-      user-select: none;
-}
 .cxd-IconPickerControl-input input::placeholder {
   color: var(--Form-input-placeholderColor);
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .cxd-IconPickerControl-input:hover {
@@ -27754,7 +27918,7 @@ td.rdtQuarter.rdtDisabled:hover {
   transition: all var(--animation-duration);
 }
 .cxd-IconPickerControl-spinner {
-  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) );
+  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
 }
 .cxd-IconPickerControl-clear {
   padding: var(--Form-input-clearBtn-padding);
@@ -27791,7 +27955,6 @@ td.rdtQuarter.rdtDisabled:hover {
   color: var(--Form-input-placeholderColor);
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   line-height: var(--Form-input-lineHeight);
   position: absolute;
@@ -27844,7 +28007,6 @@ td.rdtQuarter.rdtDisabled:hover {
   font-size: var(--fontSizeSm);
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
 }
 .cxd-IconPickerControl-tab.active {
@@ -27874,9 +28036,8 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-IconPickerControl-value {
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
-  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) );
+  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
   vertical-align: middle;
   display: inline-block;
   overflow: hidden;
@@ -27907,6 +28068,7 @@ td.rdtQuarter.rdtDisabled:hover {
   padding-top: var(--Form-label-paddingTop);
   padding-bottom: var(--Form-label-paddingTop);
   margin-bottom: 0;
+  word-break: break-word;
 }
 .cxd-Form-item--inline > .cxd-Form-value > .cxd-Form-static {
   display: inline-block;
@@ -28028,7 +28190,6 @@ td.rdtQuarter.rdtDisabled:hover {
     display: inline-block;
     max-width: 100%;
   }
-
   .cxd-Form-control--sizeXs {
     width: var(--Form-control-widthXs);
     max-width: 100%;
@@ -28038,7 +28199,6 @@ td.rdtQuarter.rdtDisabled:hover {
   .cxd-Form-control--sizeXs.cxd-NumberControl {
     width: var(--Form-control-widthXs);
   }
-
   .cxd-Form-control--sizeSm {
     width: var(--Form-control-widthSm);
     max-width: 100%;
@@ -28048,14 +28208,12 @@ td.rdtQuarter.rdtDisabled:hover {
   .cxd-Form-control--sizeSm.cxd-NumberControl {
     width: var(--Form-control-widthSm);
   }
-
   .cxd-Form-control--sizeMd {
     width: var(--Form-control-widthMd);
     max-width: 100%;
     display: inline-block;
     vertical-align: top;
   }
-
   .cxd-Form-control--sizeLg {
     width: var(--Form-control-widthLg);
     max-width: 100%;
@@ -28065,7 +28223,6 @@ td.rdtQuarter.rdtDisabled:hover {
   .cxd-Form-control--sizeLg.cxd-NumberControl {
     width: var(--Form-control-widthLg);
   }
-
   .cxd-Form-item--horizontal {
     display: flex;
     flex-wrap: nowrap;
@@ -28216,7 +28373,6 @@ td.rdtQuarter.rdtDisabled:hover {
   .cxd-Form-item--inline > .cxd-Form-value > .cxd-TextControl--withAddOn {
     display: inline-flex;
   }
-
   .cxd-Form-row {
     display: flex;
     flex-wrap: wrap;
@@ -28228,13 +28384,11 @@ td.rdtQuarter.rdtDisabled:hover {
     padding-left: calc(var(--Form-row-gutterWidth) / 2);
     padding-right: calc(var(--Form-row-gutterWidth) / 2);
   }
-
   .cxd-Form-col {
     flex-basis: 0;
     flex-grow: 1;
     flex-shrink: 1;
   }
-
   .cxd-Form-rowInner {
     display: flex;
     flex-wrap: nowrap;
@@ -28251,8 +28405,11 @@ td.rdtQuarter.rdtDisabled:hover {
   }
 }
 .cxd-Form--debug {
-  word-break: break-all;
-  white-space: pre-wrap;
+  padding: var(--gap-sm);
+  margin-bottom: var(--gap-sm);
+  background-color: rgb(250, 250, 250);
+  border-radius: var(--borderRadius);
+  position: relative;
 }
 .cxd-Form--quickEdit {
   min-width: var(--Form-control-widthSm);
@@ -28559,7 +28716,6 @@ td.rdtQuarter.rdtDisabled:hover {
   cursor: pointer;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   padding: 0 1rem;
   border-bottom: 0.0625rem solid var(--UserSelect--border-color);
@@ -28580,7 +28736,6 @@ td.rdtQuarter.rdtDisabled:hover {
   text-align: left;
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   display: flex;
   align-items: center;
@@ -28860,7 +29015,6 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-AnchorNav--horizontal .cxd-AnchorNav-link-wrap {
   -webkit-user-select: none;
      -moz-user-select: none;
-      -ms-user-select: none;
           user-select: none;
   margin: 0px;
   padding: 0px;
@@ -30122,7 +30276,7 @@ td.rdtQuarter.rdtDisabled:hover {
   right: calc(var(--Switch-slider-margin) * 2);
 }
 .cxd-Switch--sm:active .slider::before {
-  width: calc( var(--Switch-slider-width--sm) + var(--Switch-slider-margin) * 2 );
+  width: calc(var(--Switch-slider-width--sm) + var(--Switch-slider-margin) * 2);
   border-radius: 10px;
 }
 .cxd-TextControl-sugs {
@@ -30196,7 +30350,7 @@ td.rdtQuarter.rdtDisabled:hover {
   border-radius: 0.1875rem;
 }
 .cxd-Combo .cxd-Combo-items .cxd-Combo-item .cxd-Combo-delBtn {
-  padding-top: calc( (var(--Form-input-height) - var(--Form-input-lineHeight) * 10px) / 2 );
+  padding-top: calc((var(--Form-input-height) - var(--Form-input-lineHeight) * 10px) / 2);
 }
 .cxd-LocationControl .cxd-PopOver {
   border: none;
@@ -30345,6 +30499,10 @@ td.rdtQuarter.rdtDisabled:hover {
 .cxd-Form-item--inline .cxd-Form-label {
   margin-right: 1rem;
 }
+.cxd-Form .icon-position-right .cxd-Collapse-header,
+.cxd-Form .cxd-Collapse--title-bottom .cxd-Collapse-header {
+  display: block;
+}
 .cxd-Form .cxd-Collapse {
   border: none;
 }