amis-ui 6.13.0 → 6.14.0-beta.1

package/lib/themes/default.css

@@ -17375,7 +17375,6 @@ body {
 }
 .cxd-Layout--headerFixed {
   padding-top: var(--Layout-header-height);
-  --affix-offset-top: var(--Layout-header-height);
 }
 .cxd-Layout--headerFixed .cxd-Layout-header {
   position: fixed;
@@ -17383,6 +17382,9 @@ body {
   width: 100%;
   z-index: 1200;
 }
+.cxd-Layout--headerFixed {
+  --affix-offset-top: var(--Layout-header-height);
+}
 .cxd-Layout-brandBar {
   background: var(--Layout-brand-bg);
   color: var(--Layout-brandBar-color);
@@ -19536,6 +19538,11 @@ input[type=button].cxd-Button--block {
   width: var(--Avatar-size-default);
   height: var(--Avatar-size-default);
   line-height: var(--Avatar-size-default);
+}
+.cxd-Avatar i {
+  font-size: var(--Avatar-icon-size-default);
+}
+.cxd-Avatar {
   position: relative;
   display: inline-block;
   overflow: hidden;
@@ -19543,9 +19550,6 @@ input[type=button].cxd-Button--block {
   border-radius: 50%;
   text-align: center;
 }
-.cxd-Avatar i {
-  font-size: var(--Avatar-icon-size-default);
-}
 .cxd-Avatar--lg {
   width: var(--Avatar-size-large);
   height: var(--Avatar-size-large);
@@ -19883,9 +19887,6 @@ input[type=button].cxd-Button--block {
 .cxd-Modal-header {
   padding: var(--Modal-header-paddingY) 1.5rem;
   background: var(--Modal-header-bg);
-  border-bottom: var(--Modal-body-borderTop);
-  border-top-left-radius: var(--Modal-content-borderRadius);
-  border-top-right-radius: var(--Modal-content-borderRadius);
 }
 .cxd-Modal-header::before, .cxd-Modal-header::after {
   display: table;
@@ -19894,6 +19895,11 @@ input[type=button].cxd-Button--block {
 .cxd-Modal-header::after {
   clear: both;
 }
+.cxd-Modal-header {
+  border-bottom: var(--Modal-body-borderTop);
+  border-top-left-radius: var(--Modal-content-borderRadius);
+  border-top-right-radius: var(--Modal-content-borderRadius);
+}
 .cxd-Modal-header-icons {
   position: absolute;
   right: 24px;
@@ -20018,6 +20024,8 @@ input[type=button].cxd-Button--block {
 .cxd-Dialog-error {
   color: var(--danger);
   white-space: pre-wrap;
+  overflow-wrap: break-word;
+  word-break: break-word;
 }
 .cxd-Modal--full {
   display: flex;
@@ -20093,9 +20101,6 @@ input[type=button].cxd-Button--block {
 .cxd-Drawer-header {
   padding: var(--Drawer-header-padding);
   background: var(--Drawer-header-bg);
-  border-bottom: var(--Drawer-content-borderWidth) solid var(--Drawer-header-borderColor);
-  border-top-left-radius: var(--Drawer-content-borderRadius);
-  border-top-right-radius: var(--Drawer-content-borderRadius);
 }
 .cxd-Drawer-header::before, .cxd-Drawer-header::after {
   display: table;
@@ -20104,6 +20109,11 @@ input[type=button].cxd-Button--block {
 .cxd-Drawer-header::after {
   clear: both;
 }
+.cxd-Drawer-header {
+  border-bottom: var(--Drawer-content-borderWidth) solid var(--Drawer-header-borderColor);
+  border-top-left-radius: var(--Drawer-content-borderRadius);
+  border-top-right-radius: var(--Drawer-content-borderRadius);
+}
 .cxd-Drawer-title {
   font-size: var(--drawer-header-fontSize);
   font-weight: var(--drawer-header-fontWeight);
@@ -21591,13 +21601,15 @@ input[type=button].cxd-Button--block {
 }
 .cxd-AppFoldBtn {
   color: var(--icon-color);
-  padding: 0.625rem;
-  margin-left: -0.625rem;
-  cursor: pointer;
 }
 .cxd-AppFoldBtn:hover {
   color: var(--icon-onHover-color);
 }
+.cxd-AppFoldBtn {
+  padding: 0.625rem;
+  margin-left: -0.625rem;
+  cursor: pointer;
+}
 .cxd-AppLogo-html {
   display: inline-flex;
   vertical-align: middle;
@@ -21614,6 +21626,10 @@ input[type=button].cxd-Button--block {
   color: var(--text--muted-color);
   padding-top: var(--Form-label-paddingTop);
 }
+.cxd-ArrayInput-addBtn > svg {
+  width: var(--Combo-addBtn-fontSize);
+  height: var(--Combo-addBtn-fontSize);
+}
 .cxd-ArrayInput-addBtn {
   font-size: var(--Combo-addBtn-fontSize);
   font-size: var(--Combo-addBtn-fontSize);
@@ -21623,16 +21639,6 @@ input[type=button].cxd-Button--block {
   height: var(--Combo-addBtn-height);
   padding: var(--Combo-addBtn-paddingY) var(--Combo-addBtn-paddingX) var(--Combo-addBtn-paddingY) var(--Combo-addBtn-paddingX);
   margin: var(--button-size-default-marginTop) var(--button-size-default-marginRight) var(--button-size-default-marginBottom) var(--button-size-default-marginLeft);
-  color: var(--Combo-addBtn-border);
-  background: var(--Combo-addBtn-bg);
-  border-color: var(--Combo-addBtn-color) var(--combo-multi-addBtn-hover-bg-color) var(--Combo-addBtn-onHover-border) var(--Combo-addBtn-onHover-color);
-  border-width: var(--Combo-addBtn-onActive-bg) var(--Combo-addBtn-onActive-border) var(--Combo-addBtn-onActive-color) var(--button-default-default-left-border-width);
-  border-style: var(--button-default-default-top-border-style) var(--button-default-default-right-border-style) var(--button-default-default-bottom-border-style) var(--button-default-default-left-border-style);
-  box-shadow: var(--button-default-default-shadow);
-}
-.cxd-ArrayInput-addBtn > svg {
-  width: var(--Combo-addBtn-fontSize);
-  height: var(--Combo-addBtn-fontSize);
 }
 .cxd-ArrayInput-addBtn .cxd-Button-icon:first-child:not(:last-child):not(.pull-right),
 .cxd-ArrayInput-addBtn > svg.icon:not(:last-child):not(.pull-right),
@@ -21687,6 +21693,14 @@ input[type=button].cxd-Button--block {
   height: var(--button-size-default-icon-size);
   vertical-align: middle;
 }
+.cxd-ArrayInput-addBtn {
+  color: var(--Combo-addBtn-border);
+  background: var(--Combo-addBtn-bg);
+  border-color: var(--Combo-addBtn-color) var(--combo-multi-addBtn-hover-bg-color) var(--Combo-addBtn-onHover-border) var(--Combo-addBtn-onHover-color);
+  border-width: var(--Combo-addBtn-onActive-bg) var(--Combo-addBtn-onActive-border) var(--Combo-addBtn-onActive-color) var(--button-default-default-left-border-width);
+  border-style: var(--button-default-default-top-border-style) var(--button-default-default-right-border-style) var(--button-default-default-bottom-border-style) var(--button-default-default-left-border-style);
+  box-shadow: var(--button-default-default-shadow);
+}
 .cxd-ArrayInput-addBtn:not(:disabled):not(.is-disabled):hover {
   color: var(--button-default-hover-font-color);
   background: var(--button-default-hover-bg-color);
@@ -22975,11 +22989,6 @@ input[type=button].cxd-Button--block {
   }
 }
 @media (min-width: 768px) {
-  .cxd-Page-aside {
-    flex-shrink: 0;
-    width: var(--Page-aside-width);
-    border-right: var(--borderWidth) solid var(--borderColor);
-  }
   .cxd-Page-aside::before {
     content: "";
     position: absolute;
@@ -22990,6 +22999,11 @@ input[type=button].cxd-Button--block {
     background: inherit;
     border: inherit;
   }
+  .cxd-Page-aside {
+    flex-shrink: 0;
+    width: var(--Page-aside-width);
+    border-right: var(--borderWidth) solid var(--borderColor);
+  }
   .cxd-Page-aside--withWidth {
     min-width: var(--Page-aside-width);
     max-width: var(--Page-aside-maxWidth);
@@ -23027,13 +23041,15 @@ input[type=button].cxd-Button--block {
   display: inline-block;
   vertical-align: middle;
   margin-left: var(--Remark-marginLeft);
-  cursor: pointer;
-  text-align: center;
 }
 .cxd-Remark > span {
   color: var(--Remark-iconColor);
   font-size: var(--fontSizeSm);
 }
+.cxd-Remark {
+  cursor: pointer;
+  text-align: center;
+}
 .cxd-Remark-icon {
   color: var(--Remark-iconColor);
   font-size: var(--Remark-icon-fontSize);
@@ -23306,7 +23322,6 @@ input[type=button].cxd-Button--block {
   border-radius: var(--Panel-borderRadius);
   box-shadow: var(--Panel-shadow);
   /* 主题 */
-  /* 子组件 */
 }
 .cxd-Panel--default {
   border-color: var(--Panel-top-border-color) var(--Panel-right-border-color) var(--Panel-bottom-border-color) var(--Panel-left-border-color);
@@ -23397,6 +23412,9 @@ input[type=button].cxd-Button--block {
 .cxd-Panel--danger > .cxd-Panel-footer {
   border-color: var(--danger);
 }
+.cxd-Panel {
+  /* 子组件 */
+}
 .cxd-Panel-heading {
   padding: var(--Panel-headingPadding);
   border-color: var(--Panel-heading-top-border-color) var(--Panel-heading-right-border-color) var(--Panel-heading-bottom-border-color) var(--Panel-heading-left-border-color);
@@ -23443,9 +23461,6 @@ input[type=button].cxd-Button--block {
   bottom: var(--affix-offset-bottom);
   z-index: 900;
 }
-.cxd-Panel-btnToolbar {
-  text-align: var(--Panel-btnToolbarTextAlign);
-}
 .cxd-Panel-btnToolbar::before, .cxd-Panel-btnToolbar::after {
   display: table;
   content: "";
@@ -23453,6 +23468,9 @@ input[type=button].cxd-Button--block {
 .cxd-Panel-btnToolbar::after {
   clear: both;
 }
+.cxd-Panel-btnToolbar {
+  text-align: var(--Panel-btnToolbarTextAlign);
+}
 .cxd-Panel-btnToolbar .cxd-Button {
   margin-left: var(--Panel-footerButtonMarginLeft);
 }
@@ -23471,13 +23489,13 @@ input[type=button].cxd-Button--block {
     border: none;
     border-radius: 0;
   }
-  .cxd-Panel--form > .cxd-Panel-heading .cxd-Panel-title {
-    font-size: var(--fontSizeLg);
-  }
   .cxd-Panel--form > .cxd-Panel-heading .cxd-Panel-title .icon {
     width: var(--sizes-base-7);
     height: var(--sizes-base-7);
   }
+  .cxd-Panel--form > .cxd-Panel-heading .cxd-Panel-title {
+    font-size: var(--fontSizeLg);
+  }
   .cxd-Panel--form .cxd-Panel-footerWrap {
     padding-bottom: var(--Panel-body-paddingBottom);
   }
@@ -23777,7 +23795,6 @@ input[type=button].cxd-Button--block {
   flex-direction: column;
   align-items: flex-start;
   justify-content: center;
-  /* 修正头尾的圆角 */
 }
 .cxd-ButtonGroup--vertical .cxd-Button,
 .cxd-ButtonGroup--vertical .cxd-ButtonGroup {
@@ -23805,6 +23822,9 @@ input[type=button].cxd-Button--block {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }
+.cxd-ButtonGroup--vertical {
+  /* 修正头尾的圆角 */
+}
 .cxd-ButtonGroup--vertical > .cxd-Button:first-child,
 .cxd-ButtonGroup--vertical > .cxd-ButtonGroup:first-child > .cxd-Button:first-child,
 .cxd-ButtonGroup--vertical > .cxd-Badge:first-child > .cxd-Button:first-child {
@@ -23921,7 +23941,8 @@ input[type=button].cxd-Button--block {
   padding: 0;
 }
 .cxd-DropDown-menuItem.cxd-DropDown-groupTitle, .cxd-DropDown-menu > li.cxd-DropDown-groupTitle {
-  height: inherit;
+  height: auto;
+  line-height: 1;
   font-size: var(--fontSizeSm);
   padding: var(--gap-xs) var(--gap-xs);
   padding-left: var(--gap-sm);
@@ -23930,7 +23951,8 @@ input[type=button].cxd-Button--block {
   cursor: default;
 }
 .cxd-DropDown-menuItem.cxd-DropDown-groupTitle:hover, .cxd-DropDown-menu > li.cxd-DropDown-groupTitle:hover {
-  background: none;
+  background: none !important;
+  color: var(--DropDown-group-color) !important;
 }
 .cxd-DropDown-menuItem.cxd-DropDown-groupTitle span, .cxd-DropDown-menu > li.cxd-DropDown-groupTitle span {
   white-space: nowrap;
@@ -24471,9 +24493,6 @@ input[type=button].cxd-Button--block {
   padding-left: 0;
   padding-right: 0;
 }
-.cxd-Form {
-  /* 恢复 Form 嵌套场景下的样式 */
-}
 .cxd-Form .cxd-Collapse {
   border: none;
 }
@@ -24488,6 +24507,9 @@ input[type=button].cxd-Button--block {
 .cxd-Form .cxd-Collapse .cxd-Collapse-content {
   padding: 0;
 }
+.cxd-Form {
+  /* 恢复 Form 嵌套场景下的样式 */
+}
 .cxd-Form .cxd-Collapse-fieldset--disabled {
   border-width: var(--collapse-default-top-border-width) var(--collapse-default-right-border-width) var(--collapse-default-bottom-border-width) var(--collapse-default-left-border-width);
   border-style: var(--collapse-default-top-border-style) var(--collapse-default-right-border-style) var(--collapse-default-bottom-border-style) var(--collapse-default-left-border-style);
@@ -24780,7 +24802,6 @@ input[type=button].cxd-Button--block {
   margin-left: 10px;
   font-size: 16px;
   color: #84868c;
-  cursor: pointer;
 }
 .cxd-CBIf:hover {
   font-size: 16px;
@@ -24788,6 +24809,9 @@ input[type=button].cxd-Button--block {
 .cxd-CBIf.is-active {
   color: #2468f1;
 }
+.cxd-CBIf {
+  cursor: pointer;
+}
 .cxd-CBGroupOrItem {
   position: relative;
   transition: box-shadow 0.3s ease;
@@ -25011,17 +25035,6 @@ input[type=button].cxd-Button--block {
 .cxd-ContextMenu-menu {
   position: absolute;
   z-index: 1500;
-  display: block;
-  position: absolute;
-  margin: 0;
-  padding: var(--menu-padding);
-  background: var(--menu-background);
-  box-shadow: var(--menu-box-shadow);
-  border-radius: var(--Context-menu-border-radius);
-  color: var(--menu-font-color);
-  font-family: var(--menu-font-family);
-  font-size: 12px;
-  line-height: 20px;
 }
 .cxd-ContextMenu-menu.in, .cxd-ContextMenu-menu.out {
   animation-duration: var(--animation-duration);
@@ -25034,6 +25047,19 @@ input[type=button].cxd-Button--block {
 .cxd-ContextMenu-menu.out {
   animation-name: contextMenuOut;
 }
+.cxd-ContextMenu-menu {
+  display: block;
+  position: absolute;
+  margin: 0;
+  padding: var(--menu-padding);
+  background: var(--menu-background);
+  box-shadow: var(--menu-box-shadow);
+  border-radius: var(--Context-menu-border-radius);
+  color: var(--menu-font-color);
+  font-family: var(--menu-font-family);
+  font-size: 12px;
+  line-height: 20px;
+}
 .cxd-ContextMenu-divider {
   border: none;
   height: 1px;
@@ -25153,9 +25179,6 @@ input[type=button].cxd-Button--block {
 .cxd-Code-pre-wrap {
   padding: var(--sizes-size-5);
 }
-.cxd-Wizard {
-  position: relative;
-}
 .cxd-Wizard::before, .cxd-Wizard::after {
   display: table;
   content: "";
@@ -25163,6 +25186,9 @@ input[type=button].cxd-Button--block {
 .cxd-Wizard::after {
   clear: both;
 }
+.cxd-Wizard {
+  position: relative;
+}
 .cxd-Wizard, .cxd-Wizard-tabs {
   padding: 0;
 }
@@ -25369,7 +25395,6 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Crud {
   position: relative;
-  /* tag 样式 */
 }
 .cxd-Crud-selection {
   margin-bottom: var(--gap-base);
@@ -25456,6 +25481,9 @@ input[type=button].cxd-Button--block {
   vertical-align: top;
   margin-top: var(--gap-xs);
 }
+.cxd-Crud {
+  /* tag 样式 */
+}
 .cxd-Crud .cxd-Crud-value {
   cursor: pointer;
   -webkit-user-select: none;
@@ -26017,11 +26045,6 @@ input[type=button].cxd-Button--block {
 .cxd-Table-header > * + .cxd-ButtonToolbar {
   margin-left: var(--Crud-toolbar-gap);
 }
-.cxd-Table-toolbar {
-  display: flex;
-  padding: var(--Table-toolbar-marginY) var(--Table-toolbar-marginX);
-  flex-wrap: wrap;
-}
 .cxd-Table-toolbar::before, .cxd-Table-toolbar::after {
   display: table;
   content: "";
@@ -26029,6 +26052,11 @@ input[type=button].cxd-Button--block {
 .cxd-Table-toolbar::after {
   clear: both;
 }
+.cxd-Table-toolbar {
+  display: flex;
+  padding: var(--Table-toolbar-marginY) var(--Table-toolbar-marginX);
+  flex-wrap: wrap;
+}
 .cxd-Table-toolbar .cxd-DropDown-menuItem {
   height: auto;
 }
@@ -26229,11 +26257,6 @@ input[type=button].cxd-Button--block {
   background: inherit;
   padding: var(--TableCell-paddingY) var(--TableCell-paddingX);
   text-align: left;
-  border-bottom: var(--Table-thead-borderWidth) solid var(--Table-thead-borderColor);
-  font-size: var(--Table-thead-fontSize);
-  color: var(--Table-thead-color);
-  font-weight: var(--fontWeightNormal);
-  white-space: nowrap;
 }
 .cxd-Table-table > thead > tr > th:first-child {
   padding-left: 0.75rem;
@@ -26251,6 +26274,13 @@ input[type=button].cxd-Button--block {
 .cxd-Table-table > thead > tr > th:not(:last-child) {
   border-right: var(--Table-thead-borderWidth) solid var(--Table-thead-borderColor);
 }
+.cxd-Table-table > thead > tr > th {
+  border-bottom: var(--Table-thead-borderWidth) solid var(--Table-thead-borderColor);
+  font-size: var(--Table-thead-fontSize);
+  color: var(--Table-thead-color);
+  font-weight: var(--fontWeightNormal);
+  white-space: nowrap;
+}
 .cxd-Table-table > thead > tr > th .cxd-Remark {
   margin-left: var(--gap-xs);
 }
@@ -26338,7 +26368,6 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Table-table > tbody > tr.bg-light {
   background-color: #f8f9fa;
-  color: #58666e;
 }
 .cxd-Table-table > tbody > tr.bg-light.lt, .cxd-Table-table > tbody > tr.bg-light .lt {
   background: rgb(253.9275, 254.1, 254.2725);
@@ -26355,9 +26384,11 @@ input[type=button].cxd-Button--block {
 .cxd-Table-table > tbody > tr.bg-light.bg, .cxd-Table-table > tbody > tr.bg-light .bg {
   background-color: #f8f9fa;
 }
+.cxd-Table-table > tbody > tr.bg-light {
+  color: #58666e;
+}
 .cxd-Table-table > tbody > tr.bg-dark {
   background-color: #343a40;
-  color: rgb(159.6724137931, 160, 160.3275862069);
 }
 .cxd-Table-table > tbody > tr.bg-dark.lt, .cxd-Table-table > tbody > tr.bg-dark .lt {
   background: rgb(61.6622844828, 70.75, 79.8377155172);
@@ -26374,6 +26405,9 @@ input[type=button].cxd-Button--block {
 .cxd-Table-table > tbody > tr.bg-dark.bg, .cxd-Table-table > tbody > tr.bg-dark .bg {
   background-color: #343a40;
 }
+.cxd-Table-table > tbody > tr.bg-dark {
+  color: rgb(159.6724137931, 160, 160.3275862069);
+}
 .cxd-Table-table > tbody > tr.bg-dark a, .cxd-Table-table > tbody > tr.bg-dark .cxd-Button--link {
   color: rgb(185.2603448276, 185.5, 185.7396551724);
 }
@@ -26391,7 +26425,6 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Table-table > tbody > tr.bg-black {
   background-color: #000;
-  color: #666666;
 }
 .cxd-Table-table > tbody > tr.bg-black.lt, .cxd-Table-table > tbody > tr.bg-black .lt {
   background: rgb(13.06875, 12.43125, 12.43125);
@@ -26408,6 +26441,9 @@ input[type=button].cxd-Button--block {
 .cxd-Table-table > tbody > tr.bg-black.bg, .cxd-Table-table > tbody > tr.bg-black .bg {
   background-color: #000;
 }
+.cxd-Table-table > tbody > tr.bg-black {
+  color: #666666;
+}
 .cxd-Table-table > tbody > tr.bg-black a, .cxd-Table-table > tbody > tr.bg-black .cxd-Button--link {
   color: rgb(127.5, 127.5, 127.5);
 }
@@ -26425,7 +26461,6 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Table-table > tbody > tr.bg-primary {
   background-color: #007bff;
-  color: rgb(206.55, 228.69, 252.45);
 }
 .cxd-Table-table > tbody > tr.bg-primary.lt, .cxd-Table-table > tbody > tr.bg-primary .lt {
   background: hsl(211.0588235294, 102.5%, 55%);
@@ -26442,6 +26477,9 @@ input[type=button].cxd-Button--block {
 .cxd-Table-table > tbody > tr.bg-primary.bg, .cxd-Table-table > tbody > tr.bg-primary .bg {
   background-color: #007bff;
 }
+.cxd-Table-table > tbody > tr.bg-primary {
+  color: rgb(206.55, 228.69, 252.45);
+}
 .cxd-Table-table > tbody > tr.bg-primary a, .cxd-Table-table > tbody > tr.bg-primary .cxd-Button--link {
   color: white;
 }
@@ -26459,7 +26497,6 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Table-table > tbody > tr.bg-success {
   background-color: #28a745;
-  color: rgb(180.0804347826, 230.9195652174, 191.6893700787);
 }
 .cxd-Table-table > tbody > tr.bg-success.lt, .cxd-Table-table > tbody > tr.bg-success .lt {
   background: rgb(42.0212862319, 190.4787137681, 75.9210137795);
@@ -26476,6 +26513,9 @@ input[type=button].cxd-Button--block {
 .cxd-Table-table > tbody > tr.bg-success.bg, .cxd-Table-table > tbody > tr.bg-success .bg {
   background-color: #28a745;
 }
+.cxd-Table-table > tbody > tr.bg-success {
+  color: rgb(180.0804347826, 230.9195652174, 191.6893700787);
+}
 .cxd-Table-table > tbody > tr.bg-success a, .cxd-Table-table > tbody > tr.bg-success .cxd-Button--link {
   color: rgb(218.6753623188, 243.3246376812, 224.3039370079);
 }
@@ -26493,7 +26533,6 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Table-table > tbody > tr.bg-info {
   background-color: #007bff;
-  color: rgb(206.55, 228.69, 252.45);
 }
 .cxd-Table-table > tbody > tr.bg-info.lt, .cxd-Table-table > tbody > tr.bg-info .lt {
   background: hsl(211.0588235294, 102.5%, 55%);
@@ -26510,6 +26549,9 @@ input[type=button].cxd-Button--block {
 .cxd-Table-table > tbody > tr.bg-info.bg, .cxd-Table-table > tbody > tr.bg-info .bg {
   background-color: #007bff;
 }
+.cxd-Table-table > tbody > tr.bg-info {
+  color: rgb(206.55, 228.69, 252.45);
+}
 .cxd-Table-table > tbody > tr.bg-info a, .cxd-Table-table > tbody > tr.bg-info .cxd-Button--link {
   color: white;
 }
@@ -26527,7 +26569,6 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Table-table > tbody > tr.bg-warning {
   background-color: #fad733;
-  color: rgb(254.6303827751, 253.8810018994, 250.3696172249);
 }
 .cxd-Table-table > tbody > tr.bg-warning.lt, .cxd-Table-table > tbody > tr.bg-warning .lt {
   background: rgb(252.9037978469, 221.3672860415, 73.5962021531);
@@ -26544,6 +26585,9 @@ input[type=button].cxd-Button--block {
 .cxd-Table-table > tbody > tr.bg-warning.bg, .cxd-Table-table > tbody > tr.bg-warning .bg {
   background-color: #fad733;
 }
+.cxd-Table-table > tbody > tr.bg-warning {
+  color: rgb(254.6303827751, 253.8810018994, 250.3696172249);
+}
 .cxd-Table-table > tbody > tr.bg-warning a, .cxd-Table-table > tbody > tr.bg-warning .cxd-Button--link {
   color: hsl(49.4472361809, 85.2153110048%, 109.0196078431%);
 }
@@ -26561,7 +26605,6 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Table-table > tbody > tr.bg-danger {
   background-color: #dc3545;
-  color: rgb(248.4765822785, 228.5234177215, 230.4350981581);
 }
 .cxd-Table-table > tbody > tr.bg-danger.lt, .cxd-Table-table > tbody > tr.bg-danger .lt {
   background: rgb(226.4095727848, 72.0904272152, 86.8754950542);
@@ -26578,6 +26621,9 @@ input[type=button].cxd-Button--block {
 .cxd-Table-table > tbody > tr.bg-danger.bg, .cxd-Table-table > tbody > tr.bg-danger .bg {
   background-color: #dc3545;
 }
+.cxd-Table-table > tbody > tr.bg-danger {
+  color: rgb(248.4765822785, 228.5234177215, 230.4350981581);
+}
 .cxd-Table-table > tbody > tr.bg-danger a, .cxd-Table-table > tbody > tr.bg-danger .cxd-Button--link {
   color: hsl(354.251497006, 60.4641350211%, 103.5294117647%);
 }
@@ -27161,11 +27207,6 @@ input[type=button].cxd-Button--block {
   z-index: 3;
   background: var(--Table-bg);
 }
-.cxd-Table2 .cxd-Table-toolbar {
-  display: flex;
-  margin: 0 var(--Table-toolbar-marginX) var(--Table-toolbar-marginY);
-  flex-wrap: wrap;
-}
 .cxd-Table2 .cxd-Table-toolbar::before, .cxd-Table2 .cxd-Table-toolbar::after {
   display: table;
   content: "";
@@ -27173,6 +27214,11 @@ input[type=button].cxd-Button--block {
 .cxd-Table2 .cxd-Table-toolbar::after {
   clear: both;
 }
+.cxd-Table2 .cxd-Table-toolbar {
+  display: flex;
+  margin: 0 var(--Table-toolbar-marginX) var(--Table-toolbar-marginY);
+  flex-wrap: wrap;
+}
 .cxd-Table2 .cxd-Table-toolbar .cxd-DropDown-menuItem {
   height: auto;
 }
@@ -27204,6 +27250,15 @@ input[type=button].cxd-Button--block {
   border-collapse: collapse;
   border: none;
 }
+.cxd-Table2 .cxd-Table-table--fixed {
+  table-layout: fixed;
+}
+.cxd-Table2 .cxd-Table-table--fixed > thead > tr > th,
+.cxd-Table2 .cxd-Table-table--fixed > thead > tr > td,
+.cxd-Table2 .cxd-Table-table--fixed > tbody > tr > td,
+.cxd-Table2 .cxd-Table-table--fixed > tfoot > tr > td {
+  white-space: normal !important;
+}
 .cxd-Table2 .cxd-Table-table th, .cxd-Table2 .cxd-Table-table td {
   text-align: left;
 }
@@ -27218,11 +27273,6 @@ input[type=button].cxd-Button--block {
   vertical-align: middle;
   background: var(--Table-thead-bg);
   padding: var(--table-paddingTop) var(--table-paddingRight) var(--table-paddingBottom) var(--table-paddingLeft);
-  font-size: var(--Table-thead-fontSize);
-  color: var(--Table-thead-color);
-  font-weight: var(--table-header-fontWeight);
-  line-height: var(--table-header-lineHeight);
-  white-space: nowrap;
 }
 .cxd-Table2 .cxd-Table-table > thead > tr > th:first-child {
   padding-left: var(--TableCell--edge-paddingX-default);
@@ -27236,6 +27286,13 @@ input[type=button].cxd-Button--block {
 .cxd-Table2 .cxd-Table-table > thead > tr > th.cxd-Table-row-expand-icon-cell {
   border-right: 0;
 }
+.cxd-Table2 .cxd-Table-table > thead > tr > th {
+  font-size: var(--Table-thead-fontSize);
+  color: var(--Table-thead-color);
+  font-weight: var(--table-header-fontWeight);
+  line-height: var(--table-header-lineHeight);
+  white-space: nowrap;
+}
 .cxd-Table2 .cxd-Table-table > thead > tr > th .cxd-Remark {
   margin-left: var(--gap-xs);
   position: relative;
@@ -27251,7 +27308,6 @@ input[type=button].cxd-Button--block {
 .cxd-Table2 .cxd-Table-table > tbody > tr {
   position: relative;
   border-top: unset !important;
-  background: var(--table-body-bg-color);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.cxd-Table-summary-row > td {
   background: var(--Table-thead-bg);
@@ -27310,6 +27366,9 @@ input[type=button].cxd-Button--block {
   line-height: var(--TableCell-line-height-middle);
   overflow: hidden;
 }
+.cxd-Table2 .cxd-Table-table > tbody > tr {
+  background: var(--table-body-bg-color);
+}
 .cxd-Table2 .cxd-Table-table > tbody > tr.cxd-Table-tr--odd {
   background: var(--Table-strip-bg);
 }
@@ -27348,7 +27407,6 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-light {
   background-color: #f8f9fa;
-  color: #58666e;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-light.lt, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-light .lt {
   background: rgb(253.9275, 254.1, 254.2725);
@@ -27365,9 +27423,11 @@ input[type=button].cxd-Button--block {
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-light.bg, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-light .bg {
   background-color: #f8f9fa;
 }
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-light {
+  color: #58666e;
+}
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark {
   background-color: #343a40;
-  color: rgb(159.6724137931, 160, 160.3275862069);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark.lt, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark .lt {
   background: rgb(61.6622844828, 70.75, 79.8377155172);
@@ -27384,6 +27444,9 @@ input[type=button].cxd-Button--block {
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark.bg, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark .bg {
   background-color: #343a40;
 }
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark {
+  color: rgb(159.6724137931, 160, 160.3275862069);
+}
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark a, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark .cxd-Button--link {
   color: rgb(185.2603448276, 185.5, 185.7396551724);
 }
@@ -27401,7 +27464,6 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-black {
   background-color: #000;
-  color: #666666;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-black.lt, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-black .lt {
   background: rgb(13.06875, 12.43125, 12.43125);
@@ -27418,6 +27480,9 @@ input[type=button].cxd-Button--block {
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-black.bg, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-black .bg {
   background-color: #000;
 }
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-black {
+  color: #666666;
+}
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-black a, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-black .cxd-Button--link {
   color: rgb(127.5, 127.5, 127.5);
 }
@@ -27435,7 +27500,6 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-primary {
   background-color: #007bff;
-  color: rgb(206.55, 228.69, 252.45);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-primary.lt, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-primary .lt {
   background: hsl(211.0588235294, 102.5%, 55%);
@@ -27452,6 +27516,9 @@ input[type=button].cxd-Button--block {
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-primary.bg, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-primary .bg {
   background-color: #007bff;
 }
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-primary {
+  color: rgb(206.55, 228.69, 252.45);
+}
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-primary a, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-primary .cxd-Button--link {
   color: white;
 }
@@ -27469,7 +27536,6 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-success {
   background-color: #28a745;
-  color: rgb(180.0804347826, 230.9195652174, 191.6893700787);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-success.lt, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-success .lt {
   background: rgb(42.0212862319, 190.4787137681, 75.9210137795);
@@ -27486,6 +27552,9 @@ input[type=button].cxd-Button--block {
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-success.bg, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-success .bg {
   background-color: #28a745;
 }
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-success {
+  color: rgb(180.0804347826, 230.9195652174, 191.6893700787);
+}
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-success a, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-success .cxd-Button--link {
   color: rgb(218.6753623188, 243.3246376812, 224.3039370079);
 }
@@ -27503,7 +27572,6 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-info {
   background-color: #007bff;
-  color: rgb(206.55, 228.69, 252.45);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-info.lt, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-info .lt {
   background: hsl(211.0588235294, 102.5%, 55%);
@@ -27520,6 +27588,9 @@ input[type=button].cxd-Button--block {
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-info.bg, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-info .bg {
   background-color: #007bff;
 }
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-info {
+  color: rgb(206.55, 228.69, 252.45);
+}
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-info a, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-info .cxd-Button--link {
   color: white;
 }
@@ -27537,7 +27608,6 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning {
   background-color: #fad733;
-  color: rgb(254.6303827751, 253.8810018994, 250.3696172249);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning.lt, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning .lt {
   background: rgb(252.9037978469, 221.3672860415, 73.5962021531);
@@ -27554,6 +27624,9 @@ input[type=button].cxd-Button--block {
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning.bg, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning .bg {
   background-color: #fad733;
 }
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning {
+  color: rgb(254.6303827751, 253.8810018994, 250.3696172249);
+}
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning a, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning .cxd-Button--link {
   color: hsl(49.4472361809, 85.2153110048%, 109.0196078431%);
 }
@@ -27571,7 +27644,6 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger {
   background-color: #dc3545;
-  color: rgb(248.4765822785, 228.5234177215, 230.4350981581);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger.lt, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger .lt {
   background: rgb(226.4095727848, 72.0904272152, 86.8754950542);
@@ -27588,6 +27660,9 @@ input[type=button].cxd-Button--block {
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger.bg, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger .bg {
   background-color: #dc3545;
 }
+.cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger {
+  color: rgb(248.4765822785, 228.5234177215, 230.4350981581);
+}
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger a, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger .cxd-Button--link {
   color: hsl(354.251497006, 60.4641350211%, 103.5294117647%);
 }
@@ -27616,7 +27691,6 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--2th .cxd-Table-expandCell + td {
   position: relative;
-  padding-left: 1.125rem;
 }
 .cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--2th .cxd-Table-expandCell + td::before {
   content: "";
@@ -27637,6 +27711,9 @@ input[type=button].cxd-Button--block {
   width: 0.625rem;
   background: var(--Table-tree-borderColor);
 }
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--2th .cxd-Table-expandCell + td {
+  padding-left: 1.125rem;
+}
 .cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--2th.is-expandable .cxd-Table-expandCell + td {
   padding-left: 1.125rem;
 }
@@ -27653,7 +27730,6 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--3th .cxd-Table-expandCell + td {
   position: relative;
-  padding-left: 2.25rem;
 }
 .cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--3th .cxd-Table-expandCell + td::before {
   content: "";
@@ -27674,6 +27750,9 @@ input[type=button].cxd-Button--block {
   width: 0.625rem;
   background: var(--Table-tree-borderColor);
 }
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--3th .cxd-Table-expandCell + td {
+  padding-left: 2.25rem;
+}
 .cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--3th.is-expandable .cxd-Table-expandCell + td {
   padding-left: 2.25rem;
 }
@@ -27690,7 +27769,6 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--4th .cxd-Table-expandCell + td {
   position: relative;
-  padding-left: 3.375rem;
 }
 .cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--4th .cxd-Table-expandCell + td::before {
   content: "";
@@ -27711,6 +27789,9 @@ input[type=button].cxd-Button--block {
   width: 0.625rem;
   background: var(--Table-tree-borderColor);
 }
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--4th .cxd-Table-expandCell + td {
+  padding-left: 3.375rem;
+}
 .cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--4th.is-expandable .cxd-Table-expandCell + td {
   padding-left: 3.375rem;
 }
@@ -27727,7 +27808,6 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--5th .cxd-Table-expandCell + td {
   position: relative;
-  padding-left: 4.5rem;
 }
 .cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--5th .cxd-Table-expandCell + td::before {
   content: "";
@@ -27748,6 +27828,9 @@ input[type=button].cxd-Button--block {
   width: 0.625rem;
   background: var(--Table-tree-borderColor);
 }
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--5th .cxd-Table-expandCell + td {
+  padding-left: 4.5rem;
+}
 .cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--5th.is-expandable .cxd-Table-expandCell + td {
   padding-left: 4.5rem;
 }
@@ -27764,7 +27847,6 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--6th .cxd-Table-expandCell + td {
   position: relative;
-  padding-left: 5.625rem;
 }
 .cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--6th .cxd-Table-expandCell + td::before {
   content: "";
@@ -27785,6 +27867,9 @@ input[type=button].cxd-Button--block {
   width: 0.625rem;
   background: var(--Table-tree-borderColor);
 }
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--6th .cxd-Table-expandCell + td {
+  padding-left: 5.625rem;
+}
 .cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--6th.is-expandable .cxd-Table-expandCell + td {
   padding-left: 5.625rem;
 }
@@ -27801,7 +27886,6 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--7th .cxd-Table-expandCell + td {
   position: relative;
-  padding-left: 6.75rem;
 }
 .cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--7th .cxd-Table-expandCell + td::before {
   content: "";
@@ -27822,6 +27906,9 @@ input[type=button].cxd-Button--block {
   width: 0.625rem;
   background: var(--Table-tree-borderColor);
 }
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--7th .cxd-Table-expandCell + td {
+  padding-left: 6.75rem;
+}
 .cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--7th.is-expandable .cxd-Table-expandCell + td {
   padding-left: 6.75rem;
 }
@@ -27838,7 +27925,6 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--8th .cxd-Table-expandCell + td {
   position: relative;
-  padding-left: 7.875rem;
 }
 .cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--8th .cxd-Table-expandCell + td::before {
   content: "";
@@ -27859,6 +27945,9 @@ input[type=button].cxd-Button--block {
   width: 0.625rem;
   background: var(--Table-tree-borderColor);
 }
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--8th .cxd-Table-expandCell + td {
+  padding-left: 7.875rem;
+}
 .cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--8th.is-expandable .cxd-Table-expandCell + td {
   padding-left: 7.875rem;
 }
@@ -27875,7 +27964,6 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--9th .cxd-Table-expandCell + td {
   position: relative;
-  padding-left: 9rem;
 }
 .cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--9th .cxd-Table-expandCell + td::before {
   content: "";
@@ -27896,6 +27984,9 @@ input[type=button].cxd-Button--block {
   width: 0.625rem;
   background: var(--Table-tree-borderColor);
 }
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--9th .cxd-Table-expandCell + td {
+  padding-left: 9rem;
+}
 .cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--9th.is-expandable .cxd-Table-expandCell + td {
   padding-left: 9rem;
 }
@@ -27912,7 +28003,6 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--10th .cxd-Table-expandCell + td {
   position: relative;
-  padding-left: 10.125rem;
 }
 .cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--10th .cxd-Table-expandCell + td::before {
   content: "";
@@ -27933,6 +28023,9 @@ input[type=button].cxd-Button--block {
   width: 0.625rem;
   background: var(--Table-tree-borderColor);
 }
+.cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--10th .cxd-Table-expandCell + td {
+  padding-left: 10.125rem;
+}
 .cxd-Table2 .cxd-Table-table tr.cxd-Table-tr--10th.is-expandable .cxd-Table-expandCell + td {
   padding-left: 10.125rem;
 }
@@ -28657,11 +28750,6 @@ input[type=button].cxd-Button--block {
   margin-bottom: var(--gap-sm);
   margin-right: 0.9375rem;
 }
-.cxd-List-toolbar {
-  display: flex;
-  flex-wrap: wrap;
-  padding: var(--List-toolbar-marginY) var(--List-toolbar-marginX) var(--List-toolbar-marginY);
-}
 .cxd-List-toolbar::before, .cxd-List-toolbar::after {
   display: table;
   content: "";
@@ -28669,6 +28757,11 @@ input[type=button].cxd-Button--block {
 .cxd-List-toolbar::after {
   clear: both;
 }
+.cxd-List-toolbar {
+  display: flex;
+  flex-wrap: wrap;
+  padding: var(--List-toolbar-marginY) var(--List-toolbar-marginX) var(--List-toolbar-marginY);
+}
 .cxd-List-actions {
   display: inline-block;
 }
@@ -28771,11 +28864,6 @@ input[type=button].cxd-Button--block {
 .cxd-ListGroup--expanded .cxd-ListGroup-item:last-child {
   margin-bottom: 0;
 }
-.cxd-ListItem {
-  position: relative;
-  display: block;
-  padding: var(--ListItem-paddingY) var(--ListItem-paddingX);
-}
 .cxd-ListItem::before, .cxd-ListItem::after {
   display: table;
   content: "";
@@ -28786,6 +28874,11 @@ input[type=button].cxd-Button--block {
 .cxd-ListItem + .cxd-ListItem {
   border-top: var(--ListItem-borderWidth) solid var(--List-borderColor);
 }
+.cxd-ListItem {
+  position: relative;
+  display: block;
+  padding: var(--ListItem-paddingY) var(--ListItem-paddingX);
+}
 .cxd-ListItem:nth-child(even) {
   background: var(--ListItem--strip-bg);
 }
@@ -28911,9 +29004,6 @@ input[type=button].cxd-Button--block {
 .cxd-Cards {
   scroll-margin-top: var(--affix-offset-top);
 }
-.cxd-Cards-toolbar {
-  padding: var(--Cards-toolbar-marginY) var(--Cards-toolbar-marginX) var(--Cards-toolbar-marginY);
-}
 .cxd-Cards-toolbar::before, .cxd-Cards-toolbar::after {
   display: table;
   content: "";
@@ -28921,6 +29011,9 @@ input[type=button].cxd-Button--block {
 .cxd-Cards-toolbar::after {
   clear: both;
 }
+.cxd-Cards-toolbar {
+  padding: var(--Cards-toolbar-marginY) var(--Cards-toolbar-marginX) var(--Cards-toolbar-marginY);
+}
 .cxd-Cards-actions {
   display: inline-block;
 }
@@ -28980,14 +29073,16 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Cards--masonry {
   display: block;
+}
+.cxd-Cards--masonry:after {
+  content: none;
+}
+.cxd-Cards--masonry {
   -moz-column-gap: 0;
        column-gap: 0;
   -moz-column-fill: initial;
        column-fill: initial;
 }
-.cxd-Cards--masonry:after {
-  content: none;
-}
 .cxd-Cards--masonry > div {
   width: 100%;
   float: none;
@@ -30054,12 +30149,12 @@ input[type=button].cxd-Button--block {
   background-color: var(--Pagination-onDisabled-backgroundColor);
   border-color: var(--Pagination-onDisabled-color);
 }
-.cxd-PaginationWrapper-pager {
-  text-align: right;
-}
 .cxd-PaginationWrapper-pager:first-child {
   margin-bottom: var(--gap-sm);
 }
+.cxd-PaginationWrapper-pager {
+  text-align: right;
+}
 .cxd-Pagination-wrap-size--sm {
   line-height: 1.5rem;
 }
@@ -30417,8 +30512,6 @@ input[type=button].cxd-Button--block {
   bottom: 0;
   position: absolute;
   transition-duration: var(--Carousel-transitionDuration);
-  display: none;
-  left: 0;
 }
 .cxd-Carousel .cxd-Carousel-leftArrow svg {
   position: absolute;
@@ -30428,6 +30521,10 @@ input[type=button].cxd-Button--block {
   transform: translate(-50%, -50%);
   width: var(--Carousel-svg-width);
 }
+.cxd-Carousel .cxd-Carousel-leftArrow {
+  display: none;
+  left: 0;
+}
 .cxd-Carousel .cxd-Carousel-rightArrow {
   width: 10%;
   min-width: var(--Carousel-arrowControl-width);
@@ -30437,8 +30534,6 @@ input[type=button].cxd-Button--block {
   bottom: 0;
   position: absolute;
   transition-duration: var(--Carousel-transitionDuration);
-  display: none;
-  right: 0;
 }
 .cxd-Carousel .cxd-Carousel-rightArrow svg {
   position: absolute;
@@ -30448,6 +30543,10 @@ input[type=button].cxd-Button--block {
   transform: translate(-50%, -50%);
   width: var(--Carousel-svg-width);
 }
+.cxd-Carousel .cxd-Carousel-rightArrow {
+  display: none;
+  right: 0;
+}
 .cxd-Carousel.cxd-Carousel-arrow--always .cxd-Carousel-leftArrow {
   display: block;
 }
@@ -30612,6 +30711,10 @@ input[type=button].cxd-Button--block {
           user-select: none;
   cursor: -webkit-grabbing;
 }
+.cxd-ImageGallery-prevBtn svg, .cxd-ImageGallery-nextBtn svg {
+  width: var(--image-images-item-size);
+  height: var(--image-images-item-size);
+}
 .cxd-ImageGallery-prevBtn, .cxd-ImageGallery-nextBtn {
   position: absolute;
   top: 50%;
@@ -30619,19 +30722,17 @@ input[type=button].cxd-Button--block {
   cursor: pointer;
   color: var(--image-images-item-color);
   text-shadow: rgba(0, 0, 0, 0.3) 0px 0px 4px;
-  animation-name: disappear;
-  animation-delay: var(--animation-duration);
-  animation-duration: var(--animation-duration);
-  animation-fill-mode: both;
-}
-.cxd-ImageGallery-prevBtn svg, .cxd-ImageGallery-nextBtn svg {
-  width: var(--image-images-item-size);
-  height: var(--image-images-item-size);
 }
 .cxd-ImageGallery-prevBtn:hover, .cxd-ImageGallery-nextBtn:hover {
   color: #fff;
   text-shadow: rgba(0, 0, 0, 0.5) 0px 0px 4px;
 }
+.cxd-ImageGallery-prevBtn, .cxd-ImageGallery-nextBtn {
+  animation-name: disappear;
+  animation-delay: var(--animation-duration);
+  animation-duration: var(--animation-duration);
+  animation-fill-mode: both;
+}
 .cxd-ImageGallery-prevBtn.is-disabled, .cxd-ImageGallery-nextBtn.is-disabled {
   pointer-events: none;
 }
@@ -31866,7 +31967,6 @@ input[type=button].cxd-Button--block {
   font-size: var(--Form-input-fontSize);
   flex-wrap: wrap;
   justify-content: flex-start;
-  flex-wrap: nowrap;
 }
 .cxd-ResultBox input {
   flex-basis: 1.875rem;
@@ -31899,6 +31999,9 @@ input[type=button].cxd-Button--block {
 .cxd-ResultBox--borderNone {
   border-color: transparent !important;
 }
+.cxd-ResultBox {
+  flex-wrap: nowrap;
+}
 .cxd-ResultBox input {
   flex-shrink: 0;
 }
@@ -32001,9 +32104,6 @@ input[type=button].cxd-Button--block {
   justify-content: center;
   margin-left: auto;
   text-decoration: none;
-  height: 100%;
-  margin: auto 0;
-  background-color: unset;
 }
 .cxd-ResultBox-clear svg {
   fill: var(--Form-input-clearBtn-color);
@@ -32017,6 +32117,11 @@ input[type=button].cxd-Button--block {
 .cxd-ResultBox-clear:active svg {
   fill: var(--Form-input-clearBtn-color-onActive);
 }
+.cxd-ResultBox-clear {
+  height: 100%;
+  margin: auto 0;
+  background-color: unset;
+}
 .cxd-ResultBox-clear-with-arrow {
   right: 33px;
 }
@@ -32145,16 +32250,6 @@ input[type=button].cxd-Button--block {
   justify-content: center;
   margin-left: auto;
   text-decoration: none;
-  width: 1.625rem;
-  height: 1.625rem;
-  margin: 0 -0.125rem;
-  margin-left: auto;
-  padding: 0.25rem;
-  position: unset;
-  right: 0;
-  display: flex;
-  align-items: center;
-  background-color: unset;
 }
 .cxd-ResultBox.is-mobile .cxd-ResultBox-clear svg {
   fill: var(--Form-input-clearBtn-color);
@@ -32168,6 +32263,18 @@ input[type=button].cxd-Button--block {
 .cxd-ResultBox.is-mobile .cxd-ResultBox-clear:active svg {
   fill: var(--Form-input-clearBtn-color-onActive);
 }
+.cxd-ResultBox.is-mobile .cxd-ResultBox-clear {
+  width: 1.625rem;
+  height: 1.625rem;
+  margin: 0 -0.125rem;
+  margin-left: auto;
+  padding: 0.25rem;
+  position: unset;
+  right: 0;
+  display: flex;
+  align-items: center;
+  background-color: unset;
+}
 .cxd-ResultBox.is-mobile .cxd-ResultBox-arrow {
   margin-right: var(--gap-xs);
   width: var(--gap-md);
@@ -32656,13 +32763,13 @@ input[type=button].cxd-Button--block {
   height: auto;
   line-height: 1.375rem;
 }
-.cxd-Steps .cxd-StepsItem-container {
-  position: relative;
-}
 .cxd-Steps .cxd-StepsItem-container.cxd-StepsItem-vertical {
   display: flex;
   flex-direction: column;
 }
+.cxd-Steps .cxd-StepsItem-container {
+  position: relative;
+}
 .cxd-Steps .cxd-StepsItem-containerIcon {
   vertical-align: top;
   display: inline-flex;
@@ -34284,9 +34391,6 @@ input.cxd-TextControl-input-password {
   justify-content: center;
   margin-left: auto;
   text-decoration: none;
-  position: absolute;
-  right: var(--Form-input-paddingY);
-  top: var(--Form-input-paddingY);
 }
 .cxd-TextareaControl-clear svg {
   fill: var(--Form-input-clearBtn-color);
@@ -34300,6 +34404,11 @@ input.cxd-TextControl-input-password {
 .cxd-TextareaControl-clear:active svg {
   fill: var(--Form-input-clearBtn-color-onActive);
 }
+.cxd-TextareaControl-clear {
+  position: absolute;
+  right: var(--Form-input-paddingY);
+  top: var(--Form-input-paddingY);
+}
 .cxd-Form-static .cxd-TextareaControl > textarea {
   border: 0;
   padding: 0;
@@ -34811,15 +34920,17 @@ input.cxd-TextControl-input-password {
   font-weight: var(--select-base-default-option-fontWeight);
   padding: var(--select-base-default-option-paddingTop) var(--select-base-default-option-paddingRight) var(--select-base-default-option-paddingBottom) var(--select-base-default-option-paddingLeft);
   flex-direction: row;
-  cursor: pointer;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
 }
 .cxd-GroupedSelection-item > .cxd-Checkbox {
   margin-top: 0;
   margin-right: 0.625rem;
 }
+.cxd-GroupedSelection-item {
+  cursor: pointer;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
 .cxd-GroupedSelection-item:hover {
   color: var(--Form-select-menu-onHover-color);
   background: var(--Form-select-menu-onHover-bg);
@@ -34955,14 +35066,16 @@ input.cxd-TextControl-input-password {
   font-size: var(--Form-input-fontSize);
   padding: 0 var(--gap-sm);
   flex-direction: row;
+}
+.cxd-TreeSelection-itemInner > .cxd-Checkbox {
+  margin-right: var(--gap-sm);
+}
+.cxd-TreeSelection-itemInner {
   cursor: pointer;
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
 }
-.cxd-TreeSelection-itemInner > .cxd-Checkbox {
-  margin-right: var(--gap-sm);
-}
 .cxd-TreeSelection-itemInner:hover {
   background: var(--Tree-item-onHover-bg);
 }
@@ -35018,15 +35131,17 @@ input.cxd-TextControl-input-password {
   line-height: var(--select-base-default-option-line-height);
   padding: var(--select-base-default-option-paddingTop) var(--select-base-default-option-paddingRight) var(--select-base-default-option-paddingBottom) var(--select-base-default-option-paddingLeft);
   flex-direction: row;
-  cursor: pointer;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
 }
 .cxd-ChainedSelection-item > .cxd-Checkbox {
   margin-top: 0;
   margin-right: 0;
 }
+.cxd-ChainedSelection-item {
+  cursor: pointer;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
 .cxd-ChainedSelection-item.is-active {
   color: var(--Form-select-menu-onActive-color);
   background: var(--Form-select-menu-onActive-bg);
@@ -36504,13 +36619,6 @@ input.cxd-TextControl-input-password {
 .cxd-ListControl-static-placeholder {
   color: var(--Form-input-placeholderColor);
 }
-.cxd-ListControl-item {
-  border-width: var(--listSelect-base-default-top-border-width) var(--listSelect-base-default-right-border-width) var(--listSelect-base-default-bottom-border-width) var(--listSelect-base-default-left-border-width);
-  border-style: var(--listSelect-base-default-top-border-style) var(--listSelect-base-default-right-border-style) var(--listSelect-base-default-bottom-border-style) var(--listSelect-base-default-left-border-style);
-  border-color: var(--listSelect-base-default-top-border-color) var(--listSelect-base-default-right-border-color) var(--listSelect-base-default-bottom-border-color) var(--listSelect-base-default-left-border-color);
-  border-radius: var(--listSelect-base-default-top-left-border-radius) var(--listSelect-base-default-top-right-border-radius) var(--listSelect-base-default-bottom-right-border-radius) var(--listSelect-base-default-bottom-left-border-radius);
-  background: var(--listSelect-base-default-bg-color);
-}
 .cxd-ListControl-item:not(.is-disabled) {
   cursor: pointer;
 }
@@ -36530,6 +36638,13 @@ input.cxd-TextControl-input-password {
 .cxd-ListControl-item.hover .b-inherit {
   border-color: var(--ListControl-item-onHover-borderColor);
 }
+.cxd-ListControl-item {
+  border-width: var(--listSelect-base-default-top-border-width) var(--listSelect-base-default-right-border-width) var(--listSelect-base-default-bottom-border-width) var(--listSelect-base-default-left-border-width);
+  border-style: var(--listSelect-base-default-top-border-style) var(--listSelect-base-default-right-border-style) var(--listSelect-base-default-bottom-border-style) var(--listSelect-base-default-left-border-style);
+  border-color: var(--listSelect-base-default-top-border-color) var(--listSelect-base-default-right-border-color) var(--listSelect-base-default-bottom-border-color) var(--listSelect-base-default-left-border-color);
+  border-radius: var(--listSelect-base-default-top-left-border-radius) var(--listSelect-base-default-top-right-border-radius) var(--listSelect-base-default-bottom-right-border-radius) var(--listSelect-base-default-bottom-left-border-radius);
+  background: var(--listSelect-base-default-bg-color);
+}
 .cxd-ListControl-item:hover {
   border-width: var(--listSelect-base-hover-top-border-width) var(--listSelect-base-hover-right-border-width) var(--listSelect-base-hover-bottom-border-width) var(--listSelect-base-hover-left-border-width);
   border-style: var(--listSelect-base-hover-top-border-style) var(--listSelect-base-hover-right-border-style) var(--listSelect-base-hover-bottom-border-style) var(--listSelect-base-hover-left-border-style);
@@ -36578,20 +36693,24 @@ input.cxd-TextControl-input-password {
   pointer-events: none;
   opacity: var(--ListControl-item-onDisabled-opacity);
   border-color: var(--ListControl-item-onDisabled-borderColor);
+}
+.cxd-ListControl-item.is-disabled:before {
+  background: var(--ListControl-item-onDisabled-color);
+}
+.cxd-ListControl-item.is-disabled {
   background: var(--ListControl-item-onDisabled-bg);
   color: var(--ListControl-item-onDisabled-color);
+}
+.cxd-ListControl-item.is-disabled .b-inherit {
+  border-color: var(--ListControl-item-onDisabled-borderColor);
+}
+.cxd-ListControl-item.is-disabled {
   border-width: var(--listSelect-base-disabled-top-border-width) var(--listSelect-base-disabled-right-border-width) var(--listSelect-base-disabled-bottom-border-width) var(--listSelect-base-disabled-left-border-width);
   border-style: var(--listSelect-base-disabled-top-border-style) var(--listSelect-base-disabled-right-border-style) var(--listSelect-base-disabled-bottom-border-style) var(--listSelect-base-disabled-left-border-style);
   border-color: var(--listSelect-base-disabled-top-border-color) var(--listSelect-base-disabled-right-border-color) var(--listSelect-base-disabled-bottom-border-color) var(--listSelect-base-disabled-left-border-color);
   border-radius: var(--listSelect-base-disabled-top-left-border-radius) var(--listSelect-base-disabled-top-right-border-radius) var(--listSelect-base-disabled-bottom-right-border-radius) var(--listSelect-base-disabled-bottom-left-border-radius);
   background: var(--listSelect-base-disabled-bg-color);
 }
-.cxd-ListControl-item.is-disabled:before {
-  background: var(--ListControl-item-onDisabled-color);
-}
-.cxd-ListControl-item.is-disabled .b-inherit {
-  border-color: var(--ListControl-item-onDisabled-borderColor);
-}
 .cxd-ListControl-item.is-custom {
   border: none;
   padding: 0;
@@ -36676,8 +36795,6 @@ input.cxd-TextControl-input-password {
   justify-content: center;
   margin-left: auto;
   text-decoration: none;
-  line-height: 1;
-  margin-right: var(--gap-xs);
 }
 .cxd-LocationPicker-clear svg {
   fill: var(--Form-input-clearBtn-color);
@@ -36691,6 +36808,10 @@ input.cxd-TextControl-input-password {
 .cxd-LocationPicker-clear:active svg {
   fill: var(--Form-input-clearBtn-color-onActive);
 }
+.cxd-LocationPicker-clear {
+  line-height: 1;
+  margin-right: var(--gap-xs);
+}
 .cxd-LocationPicker-clear svg {
   top: 0;
 }
@@ -37048,7 +37169,6 @@ input.cxd-TextControl-input-password {
   justify-content: center;
   margin-left: auto;
   text-decoration: none;
-  line-height: 1;
 }
 .cxd-DatePicker-toggler svg {
   fill: var(--Form-input-clearBtn-color);
@@ -37062,6 +37182,9 @@ input.cxd-TextControl-input-password {
 .cxd-DatePicker-toggler:active svg {
   fill: var(--Form-input-clearBtn-color-onActive);
 }
+.cxd-DatePicker-toggler {
+  line-height: 1;
+}
 .cxd-DatePicker-toggler svg {
   color: var(--inputDate-default-icon-color);
   width: var(--inputDate-default-icon-size);
@@ -37081,7 +37204,6 @@ input.cxd-TextControl-input-password {
   justify-content: center;
   margin-left: auto;
   text-decoration: none;
-  line-height: 1;
 }
 .cxd-DatePicker-clear svg {
   fill: var(--Form-input-clearBtn-color);
@@ -37095,6 +37217,9 @@ input.cxd-TextControl-input-password {
 .cxd-DatePicker-clear:active svg {
   fill: var(--Form-input-clearBtn-color-onActive);
 }
+.cxd-DatePicker-clear {
+  line-height: 1;
+}
 .cxd-DatePicker-clear svg {
   top: 0;
   width: var(--inputDate-default-icon-size);
@@ -37436,13 +37561,6 @@ input.cxd-TextControl-input-password {
   text-decoration: none;
   font-size: var(--Calendar-btn-fontSize);
   border: 1px solid var(--Calendar-btn-border);
-  color: var(--Calendar-btn-border);
-  background: var(--Calendar-btn-bg);
-  border-color: var(--Calendar-btn-color) var(--Calendar-btn-onHover-bg) var(--Calendar-btn-onHover-border) var(--Calendar-btn-onHover-color);
-  border-width: var(--Calendar-btn-onActive-bg) var(--Calendar-btn-onActive-border) var(--Calendar-btn-onActive-color) var(--button-default-default-left-border-width);
-  border-style: var(--button-default-default-top-border-style) var(--button-default-default-right-border-style) var(--button-default-default-bottom-border-style) var(--button-default-default-left-border-style);
-  box-shadow: var(--button-default-default-shadow);
-  border-radius: var(--Calendar-btn-borderRadius);
 }
 .rdtBtn:hover {
   text-decoration: none;
@@ -37456,6 +37574,14 @@ input.cxd-TextControl-input-password {
 .rdtBtn .iconfont {
   font-size: var(--fontSizeSm);
 }
+.rdtBtn {
+  color: var(--Calendar-btn-border);
+  background: var(--Calendar-btn-bg);
+  border-color: var(--Calendar-btn-color) var(--Calendar-btn-onHover-bg) var(--Calendar-btn-onHover-border) var(--Calendar-btn-onHover-color);
+  border-width: var(--Calendar-btn-onActive-bg) var(--Calendar-btn-onActive-border) var(--Calendar-btn-onActive-color) var(--button-default-default-left-border-width);
+  border-style: var(--button-default-default-top-border-style) var(--button-default-default-right-border-style) var(--button-default-default-bottom-border-style) var(--button-default-default-left-border-style);
+  box-shadow: var(--button-default-default-shadow);
+}
 .rdtBtn:not(:disabled):not(.is-disabled):hover {
   color: var(--button-default-hover-font-color);
   background: var(--button-default-hover-bg-color);
@@ -37496,6 +37622,9 @@ input.cxd-TextControl-input-password {
   border-style: var(--button-default-disabled-top-border-style) var(--button-default-disabled-right-border-style) var(--button-default-disabled-bottom-border-style) var(--button-default-disabled-left-border-style);
   box-shadow: var(--button-default-disabled-shadow);
 }
+.rdtBtn {
+  border-radius: var(--Calendar-btn-borderRadius);
+}
 .rdtBtn + .rdtBtn {
   margin-left: var(--gap-xs);
 }
@@ -37832,7 +37961,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
   justify-content: center;
   margin-left: auto;
   text-decoration: none;
-  line-height: 1;
 }
 .cxd-DateRangePicker-toggler svg {
   fill: var(--Form-input-clearBtn-color);
@@ -37846,6 +37974,9 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .cxd-DateRangePicker-toggler:active svg {
   fill: var(--Form-input-clearBtn-color-onActive);
 }
+.cxd-DateRangePicker-toggler {
+  line-height: 1;
+}
 .cxd-DateRangePicker-toggler svg {
   color: var(--inputDate-default-icon-color);
   width: var(--inputDate-default-icon-size);
@@ -37865,7 +37996,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
   justify-content: center;
   margin-left: auto;
   text-decoration: none;
-  line-height: 1;
 }
 .cxd-DateRangePicker-clear svg {
   fill: var(--Form-input-clearBtn-color);
@@ -37879,6 +38009,9 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .cxd-DateRangePicker-clear:active svg {
   fill: var(--Form-input-clearBtn-color-onActive);
 }
+.cxd-DateRangePicker-clear {
+  line-height: 1;
+}
 .cxd-DateRangePicker-clear svg {
   top: 0;
   width: var(--inputDate-default-icon-size);
@@ -38642,16 +38775,18 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .cxd-EditorControl {
   min-height: 12.5rem;
   max-height: 25rem;
+}
+.cxd-EditorControl > .cxd-MonacoEditor,
+.cxd-EditorControl > .cxd-MonacoEditor > .monaco-diff-editor {
+  min-height: inherit;
+}
+.cxd-EditorControl {
   overflow: visible;
   height: auto;
   border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
   max-width: 100%;
   box-sizing: content-box;
 }
-.cxd-EditorControl > .cxd-MonacoEditor,
-.cxd-EditorControl > .cxd-MonacoEditor > .monaco-diff-editor {
-  min-height: inherit;
-}
 .cxd-EditorControl.is-error {
   border-color: var(--Form-input-onError-borderColor);
 }
@@ -38750,6 +38885,14 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .cxd-RichTextControl {
   position: relative;
+}
+.cxd-RichTextControl > .tox-tinymce {
+  border: 0;
+}
+.cxd-RichTextControl > textarea {
+  width: 100%;
+}
+.cxd-RichTextControl {
   min-height: 12.5rem;
   height: auto;
   border-width: var(--inputRichText-default-top-border-width) var(--inputRichText-default-right-border-width) var(--inputRichText-default-bottom-border-width) var(--inputRichText-default-left-border-width);
@@ -38758,12 +38901,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
   border-radius: var(--inputRichText-default-top-left-border-radius) var(--inputRichText-default-top-right-border-radius) var(--inputRichText-default-bottom-right-border-radius) var(--inputRichText-default-bottom-left-border-radius);
   width: 100%;
 }
-.cxd-RichTextControl > .tox-tinymce {
-  border: 0;
-}
-.cxd-RichTextControl > textarea {
-  width: 100%;
-}
 .cxd-RichTextControl--borderHalf {
   border-left-color: transparent !important;
   border-right-color: transparent !important;
@@ -38810,8 +38947,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
   border-style: var(--inputRichText-disabled-top-border-style) var(--inputRichText-disabled-right-border-style) var(--inputRichText-disabled-bottom-border-style) var(--inputRichText-disabled-left-border-style);
   border-color: var(--inputRichText-disabled-top-border-color) var(--inputRichText-disabled-right-border-color) var(--inputRichText-disabled-bottom-border-color) var(--inputRichText-disabled-left-border-color);
   border-radius: var(--inputRichText-disabled-top-left-border-radius) var(--inputRichText-disabled-top-right-border-radius) var(--inputRichText-disabled-bottom-right-border-radius) var(--inputRichText-disabled-bottom-left-border-radius);
-  pointer-events: none;
-  opacity: 0.6;
 }
 .cxd-RichTextControl.is-disabled .fr-box.fr-basic.fr-top .fr-wrapper {
   border-width: var(--inputRichText-disabled-top-border-width) var(--inputRichText-disabled-right-border-width) var(--inputRichText-disabled-bottom-border-width) var(--inputRichText-disabled-left-border-width);
@@ -39717,15 +39852,15 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .cxd-Combo-tab-delBtn:hover {
   color: var(--combo-multi-delBtn-hover-color);
 }
-.cxd-Combo-items {
-  margin-bottom: var(--Combo-items-marginBottom);
-}
 .cxd-Combo-items:empty {
   display: none;
 }
 .cxd-Combo-items:empty + .cxd-Combo-toolbar {
   padding-top: calc((var(--Form-input-height) - var(--Combo-addBtn-height)) / 2);
 }
+.cxd-Combo-items {
+  margin-bottom: var(--Combo-items-marginBottom);
+}
 .cxd-Combo-toolbar {
   display: flex;
   align-items: center;
@@ -40064,7 +40199,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
   outline: none;
   position: relative;
   max-width: 100%;
-  /* tag 样式 */
 }
 .cxd-Picker.is-inline {
   display: inline-block;
@@ -40251,6 +40385,9 @@ td.rdtQuarter.rdtDisabled:hover > span {
   flex-wrap: wrap;
   gap: var(--gap-xs);
 }
+.cxd-Picker {
+  /* tag 样式 */
+}
 .cxd-Picker .cxd-Picker-value {
   cursor: pointer;
   -webkit-user-select: none;
@@ -40331,8 +40468,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
   justify-content: center;
   margin-left: auto;
   text-decoration: none;
-  line-height: 1;
-  margin-right: var(--gap-xs);
 }
 .cxd-Picker-clear svg {
   fill: var(--Form-input-clearBtn-color);
@@ -40346,6 +40481,10 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .cxd-Picker-clear:active svg {
   fill: var(--Form-input-clearBtn-color-onActive);
 }
+.cxd-Picker-clear {
+  line-height: 1;
+  margin-right: var(--gap-xs);
+}
 .cxd-Picker-clear svg {
   top: 0;
 }
@@ -40472,12 +40611,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
   height: var(--TagControl-sugBtn-height);
   padding: var(--TagControl-sugBtn-paddingY) var(--TagControl-sugBtn-paddingX) var(--TagControl-sugBtn-paddingY) var(--TagControl-sugBtn-paddingX);
   margin: var(--button-size-default-marginTop) var(--button-size-default-marginRight) var(--button-size-default-marginBottom) var(--button-size-default-marginLeft);
-  color: var(--TagControl-sugBtn-color);
-  background: var(--TagControl-sugBtn-bg);
-  border-color: var(--TagControl-sugBtn-border) var(--TagControl-sugBtn-border) var(--TagControl-sugBtn-border) var(--TagControl-sugBtn-border);
-  border-width: var(--TagControl-sugBtn-borderWidth) var(--TagControl-sugBtn-borderWidth) var(--TagControl-sugBtn-borderWidth) var(--TagControl-sugBtn-borderWidth);
-  border-style: solid solid solid solid;
-  box-shadow: none;
 }
 .cxd-TagControl-sugItem .cxd-Button-icon:first-child:not(:last-child):not(.pull-right),
 .cxd-TagControl-sugItem > svg.icon:not(:last-child):not(.pull-right),
@@ -40532,6 +40665,14 @@ td.rdtQuarter.rdtDisabled:hover > span {
   height: var(--button-size-default-icon-size);
   vertical-align: middle;
 }
+.cxd-TagControl-sugItem {
+  color: var(--TagControl-sugBtn-color);
+  background: var(--TagControl-sugBtn-bg);
+  border-color: var(--TagControl-sugBtn-border) var(--TagControl-sugBtn-border) var(--TagControl-sugBtn-border) var(--TagControl-sugBtn-border);
+  border-width: var(--TagControl-sugBtn-borderWidth) var(--TagControl-sugBtn-borderWidth) var(--TagControl-sugBtn-borderWidth) var(--TagControl-sugBtn-borderWidth);
+  border-style: solid solid solid solid;
+  box-shadow: none;
+}
 .cxd-TagControl-sugItem:not(:disabled):not(.is-disabled):hover {
   color: var(--TagControl-sugBtn-onHover-color);
   background: var(--TagControl-sugBtn-onHover-bg);
@@ -41954,13 +42095,15 @@ td.rdtQuarter.rdtDisabled:hover > span {
   color: var(--Form-static-color);
   line-height: var(--Form-static-lineHeight);
   font-weight: var(--Form-static-fontWeight);
-  margin-bottom: 0;
-  word-break: break-word;
 }
 .cxd-Form-static:not(.is-noPaddingY-static) {
   padding-top: var(--Form-label-paddingTop);
   padding-bottom: var(--Form-label-paddingTop);
 }
+.cxd-Form-static {
+  margin-bottom: 0;
+  word-break: break-word;
+}
 .cxd-Form-item--inline > .cxd-Form-value > .cxd-Form-static {
   display: inline-block;
   vertical-align: top;
@@ -43760,8 +43903,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
   max-width: 100%;
   box-sizing: content-box;
   min-height: 28.125rem;
-  /* 变量列表 */
-  /* 函数列表 */
 }
 .cxd-FormulaEditor-content {
   flex: 1;
@@ -43773,6 +43914,10 @@ td.rdtQuarter.rdtDisabled:hover > span {
   display: flex;
   flex-direction: column;
 }
+.cxd-FormulaEditor-runPanel.in {
+  height: 0;
+  overflow: hidden;
+}
 .cxd-FormulaEditor-runPanel {
   height: 12.5rem;
   transition: height 0.1s ease-out;
@@ -43781,10 +43926,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
   flex-wrap: nowrap;
   flex-direction: row;
 }
-.cxd-FormulaEditor-runPanel.in {
-  height: 0;
-  overflow: hidden;
-}
 .cxd-FormulaEditor-runPanel-context, .cxd-FormulaEditor-runPanel-result {
   flex: 1;
   min-width: 0;
@@ -43835,12 +43976,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .cxd-FormulaEditor-header-toolbar > span {
   margin-right: 5px;
 }
-.cxd-FormulaEditor-editor {
-  flex: 1;
-  min-height: 0;
-  padding: 0.3125rem;
-  padding-right: 0;
-}
 .cxd-FormulaEditor-editor::-webkit-scrollbar {
   width: 6px;
   height: 6px;
@@ -43849,6 +43984,12 @@ td.rdtQuarter.rdtDisabled:hover > span {
   border-radius: 3px;
   background: rgba(0, 0, 0, 0.3);
 }
+.cxd-FormulaEditor-editor {
+  flex: 1;
+  min-height: 0;
+  padding: 0.3125rem;
+  padding-right: 0;
+}
 .cxd-FormulaEditor-editor .CodeMirror {
   width: 100%;
   height: 100%;
@@ -43915,6 +44056,9 @@ td.rdtQuarter.rdtDisabled:hover > span {
   width: 20.625rem;
   border-radius: 0 var(--borderRadius) var(--borderRadius) 0;
 }
+.cxd-FormulaEditor {
+  /* 变量列表 */
+}
 .cxd-FormulaEditor-VariableList {
   height: 100%;
 }
@@ -43934,11 +44078,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
   min-height: 0;
   max-height: 100%;
 }
-.cxd-FormulaEditor-VariableList-base.is-scrollable {
-  overflow-x: auto;
-  overflow-y: auto;
-  max-height: 100% !important;
-}
 .cxd-FormulaEditor-VariableList-base.is-scrollable::-webkit-scrollbar {
   width: 6px;
   height: 6px;
@@ -43947,6 +44086,11 @@ td.rdtQuarter.rdtDisabled:hover > span {
   border-radius: 3px;
   background: rgba(0, 0, 0, 0.3);
 }
+.cxd-FormulaEditor-VariableList-base.is-scrollable {
+  overflow-x: auto;
+  overflow-y: auto;
+  max-height: 100% !important;
+}
 .cxd-FormulaEditor-VariableList-searchBox {
   display: flex;
   width: auto;
@@ -43982,10 +44126,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .cxd-FormulaEditor-VariableList-tabs .cxd-Tabs-content .cxd-FormulaEditor-VariableList-sub .cxd-FormulaEditor-VariableList-body {
   overflow-y: hidden;
 }
-.cxd-FormulaEditor-VariableList-tabs .cxd-Tabs-content .cxd-FormulaEditor-VariableList-sub-FormulaEditor-VariableList-base {
-  overflow-x: hidden;
-  overflow-y: auto;
-}
 .cxd-FormulaEditor-VariableList-tabs .cxd-Tabs-content .cxd-FormulaEditor-VariableList-sub-FormulaEditor-VariableList-base::-webkit-scrollbar {
   width: 6px;
   height: 6px;
@@ -43994,6 +44134,10 @@ td.rdtQuarter.rdtDisabled:hover > span {
   border-radius: 3px;
   background: rgba(0, 0, 0, 0.3);
 }
+.cxd-FormulaEditor-VariableList-tabs .cxd-Tabs-content .cxd-FormulaEditor-VariableList-sub-FormulaEditor-VariableList-base {
+  overflow-x: hidden;
+  overflow-y: auto;
+}
 .cxd-FormulaEditor-VariableList-tabs .cxd-Tabs-linksContainer-wrapper {
   width: 100%;
   height: 1.875rem;
@@ -44018,14 +44162,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .cxd-FormulaEditor-VariableList-tabs .cxd-Tabs-linksContainer--overflow > div {
   margin: 0;
 }
-.cxd-FormulaEditor-VariableList-tabs > div {
-  overflow-x: hidden;
-  overflow-y: auto;
-  flex: 1;
-  min-width: 0;
-  min-height: 0;
-  border-radius: var(--borderRadius);
-}
 .cxd-FormulaEditor-VariableList-tabs > div::-webkit-scrollbar {
   width: 6px;
   height: 6px;
@@ -44034,6 +44170,14 @@ td.rdtQuarter.rdtDisabled:hover > span {
   border-radius: 3px;
   background: rgba(0, 0, 0, 0.3);
 }
+.cxd-FormulaEditor-VariableList-tabs > div {
+  overflow-x: hidden;
+  overflow-y: auto;
+  flex: 1;
+  min-width: 0;
+  min-height: 0;
+  border-radius: var(--borderRadius);
+}
 .cxd-FormulaEditor-VariableList-tab {
   padding: 0;
 }
@@ -44102,6 +44246,9 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .cxd-FormulaEditor-VariableList .cxd-GroupedSelection-itemLabel {
   font-size: var(--fontSizeSm);
 }
+.cxd-FormulaEditor {
+  /* 函数列表 */
+}
 .cxd-FormulaEditor-FuncList {
   display: flex;
   flex-flow: column nowrap;
@@ -44120,13 +44267,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
   font-size: var(--fontSizeSm);
   height: var(--gap-xl);
 }
-.cxd-FormulaEditor-FuncList-body {
-  flex: 1;
-  min-width: 0;
-  min-height: 0;
-  overflow-x: hidden;
-  overflow-y: auto;
-}
 .cxd-FormulaEditor-FuncList-body::-webkit-scrollbar {
   width: 6px;
   height: 6px;
@@ -44135,6 +44275,13 @@ td.rdtQuarter.rdtDisabled:hover > span {
   border-radius: 3px;
   background: rgba(0, 0, 0, 0.3);
 }
+.cxd-FormulaEditor-FuncList-body {
+  flex: 1;
+  min-width: 0;
+  min-height: 0;
+  overflow-x: hidden;
+  overflow-y: auto;
+}
 .cxd-FormulaEditor-FuncList-collapseGroup .cxd-FormulaEditor-FuncList-collapse {
   border: none;
 }
@@ -44193,14 +44340,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .cxd-FormulaEditor-FuncList-doc-example td {
   padding: 0.3125rem !important;
 }
-.cxd-FormulaEditor-FuncList-doc-desc {
-  color: var(--text--loud-color);
-  overflow-x: hidden;
-  overflow-y: auto;
-  flex: 1;
-  min-width: 0;
-  min-height: 0;
-}
 .cxd-FormulaEditor-FuncList-doc-desc::-webkit-scrollbar {
   width: 6px;
   height: 6px;
@@ -44209,6 +44348,14 @@ td.rdtQuarter.rdtDisabled:hover > span {
   border-radius: 3px;
   background: rgba(0, 0, 0, 0.3);
 }
+.cxd-FormulaEditor-FuncList-doc-desc {
+  color: var(--text--loud-color);
+  overflow-x: hidden;
+  overflow-y: auto;
+  flex: 1;
+  min-width: 0;
+  min-height: 0;
+}
 .cxd-FormulaEditor-FuncList.withDoc {
   max-height: 50% !important;
 }
@@ -44302,12 +44449,12 @@ td.rdtQuarter.rdtDisabled:hover > span {
   height: var(--InputFormula-input-schema-height);
   padding-left: var(--Form-input-paddingX);
 }
-.cxd-FormulaPicker.is-input-group .cxd-FormulaPicker-input-number {
-  padding-left: 0;
-}
 .cxd-FormulaPicker.is-input-group .cxd-FormulaPicker-input-number .cxd-Number-handler-wrap {
   height: unset; /* 避免调节器超出Input框 */
 }
+.cxd-FormulaPicker.is-input-group .cxd-FormulaPicker-input-number {
+  padding-left: 0;
+}
 .cxd-FormulaPicker.is-input-group .cxd-FormulaPicker-input-custom {
   border: 0;
   flex: 1;
@@ -44318,6 +44465,8 @@ td.rdtQuarter.rdtDisabled:hover > span {
   padding: 0 0 0 var(--Form-input-paddingX);
   align-items: center;
   height: var(--InputFormula-input-schema-height);
+  min-width: 0;
+  background: transparent;
 }
 .cxd-FormulaPicker.is-input-group .cxd-FormulaPicker-input-variable {
   border: none;
@@ -44959,7 +45108,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .cxd-Tag--close {
   margin-left: var(--Tag-close-margin);
-  cursor: pointer;
 }
 .cxd-Tag--close i {
   font-size: 0.5rem;
@@ -44969,6 +45117,9 @@ td.rdtQuarter.rdtDisabled:hover > span {
   height: var(--Tag-close-size);
   position: inherit;
 }
+.cxd-Tag--close {
+  cursor: pointer;
+}
 .cxd-Tag--close:hover {
   opacity: 0.7;
 }