amis-ui 3.4.0 → 3.4.1

package/lib/themes/cxd.css

@@ -6,8 +6,7 @@
   --primary: var(--colors-brand-5);
   --primary-onHover: var(--colors-brand-6);
   --primary-onActive: var(--colors-brand-4);
-  --secondary: var(--colors-neutral-text-4);
-  /*  secondary 颜色需进一步确认 */
+  --secondary: var(--colors-neutral-text-4); /*  secondary 颜色需进一步确认 */
   --secondary-onHover: var(--colors-neutral-text-6);
   --secondary-onActive: var(--colors-neutral-text-4);
   --success: var(--colors-success-5);
@@ -2383,7 +2382,7 @@
   --Form-description-fontWeight: var(--fonts-weight-6);
   --Form-description-lineHeight: var(--fonts-lineHeight-2);
   --Form-description-gap: var(--sizes-size-3);
-  --Form-item-onError-color: var(--colors-error-5);
+  --Form-item-onError-color: var(--colors-neutral-text-4);
   --Form-item-onError-borderColor: var(--colors-error-5);
   --Form-item-onError-bg: var(--colors-neutral-fill-11);
   --Form-feedBack-color: var(--colors-error-5);
@@ -3887,7 +3886,7 @@
   --steps-dot-process-bg-color: var(--colors-brand-5);
   --steps-dot-finish-bg-color: var(--colors-neutral-fill-11);
   --steps-dot-error-bg-color: var(--colors-error-5);
-  --steps-simple-icon: "";
+  --steps-simple-icon: '<svg viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="currentColor" fill-rule="evenodd"><polyline  stroke="currentColor" transform="translate(5.496854, 8.006854) scale(-1, 1) rotate(-135.000000) translate(-5.496854, -8.006854) " points="1.49685425 4.00685425 9.49685425 4.00685425 9.49685425 12.0068542" stroke-width="1" fill="none" stroke-linecap="butt" stroke-linejoin="round"/></g></svg>';
   --steps-simple-icon-size: var(--sizes-size-8);
   --Steps-bg: var(--steps-status-wait-color);
   --Steps-status-success: var(--steps-status-finish-bg-color);
@@ -3993,6 +3992,7 @@
   --image-image-description-color: var(--colors-neutral-text-2);
   --image-image-description-fontSize: var(--fonts-size-8);
   --image-image-description-marginTop: var(--fonts-size-0);
+  --image-image-normal-icon: '<svg viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g  stroke="none" stroke-width="1" fill="currentColor" fill-rule="evenodd"><g><rect  opacity="0" x="0.5" y="0.5" width="15" height="15"></rect><path d="M7.9999,3.0001 C11.9889,3.0001 14.9999,6.8731 14.9999,8.0001 C14.9999,8.8831 11.9889,13.0001 7.9999,13.0001 C3.9609,13.0001 0.9999,8.8831 0.9999,8.0001 C0.9999,6.8731 3.9609,3.0001 7.9999,3.0001 Z M7.9999,4.0001 C4.7329,4.0001 2.2179,7.0861 2.0089,7.9731 C2.2749,8.7711 4.7189,12.0001 7.9999,12.0001 C11.2099,12.0001 13.7339,8.7311 13.9929,7.9631 C13.8069,7.1261 11.2709,4.0001 7.9999,4.0001 Z M7.975,5.879 C9.08,5.879 9.975,6.775 9.975,7.879 C9.975,8.983 9.08,9.879 7.975,9.879 C6.871,9.879 5.975,8.983 5.975,7.879 C5.975,6.775 6.871,5.879 7.975,5.879 Z M7.975,6.879 C7.424,6.879 6.975,7.327 6.975,7.879 C6.975,8.43 7.424,8.879 7.975,8.879 C8.527,8.879 8.975,8.43 8.975,7.879 C8.975,7.327 8.527,6.879 7.975,6.879 Z" ></path></g></g></svg>';
   --image-images-item-marginTop: var(--sizes-size-3);
   --image-images-item-marginBottom: var(--sizes-size-3);
   --image-images-item-marginLeft: var(--sizes-size-3);
@@ -4005,6 +4005,8 @@
   --image-images-preview-paddingBottom: var(--sizes-size-3);
   --image-images-preview-paddingLeft: var(--sizes-size-9);
   --image-images-preview-paddingRight: var(--sizes-size-9);
+  --image-images-prev-icon: '<svg viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="currentColor" fill-rule="evenodd"><polyline stroke="currentColor" transform="translate(10.496854, 8.006854) rotate(-135.000000) translate(-10.496854, -8.006854) " points="6.49685425 4.00685425 14.4968542 4.00685425 14.4968542 12.0068542" stroke-width="1" fill="none" stroke-linecap="butt" stroke-linejoin="round"/></g></svg>';
+  --image-images-next-icon: '<svg viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="currentColor" fill-rule="evenodd"><polyline stroke="currentColor" transform="translate(5.496854, 8.006854) scale(-1, 1) rotate(-135.000000) translate(-5.496854, -8.006854) " points="1.49685425 4.00685425 9.49685425 4.00685425 9.49685425 12.0068542" stroke-width="1" fill="none" stroke-linecap="butt" stroke-linejoin="round"/></g></svg>';
   --Tag-base-fontSize: var(--fonts-size-8);
   --Tag-base-fontWeight: var(--fonts-weight-6);
   --Tag-base-height: var(--sizes-base-12);
@@ -4669,6 +4671,7 @@
   --Table-toolbar-marginX: 0.25rem;
   --Table-toolbar-marginY: var(--gap-base);
   --Table-tree-borderColor: var(--colors-neutral-line-8);
+  --Table-tree-indent: var(--gap-lg);
   --Table-searchableForm-backgroundColor: #f6f7f8;
   --Table-searchableForm-borderRadius: 0.25rem;
   --Table-empty-icon-size: 4.625rem;
@@ -5112,17 +5115,14 @@
 }
 /* PADDING */
 .CodeMirror-lines {
-  padding: 4px 0;
-  /* Vertical padding around content */
+  padding: 4px 0; /* Vertical padding around content */
 }
 .CodeMirror pre.CodeMirror-line,
 .CodeMirror pre.CodeMirror-line-like {
-  padding: 0 4px;
-  /* Horizontal padding of content */
+  padding: 0 4px; /* Horizontal padding of content */
 }
 .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
-  background-color: white;
-  /* The little square between H and V scrollbars */
+  background-color: white; /* The little square between H and V scrollbars */
 }
 /* GUTTER */
 .CodeMirror-gutters {
@@ -5308,16 +5308,14 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {
   background: white;
 }
 .CodeMirror-scroll {
-  overflow: scroll !important;
-  /* Things will break if this is overridden */
+  overflow: scroll !important; /* Things will break if this is overridden */
   /* 50px is the magic margin used to hide the element's real scrollbars */
   /* See overflow: hidden in .CodeMirror */
   margin-bottom: -50px;
   margin-right: -50px;
   padding-bottom: 50px;
   height: 100%;
-  outline: none;
-  /* Prevent dragging from highlighting the element */
+  outline: none; /* Prevent dragging from highlighting the element */
   position: relative;
   z-index: 0;
 }
@@ -5396,8 +5394,7 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {
 }
 .CodeMirror-lines {
   cursor: text;
-  min-height: 1px;
-  /* prevents collapsing before first draw */
+  min-height: 1px; /* prevents collapsing before first draw */
 }
 .CodeMirror pre.CodeMirror-line,
 .CodeMirror pre.CodeMirror-line-like {
@@ -5435,8 +5432,7 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {
 .CodeMirror-linewidget {
   position: relative;
   z-index: 2;
-  padding: 0.1px;
-  /* Force widget margins to stay inside of the container */
+  padding: 0.1px; /* Force widget margins to stay inside of the container */
 }
 .CodeMirror-rtl pre {
   direction: rtl;
@@ -5720,7 +5716,7 @@ img.fr-bordered {
   vertical-align: bottom;
   margin-left: 5px;
   margin-right: 5px;
-  max-width: calc(100% - (2 * 5px));
+  max-width: calc(100% - 10px);
 }
 .fr-view img.fr-dii.fr-fil {
   float: left;
@@ -5756,7 +5752,7 @@ img.fr-bordered {
   vertical-align: bottom;
   margin-left: 5px;
   margin-right: 5px;
-  max-width: calc(100% - (2 * 5px));
+  max-width: calc(100% - 10px);
 }
 .fr-view span.fr-img-caption.fr-dii.fr-fil {
   float: left;
@@ -5884,7 +5880,7 @@ img.fr-view.fr-dii {
   vertical-align: bottom;
   margin-left: 5px;
   margin-right: 5px;
-  max-width: calc(100% - (2 * 5px));
+  max-width: calc(100% - 10px);
 }
 img.fr-view.fr-dii.fr-fil {
   float: left;
@@ -5920,7 +5916,7 @@ span.fr-img-caption.fr-view.fr-dii {
   vertical-align: bottom;
   margin-left: 5px;
   margin-right: 5px;
-  max-width: calc(100% - (2 * 5px));
+  max-width: calc(100% - 10px);
 }
 span.fr-img-caption.fr-view.fr-dii.fr-fil {
   float: left;
@@ -6126,14 +6122,12 @@ iframe.fr-iframe {
   .fr-box.fr-document {
     min-width: 21cm;
   }
-
   .fr-box.fr-document .fr-wrapper {
     text-align: left;
     padding: 30px;
     min-width: 21cm;
     background: #efefef;
   }
-
   .fr-box.fr-document .fr-wrapper .fr-element {
     text-align: left;
     background: #FFF;
@@ -6144,7 +6138,6 @@ iframe.fr-iframe {
     overflow: visible;
     z-index: auto;
   }
-
   .fr-box.fr-document .fr-wrapper .fr-element hr {
     margin-left: -2cm;
     margin-right: -2cm;
@@ -6153,7 +6146,6 @@ iframe.fr-iframe {
     outline: none;
     border: none;
   }
-
   .fr-box.fr-document .fr-wrapper .fr-element img {
     z-index: 1;
   }
@@ -7324,7 +7316,7 @@ ol.decimal_type > li:before {
 }
 .fr-separator.fr-hs {
   clear: both;
-  width: calc(100% - (2 * 4px));
+  width: calc(100% - 8px);
   margin: 0 4px;
   height: 1px;
 }
@@ -8099,22 +8091,18 @@ body.fr-fullscreen {
     width: 10px;
     height: 10px;
   }
-
   .fr-image-resizer .fr-handler.fr-hnw {
     left: -5px;
     top: -5px;
   }
-
   .fr-image-resizer .fr-handler.fr-hne {
     right: -5px;
     top: -5px;
   }
-
   .fr-image-resizer .fr-handler.fr-hsw {
     left: -5px;
     bottom: -5px;
   }
-
   .fr-image-resizer .fr-handler.fr-hse {
     right: -5px;
     bottom: -5px;
@@ -8524,7 +8512,7 @@ div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
 }
 .fr-line-breaker a.fr-floating-btn {
   position: absolute;
-  left: calc(50% - (40px / 2));
+  left: calc(50% - 20px);
   top: -20px;
 }
 .fr-line-breaker a.fr-floating-btn svg {
@@ -8859,22 +8847,18 @@ div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
     width: 10px;
     height: 10px;
   }
-
   .fr-box .fr-video-resizer .fr-handler.fr-hnw {
     left: -5px;
     top: -5px;
   }
-
   .fr-box .fr-video-resizer .fr-handler.fr-hne {
     right: -5px;
     top: -5px;
   }
-
   .fr-box .fr-video-resizer .fr-handler.fr-hsw {
     left: -5px;
     bottom: -5px;
   }
-
   .fr-box .fr-video-resizer .fr-handler.fr-hse {
     right: -5px;
     bottom: -5px;
@@ -9176,7 +9160,7 @@ img.fr-bordered {
   vertical-align: bottom;
   margin-left: 5px;
   margin-right: 5px;
-  max-width: calc(100% - (2 * 5px));
+  max-width: calc(100% - 10px);
 }
 .fr-view img.fr-dii.fr-fil {
   float: left;
@@ -9212,7 +9196,7 @@ img.fr-bordered {
   vertical-align: bottom;
   margin-left: 5px;
   margin-right: 5px;
-  max-width: calc(100% - (2 * 5px));
+  max-width: calc(100% - 10px);
 }
 .fr-view span.fr-img-caption.fr-dii.fr-fil {
   float: left;
@@ -9340,7 +9324,7 @@ img.fr-view.fr-dii {
   vertical-align: bottom;
   margin-left: 5px;
   margin-right: 5px;
-  max-width: calc(100% - (2 * 5px));
+  max-width: calc(100% - 10px);
 }
 img.fr-view.fr-dii.fr-fil {
   float: left;
@@ -9376,7 +9360,7 @@ span.fr-img-caption.fr-view.fr-dii {
   vertical-align: bottom;
   margin-left: 5px;
   margin-right: 5px;
-  max-width: calc(100% - (2 * 5px));
+  max-width: calc(100% - 10px);
 }
 span.fr-img-caption.fr-view.fr-dii.fr-fil {
   float: left;
@@ -9649,6 +9633,10 @@ button::-moz-focus-inner {
   display: flex;
   flex: 0 0 auto;
 }
+.tox .tox-bottom-anchorbar {
+  display: flex;
+  flex: 0 0 auto;
+}
 .tox .tox-bar {
   display: flex;
   flex: 0 0 auto;
@@ -9945,7 +9933,7 @@ button::-moz-focus-inner {
   display: flex;
   height: 24px;
   justify-content: center;
-  padding: calc(4px - 1px);
+  padding: 3px;
   width: 24px;
 }
 .tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
@@ -9988,7 +9976,7 @@ button::-moz-focus-inner {
 .tox input.tox-checkbox__input:focus + .tox-checkbox__icons {
   border-radius: 6px;
   box-shadow: inset 0 0 0 1px #006ce7;
-  padding: calc(4px - 1px);
+  padding: 3px;
 }
 .tox:not([dir=rtl]) .tox-checkbox__label {
   margin-left: 4px;
@@ -10124,6 +10112,7 @@ button::-moz-focus-inner {
   font-style: normal;
   font-weight: normal;
   line-height: 24px;
+  max-width: 100%;
   text-transform: none;
   word-break: break-all;
 }
@@ -10432,7 +10421,7 @@ button::-moz-focus-inner {
   display: none;
   fill: #222f3e;
   height: 24px;
-  margin: calc((30px - 24px) / 2) calc((30px - 24px) / 2);
+  margin: 3px 3px;
   width: 24px;
 }
 .tox div.tox-swatch:not(.tox-swatch--remove) svg path {
@@ -10706,7 +10695,7 @@ button::-moz-focus-inner {
   body:not(.tox-force-desktop) .tox .tox-dialog {
     align-self: flex-start;
     margin: 8px auto;
-    max-height: calc(100vh - 8px * 2);
+    max-height: calc(100vh - 16px);
     width: calc(100vw - 16px);
   }
 }
@@ -10810,7 +10799,7 @@ button::-moz-focus-inner {
   display: flex;
   flex: 1;
   flex-direction: column;
-  max-height: min(650px, calc(100vh - 110px));
+  max-height: min(650px, 100vh - 110px);
   overflow: auto;
   -webkit-overflow-scrolling: touch;
   padding: 16px 16px;
@@ -10832,16 +10821,21 @@ button::-moz-focus-inner {
 .tox .tox-dialog__body-content a {
   color: #006ce7;
   cursor: pointer;
-  text-decoration: none;
+  text-decoration: underline;
 }
 .tox .tox-dialog__body-content a:hover,
 .tox .tox-dialog__body-content a:focus {
-  color: #0054b4;
-  text-decoration: none;
+  color: #003c81;
+  text-decoration: underline;
+}
+.tox .tox-dialog__body-content a:focus-visible {
+  border-radius: 1px;
+  outline: 2px solid #006ce7;
+  outline-offset: 2px;
 }
 .tox .tox-dialog__body-content a:active {
-  color: #0054b4;
-  text-decoration: none;
+  color: #00244e;
+  text-decoration: underline;
 }
 .tox .tox-dialog__body-content svg {
   fill: #222f3e;
@@ -10855,8 +10849,7 @@ button::-moz-focus-inner {
 .tox .tox-dialog__body-content ul,
 .tox .tox-dialog__body-content ol,
 .tox .tox-dialog__body-content dd {
-  -webkit-padding-start: 2.5rem;
-          padding-inline-start: 2.5rem;
+  padding-inline-start: 2.5rem;
 }
 .tox .tox-dialog__body-content ul,
 .tox .tox-dialog__body-content ol,
@@ -10869,10 +10862,8 @@ button::-moz-focus-inner {
 .tox .tox-dialog__body-content dd,
 .tox .tox-dialog__body-content dt {
   display: block;
-  -webkit-margin-end: 0;
-          margin-inline-end: 0;
-  -webkit-margin-start: 0;
-          margin-inline-start: 0;
+  margin-inline-end: 0;
+  margin-inline-start: 0;
 }
 .tox .tox-dialog__body-content .tox-form__group h1 {
   color: #222f3e;
@@ -10913,6 +10904,12 @@ button::-moz-focus-inner {
   margin-bottom: 0;
   margin-top: 0;
 }
+.tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--center {
+  text-align: center;
+}
+.tox .tox-dialog__body-content .tox-form__group .tox-label.tox-label--end {
+  text-align: end;
+}
 .tox .tox-dialog--width-lg {
   height: 650px;
   max-width: 1200px;
@@ -10981,9 +10978,30 @@ button::-moz-focus-inner {
 .tox .tox-dialog__table td:first-child {
   padding-right: 8px;
 }
+.tox .tox-dialog__iframe {
+  min-height: 200px;
+}
 .tox .tox-dialog__iframe.tox-dialog__iframe--opaque {
   background: #fff;
 }
+.tox .tox-navobj-bordered {
+  position: relative;
+}
+.tox .tox-navobj-bordered::before {
+  border: 1px solid #eeeeee;
+  border-radius: 6px;
+  content: "";
+  inset: 0;
+  opacity: 1;
+  pointer-events: none;
+  position: absolute;
+  z-index: 1;
+}
+.tox .tox-navobj-bordered-focus.tox-navobj-bordered::before {
+  border-color: #006ce7;
+  box-shadow: 0 0 0 2px rgba(0, 108, 231, 0.25);
+  outline: none;
+}
 .tox .tox-dialog__popups {
   position: absolute;
   width: 100%;
@@ -11310,13 +11328,13 @@ body.tox-dialog__disable-scroll {
   justify-content: space-between;
 }
 .tox .tox-form__grid--2col > .tox-form__group {
-  width: calc(50% - (8px / 2));
+  width: calc(50% - 4px);
 }
 .tox .tox-form__grid--3col > .tox-form__group {
-  width: calc(100% / 3 - (8px / 2));
+  width: calc(33.3333333333% - 4px);
 }
 .tox .tox-form__grid--4col > .tox-form__group {
-  width: calc(25% - (8px / 2));
+  width: calc(25% - 4px);
 }
 .tox .tox-form__controls-h-stack {
   align-items: center;
@@ -11714,6 +11732,9 @@ body.tox-dialog__disable-scroll {
     overflow-wrap: break-word;
     word-break: normal;
   }
+  .tox .tox-dialog__popups .tox-menu .tox-collection__item-label {
+    word-break: break-all;
+  }
 }
 .tox .tox-menu__label h1,
 .tox .tox-menu__label h2,
@@ -11745,10 +11766,8 @@ body.tox-dialog__disable-scroll {
   background-color: #fff;
   grid-column: 2;
   grid-row: 1;
-  -webkit-padding-end: 8px;
-          padding-inline-end: 8px;
-  -webkit-padding-start: 4px;
-          padding-inline-start: 4px;
+  padding-inline-end: 8px;
+  padding-inline-start: 4px;
   padding-top: 5px;
 }
 .tox .tox-promotion-link {
@@ -12160,16 +12179,13 @@ body.tox-dialog__disable-scroll {
   width: 14px;
 }
 .tox .tox-form__controls-h-stack > .tox-slider:not(:first-of-type) {
-  -webkit-margin-start: 8px;
-          margin-inline-start: 8px;
+  margin-inline-start: 8px;
 }
 .tox .tox-form__controls-h-stack > .tox-form__group + .tox-slider {
-  -webkit-margin-start: 32px;
-          margin-inline-start: 32px;
+  margin-inline-start: 32px;
 }
 .tox .tox-form__controls-h-stack > .tox-slider + .tox-form__group {
-  -webkit-margin-start: 32px;
-          margin-inline-start: 32px;
+  margin-inline-start: 32px;
 }
 .tox .tox-source-code {
   overflow: auto;
@@ -12219,19 +12235,42 @@ body.tox-dialog__disable-scroll {
   position: relative;
   text-transform: none;
 }
-.tox .tox-statusbar__text-container {
+.tox .tox-statusbar__path {
   display: flex;
   flex: 1 1 auto;
-  justify-content: flex-end;
   overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
-.tox .tox-statusbar__path {
+.tox .tox-statusbar__right-container {
+  display: flex;
+  justify-content: flex-end;
+  white-space: nowrap;
+}
+.tox .tox-statusbar__help-text {
+  text-align: center;
+}
+.tox .tox-statusbar__text-container {
   display: flex;
   flex: 1 1 auto;
-  margin-right: auto;
+  justify-content: space-between;
   overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+}
+@media only screen and (min-width: 768px) {
+  .tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols > .tox-statusbar__help-text,
+  .tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols > .tox-statusbar__right-container,
+  .tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols > .tox-statusbar__path {
+    flex: 0 0 33.3333333333%;
+  }
+}
+.tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-end {
+  justify-content: flex-end;
+}
+.tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-start {
+  justify-content: flex-start;
+}
+.tox .tox-statusbar__text-container.tox-statusbar__text-container--space-around {
+  justify-content: space-around;
 }
 .tox .tox-statusbar__path > * {
   display: inline;
@@ -12241,6 +12280,14 @@ body.tox-dialog__disable-scroll {
   flex: 0 0 auto;
   margin-left: 1ch;
 }
+@media only screen and (max-width: 767px) {
+  .tox .tox-statusbar__text-container .tox-statusbar__help-text {
+    display: none;
+  }
+  .tox .tox-statusbar__text-container .tox-statusbar__help-text:only-child {
+    display: block;
+  }
+}
 .tox .tox-statusbar a,
 .tox .tox-statusbar__path-item,
 .tox .tox-statusbar__wordcount {
@@ -12562,8 +12609,7 @@ body.tox-dialog__disable-scroll {
   background: #f7f7f7;
 }
 .tox .tox-tbtn--bespoke + .tox-tbtn--bespoke {
-  -webkit-margin-start: 4px;
-          margin-inline-start: 4px;
+  margin-inline-start: 4px;
 }
 .tox .tox-tbtn--bespoke .tox-tbtn__select-label {
   overflow: hidden;
@@ -12635,7 +12681,7 @@ body.tox-dialog__disable-scroll {
   background-image: repeating-linear-gradient(#e3e3e3 0px 1px, transparent 1px 39px);
   background-position: center top 40px;
   background-repeat: no-repeat;
-  background-size: calc(100% - 11px * 2) calc(100% - 41px);
+  background-size: calc(100% - 22px) calc(100% - 41px);
   display: flex;
   flex: 0 0 auto;
   flex-shrink: 0;
@@ -12647,7 +12693,7 @@ body.tox-dialog__disable-scroll {
 .tox .tox-toolbar-overlord > .tox-toolbar__primary,
 .tox .tox-toolbar-overlord > .tox-toolbar__overflow {
   background-position: center top 0px;
-  background-size: calc(100% - 11px * 2) calc(100% - 0px);
+  background-size: calc(100% - 22px) calc(100% - 0px);
 }
 .tox .tox-toolbar__overflow.tox-toolbar__overflow--closed {
   height: 0;
@@ -12694,7 +12740,7 @@ body.tox-dialog__disable-scroll {
 .tox.tox-tinymce-aux .tox-toolbar__overflow {
   background-color: #fff;
   background-position: center top 43px;
-  background-size: calc(100% - 8px * 2) calc(100% - 51px);
+  background-size: calc(100% - 16px) calc(100% - 51px);
   border: none;
   border-radius: 6px;
   box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
@@ -12706,7 +12752,7 @@ body.tox-dialog__disable-scroll {
 }
 .tox-pop .tox-pop__dialog .tox-toolbar {
   background-position: center top 43px;
-  background-size: calc(100% - 11px * 2) calc(100% - 51px);
+  background-size: calc(100% - 22px) calc(100% - 51px);
   padding: 4px 0;
 }
 .tox .tox-toolbar__group {
@@ -13931,13 +13977,13 @@ body.video-react-full-window .video-react-fullscreen {
   transform: translateY(-30px);
 }
 /*!
- * Cropper.js v1.5.13
+ * Cropper.js v1.6.1
  * https://fengyuanchen.github.io/cropperjs
  *
  * Copyright 2015-present Chen Fengyuan
  * Released under the MIT license
  *
- * Date: 2022-11-20T05:30:43.444Z
+ * Date: 2023-09-17T03:44:17.565Z
  */
 .cropper-container {
   direction: ltr;
@@ -13987,7 +14033,7 @@ body.video-react-full-window .video-react-fullscreen {
   display: block;
   height: 100%;
   outline: 1px solid #39f;
-  outline-color: rgba(51, 153, 255, 75%);
+  outline-color: rgba(51, 153, 255, 0.75);
   overflow: hidden;
   width: 100%;
 }
@@ -14000,18 +14046,18 @@ body.video-react-full-window .video-react-fullscreen {
 .cropper-dashed.dashed-h {
   border-bottom-width: 1px;
   border-top-width: 1px;
-  height: calc(100% / 3);
+  height: 33.3333333333%;
   left: 0;
-  top: calc(100% / 3);
+  top: 33.3333333333%;
   width: 100%;
 }
 .cropper-dashed.dashed-v {
   border-left-width: 1px;
   border-right-width: 1px;
   height: 100%;
-  left: calc(100% / 3);
+  left: 33.3333333333%;
   top: 0;
-  width: calc(100% / 3);
+  width: 33.3333333333%;
 }
 .cropper-center {
   display: block;
@@ -14333,14 +14379,9 @@ body.video-react-full-window .video-react-fullscreen {
 .rdtPrev span,
 .rdtNext span {
   display: block;
-  -webkit-touch-callout: none;
-  /* iOS Safari */
-  -webkit-user-select: none;
-  /* Chrome/Safari/Opera */
-  /* Konqueror */
-  -moz-user-select: none;
-  /* Firefox */
-  /* Internet Explorer/Edge */
+  -webkit-touch-callout: none; /* iOS Safari */
+  -webkit-user-select: none; /* Chrome/Safari/Opera */ /* Konqueror */
+  -moz-user-select: none; /* Firefox */ /* Internet Explorer/Edge */
   user-select: none;
 }
 .rdtPicker th.rdtDisabled,
@@ -14409,14 +14450,9 @@ td.rdtQuarter:hover {
   line-height: 40px;
   cursor: pointer;
   display: block;
-  -webkit-touch-callout: none;
-  /* iOS Safari */
-  -webkit-user-select: none;
-  /* Chrome/Safari/Opera */
-  /* Konqueror */
-  -moz-user-select: none;
-  /* Firefox */
-  /* Internet Explorer/Edge */
+  -webkit-touch-callout: none; /* iOS Safari */
+  -webkit-user-select: none; /* Chrome/Safari/Opera */ /* Konqueror */
+  -moz-user-select: none; /* Firefox */ /* Internet Explorer/Edge */
   user-select: none;
 }
 .rdtCounter .rdtBtn:hover {
@@ -14974,7 +15010,6 @@ body {
   .cxd-Layout-content {
     transition: transform var(--animation-duration) ease;
   }
-
   .cxd-Layout-aside {
     display: none;
   }
@@ -14990,13 +15025,11 @@ 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 {
+  .cxd-Layout--offScreen .cxd-Layout-footer {
     background: var(--body-bg);
     transition: transform var(--animation-duration) ease;
     backface-visibility: hidden;
@@ -15011,7 +15044,6 @@ body {
     z-index: 1015;
     padding-top: 3.125rem;
   }
-
   .cxd-Layout-offScreenBtn {
     display: block;
   }
@@ -15066,7 +15098,7 @@ body {
     float: left;
   }
   .cxd-Layout--withAside .cxd-Layout-headerBar,
-.cxd-Layout--withAside .cxd-Layout-footer {
+  .cxd-Layout--withAside .cxd-Layout-footer {
     margin-left: var(--Layout-aside-width);
     transition: margin var(--animation-duration) ease;
   }
@@ -15089,11 +15121,11 @@ body {
     width: auto;
   }
   .cxd-Layout--folded .cxd-Layout-aside,
-.cxd-Layout--folded .cxd-Layout-brandBar {
+  .cxd-Layout--folded .cxd-Layout-brandBar {
     width: var(--Layout-aside--folded-width);
   }
   .cxd-Layout--folded.cxd-Layout--withAside .cxd-Layout-headerBar,
-.cxd-Layout--folded.cxd-Layout--withAside .cxd-Layout-footer {
+  .cxd-Layout--folded.cxd-Layout--withAside .cxd-Layout-footer {
     margin-left: var(--Layout-aside--folded-width);
   }
   .cxd-Layout--folded .cxd-Layout-brand {
@@ -15152,18 +15184,18 @@ body {
     padding-right: 17px;
   }
   .cxd-Layout--sm:not(.cxd-Layout--folded) .cxd-Layout-brand,
-.cxd-Layout--sm:not(.cxd-Layout--folded) .cxd-Layout-brandBar,
-.cxd-Layout--sm:not(.cxd-Layout--folded) .cxd-Layout-aside {
+  .cxd-Layout--sm:not(.cxd-Layout--folded) .cxd-Layout-brandBar,
+  .cxd-Layout--sm:not(.cxd-Layout--folded) .cxd-Layout-aside {
     width: var(--Layout-aside--sm-width);
   }
   .cxd-Layout--md:not(.cxd-Layout--folded) .cxd-Layout-brand,
-.cxd-Layout--md:not(.cxd-Layout--folded) .cxd-Layout-brandBar,
-.cxd-Layout--md:not(.cxd-Layout--folded) .cxd-Layout-aside {
+  .cxd-Layout--md:not(.cxd-Layout--folded) .cxd-Layout-brandBar,
+  .cxd-Layout--md:not(.cxd-Layout--folded) .cxd-Layout-aside {
     width: var(--Layout-aside--md-width);
   }
   .cxd-Layout--lg:not(.cxd-Layout--folded) .cxd-Layout-brand,
-.cxd-Layout--lg:not(.cxd-Layout--folded) .cxd-Layout-brandBar,
-.cxd-Layout--lg:not(.cxd-Layout--folded) .cxd-Layout-aside {
+  .cxd-Layout--lg:not(.cxd-Layout--folded) .cxd-Layout-brandBar,
+  .cxd-Layout--lg:not(.cxd-Layout--folded) .cxd-Layout-aside {
     width: var(--Layout-aside--lg-width);
   }
 }
@@ -15335,7 +15367,6 @@ body {
     flex-direction: column;
     justify-content: space-between;
   }
-
   .cxd-Grid-col--sm1 {
     flex: 0 0 8.3333333333%;
     max-width: 8.3333333333%;
@@ -15343,7 +15374,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--sm2 {
     flex: 0 0 16.6666666667%;
     max-width: 16.6666666667%;
@@ -15351,7 +15381,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--sm3 {
     flex: 0 0 25%;
     max-width: 25%;
@@ -15359,7 +15388,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--sm4 {
     flex: 0 0 33.3333333333%;
     max-width: 33.3333333333%;
@@ -15367,7 +15395,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--sm5 {
     flex: 0 0 41.6666666667%;
     max-width: 41.6666666667%;
@@ -15375,7 +15402,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--sm6 {
     flex: 0 0 50%;
     max-width: 50%;
@@ -15383,7 +15409,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--sm7 {
     flex: 0 0 58.3333333333%;
     max-width: 58.3333333333%;
@@ -15391,7 +15416,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--sm8 {
     flex: 0 0 66.6666666667%;
     max-width: 66.6666666667%;
@@ -15399,7 +15423,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--sm9 {
     flex: 0 0 75%;
     max-width: 75%;
@@ -15407,7 +15430,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--sm10 {
     flex: 0 0 83.3333333333%;
     max-width: 83.3333333333%;
@@ -15415,7 +15437,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--sm11 {
     flex: 0 0 91.6666666667%;
     max-width: 91.6666666667%;
@@ -15423,7 +15444,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--sm12 {
     flex: 0 0 100%;
     max-width: 100%;
@@ -15431,7 +15451,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--sm {
     flex-basis: 0;
     flex-grow: 1;
@@ -15441,7 +15460,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--smAuto {
     flex: 0 0 auto;
     width: auto;
@@ -15458,7 +15476,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--md2 {
     flex: 0 0 16.6666666667%;
     max-width: 16.6666666667%;
@@ -15466,7 +15483,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--md3 {
     flex: 0 0 25%;
     max-width: 25%;
@@ -15474,7 +15490,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--md4 {
     flex: 0 0 33.3333333333%;
     max-width: 33.3333333333%;
@@ -15482,7 +15497,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--md5 {
     flex: 0 0 41.6666666667%;
     max-width: 41.6666666667%;
@@ -15490,7 +15504,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--md6 {
     flex: 0 0 50%;
     max-width: 50%;
@@ -15498,7 +15511,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--md7 {
     flex: 0 0 58.3333333333%;
     max-width: 58.3333333333%;
@@ -15506,7 +15518,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--md8 {
     flex: 0 0 66.6666666667%;
     max-width: 66.6666666667%;
@@ -15514,7 +15525,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--md9 {
     flex: 0 0 75%;
     max-width: 75%;
@@ -15522,7 +15532,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--md10 {
     flex: 0 0 83.3333333333%;
     max-width: 83.3333333333%;
@@ -15530,7 +15539,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--md11 {
     flex: 0 0 91.6666666667%;
     max-width: 91.6666666667%;
@@ -15538,7 +15546,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--md12 {
     flex: 0 0 100%;
     max-width: 100%;
@@ -15546,7 +15553,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--md {
     flex-basis: 0;
     flex-grow: 1;
@@ -15556,7 +15562,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--mdAuto {
     flex: 0 0 auto;
     width: auto;
@@ -15573,7 +15578,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--lg2 {
     flex: 0 0 16.6666666667%;
     max-width: 16.6666666667%;
@@ -15581,7 +15585,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--lg3 {
     flex: 0 0 25%;
     max-width: 25%;
@@ -15589,7 +15592,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--lg4 {
     flex: 0 0 33.3333333333%;
     max-width: 33.3333333333%;
@@ -15597,7 +15599,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--lg5 {
     flex: 0 0 41.6666666667%;
     max-width: 41.6666666667%;
@@ -15605,7 +15606,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--lg6 {
     flex: 0 0 50%;
     max-width: 50%;
@@ -15613,7 +15613,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--lg7 {
     flex: 0 0 58.3333333333%;
     max-width: 58.3333333333%;
@@ -15621,7 +15620,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--lg8 {
     flex: 0 0 66.6666666667%;
     max-width: 66.6666666667%;
@@ -15629,7 +15627,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--lg9 {
     flex: 0 0 75%;
     max-width: 75%;
@@ -15637,7 +15634,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--lg10 {
     flex: 0 0 83.3333333333%;
     max-width: 83.3333333333%;
@@ -15645,7 +15641,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--lg11 {
     flex: 0 0 91.6666666667%;
     max-width: 91.6666666667%;
@@ -15653,7 +15648,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--lg12 {
     flex: 0 0 100%;
     max-width: 100%;
@@ -15661,7 +15655,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--lg {
     flex-basis: 0;
     flex-grow: 1;
@@ -15671,7 +15664,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .cxd-Grid-col--lgAuto {
     flex: 0 0 auto;
     width: auto;
@@ -15796,7 +15788,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;
@@ -15842,7 +15834,7 @@ body {
   text-transform: none;
   display: block;
   font-size: var(--Layout-asideLink-fontSize);
-  padding: calc( ( var(--Layout-nav-height) - var(--lineHeightBase) * var(--Layout-asideLink-fontSize) ) / 2 ) var(--gap-base);
+  padding: calc((var(--Layout-nav-height) - var(--lineHeightBase) * var(--Layout-asideLink-fontSize)) / 2) var(--gap-base);
   position: relative;
   transition: background-color var(--animation-duration) ease-in-out 0s;
   color: var(--Layout-asideLink-color);
@@ -15867,7 +15859,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);
@@ -15894,7 +15886,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);
@@ -15957,7 +15949,7 @@ img.cxd-AsideNav-itemIcon {
     border: none;
   }
   .cxd-Layout--folded .cxd-AsideNav-list > .cxd-AsideNav-item > a .cxd-AsideNav-itemArrow,
-.cxd-Layout--folded .cxd-AsideNav-list > .cxd-AsideNav-item > a .cxd-AsideNav-itemLabel {
+  .cxd-Layout--folded .cxd-AsideNav-list > .cxd-AsideNav-item > a .cxd-AsideNav-itemLabel {
     display: none;
   }
   .cxd-Layout--folded .cxd-AsideNav-list > .cxd-AsideNav-item > a .cxd-AsideNav-itemIcon {
@@ -17474,54 +17466,49 @@ input[type=button].cxd-Button--block {
   margin-left: var(--dialog-footer-margin-left);
 }
 .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(--dialog-size-normal-width);
     border-width: var(--dialog-default-border-width);
   }
-
   .cxd-Modal--sm .cxd-Modal-content {
     max-width: var(--dialog-size-sm-width);
   }
-
   .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(--dialog-size-lg-width);
   }
-
   .cxd-Modal--xl .cxd-Modal-content {
     max-width: var(--dialog-size-xl-width);
   }
@@ -17703,279 +17690,264 @@ input[type=button].cxd-Button--block {
     width: var(--Drawer-widthBase);
     height: var(--Drawer-widthBase);
   }
-
   .cxd-Drawer--xs .cxd-Drawer-content {
     width: var(--drawer-size-xs-width);
     height: var(--Drawer-widthXs);
   }
-
   .cxd-Drawer--sm .cxd-Drawer-content {
     width: var(--drawer-size-sm-width);
     height: var(--Drawer-widthSm);
   }
-
   .cxd-Drawer--md .cxd-Drawer-content {
     width: var(--drawer-size-md-width);
     height: var(--Drawer-widthMd);
   }
-
   .cxd-Drawer--lg .cxd-Drawer-content {
     width: var(--drawer-size-lg-width);
     height: var(--Drawer-widthLg);
   }
-
   .cxd-Drawer--xl .cxd-Drawer-content {
     width: var(--drawer-size-xl-width);
     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 {
+  .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 {
+  .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 {
+  .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 {
+  .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 {
+  .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 {
+  .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 {
+  .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 {
+  .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 {
+  .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 {
+  .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 {
+  .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 {
+  .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 {
+  .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 {
+  .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 {
+  .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 {
+  .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 {
+  .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 {
+  .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 {
+  .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 {
+  .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 {
+  .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 {
+  .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 {
+  .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 {
+  .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 {
+  .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 {
+  .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 {
+  .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 {
+  .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 {
+  .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 {
+  .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 {
+  .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 {
+  .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 {
+  .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 {
+  .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 {
+  .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 {
+  .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 {
+  .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 {
+  .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 {
+  .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 {
+  .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 {
+  .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 {
+  .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 {
+  .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 {
+  .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 {
+  .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 {
+  .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 {
+  .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 {
+  .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 {
+  .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 {
+  .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 {
+  .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 {
+  .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 {
+  .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 {
+  .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 {
+  .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 {
+  .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 {
+  .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 {
+  .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 {
+  .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 {
+  .cxd-Drawer--bottom.cxd-Modal--6th.cxd-Drawer--xl .cxd-Drawer-content {
     height: calc(var(--Drawer-widthXl) - 100px);
   }
 }
@@ -18134,7 +18106,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 {
@@ -18172,7 +18144,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 {
@@ -18200,7 +18172,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);
@@ -18223,8 +18195,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 {
@@ -18361,6 +18333,13 @@ input[type=button].cxd-Button--block {
 .cxd-TplField.is-inline {
   display: inline;
 }
+.max-line {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  word-break: break-word;
+}
 .cxd-PopOver {
   position: absolute;
   background: var(--PopOver-bg);
@@ -18651,7 +18630,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(0, 0%, 100%, 0.9), hsla(0, 0%, 100%, 0.4)), linear-gradient(0deg, hsla(0, 0%, 100%, 0.9), hsla(0, 0%, 100%, 0.4));
   background-repeat: no-repeat;
   background-position: top, bottom;
   transform: translateZ(0);
@@ -20371,14 +20350,13 @@ 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;
     align-items: stretch;
   }
   .cxd-Page--withSidebar > .cxd-Page-content,
-.cxd-Page--withSidebar > .cxd-PullRefresh {
+  .cxd-Page--withSidebar > .cxd-PullRefresh {
     width: 0;
     flex-grow: 1;
   }
@@ -20452,6 +20430,9 @@ input[type=button].cxd-Button--block {
   width: 100%;
   height: 100%;
 }
+.cxd-Chart > .visibility-sensor {
+  height: 100%;
+}
 .cxd-Video {
   min-width: 200px;
 }
@@ -21748,17 +21729,18 @@ input[type=button].cxd-Button--block {
   padding-left: 0;
   padding-right: 0;
 }
-.cxd-Form .cxd-Collapse {
+.cxd-Form .cxd-Collapse.cxd-Collapse--fieldset {
   border: none;
 }
-.cxd-Form .cxd-Collapse-header {
+.cxd-Form .cxd-Collapse.cxd-Collapse--fieldset .cxd-Collapse-header {
   background-color: var(--white);
   display: inline-flex;
   justify-content: flex-end;
+  align-items: center;
   flex-direction: row-reverse;
   border-radius: 0;
 }
-.cxd-Form .cxd-Collapse-content {
+.cxd-Form .cxd-Collapse.cxd-Collapse--fieldset .cxd-Collapse-content {
   padding: 0;
 }
 /* 移动端样式调整 */
@@ -22598,8 +22580,8 @@ input[type=button].cxd-Button--block {
   align-items: flex-start;
   overflow-x: hidden;
   overflow-y: auto;
-  height: calc( (var(--Picker-tag-height) + var(--Picker-tag-marginBottom) * 4) * 3 );
-  max-height: calc( (var(--Picker-tag-height) + var(--Picker-tag-marginBottom)) * 5 );
+  height: calc((var(--Picker-tag-height) + var(--Picker-tag-marginBottom) * 4) * 3);
+  max-height: calc((var(--Picker-tag-height) + var(--Picker-tag-marginBottom)) * 5);
 }
 .cxd-Crud-selection-overflow-wrapper .cxd-Crud-value {
   cursor: pointer;
@@ -22608,7 +22590,7 @@ input[type=button].cxd-Button--block {
           user-select: none;
   white-space: nowrap;
   vertical-align: middle;
-  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem );
+  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem);
   display: inline-block;
   font-size: var(--Pick-base-value-fontSize);
   color: var(--Pick-base-value-color);
@@ -22653,7 +22635,7 @@ input[type=button].cxd-Button--block {
           user-select: none;
   white-space: nowrap;
   vertical-align: middle;
-  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem );
+  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem);
   display: inline-block;
   font-size: var(--Pick-base-value-fontSize);
   color: var(--Pick-base-value-color);
@@ -22776,7 +22758,7 @@ input[type=button].cxd-Button--block {
     float: right;
   }
   .cxd-Crud-actions > * + .cxd-Button,
-.cxd-Crud-actions > * + .cxd-Button--disabled-wrap {
+  .cxd-Crud-actions > * + .cxd-Button--disabled-wrap {
     margin-left: var(--Crud-toolbar-gap);
   }
 }
@@ -22797,7 +22779,7 @@ input[type=button].cxd-Button--block {
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
-  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem );
+  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem);
   display: inline-block;
   font-size: var(--Pick-base-value-fontSize);
   color: var(--Pick-base-value-color);
@@ -22908,7 +22890,7 @@ input[type=button].cxd-Button--block {
     float: right;
   }
   .cxd-Crud-actions > * + .cxd-Button,
-.cxd-Crud-actions > * + .cxd-Button--disabled-wrap {
+  .cxd-Crud-actions > * + .cxd-Button--disabled-wrap {
     margin-left: var(--Crud-toolbar-gap);
   }
 }
@@ -22945,7 +22927,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);
@@ -23174,6 +23156,7 @@ input[type=button].cxd-Button--block {
 .cxd-Table-table > thead > tr > th .cxd-TableCell--title {
   min-width: -moz-fit-content;
   min-width: fit-content;
+  display: inline-block;
 }
 .cxd-Table-table > thead > tr > th:first-child {
   border-top-left-radius: 4px;
@@ -23534,186 +23517,6 @@ input[type=button].cxd-Button--block {
   height: 100%;
   background: var(--Table-tree-borderColor);
 }
-.cxd-Table-table tr.cxd-Table-tr--2th.is-expanded .cxd-Table-expandCell:before {
-  left: 2.5625rem;
-}
-.cxd-Table-table tr.cxd-Table-tr--2th .cxd-Table-expandBtn {
-  position: relative;
-  left: 1.1875rem;
-}
-.cxd-Table-table tr.cxd-Table-tr--2th .cxd-Table-divider2 {
-  left: 1.4375rem;
-}
-.cxd-Table-table tr.cxd-Table-tr--2th .cxd-Table-divider3 {
-  left: 1.4375rem;
-}
-.cxd-Table-table tr.cxd-Table-tr--2th.is-last .cxd-Table-divider3 {
-  height: 50%;
-}
-.cxd-Table-table tr.cxd-Table-tr--2th.is-last:not(.is-expanded) .cxd-Table-expandCell + td::before {
-  height: 50%;
-  bottom: auto;
-}
-.cxd-Table-table tr.cxd-Table-tr--3th.is-expanded .cxd-Table-expandCell:before {
-  left: 3.6875rem;
-}
-.cxd-Table-table tr.cxd-Table-tr--3th .cxd-Table-expandBtn {
-  position: relative;
-  left: 2.3125rem;
-}
-.cxd-Table-table tr.cxd-Table-tr--3th .cxd-Table-divider2 {
-  left: 2.5625rem;
-}
-.cxd-Table-table tr.cxd-Table-tr--3th .cxd-Table-divider3 {
-  left: 2.5625rem;
-}
-.cxd-Table-table tr.cxd-Table-tr--3th.is-last .cxd-Table-divider3 {
-  height: 50%;
-}
-.cxd-Table-table tr.cxd-Table-tr--3th.is-last:not(.is-expanded) .cxd-Table-expandCell + td::before {
-  height: 50%;
-  bottom: auto;
-}
-.cxd-Table-table tr.cxd-Table-tr--4th.is-expanded .cxd-Table-expandCell:before {
-  left: 4.8125rem;
-}
-.cxd-Table-table tr.cxd-Table-tr--4th .cxd-Table-expandBtn {
-  position: relative;
-  left: 3.4375rem;
-}
-.cxd-Table-table tr.cxd-Table-tr--4th .cxd-Table-divider2 {
-  left: 3.6875rem;
-}
-.cxd-Table-table tr.cxd-Table-tr--4th .cxd-Table-divider3 {
-  left: 3.6875rem;
-}
-.cxd-Table-table tr.cxd-Table-tr--4th.is-last .cxd-Table-divider3 {
-  height: 50%;
-}
-.cxd-Table-table tr.cxd-Table-tr--4th.is-last:not(.is-expanded) .cxd-Table-expandCell + td::before {
-  height: 50%;
-  bottom: auto;
-}
-.cxd-Table-table tr.cxd-Table-tr--5th.is-expanded .cxd-Table-expandCell:before {
-  left: 5.9375rem;
-}
-.cxd-Table-table tr.cxd-Table-tr--5th .cxd-Table-expandBtn {
-  position: relative;
-  left: 4.5625rem;
-}
-.cxd-Table-table tr.cxd-Table-tr--5th .cxd-Table-divider2 {
-  left: 4.8125rem;
-}
-.cxd-Table-table tr.cxd-Table-tr--5th .cxd-Table-divider3 {
-  left: 4.8125rem;
-}
-.cxd-Table-table tr.cxd-Table-tr--5th.is-last .cxd-Table-divider3 {
-  height: 50%;
-}
-.cxd-Table-table tr.cxd-Table-tr--5th.is-last:not(.is-expanded) .cxd-Table-expandCell + td::before {
-  height: 50%;
-  bottom: auto;
-}
-.cxd-Table-table tr.cxd-Table-tr--6th.is-expanded .cxd-Table-expandCell:before {
-  left: 7.0625rem;
-}
-.cxd-Table-table tr.cxd-Table-tr--6th .cxd-Table-expandBtn {
-  position: relative;
-  left: 5.6875rem;
-}
-.cxd-Table-table tr.cxd-Table-tr--6th .cxd-Table-divider2 {
-  left: 5.9375rem;
-}
-.cxd-Table-table tr.cxd-Table-tr--6th .cxd-Table-divider3 {
-  left: 5.9375rem;
-}
-.cxd-Table-table tr.cxd-Table-tr--6th.is-last .cxd-Table-divider3 {
-  height: 50%;
-}
-.cxd-Table-table tr.cxd-Table-tr--6th.is-last:not(.is-expanded) .cxd-Table-expandCell + td::before {
-  height: 50%;
-  bottom: auto;
-}
-.cxd-Table-table tr.cxd-Table-tr--7th.is-expanded .cxd-Table-expandCell:before {
-  left: 8.1875rem;
-}
-.cxd-Table-table tr.cxd-Table-tr--7th .cxd-Table-expandBtn {
-  position: relative;
-  left: 6.8125rem;
-}
-.cxd-Table-table tr.cxd-Table-tr--7th .cxd-Table-divider2 {
-  left: 7.0625rem;
-}
-.cxd-Table-table tr.cxd-Table-tr--7th .cxd-Table-divider3 {
-  left: 7.0625rem;
-}
-.cxd-Table-table tr.cxd-Table-tr--7th.is-last .cxd-Table-divider3 {
-  height: 50%;
-}
-.cxd-Table-table tr.cxd-Table-tr--7th.is-last:not(.is-expanded) .cxd-Table-expandCell + td::before {
-  height: 50%;
-  bottom: auto;
-}
-.cxd-Table-table tr.cxd-Table-tr--8th.is-expanded .cxd-Table-expandCell:before {
-  left: 9.3125rem;
-}
-.cxd-Table-table tr.cxd-Table-tr--8th .cxd-Table-expandBtn {
-  position: relative;
-  left: 7.9375rem;
-}
-.cxd-Table-table tr.cxd-Table-tr--8th .cxd-Table-divider2 {
-  left: 8.1875rem;
-}
-.cxd-Table-table tr.cxd-Table-tr--8th .cxd-Table-divider3 {
-  left: 8.1875rem;
-}
-.cxd-Table-table tr.cxd-Table-tr--8th.is-last .cxd-Table-divider3 {
-  height: 50%;
-}
-.cxd-Table-table tr.cxd-Table-tr--8th.is-last:not(.is-expanded) .cxd-Table-expandCell + td::before {
-  height: 50%;
-  bottom: auto;
-}
-.cxd-Table-table tr.cxd-Table-tr--9th.is-expanded .cxd-Table-expandCell:before {
-  left: 10.4375rem;
-}
-.cxd-Table-table tr.cxd-Table-tr--9th .cxd-Table-expandBtn {
-  position: relative;
-  left: 9.0625rem;
-}
-.cxd-Table-table tr.cxd-Table-tr--9th .cxd-Table-divider2 {
-  left: 9.3125rem;
-}
-.cxd-Table-table tr.cxd-Table-tr--9th .cxd-Table-divider3 {
-  left: 9.3125rem;
-}
-.cxd-Table-table tr.cxd-Table-tr--9th.is-last .cxd-Table-divider3 {
-  height: 50%;
-}
-.cxd-Table-table tr.cxd-Table-tr--9th.is-last:not(.is-expanded) .cxd-Table-expandCell + td::before {
-  height: 50%;
-  bottom: auto;
-}
-.cxd-Table-table tr.cxd-Table-tr--10th.is-expanded .cxd-Table-expandCell:before {
-  left: 11.5625rem;
-}
-.cxd-Table-table tr.cxd-Table-tr--10th .cxd-Table-expandBtn {
-  position: relative;
-  left: 10.1875rem;
-}
-.cxd-Table-table tr.cxd-Table-tr--10th .cxd-Table-divider2 {
-  left: 10.4375rem;
-}
-.cxd-Table-table tr.cxd-Table-tr--10th .cxd-Table-divider3 {
-  left: 10.4375rem;
-}
-.cxd-Table-table tr.cxd-Table-tr--10th.is-last .cxd-Table-divider3 {
-  height: 50%;
-}
-.cxd-Table-table tr.cxd-Table-tr--10th.is-last:not(.is-expanded) .cxd-Table-expandCell + td::before {
-  height: 50%;
-  bottom: auto;
-}
 .cxd-Table-table > thead > tr > th.cxd-Table-checkCell,
 .cxd-Table-table > tbody > tr > td.cxd-Table-checkCell {
   width: 0.0625rem;
@@ -23748,69 +23551,6 @@ input[type=button].cxd-Button--block {
 .cxd-Table-table > tbody > tr > td.cxd-Table-expandCell {
   position: relative;
 }
-.cxd-Table-table > tbody > tr > td.cxd-Table-expandCell .cxd-Table-divider-1 {
-  position: absolute;
-  width: 0.0625rem;
-  top: 0;
-  bottom: 0;
-  height: 100%;
-  background: var(--Table-tree-borderColor);
-  left: 1.4375rem;
-}
-.cxd-Table-table > tbody > tr > td.cxd-Table-expandCell .cxd-Table-divider-2 {
-  position: absolute;
-  width: 0.0625rem;
-  top: 0;
-  bottom: 0;
-  height: 100%;
-  background: var(--Table-tree-borderColor);
-  left: 2.5625rem;
-}
-.cxd-Table-table > tbody > tr > td.cxd-Table-expandCell .cxd-Table-divider-3 {
-  position: absolute;
-  width: 0.0625rem;
-  top: 0;
-  bottom: 0;
-  height: 100%;
-  background: var(--Table-tree-borderColor);
-  left: 3.6875rem;
-}
-.cxd-Table-table > tbody > tr > td.cxd-Table-expandCell .cxd-Table-divider-4 {
-  position: absolute;
-  width: 0.0625rem;
-  top: 0;
-  bottom: 0;
-  height: 100%;
-  background: var(--Table-tree-borderColor);
-  left: 4.8125rem;
-}
-.cxd-Table-table > tbody > tr > td.cxd-Table-expandCell .cxd-Table-divider-5 {
-  position: absolute;
-  width: 0.0625rem;
-  top: 0;
-  bottom: 0;
-  height: 100%;
-  background: var(--Table-tree-borderColor);
-  left: 5.9375rem;
-}
-.cxd-Table-table > tbody > tr > td.cxd-Table-expandCell .cxd-Table-divider-6 {
-  position: absolute;
-  width: 0.0625rem;
-  top: 0;
-  bottom: 0;
-  height: 100%;
-  background: var(--Table-tree-borderColor);
-  left: 7.0625rem;
-}
-.cxd-Table-table > tbody > tr > td.cxd-Table-expandCell .cxd-Table-divider-7 {
-  position: absolute;
-  width: 0.0625rem;
-  top: 0;
-  bottom: 0;
-  height: 100%;
-  background: var(--Table-tree-borderColor);
-  left: 8.1875rem;
-}
 .cxd-Table-table > tbody > tr.is-expanded > td.cxd-Table-expandCell::before {
   content: "";
   position: absolute;
@@ -23826,6 +23566,10 @@ input[type=button].cxd-Button--block {
 .cxd-Table-table > thead > tr > th.cxd-TableCell--filterable > .cxd-TableCell--title {
   display: inline-block;
 }
+.cxd-Table-table > thead > tr > th.cxd-Table-primayCell,
+.cxd-Table-table > tbody > tr > td.cxd-Table-primayCell {
+  white-space: nowrap;
+}
 .cxd-Table.is-mobile .cxd-Table-table > tbody > tr:hover, .cxd-Table.is-mobile .cxd-Table-table > tbody > tr.is-hovered {
   background: var(--Table-bg);
   border-color: var(--Table-borderColor);
@@ -24008,7 +23752,7 @@ input[type=button].cxd-Button--block {
 .cxd-Table-footTable > tbody > tr:not(:first-child) {
   border-top: var(--Table-borderWidth) solid var(--Table-tbody-borderTopColor);
 }
-.cxd-Table-expandBtn {
+.cxd-Table-expandBtn, .cxd-Table-expandBtn2 {
   position: relative;
   z-index: 1;
   color: var(--Table-expandBtn-color);
@@ -24019,7 +23763,7 @@ input[type=button].cxd-Button--block {
   line-height: 1;
   height: 16px;
 }
-.cxd-Table-expandBtn > svg {
+.cxd-Table-expandBtn > svg, .cxd-Table-expandBtn2 > svg {
   display: inline-block;
   text-align: center;
   cursor: pointer;
@@ -24031,12 +23775,25 @@ input[type=button].cxd-Button--block {
   top: 0;
   transform: rotate(90deg);
 }
-.cxd-Table-expandBtn.is-active > svg {
+.cxd-Table-expandBtn.is-active > svg, .cxd-Table-expandBtn2.is-active > svg {
   transform: rotate(-90deg);
 }
-.cxd-Table-expandBtn:hover {
+.cxd-Table-expandBtn:hover, .cxd-Table-expandBtn2:hover {
   text-decoration: none;
 }
+.cxd-Table-expandBtn2 {
+  margin-right: var(--gap-sm);
+}
+.cxd-Table-expandBtn2 + * {
+  display: inline-block;
+}
+.cxd-Table-indent {
+  display: inline-block;
+}
+.cxd-Table-expandSpace {
+  display: inline-block;
+  width: 1.375rem;
+}
 .cxd-Table-dragBtn {
   margin-right: var(--gap-xs);
   display: inline-block;
@@ -24112,6 +23869,11 @@ input[type=button].cxd-Button--block {
 .cxd-Table-SFToggler.is-expanded .cxd-Table-SFToggler-arrow > svg {
   transform: rotate(180deg);
 }
+.cxd-Table-emptyBlock {
+  background-color: #eaebed;
+  border-radius: 5px;
+  line-height: 15px;
+}
 .cxd-InputTable .cxd-Field--quickEditable svg {
   color: var(--primary);
 }
@@ -24145,6 +23907,7 @@ input[type=button].cxd-Button--block {
 .cxd-OperationField > .cxd-Button,
 .cxd-OperationField > .cxd-Button--disabled-wrap > .cxd-Button {
   margin: 0.1875rem;
+  height: auto;
 }
 .cxd-OperationField > .cxd-Button--disabled-wrap > .cxd-Button--link {
   padding: 0;
@@ -24169,14 +23932,13 @@ input[type=button].cxd-Button--block {
     border-bottom: 1px solid var(--Table-thead-borderColor);
     transform: scaleY(0.5);
   }
-
   .cxd-Table-table th,
-.cxd-Table-table td {
+  .cxd-Table-table td {
     position: relative;
     border-bottom: none;
   }
   .cxd-Table-table th::before,
-.cxd-Table-table td::before {
+  .cxd-Table-table td::before {
     position: absolute;
     box-sizing: border-box;
     content: " ";
@@ -24225,7 +23987,7 @@ input[type=button].cxd-Button--block {
   padding: var(--table-size-large-paddingTop) var(--table-size-large-paddingRight) var(--table-size-large-paddingBottom) var(--table-size-large-paddingLeft);
 }
 .cxd-Table2.cxd-Table-large .cxd-TableCell-filterBtn {
-  right: calc( var(--table-size-large-paddingRight) - var(--TableCell-filterBtn-width) / 2 );
+  right: calc(var(--table-size-large-paddingRight) - var(--TableCell-filterBtn-width) / 2);
 }
 .cxd-Table2.cxd-Table-small .cxd-Table-table > thead > tr > th {
   padding: var(--table-size-small-paddingTop) var(--table-size-small-paddingRight) var(--table-size-small-paddingBottom) var(--table-size-small-paddingLeft);
@@ -24238,7 +24000,7 @@ input[type=button].cxd-Button--block {
   padding: var(--table-size-small-paddingTop) var(--table-size-small-paddingRight) var(--table-size-small-paddingBottom) var(--table-size-small-paddingLeft);
 }
 .cxd-Table2.cxd-Table-small .cxd-TableCell-filterBtn {
-  right: calc( var(--table-size-small-paddingRight) - var(--TableCell-filterBtn-width) / 2 );
+  right: calc(var(--table-size-small-paddingRight) - var(--TableCell-filterBtn-width) / 2);
 }
 .cxd-Table2 .cxd-Table-title,
 .cxd-Table2 .cxd-Table-footer {
@@ -25118,15 +24880,15 @@ input[type=button].cxd-Button--block {
   background: var(--Table-tree-borderColor);
 }
 .cxd-Table2 .cxd-Table-table > thead > tr > th.cxd-TableCell--sortable {
-  padding-right: calc( var(--TableCell-paddingX) + var(--TableCell-sortBtn-width) );
+  padding-right: calc(var(--TableCell-paddingX) + var(--TableCell-sortBtn-width));
   position: relative;
 }
 .cxd-Table2 .cxd-Table-table > thead > tr > th.cxd-TableCell--searchable {
-  padding-right: calc( var(--TableCell-paddingX) + var(--TableCell-searchBtn-width) );
+  padding-right: calc(var(--TableCell-paddingX) + var(--TableCell-searchBtn-width));
   position: relative;
 }
 .cxd-Table2 .cxd-Table-table > thead > tr > th.cxd-TableCell--filterable {
-  padding-right: calc( var(--TableCell-paddingX) + var(--TableCell-filterBtn-width) );
+  padding-right: calc(var(--TableCell-paddingX) + var(--TableCell-filterBtn-width));
   position: relative;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.cxd-Table-row-disabled {
@@ -25958,32 +25720,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;
@@ -25994,27 +25750,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;
@@ -26025,27 +25776,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;
@@ -26664,16 +26410,32 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Divider {
   margin: var(--Divider-marginTop) var(--Divider-marginRight) var(--Divider-marginBottom) var(--Divider-marginLeft);
-  border-bottom: var(--Divider-width) var(--Divider-style) var(--Divider-color);
-  height: 0.125rem;
   font-size: 0;
 }
-.cxd-Divider--solid {
+.cxd-Divider--dashed {
+  border-bottom-style: dashed;
+}
+.cxd-Divider--horizontal.cxd-Divider--solid {
   border-bottom-style: solid;
 }
-.cxd-Divider--dashed {
+.cxd-Divider--horizontal.cxd-Divider--dashed {
   border-bottom-style: dashed;
 }
+.cxd-Divider--vertical.cxd-Divider--solid {
+  border-left-style: solid;
+}
+.cxd-Divider--vertical.cxd-Divider--dashed {
+  border-left-style: dashed;
+}
+.cxd-Divider--horizontal {
+  border-bottom: var(--Divider-width) var(--Divider-style) var(--Divider-color);
+  height: 0.125rem;
+}
+.cxd-Divider--vertical {
+  border-left: var(--Divider-width) var(--Divider-style) var(--Divider-color);
+  height: var(--sizes-base-15);
+  display: inline-block;
+}
 /* 移动端样式调整 */
 @media (max-width: 767px) {
   .cxd-Divider {
@@ -27090,7 +26852,6 @@ input[type=button].cxd-Button--block {
   right: 50%;
   transform: translate(-50%, -50%);
   width: var(--Carousel-svg-width);
-  height: var(--Carousel-svg-height);
 }
 .cxd-Carousel .cxd-Carousel-rightArrow {
   width: 10%;
@@ -27111,7 +26872,6 @@ input[type=button].cxd-Button--block {
   right: 50%;
   transform: translate(-50%, -50%);
   width: var(--Carousel-svg-width);
-  height: var(--Carousel-svg-height);
 }
 .cxd-Carousel.cxd-Carousel-arrow--always .cxd-Carousel-leftArrow {
   display: block;
@@ -27162,7 +26922,7 @@ input[type=button].cxd-Button--block {
 .cxd-ImageGallery-close:hover {
   color: #fff;
 }
-.cxd-ImageGallery-close > svg {
+.cxd-ImageGallery-close svg {
   width: 1rem;
   height: 1rem;
 }
@@ -27205,7 +26965,7 @@ input[type=button].cxd-Button--block {
   animation-duration: var(--animation-duration);
   animation-fill-mode: both;
 }
-.cxd-ImageGallery-prevBtn > svg, .cxd-ImageGallery-nextBtn > svg {
+.cxd-ImageGallery-prevBtn svg, .cxd-ImageGallery-nextBtn svg {
   width: var(--image-images-item-size);
   height: var(--image-images-item-size);
 }
@@ -27251,7 +27011,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 {
@@ -27314,6 +27074,12 @@ input[type=button].cxd-Button--block {
 .cxd-ImageGallery-item.is-active:after {
   display: none;
 }
+.ImageGallery-prevBtn {
+  content: var(--image-images-prev-icon);
+}
+.ImageGallery-nextBtn {
+  content: var(--image-images-next-icon);
+}
 .cxd-ImageGallery-toolbar {
   background-color: var(--image-images-preview-bgColor);
   border-radius: var(--image-images-preview-radius);
@@ -27343,7 +27109,7 @@ input[type=button].cxd-Button--block {
   display: block;
   color: var(--black);
 }
-.cxd-ImageGallery-toolbar-action-icon > svg {
+.cxd-ImageGallery-toolbar-action-icon svg {
   fill: var(--black);
 }
 .cxd-ImageGallery-toolbar-action.is-disabled {
@@ -27353,7 +27119,7 @@ input[type=button].cxd-Button--block {
 .cxd-ImageGallery-toolbar-action.is-disabled .cxd-ImageGallery-toolbar-action-icon {
   color: var(--icon-onDisabled-color);
 }
-.cxd-ImageGallery-toolbar-action.is-disabled .cxd-ImageGallery-toolbar-action-icon > svg {
+.cxd-ImageGallery-toolbar-action.is-disabled .cxd-ImageGallery-toolbar-action-icon svg {
   color: var(--icon-onDisabled-color);
 }
 .cxd-ImageGallery-toolbar-action:hover {
@@ -27362,7 +27128,7 @@ input[type=button].cxd-Button--block {
 .cxd-ImageGallery-toolbar-action:hover .cxd-ImageGallery-toolbar-action-icon {
   color: var(--primary);
 }
-.cxd-ImageGallery-toolbar-action:hover .cxd-ImageGallery-toolbar-action-icon > svg {
+.cxd-ImageGallery-toolbar-action:hover .cxd-ImageGallery-toolbar-action-icon svg {
   fill: var(--primary);
 }
 .cxd-Images {
@@ -27514,6 +27280,10 @@ input[type=button].cxd-Button--block {
   line-height: 1;
   font-size: 1rem;
 }
+.cxd-Image-overlay > a svg {
+  width: 1rem;
+  height: 1rem;
+}
 .cxd-Image-origin:hover .cxd-Image-overlay, .cxd-Image-thumbWrap:hover .cxd-Image-overlay {
   display: flex;
 }
@@ -27538,6 +27308,9 @@ input[type=button].cxd-Button--block {
 .cxd-ImagesField::after {
   clear: both;
 }
+.Image-view-icon {
+  content: var(--image-image-normal-icon);
+}
 .cxd-InputBox {
   display: flex;
   background: var(--Form-input-bg);
@@ -28165,7 +27938,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);
@@ -28410,7 +28183,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;
@@ -28464,7 +28237,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);
@@ -28476,7 +28249,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);
@@ -28497,7 +28270,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.is-mobile {
   display: flex;
@@ -29349,7 +29122,7 @@ fieldset.cxd-Collapse .cxd-Collapse-header.is-mobile:hover {
     margin-right: 0;
   }
   .cxd-Form-group--hor > .cxd-Form-item,
-.cxd-Form-group--hor > div > .cxd-Form-item {
+  .cxd-Form-group--hor > div > .cxd-Form-item {
     margin-bottom: 0;
   }
   .cxd-Form-group--hor .cxd-Form-input > .cxd-Form-group {
@@ -29387,7 +29160,6 @@ fieldset.cxd-Collapse .cxd-Collapse-header.is-mobile:hover {
     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;
@@ -29395,79 +29167,66 @@ fieldset.cxd-Collapse .cxd-Collapse-header.is-mobile:hover {
     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;
@@ -29489,7 +29248,7 @@ fieldset.cxd-Collapse .cxd-Collapse-header.is-mobile:hover {
 .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);
@@ -29677,7 +29436,7 @@ fieldset.cxd-Collapse .cxd-Collapse-header.is-mobile:hover {
   color: var(--text--muted-color);
 }
 .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);
@@ -29898,7 +29657,7 @@ fieldset.cxd-Collapse .cxd-Collapse-header.is-mobile:hover {
   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;
@@ -29920,7 +29679,7 @@ fieldset.cxd-Collapse .cxd-Collapse-header.is-mobile:hover {
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
-  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) );
+  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
   vertical-align: middle;
   display: inline-block;
 }
@@ -29944,7 +29703,7 @@ fieldset.cxd-Collapse .cxd-Collapse-header.is-mobile:hover {
 }
 .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;
@@ -30108,7 +29867,7 @@ input.cxd-TextControl-input-password {
   color: var(--text--muted-color);
 }
 .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);
@@ -30670,7 +30429,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 {
   display: block;
@@ -30716,6 +30475,11 @@ input.cxd-TextControl-input-password {
   margin-right: 0;
   margin-bottom: 0;
 }
+.cxd-CheckboxesControl .cxd-Checkboxes-addBtn > svg {
+  width: 0.875rem;
+  height: 0.875rem;
+  margin-right: var(--Checkbox-gap);
+}
 .cxd-RadiosControl-group:not(:first-child),
 .cxd-CheckboxesControl-group:not(:first-child) {
   margin-top: 0.625rem;
@@ -30736,7 +30500,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;
@@ -30819,7 +30583,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;
@@ -30942,7 +30706,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 {
@@ -31015,7 +30779,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 {
@@ -31205,7 +30969,7 @@ input.cxd-TextControl-input-password {
 .cxd-Switch .text > svg {
   width: var(--switch-text-off-fontSize);
   height: var(--switch-text-off-fontSize);
-  margin-top: calc( (var(--Switch-height) - var(--switch-text-off-fontSize)) / 2 );
+  margin-top: calc((var(--Switch-height) - var(--switch-text-off-fontSize)) / 2);
 }
 .cxd-Switch .slider:before {
   content: "";
@@ -31225,7 +30989,7 @@ input.cxd-TextControl-input-password {
   background: var(--Switch-checked-bgColor);
 }
 .cxd-Switch.is-checked .slider::before {
-  left: calc( 100% - var(--Switch-slider-width) - var(--Switch-slider-margin) );
+  left: calc(100% - var(--Switch-slider-width) - var(--Switch-slider-margin));
   right: var(--Switch-slider-margin);
   border-width: 0;
   background: var(--switch-default-on-slider-color);
@@ -31243,7 +31007,7 @@ input.cxd-TextControl-input-password {
   background: var(--Switch-checked-onActive-bgColor);
 }
 .cxd-Switch.is-checked:active .slider::before {
-  left: calc( 100% - (var(--Switch-height) + 0.125rem) - 0.125rem );
+  left: calc(100% - (var(--Switch-height) + 0.125rem) - 0.125rem);
 }
 .cxd-Switch.is-checked.is-disabled .slider:before {
   color: var(--Switch-onDisabled-color);
@@ -31275,7 +31039,7 @@ input.cxd-TextControl-input-password {
   right: auto;
 }
 .cxd-Switch--sm.is-checked .slider::before {
-  left: calc( 100% - var(--Switch-slider-width--sm) - var(--switch-size-sm-slider-margin) );
+  left: calc(100% - var(--Switch-slider-width--sm) - var(--switch-size-sm-slider-margin));
   right: var(--switch-size-sm-slider-margin);
 }
 .cxd-Switch:active .slider::before {
@@ -31451,7 +31215,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);
@@ -31854,7 +31618,7 @@ input.cxd-TextControl-input-password {
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
-  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem );
+  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem);
   display: inline-block;
   vertical-align: middle;
   font-size: var(--Form-selectValue-fontSize);
@@ -32061,7 +31825,7 @@ input.cxd-TextControl-input-password {
   position: relative;
 }
 .cxd-Select-option.is-mobile > a {
-  margin-right: calc( 20px + var(--select-base-default-option-paddingRight) );
+  margin-right: calc(20px + var(--select-base-default-option-paddingRight));
 }
 .cxd-Select-option.is-mobile .cxd-Select-option-item-check {
   flex: 1;
@@ -32087,7 +31851,7 @@ input.cxd-TextControl-input-password {
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
-  padding: calc( ( var(--Form-select-menu-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--Form-select-paddingX);
+  padding: calc((var(--Form-select-menu-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--Form-select-paddingX);
 }
 .cxd-Select-option-hl {
   color: var(--info);
@@ -32106,7 +31870,7 @@ input.cxd-TextControl-input-password {
   margin-right: var(--Checkbox-gap);
 }
 .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;
@@ -32137,7 +31901,7 @@ 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;
@@ -32145,7 +31909,7 @@ input.cxd-TextControl-input-password {
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
-  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem );
+  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem);
   display: inline-block;
   vertical-align: middle;
   font-size: var(--Form-selectValue-fontSize);
@@ -32188,7 +31952,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;
@@ -32226,20 +31990,38 @@ input.cxd-TextControl-input-password {
 }
 @media (min-width: 576px) {
   .cxd-Form-control--sizeXs > .cxd-Select,
-.cxd-Form-control--sizeSm > .cxd-Select,
-.cxd-Form-control--sizeMd > .cxd-Select,
-.cxd-Form-control--sizeLg > .cxd-Select {
+  .cxd-Form-control--sizeSm > .cxd-Select,
+  .cxd-Form-control--sizeMd > .cxd-Select,
+  .cxd-Form-control--sizeLg > .cxd-Select {
     min-width: 100%;
     max-width: 100%;
     display: inline-flex !important;
   }
   .cxd-Form-control--sizeXs > .cxd-Select .cxd-Select-valueWrap,
-.cxd-Form-control--sizeSm > .cxd-Select .cxd-Select-valueWrap,
-.cxd-Form-control--sizeMd > .cxd-Select .cxd-Select-valueWrap,
-.cxd-Form-control--sizeLg > .cxd-Select .cxd-Select-valueWrap {
+  .cxd-Form-control--sizeSm > .cxd-Select .cxd-Select-valueWrap,
+  .cxd-Form-control--sizeMd > .cxd-Select .cxd-Select-valueWrap,
+  .cxd-Form-control--sizeLg > .cxd-Select .cxd-Select-valueWrap {
     width: 0;
   }
 }
+.cxd-PopOver.cxd-Select-popover.cxd-PopOver--v-top {
+  margin-top: 0.25rem;
+}
+.cxd-PopOver.cxd-Select-popover.cxd-PopOver--v-bottom {
+  margin-bottom: 0.25rem;
+}
+.cxd-PopOver.cxd-Select-popover .cxd-Select-menu .cxd-Checkbox span {
+  line-height: var(--select-base-default-option-line-height);
+  height: var(--select-base-default-option-line-height);
+}
+.cxd-PopOver.cxd-Select-popover .cxd-Select-menu .cxd-Select-option {
+  line-height: var(--select-base-default-option-line-height);
+  height: var(--select-base-default-option-line-height);
+}
+.cxd-PopOver.cxd-Select-popover .cxd-Select-menu .cxd-Select-addBtn {
+  line-height: var(--select-base-default-option-line-height);
+  height: var(--select-base-default-option-line-height);
+}
 .cxd-Selections {
   height: 100%;
   min-width: 12.5rem;
@@ -32251,7 +32033,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);
@@ -32275,7 +32057,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;
@@ -32508,7 +32290,7 @@ input.cxd-TextControl-input-password {
   flex-basis: 0;
   flex-grow: 1;
   overflow-x: auto;
-  max-width: calc(100% - px2rem(20px));
+  max-width: calc(100% - 1.25rem);
 }
 .cxd-LocationPicker-toggler {
   cursor: pointer;
@@ -32612,7 +32394,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);
@@ -33780,7 +33562,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
   .cxd-DateRangePicker-wrap {
     white-space: nowrap;
   }
-
   .cxd-DateRangePicker-end {
     margin-top: 0;
     border-left: 1px solid var(--Calendar-input-borderColor);
@@ -33952,22 +33733,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
   padding: var(--Tooltip--attr-paddingY) var(--Tooltip--attr-paddingX);
   margin: 30px 0 0 var(--Tooltip--attr-gap);
 }
-.cxd-ImageControl-dropzone:focus .cxd-ImageControl-addBtn:not(.is-invalid) {
-  border-color: var(--inputImage-base-hover-top-border-color) var(--inputImage-base-hover-right-border-color) var(--inputImage-base-hover-bottom-border-color) var(--inputImage-base-hover-left-border-color);
-  background: var(--ImageControl-addBtn-onHover-bg);
-  color: var(--ImageControl-addBtn-onHover-color);
-}
-.cxd-ImageControl-dropzone:focus .cxd-ImageControl-addBtn:not(.is-invalid) > svg {
-  color: var(--inputImage-base-hover-icon-color);
-}
-.cxd-ImageControl-dropzone:hover-addBtn:not(.is-disabled):not(.is-invalid) {
-  border-color: var(--inputImage-base-hover-top-border-color) var(--inputImage-base-hover-right-border-color) var(--inputImage-base-hover-bottom-border-color) var(--inputImage-base-hover-left-border-color);
-  background: var(--ImageControl-addBtn-onHover-bg);
-  color: var(--ImageControl-addBtn-onHover-color);
-}
-.cxd-ImageControl-dropzone:hover-addBtn:not(.is-disabled):not(.is-invalid) .cxd-ImageControl-addBtn-text {
-  color: var(--ImageControl-addBtn-onHover-color);
-}
 .cxd-ImageControl-itemList {
   display: inline;
 }
@@ -34393,10 +34158,43 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .cxd-EditorControl.is-focused {
   border-color: var(--Form-input-onFocused-borderColor);
 }
-.cxd-EditorControl .cxd-MonacoEditor {
+.cxd-EditorControl--sm {
+  min-height: 100px;
+}
+.cxd-EditorControl--sm > .cxd-MonacoEditor {
+  min-height: 100px;
+}
+.cxd-EditorControl--md {
+  min-height: 250px;
+}
+.cxd-EditorControl--md > .cxd-MonacoEditor {
+  min-height: 250px;
+}
+.cxd-EditorControl--lg {
+  min-height: 300px;
+}
+.cxd-EditorControl--lg > .cxd-MonacoEditor {
+  min-height: 300px;
+}
+.cxd-EditorControl--xl {
+  min-height: 400px;
+}
+.cxd-EditorControl--xl > .cxd-MonacoEditor {
+  min-height: 400px;
+}
+.cxd-EditorControl--xxl {
+  min-height: 500px;
+}
+.cxd-EditorControl--xxl > .cxd-MonacoEditor {
+  min-height: 500px;
+}
+.cxd-EditorControl .monaco-editor .iPadShowKeyboard {
+  display: none;
+}
+.cxd-MonacoEditor {
   position: relative;
 }
-.cxd-EditorControl .cxd-MonacoEditor-header {
+.cxd-MonacoEditor-header {
   position: absolute;
   right: 0.875rem;
   top: 0;
@@ -34411,7 +34209,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   background: var(--Modal-header-bg);
   box-sizing: border-box;
 }
-.cxd-EditorControl .cxd-MonacoEditor-fullscreen {
+.cxd-MonacoEditor-fullscreen {
   cursor: pointer;
   color: var(--Modal-close-color);
   line-height: inherit;
@@ -34419,13 +34217,13 @@ td.rdtQuarter.rdtDisabled:hover > span {
   text-align: center;
   vertical-align: middle;
 }
-.cxd-EditorControl .cxd-MonacoEditor-fullscreen:hover {
+.cxd-MonacoEditor-fullscreen:hover {
   color: var(--Model-close-onHover-color);
 }
-.cxd-EditorControl .cxd-MonacoEditor-fullscreen:hover svg {
+.cxd-MonacoEditor-fullscreen:hover svg {
   fill: var(--Model-close-onHover-color);
 }
-.cxd-EditorControl .cxd-MonacoEditor-placeholder {
+.cxd-MonacoEditor-placeholder {
   pointer-events: none;
   top: 0;
   position: absolute;
@@ -34435,39 +34233,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
   line-break: anywhere;
   color: var(--Form-input-placeholderColor);
 }
-.cxd-EditorControl--sm {
-  min-height: 100px;
-}
-.cxd-EditorControl--sm > .cxd-MonacoEditor {
-  min-height: 100px;
-}
-.cxd-EditorControl--md {
-  min-height: 250px;
-}
-.cxd-EditorControl--md > .cxd-MonacoEditor {
-  min-height: 250px;
-}
-.cxd-EditorControl--lg {
-  min-height: 300px;
-}
-.cxd-EditorControl--lg > .cxd-MonacoEditor {
-  min-height: 300px;
-}
-.cxd-EditorControl--xl {
-  min-height: 400px;
-}
-.cxd-EditorControl--xl > .cxd-MonacoEditor {
-  min-height: 400px;
-}
-.cxd-EditorControl--xxl {
-  min-height: 500px;
-}
-.cxd-EditorControl--xxl > .cxd-MonacoEditor {
-  min-height: 500px;
-}
-.cxd-EditorControl .monaco-editor .iPadShowKeyboard {
-  display: none;
-}
 .monaco-inputbox > .wrapper {
   padding: 0;
 }
@@ -34850,7 +34615,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 @media (min-width: 768px) {
   .repeat-control.form-contorl-inline,
-.form-group-inline .repeat-control {
+  .form-group-inline .repeat-control {
     display: inline-block;
     min-width: 280px;
     width: auto;
@@ -34937,7 +34702,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .cxd-Tree--outline .cxd-Tree-item--isLeaf.is-child:before {
   position: absolute;
   top: -8px;
-  left: calc( ( var(--Tree-icon-gap) + var(--Tree-itemArrowWidth) + var(--Tree-icon-margin-right) ) / 2 - var(--Tree-indent) );
+  left: calc((var(--Tree-icon-gap) + var(--Tree-itemArrowWidth) + var(--Tree-icon-margin-right)) / 2 - var(--Tree-indent));
   bottom: 0px;
   border-left: 1px solid var(--borderColor);
   content: "";
@@ -35046,7 +34811,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   border: var(--Form-input-borderWidth) solid var(--inputTree-border-color);
   border-radius: var(--inputTree-border-radius);
   line-height: var(--inputTree-input-lineHeight);
-  padding: calc( ( var(--Tree-inputHeight) - var(--inputTree-input-lineHeight) * var(--inputTree-fontSize) - 0.125rem ) / 2 ) var(--Form-input-paddingX);
+  padding: calc((var(--Tree-inputHeight) - var(--inputTree-input-lineHeight) * var(--inputTree-fontSize) - 0.125rem) / 2) var(--Form-input-paddingX);
   font-size: var(--inputTree-fontSize);
 }
 .cxd-Tree-itemInput > input::-moz-placeholder {
@@ -35275,7 +35040,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   color: var(--text--muted-color);
 }
 .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);
@@ -35494,7 +35259,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   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(--combo-bg-color);
@@ -35887,7 +35652,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   color: var(--text--muted-color);
 }
 .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);
@@ -35994,7 +35759,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
           user-select: none;
   white-space: nowrap;
   vertical-align: middle;
-  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem );
+  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem);
   display: inline-block;
   font-size: var(--Pick-base-value-fontSize);
   color: var(--Pick-base-value-color);
@@ -36082,8 +35847,8 @@ td.rdtQuarter.rdtDisabled:hover > span {
   align-items: flex-start;
   overflow-x: hidden;
   overflow-y: auto;
-  height: calc( (var(--Picker-tag-height) + var(--Picker-tag-marginBottom) * 4) * 3 );
-  max-height: calc( (var(--Picker-tag-height) + var(--Picker-tag-marginBottom)) * 5 );
+  height: calc((var(--Picker-tag-height) + var(--Picker-tag-marginBottom) * 4) * 3);
+  max-height: calc((var(--Picker-tag-height) + var(--Picker-tag-marginBottom)) * 5);
 }
 .cxd-Picker-overflow-wrapper .cxd-Picker-value {
   cursor: pointer;
@@ -36092,7 +35857,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
           user-select: none;
   white-space: nowrap;
   vertical-align: middle;
-  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem );
+  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem);
   display: inline-block;
   font-size: var(--Pick-base-value-fontSize);
   color: var(--Pick-base-value-color);
@@ -36685,7 +36450,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   height: var(--Form-input-height);
   line-height: var(--Form-input-lineHeight);
   font-size: var(--Form-input-fontSize);
-  padding: calc( ( var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--gap-sm);
+  padding: calc((var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--gap-sm);
   color: var(--text--muted-color);
 }
 .cxd-TabsTransfer-tab {
@@ -36852,7 +36617,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
-  padding: calc( ( var(--Form-select-menu-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--Form-select-paddingX);
+  padding: calc((var(--Form-select-menu-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--Form-select-paddingX);
 }
 .cxd-NestedSelect-menu {
   width: 10rem;
@@ -37111,7 +36876,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   color: var(--text--muted-color);
 }
 .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);
@@ -37230,7 +36995,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
-  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) );
+  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
   vertical-align: middle;
   display: inline-block;
   overflow: hidden;
@@ -37316,7 +37081,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   color: var(--text--muted-color);
 }
 .cxd-IconSelectControl-spinner {
-  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) );
+  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
 }
 .cxd-IconSelectControl-clear {
   padding: var(--Form-input-clearBtn-padding);
@@ -37690,7 +37455,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
     display: inline-block;
     max-width: 100%;
   }
-
   .cxd-Form-control--sizeXs {
     width: var(--Form-control-widthXs);
     max-width: 100%;
@@ -37700,7 +37464,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
   .cxd-Form-control--sizeXs.cxd-NumberControl {
     width: var(--Form-control-widthXs);
   }
-
   .cxd-Form-control--sizeSm {
     width: var(--Form-control-widthSm);
     max-width: 100%;
@@ -37710,14 +37473,12 @@ td.rdtQuarter.rdtDisabled:hover > span {
   .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%;
@@ -37727,7 +37488,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
   .cxd-Form-control--sizeLg.cxd-NumberControl {
     width: var(--Form-control-widthLg);
   }
-
   .cxd-Form-item--horizontal {
     display: flex;
     flex-wrap: nowrap;
@@ -37739,16 +37499,16 @@ td.rdtQuarter.rdtDisabled:hover > span {
     min-width: var(--Form--horizontal-value-minWidth);
   }
   .cxd-Form-item--horizontal .cxd-Form-itemColumn--xs,
-.cxd-Form-item--horizontal .cxd-Form-itemColumn--sm,
-.cxd-Form-item--horizontal .cxd-Form-itemColumn--normal,
-.cxd-Form-item--horizontal .cxd-Form-itemColumn--auto,
-.cxd-Form-item--horizontal .cxd-Form-itemColumn--md,
-.cxd-Form-item--horizontal .cxd-Form-itemColumn--lg {
+  .cxd-Form-item--horizontal .cxd-Form-itemColumn--sm,
+  .cxd-Form-item--horizontal .cxd-Form-itemColumn--normal,
+  .cxd-Form-item--horizontal .cxd-Form-itemColumn--auto,
+  .cxd-Form-item--horizontal .cxd-Form-itemColumn--md,
+  .cxd-Form-item--horizontal .cxd-Form-itemColumn--lg {
     flex-grow: unset;
     flex-basis: unset;
   }
   .cxd-Form-item--horizontal > .cxd-Form-label {
-    padding-top: calc( ( var(--Form-input-height) - var(--Form-item-lineHeight) * var(--Form-item-fontSize) ) / 2 );
+    padding-top: calc((var(--Form-input-height) - var(--Form-item-lineHeight) * var(--Form-item-fontSize)) / 2);
     word-break: break-word;
     line-height: var(--Form-item-lineHeight);
     margin: 0;
@@ -37849,7 +37609,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
     vertical-align: top;
   }
   .cxd-Form-item--inline > .cxd-Form-label {
-    padding-top: calc( ( var(--Form-input-height) - var(--Form-item-lineHeight) * var(--Form-item-fontSize) ) / 2 );
+    padding-top: calc((var(--Form-input-height) - var(--Form-item-lineHeight) * var(--Form-item-fontSize)) / 2);
     word-break: break-word;
     line-height: var(--Form-item-lineHeight);
     margin: 0;
@@ -37877,7 +37637,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
   .cxd-Form-item--inline > .cxd-Form-value > .cxd-TextControl--withAddOn {
     display: inline-flex;
   }
-
   .cxd-Form-row {
     display: flex;
     flex-wrap: wrap;
@@ -37889,13 +37648,11 @@ td.rdtQuarter.rdtDisabled:hover > span {
     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;
@@ -37914,7 +37671,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .cxd-Form--debug {
   padding: var(--gap-sm);
   margin-bottom: var(--gap-sm);
-  background-color: #fafafa;
+  background-color: rgb(250, 250, 250);
   border-radius: var(--borderRadius);
   position: relative;
   word-wrap: break-word;
@@ -37947,36 +37704,62 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .cxd-Form--column-2 > .cxd-Form-item {
   width: 50%;
 }
+.cxd-Form--column-2 > .cxd-Form-item:nth-last-child(2) {
+  margin-bottom: 0;
+}
 .cxd-Form--column-3 > .cxd-Form-item {
   width: 33%;
 }
+.cxd-Form--column-3 > .cxd-Form-item:nth-last-child(-n+3) {
+  margin-bottom: 0;
+}
 .cxd-Form--column-4 > .cxd-Form-item {
   width: 25%;
 }
+.cxd-Form--column-4 > .cxd-Form-item:nth-last-child(-n+4) {
+  margin-bottom: 0;
+}
 .cxd-Form--column-5 > .cxd-Form-item {
   width: 20%;
 }
+.cxd-Form--column-5 > .cxd-Form-item:nth-last-child(-n+5) {
+  margin-bottom: 0;
+}
 .cxd-Form--column-6 > .cxd-Form-item {
   width: 16.6%;
 }
+.cxd-Form--column-6 > .cxd-Form-item:nth-last-child(-n+6) {
+  margin-bottom: 0;
+}
 .cxd-Form--column-7 > .cxd-Form-item {
   width: 14.2%;
 }
+.cxd-Form--column-7 > .cxd-Form-item:nth-last-child(-n+7) {
+  margin-bottom: 0;
+}
 .cxd-Form--column-8 > .cxd-Form-item {
   width: 12.5%;
 }
+.cxd-Form--column-8 > .cxd-Form-item:nth-last-child(-n+8) {
+  margin-bottom: 0;
+}
 .cxd-Form-column-9 > .cxd-Form-item {
   width: 11.1%;
 }
+.cxd-Form--column-9 > .cxd-Form-item:nth-last-child(-n+9) {
+  margin-bottom: 0;
+}
 .cxd-Form-column-10 > .cxd-Form-item {
   width: 10%;
 }
+.cxd-Form--column-10 > .cxd-Form-item:nth-last-child(-n+10) {
+  margin-bottom: 0;
+}
 /* 移动端样式调整 */
 @media (max-width: 767px) {
   .cxd-Combo-form::before {
     border-bottom: none;
   }
-
   .cxd-Form-item {
     display: flex;
     margin-bottom: 0;
@@ -37995,7 +37778,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
     transform: scaleY(0.5);
   }
   .cxd-Form-item .cxd-InputGroup-addOn,
-.cxd-Form-item .cxd-TextControl-addOn {
+  .cxd-Form-item .cxd-TextControl-addOn {
     border: none;
   }
   .cxd-Form-item .cxd-Form-label {
@@ -38010,7 +37793,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
     font-size: var(--fontSizeLg);
   }
   .cxd-Form-item .cxd-Form-label + .cxd-Form-item-controlBox {
-    max-width: calc(100% - 28%);
+    max-width: 72%;
   }
   .cxd-Form-item .cxd-Form-label > span {
     line-height: 2rem;
@@ -38060,7 +37843,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
     text-align: center;
   }
   .cxd-Form-item .cxd-Number--enhance .cxd-InputNumber-enhance-minus,
-.cxd-Form-item .cxd-Number--enhance .cxd-InputNumber-enhance-plus {
+  .cxd-Form-item .cxd-Number--enhance .cxd-InputNumber-enhance-plus {
     width: var(--inputNumber-enhance-mobile-icon-inner-width);
     height: var(--inputNumber-enhance-mobile-icon-inner-height);
     display: flex;
@@ -38072,48 +37855,48 @@ td.rdtQuarter.rdtDisabled:hover > span {
     padding-right: var(--inputNumber-enhance-default-paddingRight);
   }
   .cxd-Form-item .cxd-Form-value,
-.cxd-Form-item .cxd-Form-control {
+  .cxd-Form-item .cxd-Form-control {
     flex: 1;
     flex-wrap: wrap;
     font-size: var(--fontSizeLg);
   }
   .cxd-Form-item .cxd-Form-value .cxd-ColorPicker > input,
-.cxd-Form-item .cxd-Form-control .cxd-ColorPicker > input {
+  .cxd-Form-item .cxd-Form-control .cxd-ColorPicker > input {
     height: 100%;
   }
   .cxd-Form-item .cxd-Form-value .cxd-ResultBox,
-.cxd-Form-item .cxd-Form-control .cxd-ResultBox {
+  .cxd-Form-item .cxd-Form-control .cxd-ResultBox {
     height: 100%;
   }
   .cxd-Form-item .cxd-Form-value .cxd-ResultBox .cxd-ResultBox-value-wrap,
-.cxd-Form-item .cxd-Form-control .cxd-ResultBox .cxd-ResultBox-value-wrap {
+  .cxd-Form-item .cxd-Form-control .cxd-ResultBox .cxd-ResultBox-value-wrap {
     justify-content: flex-end;
     text-align: right;
   }
   .cxd-Form-item .cxd-Form-value.is-disabled > .cxd-TextControl-input,
-.cxd-Form-item .cxd-Form-control.is-disabled > .cxd-TextControl-input {
+  .cxd-Form-item .cxd-Form-control.is-disabled > .cxd-TextControl-input {
     background: transparent;
   }
   .cxd-Form-item .cxd-SelectControl.cxd-Form-control {
     overflow: hidden;
   }
   .cxd-Form-item .cxd-Form-hint,
-.cxd-Form-item .cxd-Form-remark,
-.cxd-Form-item .cxd-Form-group--hor .cxd-Form-item,
-.cxd-Form-item .cxd-SwitchControl,
-.cxd-Form-item .cxd-CheckboxControl,
-.cxd-Form-item .cxd-RadiosControl,
-.cxd-Form-item .cxd-CheckboxesControl {
+  .cxd-Form-item .cxd-Form-remark,
+  .cxd-Form-item .cxd-Form-group--hor .cxd-Form-item,
+  .cxd-Form-item .cxd-SwitchControl,
+  .cxd-Form-item .cxd-CheckboxControl,
+  .cxd-Form-item .cxd-RadiosControl,
+  .cxd-Form-item .cxd-CheckboxesControl {
     padding-top: 0;
     padding-bottom: 0;
   }
   .cxd-Form-item .cxd-SwitchControl,
-.cxd-Form-item .cxd-TransferControl,
-.cxd-Form-item .cxd-TagControl,
-.cxd-Form-item .cxd-CheckboxControl,
-.cxd-Form-item .cxd-TreeSelectControl,
-.cxd-Form-item .cxd-NestedSelectControl,
-.cxd-Form-item .cxd-TabsTransferControl {
+  .cxd-Form-item .cxd-TransferControl,
+  .cxd-Form-item .cxd-TagControl,
+  .cxd-Form-item .cxd-CheckboxControl,
+  .cxd-Form-item .cxd-TreeSelectControl,
+  .cxd-Form-item .cxd-NestedSelectControl,
+  .cxd-Form-item .cxd-TabsTransferControl {
     padding-top: 0.1875rem;
   }
   .cxd-Form-item--inline {
@@ -38146,11 +37929,11 @@ td.rdtQuarter.rdtDisabled:hover > span {
     min-height: 0;
   }
   .cxd-Form-item .cxd-Form-description,
-.cxd-Form-item .cxd-Form-feedback {
+  .cxd-Form-item .cxd-Form-feedback {
     font-size: var(--fontSizeBase);
   }
   .cxd-Form-item .cxd-InputGroup .cxd-Select,
-.cxd-Form-item .cxd-InputGroup .cxd-InputGroup-btn .cxd-Button {
+  .cxd-Form-item .cxd-InputGroup .cxd-InputGroup-btn .cxd-Button {
     border: none;
   }
   .cxd-Form-item .cxd-InputGroup > .cxd-TextControl-input input {
@@ -38167,20 +37950,20 @@ td.rdtQuarter.rdtDisabled:hover > span {
     margin-bottom: var(--gap-xs);
   }
   .cxd-Form-item .cxd-TextareaControl > textarea,
-.cxd-Form-item .cxd-Form-control > .cxd-TextControl-input,
-.cxd-Form-item .cxd-TextControl.is-focused > .cxd-TextControl-input {
+  .cxd-Form-item .cxd-Form-control > .cxd-TextControl-input,
+  .cxd-Form-item .cxd-TextControl.is-focused > .cxd-TextControl-input {
     border: none;
     padding: 0 var(--Form-input-paddingX) 0 0;
     box-shadow: none;
     border-radius: 0;
   }
   .cxd-Form-item .cxd-TextareaControl > textarea:hover, .cxd-Form-item .cxd-TextareaControl > textarea:focus, .cxd-Form-item .cxd-TextareaControl > textarea.active,
-.cxd-Form-item .cxd-Form-control > .cxd-TextControl-input:hover,
-.cxd-Form-item .cxd-Form-control > .cxd-TextControl-input:focus,
-.cxd-Form-item .cxd-Form-control > .cxd-TextControl-input.active,
-.cxd-Form-item .cxd-TextControl.is-focused > .cxd-TextControl-input:hover,
-.cxd-Form-item .cxd-TextControl.is-focused > .cxd-TextControl-input:focus,
-.cxd-Form-item .cxd-TextControl.is-focused > .cxd-TextControl-input.active {
+  .cxd-Form-item .cxd-Form-control > .cxd-TextControl-input:hover,
+  .cxd-Form-item .cxd-Form-control > .cxd-TextControl-input:focus,
+  .cxd-Form-item .cxd-Form-control > .cxd-TextControl-input.active,
+  .cxd-Form-item .cxd-TextControl.is-focused > .cxd-TextControl-input:hover,
+  .cxd-Form-item .cxd-TextControl.is-focused > .cxd-TextControl-input:focus,
+  .cxd-Form-item .cxd-TextControl.is-focused > .cxd-TextControl-input.active {
     border: none;
     outline: none;
     outline-style: none;
@@ -38189,27 +37972,21 @@ td.rdtQuarter.rdtDisabled:hover > span {
     padding: 0;
     min-height: 0;
   }
-
   .cxd-Form-groupColumn {
     margin-bottom: 0;
   }
-
   .cxd-Form-item:nth-last-of-type(1)::after {
     display: none;
   }
-
   .cxd-Form-item.is-placeholder::after {
     display: none;
   }
-
   .cxd-Tabs-pane {
     padding: 0;
   }
-
   .cxd-Form-item .cxd-Form-groupColumn > .cxd-Form-item {
     padding-bottom: var(--Form-input-paddingX);
   }
-
   .cxd-Form-groupColumn {
     position: relative;
   }
@@ -38223,7 +38000,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
     left: 0;
     border-bottom: var(--Form-input-borderWidth) solid var(--borderColor);
   }
-
   .cxd-Form-groupColumn:nth-last-of-type(1)::after {
     display: none;
   }
@@ -38748,6 +38524,19 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .cxd-UserTabSelect-tabs > div:last-child > div > div {
   height: 100%;
 }
+.cxd-InputTable-UI .cxd-Table-contentWrap.is-fixed {
+  overflow: auto;
+}
+.cxd-InputTable-UI table {
+  text-align: left;
+  position: relative;
+  border-collapse: collapse;
+}
+.cxd-InputTable-UI table thead > tr > th {
+  position: sticky;
+  top: 0;
+  z-index: 900; /* 遮挡一下 tbody */
+}
 .cxd-AnchorNav {
   display: flex;
   height: 25rem;
@@ -39615,8 +39404,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   padding-left: var(--Form-input-paddingX);
 }
 .cxd-FormulaPicker.is-input-group .cxd-FormulaPicker-input-number .cxd-Number-handler-wrap {
-  height: unset;
-  /* 避免调节器超出Input框 */
+  height: unset; /* 避免调节器超出Input框 */
 }
 .cxd-FormulaPicker.is-input-group .cxd-FormulaPicker-input-variable {
   border: none;