amis-ui 6.9.0-rc.9 → 6.10.0-beta.0

package/lib/themes/cxd.css

@@ -169,14 +169,14 @@
   --Card-onChecked-bg: var(--colors-neutral-fill-11);
   --Card-onChecked-borderColor: var(--colors-brand-5);
   --Card-onChecked-color: var(--colors-brand-5);
-  --Card-onChecked-fieldLabel-color: #7dd6f1;
+  --Card-onChecked-fieldLabel-color: rgb(124.7142857143, 213.8571428571, 241.2857142857);
   --Card-onDragging-opacity: 0.1;
   --Card-onModified-bg: var(--colors-neutral-fill-8);
   --Card-onModified-borderColor: var(--colors-brand-5);
   --Card-onModified-color: var(--colors-brand-6);
   --Card-onModified-fieldLabel-color: var(--colors-brand-8);
-  --Card-onModified-onHover-bg: #d0e0fd;
-  --Card-onModified-onHover-color: #1266f1;
+  --Card-onModified-onHover-bg: rgb(207.5625, 224.0625, 252.9375);
+  --Card-onModified-onHover-color: rgb(17.805, 101.89, 241.195);
   --Cards--unsaved-heading-bg: #e8f0fe;
   --Cards--unsaved-heading-color: #4285f4;
   --Cards-fixedTop-boxShadow: var(--shadows-shadow-normal);
@@ -344,16 +344,16 @@
   --Layout-aside--md-width: 15.625rem;
   --Layout-aside--sm-width: 9.375rem;
   --Layout-aside-bg: var(--colors-neutral-fill-2);
-  --Layout-aside-color: #a0a0a0;
-  --Layout-aside-onAcitve-bg: #272d33;
-  --Layout-aside-onHover-bg: #2c3239;
+  --Layout-aside-color: rgb(159.6724137931, 160, 160.3275862069);
+  --Layout-aside-onAcitve-bg: rgb(39.4377155172, 45.25, 51.0622844828);
+  --Layout-aside-onHover-bg: rgb(43.8826293103, 50.35, 56.8173706897);
   --Layout-aside-subList-bg: var(--colors-neutral-fill-2);
   --Layout-aside-onAcitve-onHover-bg: var(--Layout-aside-onAcitve-bg);
   --Layout-aside-width: 11.25rem;
   --Layout-aside-width-collapsed: 3.75rem;
   --Layout-asideDivider-bg: var(--colors-neutral-line-3);
   --Layout-asideDivider-margin: 0 var(--sizes-size-6);
-  --Layout-asideLabel-color: #868787;
+  --Layout-asideLabel-color: rgb(134.0844827586, 134.5, 134.9155172414);
   --Layout-asideLink-color: var(--colors-neutral-text-11);
   --Layout-asideLink-fontSize: var(--fonts-size-8);
   --Layout-asideLink-arrowFontSize: var(--fonts-size-8);
@@ -369,7 +369,7 @@
   --Layout-asideLink-onHover-arrowColor: var(--colors-neutral-text-11);
   --Layout-brand-bg: var(--colors-neutral-fill-2);
   --Layout-brand-color: var(--colors-neutral-text-11);
-  --Layout-brandBar-color: #a0a0a0;
+  --Layout-brandBar-color: rgb(159.6724137931, 160, 160.3275862069);
   --Layout-header-bg: var(--colors-neutral-fill-10);
   --Layout-header-boxShadow: none;
   --Layout-header-height: 3.125rem;
@@ -434,9 +434,9 @@
   --ListItem-onChecked-fieldLabel-color: var(--colors-brand-4);
   --ListItem-onDragging-opacity: 0.1;
   --ListItem-onModified-bg: #e8f0fe;
-  --ListItem-onModified-borderColor: #b7d0fc;
+  --ListItem-onModified-borderColor: rgb(183.125, 208.125, 251.875);
   --ListItem-onModified-color: #4285f4;
-  --ListItem-onModified-fieldLabel-color: #a2c3fa;
+  --ListItem-onModified-fieldLabel-color: rgb(162.39, 195.22, 249.61);
   --ListItem-paddingX: var(--gap-base);
   --ListItem-paddingY: var(--gap-sm);
   --ListItem--onHover-bg: rgba(0, 126, 255, 0.08);
@@ -639,8 +639,8 @@
   --Tooltip-maxWidth: 15rem;
   --Tooltip-minWidth: auto;
   --Tooltip-title-fontWeight: bold;
-  --Tooltip-title-bg: #f7f7f7;
-  --Tooltip-title-borderBottom-color: #ebebeb;
+  --Tooltip-title-bg: rgb(247.35, 247.35, 247.35);
+  --Tooltip-title-borderBottom-color: rgb(234.6, 234.6, 234.6);
   --Tooltip-title-color: var(--text--loud-color);
   --Tooltip-title-color--dark: #fff;
   --Tooltip-title-paddingX: var(--gap-base);
@@ -2035,178 +2035,252 @@
   --inputNumber-enhance-mobile-icon-inner-height: 1.6875rem;
   --Form-input-onHover-borderColor: var(--colors-brand-5);
   --Form-input-onFocused-borderColor: var(--colors-brand-5);
-  --checkbox-checkbox-default-height: var(--sizes-size-9);
-  --checkbox-checkbox-default-bg-color: var(--colors-neutral-fill-11);
-  --checkbox-checkbox-default-text-color: var(--colors-neutral-text-2);
-  --checkbox-checkbox-default-fontWeight: var(--fonts-weight-6);
-  --checkbox-checkbox-default-fontSize: var(--fonts-size-7);
-  --checkbox-checkbox-default-top-border-color: var(--colors-neutral-line-8);
-  --checkbox-checkbox-default-top-border-width: var(--borders-width-2);
-  --checkbox-checkbox-default-top-border-style: var(--borders-style-2);
-  --checkbox-checkbox-default-right-border-color: var(--colors-neutral-line-8);
-  --checkbox-checkbox-default-right-border-width: var(--borders-width-2);
-  --checkbox-checkbox-default-right-border-style: var(--borders-style-2);
-  --checkbox-checkbox-default-bottom-border-color: var(--colors-neutral-line-8);
-  --checkbox-checkbox-default-bottom-border-width: var(--borders-width-2);
-  --checkbox-checkbox-default-bottom-border-style: var(--borders-style-2);
-  --checkbox-checkbox-default-left-border-color: var(--colors-neutral-line-8);
-  --checkbox-checkbox-default-left-border-width: var(--borders-width-2);
-  --checkbox-checkbox-default-left-border-style: var(--borders-style-2);
-  --checkbox-checkbox-default-top-right-border-radius: var(--sizes-size-2);
-  --checkbox-checkbox-default-top-left-border-radius: var(--sizes-size-2);
-  --checkbox-checkbox-default-bottom-right-border-radius: var(--sizes-size-2);
-  --checkbox-checkbox-default-bottom-left-border-radius: var(--sizes-size-2);
-  --checkbox-checkbox-hover-height: var(--sizes-size-9);
-  --checkbox-checkbox-hover-bg-color: var(--colors-neutral-fill-11);
-  --checkbox-checkbox-hover-text-color: var(--colors-neutral-text-2);
-  --checkbox-checkbox-hover-fontSize: var(--fonts-size-7);
-  --checkbox-checkbox-hover-top-border-color: var(--colors-brand-5);
-  --checkbox-checkbox-hover-top-border-width: var(--borders-width-2);
-  --checkbox-checkbox-hover-top-border-style: var(--borders-style-2);
-  --checkbox-checkbox-hover-right-border-color: var(--colors-brand-5);
-  --checkbox-checkbox-hover-right-border-width: var(--borders-width-2);
-  --checkbox-checkbox-hover-right-border-style: var(--borders-style-2);
-  --checkbox-checkbox-hover-bottom-border-color: var(--colors-brand-5);
-  --checkbox-checkbox-hover-bottom-border-width: var(--borders-width-2);
-  --checkbox-checkbox-hover-bottom-border-style: var(--borders-style-2);
-  --checkbox-checkbox-hover-left-border-color: var(--colors-brand-5);
-  --checkbox-checkbox-hover-left-border-width: var(--borders-width-2);
-  --checkbox-checkbox-hover-left-border-style: var(--borders-style-2);
-  --checkbox-checkbox-hover-top-right-border-radius: var(--sizes-size-2);
-  --checkbox-checkbox-hover-top-left-border-radius: var(--sizes-size-2);
-  --checkbox-checkbox-hover-bottom-right-border-radius: var(--sizes-size-2);
-  --checkbox-checkbox-hover-bottom-left-border-radius: var(--sizes-size-2);
-  --checkbox-checkbox-active-height: var(--sizes-size-9);
-  --checkbox-checkbox-active-bg-color: var(--colors-neutral-fill-11);
-  --checkbox-checkbox-active-text-color: var(--colors-neutral-text-2);
-  --checkbox-checkbox-active-fontSize: var(--fonts-size-7);
-  --checkbox-checkbox-active-top-border-color: var(--colors-brand-5);
-  --checkbox-checkbox-active-top-border-width: var(--borders-width-2);
-  --checkbox-checkbox-active-top-border-style: var(--borders-style-2);
-  --checkbox-checkbox-active-right-border-color: var(--colors-brand-5);
-  --checkbox-checkbox-active-right-border-width: var(--borders-width-2);
-  --checkbox-checkbox-active-right-border-style: var(--borders-style-2);
-  --checkbox-checkbox-active-bottom-border-color: var(--colors-brand-5);
-  --checkbox-checkbox-active-bottom-border-width: var(--borders-width-2);
-  --checkbox-checkbox-active-bottom-border-style: var(--borders-style-2);
-  --checkbox-checkbox-active-left-border-color: var(--colors-brand-5);
-  --checkbox-checkbox-active-left-border-width: var(--borders-width-2);
-  --checkbox-checkbox-active-left-border-style: var(--borders-style-2);
-  --checkbox-checkbox-active-top-right-border-radius: var(--sizes-size-2);
-  --checkbox-checkbox-active-top-left-border-radius: var(--sizes-size-2);
-  --checkbox-checkbox-active-bottom-right-border-radius: var(--sizes-size-2);
-  --checkbox-checkbox-active-bottom-left-border-radius: var(--sizes-size-2);
-  --checkbox-checkbox-disabled-height: var(--sizes-size-9);
-  --checkbox-checkbox-disabled-bg-color: var(--colors-neutral-fill-10);
-  --checkbox-checkbox-disabled-text-color: var(--colors-neutral-text-6);
-  --checkbox-checkbox-disabled-fontSize: var(--fonts-size-7);
-  --checkbox-checkbox-disabled-top-border-color: var(--colors-neutral-line-8);
-  --checkbox-checkbox-disabled-top-border-width: var(--borders-width-2);
-  --checkbox-checkbox-disabled-top-border-style: var(--borders-style-2);
-  --checkbox-checkbox-disabled-right-border-color: var(--colors-neutral-line-8);
-  --checkbox-checkbox-disabled-right-border-width: var(--borders-width-2);
-  --checkbox-checkbox-disabled-right-border-style: var(--borders-style-2);
-  --checkbox-checkbox-disabled-bottom-border-color: var(
-    --colors-neutral-line-8
+  --checkbox-default-default-height: var(--sizes-size-9);
+  --checkbox-default-default-bg-color: var(--colors-neutral-fill-11);
+  --checkbox-default-default-text-color: var(--colors-neutral-text-2);
+  --checkbox-default-default-fontWeight: var(--fonts-weight-6);
+  --checkbox-default-default-fontSize: var(--fonts-size-7);
+  --checkbox-default-default-distance: var(--sizes-size-5);
+  --checkbox-default-default-top-border-color: var(--colors-neutral-line-8);
+  --checkbox-default-default-right-border-color: var(--colors-neutral-line-8);
+  --checkbox-default-default-bottom-border-color: var(--colors-neutral-line-8);
+  --checkbox-default-default-left-border-color: var(--colors-neutral-line-8);
+  --checkbox-default-default-top-border-width: var(--borders-width-2);
+  --checkbox-default-default-right-border-width: var(--borders-width-2);
+  --checkbox-default-default-bottom-border-width: var(--borders-width-2);
+  --checkbox-default-default-left-border-width: var(--borders-width-2);
+  --checkbox-default-default-top-border-style: var(--borders-style-2);
+  --checkbox-default-default-right-border-style: var(--borders-style-2);
+  --checkbox-default-default-bottom-border-style: var(--borders-style-2);
+  --checkbox-default-default-left-border-style: var(--borders-style-2);
+  --checkbox-default-default-top-left-border-radius: var(--borders-radius-2);
+  --checkbox-default-default-top-right-border-radius: var(--borders-radius-2);
+  --checkbox-default-default-bottom-right-border-radius: var(--borders-radius-2);
+  --checkbox-default-default-bottom-left-border-radius: var(--borders-radius-2);
+  --checkbox-default-hover-height: var(--sizes-size-9);
+  --checkbox-default-hover-bg-color: var(--colors-neutral-fill-11);
+  --checkbox-default-hover-text-color: var(--colors-neutral-text-2);
+  --checkbox-default-hover-fontSize: var(--fonts-size-7);
+  --checkbox-default-hover-top-border-color: var(--colors-brand-5);
+  --checkbox-default-hover-right-border-color: var(--colors-brand-5);
+  --checkbox-default-hover-bottom-border-color: var(--colors-brand-5);
+  --checkbox-default-hover-left-border-color: var(--colors-brand-5);
+  --checkbox-default-hover-top-border-width: var(--borders-width-2);
+  --checkbox-default-hover-right-border-width: var(--borders-width-2);
+  --checkbox-default-hover-bottom-border-width: var(--borders-width-2);
+  --checkbox-default-hover-left-border-width: var(--borders-width-2);
+  --checkbox-default-hover-top-border-style: var(--borders-style-2);
+  --checkbox-default-hover-right-border-style: var(--borders-style-2);
+  --checkbox-default-hover-bottom-border-style: var(--borders-style-2);
+  --checkbox-default-hover-left-border-style: var(--borders-style-2);
+  --checkbox-default-hover-top-left-border-radius: var(--borders-radius-2);
+  --checkbox-default-hover-top-right-border-radius: var(--borders-radius-2);
+  --checkbox-default-hover-bottom-right-border-radius: var(--borders-radius-2);
+  --checkbox-default-hover-bottom-left-border-radius: var(--borders-radius-2);
+  --checkbox-default-active-height: var(--sizes-size-9);
+  --checkbox-default-active-bg-color: var(--colors-neutral-fill-11);
+  --checkbox-default-active-text-color: var(--colors-neutral-text-2);
+  --checkbox-default-active-fontSize: var(--fonts-size-7);
+  --checkbox-default-active-top-border-color: var(--colors-brand-5);
+  --checkbox-default-active-right-border-color: var(--colors-brand-5);
+  --checkbox-default-active-bottom-border-color: var(--colors-brand-5);
+  --checkbox-default-active-left-border-color: var(--colors-brand-5);
+  --checkbox-default-active-top-border-width: var(--borders-width-2);
+  --checkbox-default-active-right-border-width: var(--borders-width-2);
+  --checkbox-default-active-bottom-border-width: var(--borders-width-2);
+  --checkbox-default-active-left-border-width: var(--borders-width-2);
+  --checkbox-default-active-top-border-style: var(--borders-style-2);
+  --checkbox-default-active-right-border-style: var(--borders-style-2);
+  --checkbox-default-active-bottom-border-style: var(--borders-style-2);
+  --checkbox-default-active-left-border-style: var(--borders-style-2);
+  --checkbox-default-active-top-left-border-radius: var(--borders-radius-2);
+  --checkbox-default-active-top-right-border-radius: var(--borders-radius-2);
+  --checkbox-default-active-bottom-right-border-radius: var(--borders-radius-2);
+  --checkbox-default-active-bottom-left-border-radius: var(--borders-radius-2);
+  --checkbox-default-disabled-height: var(--sizes-size-9);
+  --checkbox-default-disabled-bg-color: var(--colors-neutral-fill-10);
+  --checkbox-default-disabled-text-color: var(--colors-neutral-text-6);
+  --checkbox-default-disabled-fontSize: var(--fonts-size-7);
+  --checkbox-default-disabled-top-border-color: var(--colors-neutral-line-8);
+  --checkbox-default-disabled-right-border-color: var(--colors-neutral-line-8);
+  --checkbox-default-disabled-bottom-border-color: var(--colors-neutral-line-8);
+  --checkbox-default-disabled-left-border-color: var(--colors-neutral-line-8);
+  --checkbox-default-disabled-top-border-width: var(--borders-width-2);
+  --checkbox-default-disabled-right-border-width: var(--borders-width-2);
+  --checkbox-default-disabled-bottom-border-width: var(--borders-width-2);
+  --checkbox-default-disabled-left-border-width: var(--borders-width-2);
+  --checkbox-default-disabled-top-border-style: var(--borders-style-2);
+  --checkbox-default-disabled-right-border-style: var(--borders-style-2);
+  --checkbox-default-disabled-bottom-border-style: var(--borders-style-2);
+  --checkbox-default-disabled-left-border-style: var(--borders-style-2);
+  --checkbox-default-disabled-top-left-border-radius: var(--borders-radius-2);
+  --checkbox-default-disabled-top-right-border-radius: var(--borders-radius-2);
+  --checkbox-default-disabled-bottom-right-border-radius: var(--borders-radius-2);
+  --checkbox-default-disabled-bottom-left-border-radius: var(--borders-radius-2);
+  --checkbox-default-checked-default-height: var(--sizes-size-9);
+  --checkbox-default-checked-default-bg-color: var(--colors-brand-5);
+  --checkbox-default-checked-default-text-color: var(--colors-neutral-text-2);
+  --checkbox-default-checked-default-fontSize: var(--fonts-size-7);
+  --checkbox-default-checked-default-icon-size: var(--sizes-size-8);
+  --checkbox-default-checked-default-icon-color: var(--colors-neutral-fill-11);
+  --checkbox-default-checked-default-icon: '<svg viewBox="0 0 1024 1024"><path d="M806.784 295.744l45.248 45.184-362.112 362.048-45.184 45.312-226.24-226.24 45.184-45.184 180.992 180.928z" fill="currentColor"></path></svg>';
+  --checkbox-default-checked-default-top-border-color: var(--colors-brand-5);
+  --checkbox-default-checked-default-right-border-color: var(--colors-brand-5);
+  --checkbox-default-checked-default-bottom-border-color: var(--colors-brand-5);
+  --checkbox-default-checked-default-left-border-color: var(--colors-brand-5);
+  --checkbox-default-checked-default-top-border-width: var(--borders-width-2);
+  --checkbox-default-checked-default-right-border-width: var(--borders-width-2);
+  --checkbox-default-checked-default-bottom-border-width: var(--borders-width-2);
+  --checkbox-default-checked-default-left-border-width: var(--borders-width-2);
+  --checkbox-default-checked-default-top-border-style: var(--borders-style-2);
+  --checkbox-default-checked-default-right-border-style: var(--borders-style-2);
+  --checkbox-default-checked-default-bottom-border-style: var(--borders-style-2);
+  --checkbox-default-checked-default-left-border-style: var(--borders-style-2);
+  --checkbox-default-checked-default-top-left-border-radius: var(--borders-radius-2);
+  --checkbox-default-checked-default-top-right-border-radius: var(--borders-radius-2);
+  --checkbox-default-checked-default-bottom-right-border-radius: var(--borders-radius-2);
+  --checkbox-default-checked-default-bottom-left-border-radius: var(--borders-radius-2);
+  --checkbox-default-checked-hover-height: var(--sizes-size-9);
+  --checkbox-default-checked-hover-bg-color: var(--colors-brand-6);
+  --checkbox-default-checked-hover-text-color: var(--colors-neutral-text-2);
+  --checkbox-default-checked-hover-fontSize: var(--fonts-size-7);
+  --checkbox-default-checked-hover-top-border-color: var(--colors-brand-6);
+  --checkbox-default-checked-hover-right-border-color: var(--colors-brand-6);
+  --checkbox-default-checked-hover-bottom-border-color: var(--colors-brand-6);
+  --checkbox-default-checked-hover-left-border-color: var(--colors-brand-6);
+  --checkbox-default-checked-hover-top-border-width: var(--borders-width-2);
+  --checkbox-default-checked-hover-right-border-width: var(--borders-width-2);
+  --checkbox-default-checked-hover-bottom-border-width: var(--borders-width-2);
+  --checkbox-default-checked-hover-left-border-width: var(--borders-width-2);
+  --checkbox-default-checked-hover-top-border-style: var(--borders-style-2);
+  --checkbox-default-checked-hover-right-border-style: var(--borders-style-2);
+  --checkbox-default-checked-hover-bottom-border-style: var(--borders-style-2);
+  --checkbox-default-checked-hover-left-border-style: var(--borders-style-2);
+  --checkbox-default-checked-hover-top-left-border-radius: var(--borders-radius-2);
+  --checkbox-default-checked-hover-top-right-border-radius: var(--borders-radius-2);
+  --checkbox-default-checked-hover-bottom-right-border-radius: var(--borders-radius-2);
+  --checkbox-default-checked-hover-bottom-left-border-radius: var(--borders-radius-2);
+  --checkbox-default-checked-active-height: var(--sizes-size-9);
+  --checkbox-default-checked-active-bg-color: var(--colors-brand-4);
+  --checkbox-default-checked-active-text-color: var(--colors-neutral-text-2);
+  --checkbox-default-checked-active-fontSize: var(--fonts-size-7);
+  --checkbox-default-checked-active-top-border-color: var(--colors-brand-5);
+  --checkbox-default-checked-active-right-border-color: var(--colors-brand-5);
+  --checkbox-default-checked-active-bottom-border-color: var(--colors-brand-5);
+  --checkbox-default-checked-active-left-border-color: var(--colors-brand-5);
+  --checkbox-default-checked-active-top-border-width: var(--borders-width-2);
+  --checkbox-default-checked-active-right-border-width: var(--borders-width-2);
+  --checkbox-default-checked-active-bottom-border-width: var(--borders-width-2);
+  --checkbox-default-checked-active-left-border-width: var(--borders-width-2);
+  --checkbox-default-checked-active-top-border-style: var(--borders-style-2);
+  --checkbox-default-checked-active-right-border-style: var(--borders-style-2);
+  --checkbox-default-checked-active-bottom-border-style: var(--borders-style-2);
+  --checkbox-default-checked-active-left-border-style: var(--borders-style-2);
+  --checkbox-default-checked-active-top-left-border-radius: var(--borders-radius-2);
+  --checkbox-default-checked-active-top-right-border-radius: var(--borders-radius-2);
+  --checkbox-default-checked-active-bottom-right-border-radius: var(--borders-radius-2);
+  --checkbox-default-checked-active-bottom-left-border-radius: var(--borders-radius-2);
+  --checkbox-default-checked-disabled-height: var(--sizes-size-9);
+  --checkbox-default-checked-disabled-bg-color: var(--colors-neutral-fill-10);
+  --checkbox-default-checked-disabled-text-color: var(--colors-neutral-text-6);
+  --checkbox-default-checked-disabled-fontSize: var(--fonts-size-7);
+  --checkbox-default-checked-disabled-icon-color: var(--colors-neutral-fill-6);
+  --checkbox-default-checked-disabled-top-border-color: var(--colors-neutral-line-8);
+  --checkbox-default-checked-disabled-right-border-color: var(--colors-neutral-line-8);
+  --checkbox-default-checked-disabled-bottom-border-color: var(--colors-neutral-line-8);
+  --checkbox-default-checked-disabled-left-border-color: var(--colors-neutral-line-8);
+  --checkbox-default-checked-disabled-top-border-width: var(--borders-width-2);
+  --checkbox-default-checked-disabled-right-border-width: var(--borders-width-2);
+  --checkbox-default-checked-disabled-bottom-border-width: var(--borders-width-2);
+  --checkbox-default-checked-disabled-left-border-width: var(--borders-width-2);
+  --checkbox-default-checked-disabled-top-border-style: var(--borders-style-2);
+  --checkbox-default-checked-disabled-right-border-style: var(--borders-style-2);
+  --checkbox-default-checked-disabled-bottom-border-style: var(--borders-style-2);
+  --checkbox-default-checked-disabled-left-border-style: var(--borders-style-2);
+  --checkbox-default-checked-disabled-top-left-border-radius: var(--borders-radius-2);
+  --checkbox-default-checked-disabled-top-right-border-radius: var(--borders-radius-2);
+  --checkbox-default-checked-disabled-bottom-right-border-radius: var(--borders-radius-2);
+  --checkbox-default-checked-disabled-bottom-left-border-radius: var(--borders-radius-2);
+  --checkbox-button-default-height: var(--sizes-base-16);
+  --checkbox-button-default-fontSize: var(--fonts-size-7);
+  --checkbox-button-default-text-color: var(--colors-neutral-text-2);
+  --checkbox-button-default-lineHeight: var(--fonts-lineHeight-2);
+  --checkbox-button-default-paddingTop: var(--sizes-size-3);
+  --checkbox-button-default-paddingRight: var(--sizes-size-7);
+  --checkbox-button-default-paddingBottom: var(--sizes-size-3);
+  --checkbox-button-default-paddingLeft: var(--sizes-size-7);
+  --checkbox-button-default-top-left-border-radius: var(--borders-radius-3);
+  --checkbox-button-default-top-right-border-radius: var(--borders-radius-3);
+  --checkbox-button-default-bottom-right-border-radius: var(--borders-radius-3);
+  --checkbox-button-default-bottom-left-border-radius: var(--borders-radius-3);
+  --checkbox-button-default-top-border-color: var(--colors-neutral-line-8);
+  --checkbox-button-default-right-border-color: var(--colors-neutral-line-8);
+  --checkbox-button-default-bottom-border-color: var(--colors-neutral-line-8);
+  --checkbox-button-default-left-border-color: var(--colors-neutral-line-8);
+  --checkbox-button-default-top-border-width: var(--borders-width-2);
+  --checkbox-button-default-right-border-width: var(--borders-width-2);
+  --checkbox-button-default-bottom-border-width: var(--borders-width-2);
+  --checkbox-button-default-left-border-width: var(--borders-width-2);
+  --checkbox-button-default-top-border-style: var(--borders-style-2);
+  --checkbox-button-default-right-border-style: var(--borders-style-2);
+  --checkbox-button-default-bottom-border-style: var(--borders-style-2);
+  --checkbox-button-default-left-border-style: var(--borders-style-2);
+  --checkbox-button-hover-text-color: var(--colors-brand-5);
+  --checkbox-button-hover-top-border-color: var(--colors-brand-5);
+  --checkbox-button-hover-right-border-color: var(--colors-brand-5);
+  --checkbox-button-hover-bottom-border-color: var(--colors-brand-5);
+  --checkbox-button-hover-left-border-color: var(--colors-brand-5);
+  --checkbox-button-checked-default-text-color: var(--colors-brand-5);
+  --checkbox-button-checked-default-icon-bg-size: var(--sizes-size-9);
+  --checkbox-button-checked-default-icon-bg-color: var(--colors-brand-5);
+  --checkbox-button-checked-default-icon-size: var(--sizes-size-8);
+  --checkbox-button-checked-default-icon-color: var(--colors-neutral-fill-11);
+  --checkbox-button-checked-default-top-border-color: var(--colors-brand-5);
+  --checkbox-button-checked-default-right-border-color: var(--colors-brand-5);
+  --checkbox-button-checked-default-bottom-border-color: var(--colors-brand-5);
+  --checkbox-button-checked-default-left-border-color: var(--colors-brand-5);
+  --checkbox-button-checked-hover-text-color: var(--colors-brand-6);
+  --checkbox-button-checked-hover-icon-bg-size: var(--sizes-size-9);
+  --checkbox-button-checked-hover-icon-bg-color: var(--colors-brand-6);
+  --checkbox-button-checked-hover-icon-size: var(--sizes-size-8);
+  --checkbox-button-checked-hover-icon-color: var(--colors-neutral-fill-11);
+  --checkbox-button-checked-hover-top-border-color: var(--colors-brand-6);
+  --checkbox-button-checked-hover-right-border-color: var(--colors-brand-6);
+  --checkbox-button-checked-hover-bottom-border-color: var(--colors-brand-6);
+  --checkbox-button-checked-hover-left-border-color: var(--colors-brand-6);
+  --checkbox-button-checked-active-text-color: var(--colors-brand-4);
+  --checkbox-button-checked-active-icon-bg-size: var(--sizes-size-9);
+  --checkbox-button-checked-active-icon-bg-color: var(--colors-brand-4);
+  --checkbox-button-checked-active-icon-size: var(--sizes-size-8);
+  --checkbox-button-checked-active-icon-color: var(--colors-neutral-fill-11);
+  --checkbox-button-checked-active-top-border-color: var(--colors-brand-4);
+  --checkbox-button-checked-active-right-border-color: var(--colors-brand-4);
+  --checkbox-button-checked-active-bottom-border-color: var(--colors-brand-4);
+  --checkbox-button-checked-active-left-border-color: var(--colors-brand-4);
+  --checkbox-button-disabled-text-color: var(--colors-neutral-text-6);
+  --checkbox-button-disabled-bg-color: var(--colors-neutral-fill-10);
+  --checkbox-button-disabled-top-border-color: var(--colors-neutral-line-8);
+  --checkbox-button-disabled-right-border-color: var(--colors-neutral-line-8);
+  --checkbox-button-disabled-bottom-border-color: var(--colors-neutral-line-8);
+  --checkbox-button-disabled-left-border-color: var(--colors-neutral-line-8);
+  --checkbox-button-checked-disabled-text-color: var(--colors-neutral-text-5);
+  --checkbox-button-checked-disabled-bg-color: var(--colors-neutral-fill-8);
+  --checkbox-button-checked-disabled-icon-bg-size: var(--sizes-size-9);
+  --checkbox-button-checked-disabled-icon-bg-color: var(
+    --colors-neutral-fill-6
   );
-  --checkbox-checkbox-disabled-bottom-border-width: var(--borders-width-2);
-  --checkbox-checkbox-disabled-bottom-border-style: var(--borders-style-2);
-  --checkbox-checkbox-disabled-left-border-color: var(--colors-neutral-line-8);
-  --checkbox-checkbox-disabled-left-border-width: var(--borders-width-2);
-  --checkbox-checkbox-disabled-left-border-style: var(--borders-style-2);
-  --checkbox-checkbox-disabled-top-right-border-radius: var(--sizes-size-2);
-  --checkbox-checkbox-disabled-top-left-border-radius: var(--sizes-size-2);
-  --checkbox-checkbox-disabled-bottom-right-border-radius: var(--sizes-size-2);
-  --checkbox-checkbox-disabled-bottom-left-border-radius: var(--sizes-size-2);
-  --checkbox-checked-default-height: var(--sizes-size-9);
-  --checkbox-checked-default-bg-color: var(--colors-brand-5);
-  --checkbox-checked-default-color: var(--colors-neutral-text-2);
-  --checkbox-checked-default-fontSize: var(--fonts-size-7);
-  --checkbox-checked-default-top-border-color: var(--colors-neutral-line-8);
-  --checkbox-checked-default-top-border-width: var(--borders-width-2);
-  --checkbox-checked-default-top-border-style: var(--borders-style-2);
-  --checkbox-checked-default-right-border-color: var(--colors-neutral-line-8);
-  --checkbox-checked-default-right-border-width: var(--borders-width-2);
-  --checkbox-checked-default-right-border-style: var(--borders-style-2);
-  --checkbox-checked-default-bottom-border-color: var(--colors-neutral-line-8);
-  --checkbox-checked-default-bottom-border-width: var(--borders-width-2);
-  --checkbox-checked-default-bottom-border-style: var(--borders-style-2);
-  --checkbox-checked-default-left-border-color: var(--colors-neutral-line-8);
-  --checkbox-checked-default-left-border-width: var(--borders-width-2);
-  --checkbox-checked-default-left-border-style: var(--borders-style-2);
-  --checkbox-checked-default-top-right-border-radius: var(--sizes-size-2);
-  --checkbox-checked-default-top-left-border-radius: var(--sizes-size-2);
-  --checkbox-checked-default-bottom-right-border-radius: var(--sizes-size-2);
-  --checkbox-checked-default-bottom-left-border-radius: var(--sizes-size-2);
-  --checkbox-checked-hover-height: var(--sizes-size-9);
-  --checkbox-checked-hover-bg-color: var(--colors-brand-6);
-  --checkbox-checked-hover-color: var(--colors-neutral-text-2);
-  --checkbox-checked-hover-fontSize: var(--fonts-size-7);
-  --checkbox-checked-hover-top-border-color: var(--colors-brand-5);
-  --checkbox-checked-hover-top-border-width: var(--borders-width-2);
-  --checkbox-checked-hover-top-border-style: var(--borders-style-2);
-  --checkbox-checked-hover-right-border-color: var(--colors-brand-5);
-  --checkbox-checked-hover-right-border-width: var(--borders-width-2);
-  --checkbox-checked-hover-right-border-style: var(--borders-style-2);
-  --checkbox-checked-hover-bottom-border-color: var(--colors-brand-5);
-  --checkbox-checked-hover-bottom-border-width: var(--borders-width-2);
-  --checkbox-checked-hover-bottom-border-style: var(--borders-style-2);
-  --checkbox-checked-hover-left-border-color: var(--colors-brand-5);
-  --checkbox-checked-hover-left-border-width: var(--borders-width-2);
-  --checkbox-checked-hover-left-border-style: var(--borders-style-2);
-  --checkbox-checked-hover-top-right-border-radius: var(--sizes-size-2);
-  --checkbox-checked-hover-top-left-border-radius: var(--sizes-size-2);
-  --checkbox-checked-hover-bottom-right-border-radius: var(--sizes-size-2);
-  --checkbox-checked-hover-bottom-left-border-radius: var(--sizes-size-2);
-  --checkbox-checked-active-height: var(--sizes-size-9);
-  --checkbox-checked-active-bg-color: var(--colors-brand-4);
-  --checkbox-checked-active-color: var(--colors-neutral-text-2);
-  --checkbox-checked-active-fontSize: var(--fonts-size-7);
-  --checkbox-checked-active-top-border-color: var(--colors-brand-5);
-  --checkbox-checked-active-top-border-width: var(--borders-width-2);
-  --checkbox-checked-active-top-border-style: var(--borders-style-2);
-  --checkbox-checked-active-right-border-color: var(--colors-brand-5);
-  --checkbox-checked-active-right-border-width: var(--borders-width-2);
-  --checkbox-checked-active-right-border-style: var(--borders-style-2);
-  --checkbox-checked-active-bottom-border-color: var(--colors-brand-5);
-  --checkbox-checked-active-bottom-border-width: var(--borders-width-2);
-  --checkbox-checked-active-bottom-border-style: var(--borders-style-2);
-  --checkbox-checked-active-left-border-color: var(--colors-brand-5);
-  --checkbox-checked-active-left-border-width: var(--borders-width-2);
-  --checkbox-checked-active-left-border-style: var(--borders-style-2);
-  --checkbox-checked-active-top-right-border-radius: var(--sizes-size-2);
-  --checkbox-checked-active-top-left-border-radius: var(--sizes-size-2);
-  --checkbox-checked-active-bottom-right-border-radius: var(--sizes-size-2);
-  --checkbox-checked-active-bottom-left-border-radius: var(--sizes-size-2);
-  --checkbox-checked-disabled-height: var(--sizes-size-9);
-  --checkbox-checked-disabled-bg-color: var(--colors-neutral-fill-11);
-  --checkbox-checked-disabled-color: var(--colors-neutral-text-2);
-  --checkbox-checked-disabled-fontSize: var(--fonts-size-7);
-  --checkbox-checked-disabled-top-border-color: var(--colors-neutral-line-8);
-  --checkbox-checked-disabled-top-border-width: var(--borders-width-2);
-  --checkbox-checked-disabled-top-border-style: var(--borders-style-2);
-  --checkbox-checked-disabled-right-border-color: var(--colors-neutral-line-8);
-  --checkbox-checked-disabled-right-border-width: var(--borders-width-2);
-  --checkbox-checked-disabled-right-border-style: var(--borders-style-2);
-  --checkbox-checked-disabled-bottom-border-color: var(--colors-neutral-line-8);
-  --checkbox-checked-disabled-bottom-border-width: var(--borders-width-2);
-  --checkbox-checked-disabled-bottom-border-style: var(--borders-style-2);
-  --checkbox-checked-disabled-left-border-color: var(--colors-neutral-line-8);
-  --checkbox-checked-disabled-left-border-width: var(--borders-width-2);
-  --checkbox-checked-disabled-left-border-style: var(--borders-style-2);
-  --checkbox-checked-disabled-top-right-border-radius: var(--sizes-size-2);
-  --checkbox-checked-disabled-top-left-border-radius: var(--sizes-size-2);
-  --checkbox-checked-disabled-bottom-right-border-radius: var(--sizes-size-2);
-  --checkbox-checked-disabled-bottom-left-border-radius: var(--sizes-size-2);
+  --checkbox-button-checked-disabled-icon-size: var(--sizes-size-8);
+  --checkbox-button-checked-disabled-icon-color: var(--colors-neutral-fill-11);
+  --checkbox-button-checked-disabled-top-border-color: var(--colors-neutral-line-7);
+  --checkbox-button-checked-disabled-right-border-color: var(--colors-neutral-line-7);
+  --checkbox-button-checked-disabled-bottom-border-color: var(--colors-neutral-line-7);
+  --checkbox-button-checked-disabled-left-border-color: var(--colors-neutral-line-7);
+  --checkbox-default-sm-size: var(--sizes-size-8);
+  --checkbox-default-sm-icon-size: var(--sizes-size-7);
+  --checkbox-default-partial-default-icon: '<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" ><path d="M164.571429 424.96m87.04 0l520.777142 0q87.04 0 87.04 87.04l0 0q0 87.04-87.04 87.04l-520.777142 0q-87.04 0-87.04-87.04l0 0q0-87.04 87.04-87.04Z" fill="currentColor"></path></svg>';
   --Checkbox-onHover-color: var(--checkbox-checked-default-bg-color);
-  --button-primary-hover-bg-color: var(--checkbox-checked-hover-bg-color);
-  --Checkbox-checked-onHover-bgColor: var(--checkbox-checked-active-bg-color);
   --Checkbox-onDisabled-bg: var(--colors-neutral-fill-10);
   --Checkbox-size: var(--checkbox-checkbox-default-height);
-  --Checkbox--full-inner-size: var(--sizes-size-5);
-  --Checkbox--sm--full-inner-size: var(--sizes-size-5);
-  --Checkbox--sm-inner-size: var(--sizes-size-5);
-  --Checkbox--sm-size: var(--sizes-size-8);
   --Checkbox-borderRadius: 0.125rem;
   --Checkbox-color: var(--borderColor);
   --Checkbox-gap: var(--gap-xs);
@@ -2597,40 +2671,82 @@
   --Rating-text-fontWeight: var(--fonts-weight-6);
   --Rating-text-lineHeight: var(--fonts-lineHeight-2);
   --Rating-inactive-color: var(--colors-neutral-text-9);
-  --radio-default-default-color: var(--colors-neutral-text-8);
+  --radio-default-default-border-color: var(--colors-neutral-text-8);
   --radio-default-default-text-color: var(--colors-neutral-text-1);
   --radio-default-default-bg-color: var(--colors-neutral-fill-11);
   --radio-default-default-fontSize: var(--fonts-size-7);
   --radio-default-default-fontWeight: var(--fonts-weight-6);
   --radio-default-default-lineHeight: var(--fonts-lineHeight-2);
   --radio-default-default-point-size: var(--sizes-size-9);
-  --radio-default-default-point-inner-size: var(--sizes-size-5);
+  --radio-default-default-distance: var(--sizes-size-5);
   --radio-default-default-marginTop: var(--sizes-size-0);
+  --radio-default-default-marginRight: var(--sizes-size-9);
   --radio-default-default-marginBottom: var(--sizes-size-4);
   --radio-default-default-marginLeft: var(--sizes-size-0);
-  --radio-default-default-marginRight: var(--sizes-size-9);
-  --radio-default-default-distance: var(--sizes-size-5);
-  --radio-default-hover-color: var(--colors-brand-5);
   --radio-default-hover-text-color: var(--colors-neutral-text-1);
   --radio-default-hover-bg-color: var(--colors-neutral-fill-11);
-  --radio-default-active-color: var(--colors-brand-5);
-  --radio-default-active-text-color: var(--colors-neutral-text-1);
-  --radio-default-active-bg-color: var(--colors-neutral-fill-11);
-  --radio-default-disabled-color: var(--colors-neutral-text-6);
+  --radio-default-hover-border-color: var(--colors-brand-5);
+  --radio-default-checked-icon-size: var(--sizes-size-5);
+  --radio-default-checked-icon-color: var(--colors-brand-5);
+  --radio-default-checked-icon: '<svg viewBox="0 0 1024 1024"><path d="M512 512m-512 0a512 512 0 1 0 1024 0 512 512 0 1 0-1024 0Z" fill="currentColor"></path></svg>';
+  --radio-default-checked-text-color: var(--colors-neutral-text-1);
+  --radio-default-checked-bg-color: var(--colors-neutral-fill-11);
+  --radio-default-checked-border-color: var(--colors-brand-5);
+  --radio-default-disabled-border-color: var(--colors-neutral-line-8);
+  --radio-default-disabled-icon-color: var(--colors-neutral-fill-7);
   --radio-default-disabled-text-color: var(--colors-neutral-text-6);
-  --radio-default-disabled-bg-color: var(--colors-neutral-fill-8);
+  --radio-default-disabled-bg-color: var(--colors-neutral-fill-10);
   --radio-default-vertical-marginTop: var(--sizes-size-0);
+  --radio-default-vertical-marginRight: var(--sizes-size-5);
   --radio-default-vertical-marginBottom: var(--sizes-size-4);
   --radio-default-vertical-marginLeft: var(--sizes-size-0);
-  --radio-default-vertical-marginRight: var(--sizes-size-5);
-  --Radio--sm-size: var(--Checkbox--sm-size);
-  --Radio-color: var(--radio-default-default-color);
-  --Radio-inner-size: var(--radio-default-default-point-inner-size);
-  --Radio-onHover-color: var(--radio-default-active-color);
-  --Radio-size: var(--radio-default-default-point-size);
-  --Radio-onDisabled-bg: var(--radio-default-disabled-bg-color);
-  --Radio-onDisabled-color: var(--radio-default-disabled-color);
-  --Radio-onFocus-boxShadow: none;
+  --radio-button-default-height: var(--sizes-base-16);
+  --radio-button-default-fontSize: var(--fonts-size-7);
+  --radio-button-default-text-color: var(--colors-neutral-text-1);
+  --radio-button-default-lineHeight: var(--fonts-lineHeight-2);
+  --radio-button-default-paddingTop: var(--sizes-size-3);
+  --radio-button-default-paddingRight: var(--sizes-size-7);
+  --radio-button-default-paddingBottom: var(--sizes-size-3);
+  --radio-button-default-paddingLeft: var(--sizes-size-7);
+  --radio-button-default-top-left-border-radius: var(--borders-radius-3);
+  --radio-button-default-top-right-border-radius: var(--borders-radius-3);
+  --radio-button-default-bottom-right-border-radius: var(--borders-radius-3);
+  --radio-button-default-bottom-left-border-radius: var(--borders-radius-3);
+  --radio-button-default-top-border-color: var(--colors-neutral-line-8);
+  --radio-button-default-right-border-color: var(--colors-neutral-line-8);
+  --radio-button-default-bottom-border-color: var(--colors-neutral-line-8);
+  --radio-button-default-left-border-color: var(--colors-neutral-line-8);
+  --radio-button-default-top-border-width: var(--borders-width-2);
+  --radio-button-default-right-border-width: var(--borders-width-2);
+  --radio-button-default-bottom-border-width: var(--borders-width-2);
+  --radio-button-default-left-border-width: var(--borders-width-2);
+  --radio-button-default-top-border-style: var(--borders-style-2);
+  --radio-button-default-right-border-style: var(--borders-style-2);
+  --radio-button-default-bottom-border-style: var(--borders-style-2);
+  --radio-button-default-left-border-style: var(--borders-style-2);
+  --radio-button-hover-text-color: var(--colors-brand-5);
+  --radio-button-hover-top-border-color: var(--colors-brand-5);
+  --radio-button-hover-right-border-color: var(--colors-brand-5);
+  --radio-button-hover-bottom-border-color: var(--colors-brand-5);
+  --radio-button-hover-left-border-color: var(--colors-brand-5);
+  --radio-button-checked-text-color: var(--colors-neutral-text-11);
+  --radio-button-checked-bg-color: var(--colors-brand-5);
+  --radio-button-checked-top-border-color: var(--colors-brand-5);
+  --radio-button-checked-right-border-color: var(--colors-brand-5);
+  --radio-button-checked-bottom-border-color: var(--colors-brand-5);
+  --radio-button-checked-left-border-color: var(--colors-brand-5);
+  --radio-button-disabled-unchecked-text-color: var(--colors-neutral-text-6);
+  --radio-button-disabled-unchecked-bg-color: var(--colors-neutral-fill-10);
+  --radio-button-disabled-unchecked-top-border-color: var(--colors-neutral-line-8);
+  --radio-button-disabled-unchecked-right-border-color: var(--colors-neutral-line-8);
+  --radio-button-disabled-unchecked-bottom-border-color: var(--colors-neutral-line-8);
+  --radio-button-disabled-unchecked-left-border-color: var(--colors-neutral-line-8);
+  --radio-button-disabled-checked-text-color: var(--colors-neutral-text-5);
+  --radio-button-disabled-checked-bg-color: var(--colors-neutral-fill-8);
+  --radio-button-disabled-checked-top-border-color: var(--colors-neutral-line-7);
+  --radio-button-disabled-checked-right-border-color: var(--colors-neutral-line-7);
+  --radio-button-disabled-checked-bottom-border-color: var(--colors-neutral-line-7);
+  --radio-button-disabled-checked-left-border-color: var(--colors-neutral-line-7);
   --switch-default-off-bg-color: var(--colors-neutral-fill-7);
   --switch-default-off-hover-bg-color: var(--colors-neutral-fill-6);
   --switch-default-off-slider-color: var(--colors-neutral-fill-11);
@@ -3602,13 +3718,13 @@
   );
   --Form-select-multiple-bgColor: var(--colors-neutral-fill-10);
   --Form-selectOption-height: var(--Form-select-height);
-  --Form-selectValue-bg: #cce5ff;
+  --Form-selectValue-bg: hsl(211.0588235294, 102.5%, 90%);
   --Form-selectValue-onHover-bgColor: var(--select-multiple-hover-bg-color);
   --Form-selectValue-borderColor: var(--colors-brand-7);
   --Form-selectValue-color: var(--colors-brand-5);
   --Form-selectValue-fontSize: var(--select-multiple-fontSize);
-  --Form-selectValue-onDisable-bg: #e6f2ff;
-  --Form-selectValue-onHover-bg: #b3d7ff;
+  --Form-selectValue-onDisable-bg: hsl(211.0588235294, 102.5%, 95%);
+  --Form-selectValue-onHover-bg: hsl(211.0588235294, 102.5%, 85%);
   --Form-selectValue-onDisabled-color: var(--Form-select-caret-iconColor);
   --Form-selectValue-onInvalid-color: var(--danger);
   --Form-valueLabel-maxWidth: 7.5rem;
@@ -4683,7 +4799,7 @@
   --Table-onHover-boxShadow: var(--shadows-shadow-normal);
   --Table-onHover-color: var(--table-body-hover-color);
   --Table-onModified-bg: #e8f0fe;
-  --Table-onModified-borderColor: #d0e0fd;
+  --Table-onModified-borderColor: rgb(207.5625, 224.0625, 252.9375);
   --Table-onModified-color: #4285f4;
   --Table-placeholder-height: 12.5rem;
   --Table-strip-bg: transparent;
@@ -22397,19 +22513,19 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Tabs--simple > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li:not(.is-disabled):hover > a {
   font-size: var(--Tabs--simple-hover-fontSize);
-  color: var(--Tabs--simple-hover-color) !important;
+  color: var(--Tabs--simple-hover-color);
   font-weight: var(--Tabs--simple-hover-fontWeight);
   line-height: var(--Tabs--simple-hover-lineHeight);
 }
 .cxd-Tabs--simple > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li.is-disabled > a {
   font-size: var(--Tabs--simple-disabled-fontSize);
-  color: var(--Tabs--simple-disabled-color) !important;
+  color: var(--Tabs--simple-disabled-color);
   font-weight: var(--Tabs--simple-disabled-fontWeight);
   line-height: var(--Tabs--simple-disabled-lineHeight);
 }
 .cxd-Tabs--simple > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > li.is-active > a {
   font-size: var(--Tabs--simple-active-fontSize);
-  color: var(--Tabs--simple-active-color) !important;
+  color: var(--Tabs--simple-active-color);
   font-weight: var(--Tabs--simple-active-fontWeight);
   line-height: var(--Tabs--simple-active-lineHeight);
 }
@@ -22509,7 +22625,7 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > .cxd-Tabs-link:not(.is-disabled):hover > a {
   font-size: var(--Tabs--strong-hover-fontSize);
-  color: var(--Tabs--strong-hover-color) !important;
+  color: var(--Tabs--strong-hover-color);
   font-weight: var(--Tabs--strong-hover-fontWeight);
   line-height: var(--Tabs--strong-hover-lineHeight);
 }
@@ -22522,7 +22638,7 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > .cxd-Tabs-link.is-disabled > a {
   font-size: var(--Tabs--strong-disabled-fontSize);
-  color: var(--Tabs--strong-disabled-color) !important;
+  color: var(--Tabs--strong-disabled-color);
   font-weight: var(--Tabs--strong-disabled-fontWeight);
   line-height: var(--Tabs--strong-disabled-lineHeight);
 }
@@ -22534,7 +22650,7 @@ input[type=button].cxd-Button--block {
 }
 .cxd-Tabs--strong > .cxd-Tabs-linksContainer-wrapper > .cxd-Tabs-linksContainer > .cxd-Tabs-linksContainer-main > .cxd-Tabs-links > .cxd-Tabs-link.is-active > a {
   font-size: var(--Tabs--strong-active-fontSize);
-  color: var(--Tabs--strong-active-color) !important;
+  color: var(--Tabs--strong-active-color);
   font-weight: var(--Tabs--strong-active-fontWeight);
   line-height: var(--Tabs--strong-active-lineHeight);
 }
@@ -24216,10 +24332,22 @@ input[type=button].cxd-Button--block {
 .cxd-CollapseGroup .cxd-Collapse:first-child > .cxd-Collapse-header {
   border-radius: 4px 4px 0 0;
 }
-.cxd-CollapseGroup .cxd-Collapse:last-child {
+.cxd-CollapseGroup .cxd-Collapse:not(.cxd-Collapse--title-bottom):last-child {
+  border-radius: 0 0 4px 4px;
+}
+.cxd-CollapseGroup .cxd-Collapse:not(.cxd-Collapse--title-bottom):last-child > .cxd-Collapse-header {
   border-radius: 0 0 4px 4px;
 }
-.cxd-CollapseGroup .cxd-Collapse:last-child > .cxd-Collapse-header {
+.cxd-CollapseGroup .cxd-Collapse:not(.cxd-Collapse--title-bottom):last-child > .cxd-Collapse-contentWrapper > .cxd-Collapse-body > .cxd-Collapse-content {
+  border-radius: 0 0 4px 4px;
+}
+.cxd-CollapseGroup .cxd-Collapse.is-active:not(.cxd-Collapse--title-bottom):last-child > .cxd-Collapse-header {
+  border-radius: 0px;
+}
+.cxd-CollapseGroup .cxd-Collapse--title-bottom:last-child {
+  border-radius: 0 0 4px 4px;
+}
+.cxd-CollapseGroup .cxd-Collapse--title-bottom:last-child > .cxd-Collapse-header {
   border-radius: 0 0 4px 4px;
 }
 .cxd-CollapseGroup .cxd-Collapse:first-child:nth-last-child(1) {
@@ -25904,41 +26032,41 @@ input[type=button].cxd-Button--block {
   color: #58666e;
 }
 .cxd-Table-table > tbody > tr.bg-light.lt, .cxd-Table-table > tbody > tr.bg-light .lt {
-  background: #fefefe;
+  background: rgb(253.9275, 254.1, 254.2725);
 }
 .cxd-Table-table > tbody > tr.bg-light.lter, .cxd-Table-table > tbody > tr.bg-light .lter {
-  background: white;
+  background: hsl(210, 21.6666666667%, 100.6470588235%);
 }
 .cxd-Table-table > tbody > tr.bg-light.dk, .cxd-Table-table > tbody > tr.bg-light .dk {
-  background: #eff1f4;
+  background: rgb(238.73375, 241.35, 243.96625);
 }
 .cxd-Table-table > tbody > tr.bg-light.dker, .cxd-Table-table > tbody > tr.bg-light .dker {
-  background: #e8ecf0;
+  background: rgb(232.1875, 236.25, 240.3125);
 }
 .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-dark {
   background-color: #343a40;
-  color: #a0a0a0;
+  color: rgb(159.6724137931, 160, 160.3275862069);
 }
 .cxd-Table-table > tbody > tr.bg-dark.lt, .cxd-Table-table > tbody > tr.bg-dark .lt {
-  background: #3e4750;
+  background: rgb(61.6622844828, 70.75, 79.8377155172);
 }
 .cxd-Table-table > tbody > tr.bg-dark.lter, .cxd-Table-table > tbody > tr.bg-dark .lter {
-  background: #475460;
+  background: rgb(70.6870689655, 83.5, 96.3129310345);
 }
 .cxd-Table-table > tbody > tr.bg-dark.dk, .cxd-Table-table > tbody > tr.bg-dark .dk {
-  background: #272d33;
+  background: rgb(39.4377155172, 45.25, 51.0622844828);
 }
 .cxd-Table-table > tbody > tr.bg-dark.dker, .cxd-Table-table > tbody > tr.bg-dark .dker {
-  background: #1c2125;
+  background: rgb(27.5129310345, 32.5, 37.4870689655);
 }
 .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 a, .cxd-Table-table > tbody > tr.bg-dark .cxd-Button--link {
-  color: #b9baba;
+  color: rgb(185.2603448276, 185.5, 185.7396551724);
 }
 .cxd-Table-table > tbody > tr.bg-dark a:hover, .cxd-Table-table > tbody > tr.bg-dark .cxd-Button--link:hover {
   color: #fff;
@@ -25947,32 +26075,32 @@ input[type=button].cxd-Button--block {
   color: #fff;
 }
 .cxd-Table-table > tbody > tr.bg-dark .text-muted {
-  color: #414c52 !important;
+  color: rgb(65.3333333333, 75.7272727273, 81.6666666667) !important;
 }
 .cxd-Table-table > tbody > tr.bg-dark .text-lt {
-  color: #99a6ad !important;
+  color: rgb(152.5, 165.5454545455, 173) !important;
 }
 .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: #0d0c0c;
+  background: rgb(13.06875, 12.43125, 12.43125);
 }
 .cxd-Table-table > tbody > tr.bg-black.lter, .cxd-Table-table > tbody > tr.bg-black .lter {
-  background: #1b1818;
+  background: rgb(26.775, 24.225, 24.225);
 }
 .cxd-Table-table > tbody > tr.bg-black.dk, .cxd-Table-table > tbody > tr.bg-black .dk {
-  background: black;
+  background: hsl(0, 2.5%, -5%);
 }
 .cxd-Table-table > tbody > tr.bg-black.dker, .cxd-Table-table > tbody > tr.bg-black .dker {
-  background: black;
+  background: hsl(0, 5%, -10%);
 }
 .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 a, .cxd-Table-table > tbody > tr.bg-black .cxd-Button--link {
-  color: gray;
+  color: rgb(127.5, 127.5, 127.5);
 }
 .cxd-Table-table > tbody > tr.bg-black a:hover, .cxd-Table-table > tbody > tr.bg-black .cxd-Button--link:hover {
   color: #fff;
@@ -25981,26 +26109,26 @@ input[type=button].cxd-Button--block {
   color: #fff;
 }
 .cxd-Table-table > tbody > tr.bg-black .text-muted {
-  color: #414c52 !important;
+  color: rgb(65.3333333333, 75.7272727273, 81.6666666667) !important;
 }
 .cxd-Table-table > tbody > tr.bg-black .text-lt {
-  color: #99a6ad !important;
+  color: rgb(152.5, 165.5454545455, 173) !important;
 }
 .cxd-Table-table > tbody > tr.bg-primary {
   background-color: #007bff;
-  color: #cfe5fc;
+  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: #1a88ff;
+  background: hsl(211.0588235294, 102.5%, 55%);
 }
 .cxd-Table-table > tbody > tr.bg-primary.lter, .cxd-Table-table > tbody > tr.bg-primary .lter {
-  background: #3395ff;
+  background: hsl(211.0588235294, 105%, 60%);
 }
 .cxd-Table-table > tbody > tr.bg-primary.dk, .cxd-Table-table > tbody > tr.bg-primary .dk {
-  background: #006fe6;
+  background: hsl(211.0588235294, 102.5%, 45%);
 }
 .cxd-Table-table > tbody > tr.bg-primary.dker, .cxd-Table-table > tbody > tr.bg-primary .dker {
-  background: #0062cc;
+  background: hsl(211.0588235294, 105%, 40%);
 }
 .cxd-Table-table > tbody > tr.bg-primary.bg, .cxd-Table-table > tbody > tr.bg-primary .bg {
   background-color: #007bff;
@@ -26015,32 +26143,32 @@ input[type=button].cxd-Button--block {
   color: #fff;
 }
 .cxd-Table-table > tbody > tr.bg-primary .text-muted {
-  color: #414c52 !important;
+  color: rgb(65.3333333333, 75.7272727273, 81.6666666667) !important;
 }
 .cxd-Table-table > tbody > tr.bg-primary .text-lt {
-  color: #99a6ad !important;
+  color: rgb(152.5, 165.5454545455, 173) !important;
 }
 .cxd-Table-table > tbody > tr.bg-success {
   background-color: #28a745;
-  color: #b4e7c0;
+  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: #2abe4c;
+  background: rgb(42.0212862319, 190.4787137681, 75.9210137795);
 }
 .cxd-Table-table > tbody > tr.bg-success.lter, .cxd-Table-table > tbody > tr.bg-success .lter {
-  background: #2dd554;
+  background: rgb(45.3956521739, 212.6043478261, 83.5771653543);
 }
 .cxd-Table-table > tbody > tr.bg-success.dk, .cxd-Table-table > tbody > tr.bg-success .dk {
-  background: #21953b;
+  background: rgb(32.8037137681, 148.6962862319, 59.2673720472);
 }
 .cxd-Table-table > tbody > tr.bg-success.dker, .cxd-Table-table > tbody > tr.bg-success .dker {
-  background: #1a8232;
+  background: rgb(26.2449275362, 129.7550724638, 49.8811023622);
 }
 .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 a, .cxd-Table-table > tbody > tr.bg-success .cxd-Button--link {
-  color: #dbf3e0;
+  color: rgb(218.6753623188, 243.3246376812, 224.3039370079);
 }
 .cxd-Table-table > tbody > tr.bg-success a:hover, .cxd-Table-table > tbody > tr.bg-success .cxd-Button--link:hover {
   color: #fff;
@@ -26049,26 +26177,26 @@ input[type=button].cxd-Button--block {
   color: #fff;
 }
 .cxd-Table-table > tbody > tr.bg-success .text-muted {
-  color: #414c52 !important;
+  color: rgb(65.3333333333, 75.7272727273, 81.6666666667) !important;
 }
 .cxd-Table-table > tbody > tr.bg-success .text-lt {
-  color: #99a6ad !important;
+  color: rgb(152.5, 165.5454545455, 173) !important;
 }
 .cxd-Table-table > tbody > tr.bg-info {
   background-color: #007bff;
-  color: #cfe5fc;
+  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: #1a88ff;
+  background: hsl(211.0588235294, 102.5%, 55%);
 }
 .cxd-Table-table > tbody > tr.bg-info.lter, .cxd-Table-table > tbody > tr.bg-info .lter {
-  background: #3395ff;
+  background: hsl(211.0588235294, 105%, 60%);
 }
 .cxd-Table-table > tbody > tr.bg-info.dk, .cxd-Table-table > tbody > tr.bg-info .dk {
-  background: #006fe6;
+  background: hsl(211.0588235294, 102.5%, 45%);
 }
 .cxd-Table-table > tbody > tr.bg-info.dker, .cxd-Table-table > tbody > tr.bg-info .dker {
-  background: #0062cc;
+  background: hsl(211.0588235294, 105%, 40%);
 }
 .cxd-Table-table > tbody > tr.bg-info.bg, .cxd-Table-table > tbody > tr.bg-info .bg {
   background-color: #007bff;
@@ -26083,32 +26211,32 @@ input[type=button].cxd-Button--block {
   color: #fff;
 }
 .cxd-Table-table > tbody > tr.bg-info .text-muted {
-  color: #414c52 !important;
+  color: rgb(65.3333333333, 75.7272727273, 81.6666666667) !important;
 }
 .cxd-Table-table > tbody > tr.bg-info .text-lt {
-  color: #99a6ad !important;
+  color: rgb(152.5, 165.5454545455, 173) !important;
 }
 .cxd-Table-table > tbody > tr.bg-warning {
   background-color: #fad733;
-  color: #fffefa;
+  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: #fddd4a;
+  background: rgb(252.9037978469, 221.3672860415, 73.5962021531);
 }
 .cxd-Table-table > tbody > tr.bg-warning.lter, .cxd-Table-table > tbody > tr.bg-warning .lter {
-  background: #ffe361;
+  background: hsl(49.4472361809, 100.2153110048%, 69.0196078431%);
 }
 .cxd-Table-table > tbody > tr.bg-warning.dk, .cxd-Table-table > tbody > tr.bg-warning .dk {
-  background: #fcd417;
+  background: rgb(252.3212021531, 212.0197742601, 23.1787978469);
 }
 .cxd-Table-table > tbody > tr.bg-warning.dker, .cxd-Table-table > tbody > tr.bg-warning .dker {
-  background: #face00;
+  background: hsl(49.4472361809, 100.2153110048%, 49.0196078431%);
 }
 .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 a, .cxd-Table-table > tbody > tr.bg-warning .cxd-Button--link {
-  color: white;
+  color: hsl(49.4472361809, 85.2153110048%, 109.0196078431%);
 }
 .cxd-Table-table > tbody > tr.bg-warning a:hover, .cxd-Table-table > tbody > tr.bg-warning .cxd-Button--link:hover {
   color: #fff;
@@ -26117,32 +26245,32 @@ input[type=button].cxd-Button--block {
   color: #fff;
 }
 .cxd-Table-table > tbody > tr.bg-warning .text-muted {
-  color: #414c52 !important;
+  color: rgb(65.3333333333, 75.7272727273, 81.6666666667) !important;
 }
 .cxd-Table-table > tbody > tr.bg-warning .text-lt {
-  color: #99a6ad !important;
+  color: rgb(152.5, 165.5454545455, 173) !important;
 }
 .cxd-Table-table > tbody > tr.bg-danger {
   background-color: #dc3545;
-  color: #f8e5e6;
+  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: #e24857;
+  background: rgb(226.4095727848, 72.0904272152, 86.8754950542);
 }
 .cxd-Table-table > tbody > tr.bg-danger.lter, .cxd-Table-table > tbody > tr.bg-danger .lter {
-  background: #e85c69;
+  background: rgb(232.1816455696, 91.8183544304, 105.2663344198);
 }
 .cxd-Table-table > tbody > tr.bg-danger.dk, .cxd-Table-table > tbody > tr.bg-danger .dk {
-  background: #d62133;
+  background: rgb(214.0431170886, 33.4568829114, 50.7585580421);
 }
 .cxd-Table-table > tbody > tr.bg-danger.dker, .cxd-Table-table > tbody > tr.bg-danger .dker {
-  background: #c31b2b;
+  background: rgb(194.7651898734, 27.2348101266, 43.2856249526);
 }
 .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 a, .cxd-Table-table > tbody > tr.bg-danger .cxd-Button--link {
-  color: white;
+  color: hsl(354.251497006, 60.4641350211%, 103.5294117647%);
 }
 .cxd-Table-table > tbody > tr.bg-danger a:hover, .cxd-Table-table > tbody > tr.bg-danger .cxd-Button--link:hover {
   color: #fff;
@@ -26151,10 +26279,10 @@ input[type=button].cxd-Button--block {
   color: #fff;
 }
 .cxd-Table-table > tbody > tr.bg-danger .text-muted {
-  color: #414c52 !important;
+  color: rgb(65.3333333333, 75.7272727273, 81.6666666667) !important;
 }
 .cxd-Table-table > tbody > tr.bg-danger .text-lt {
-  color: #99a6ad !important;
+  color: rgb(152.5, 165.5454545455, 173) !important;
 }
 .cxd-Table-table > tbody > tr.is-dragging {
   opacity: var(--Table-onDragging-opacity);
@@ -26905,41 +27033,41 @@ input[type=button].cxd-Button--block {
   color: #58666e;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-light.lt, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-light .lt {
-  background: #fefefe;
+  background: rgb(253.9275, 254.1, 254.2725);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-light.lter, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-light .lter {
-  background: white;
+  background: hsl(210, 21.6666666667%, 100.6470588235%);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-light.dk, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-light .dk {
-  background: #eff1f4;
+  background: rgb(238.73375, 241.35, 243.96625);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-light.dker, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-light .dker {
-  background: #e8ecf0;
+  background: rgb(232.1875, 236.25, 240.3125);
 }
 .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-dark {
   background-color: #343a40;
-  color: #a0a0a0;
+  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: #3e4750;
+  background: rgb(61.6622844828, 70.75, 79.8377155172);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark.lter, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark .lter {
-  background: #475460;
+  background: rgb(70.6870689655, 83.5, 96.3129310345);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark.dk, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark .dk {
-  background: #272d33;
+  background: rgb(39.4377155172, 45.25, 51.0622844828);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark.dker, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark .dker {
-  background: #1c2125;
+  background: rgb(27.5129310345, 32.5, 37.4870689655);
 }
 .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 a, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark .cxd-Button--link {
-  color: #b9baba;
+  color: rgb(185.2603448276, 185.5, 185.7396551724);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark a:hover, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark .cxd-Button--link:hover {
   color: #fff;
@@ -26948,32 +27076,32 @@ input[type=button].cxd-Button--block {
   color: #fff;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark .text-muted {
-  color: #414c52 !important;
+  color: rgb(65.3333333333, 75.7272727273, 81.6666666667) !important;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-dark .text-lt {
-  color: #99a6ad !important;
+  color: rgb(152.5, 165.5454545455, 173) !important;
 }
 .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: #0d0c0c;
+  background: rgb(13.06875, 12.43125, 12.43125);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-black.lter, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-black .lter {
-  background: #1b1818;
+  background: rgb(26.775, 24.225, 24.225);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-black.dk, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-black .dk {
-  background: black;
+  background: hsl(0, 2.5%, -5%);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-black.dker, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-black .dker {
-  background: black;
+  background: hsl(0, 5%, -10%);
 }
 .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 a, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-black .cxd-Button--link {
-  color: gray;
+  color: rgb(127.5, 127.5, 127.5);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-black a:hover, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-black .cxd-Button--link:hover {
   color: #fff;
@@ -26982,26 +27110,26 @@ input[type=button].cxd-Button--block {
   color: #fff;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-black .text-muted {
-  color: #414c52 !important;
+  color: rgb(65.3333333333, 75.7272727273, 81.6666666667) !important;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-black .text-lt {
-  color: #99a6ad !important;
+  color: rgb(152.5, 165.5454545455, 173) !important;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-primary {
   background-color: #007bff;
-  color: #cfe5fc;
+  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: #1a88ff;
+  background: hsl(211.0588235294, 102.5%, 55%);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-primary.lter, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-primary .lter {
-  background: #3395ff;
+  background: hsl(211.0588235294, 105%, 60%);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-primary.dk, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-primary .dk {
-  background: #006fe6;
+  background: hsl(211.0588235294, 102.5%, 45%);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-primary.dker, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-primary .dker {
-  background: #0062cc;
+  background: hsl(211.0588235294, 105%, 40%);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-primary.bg, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-primary .bg {
   background-color: #007bff;
@@ -27016,32 +27144,32 @@ input[type=button].cxd-Button--block {
   color: #fff;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-primary .text-muted {
-  color: #414c52 !important;
+  color: rgb(65.3333333333, 75.7272727273, 81.6666666667) !important;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-primary .text-lt {
-  color: #99a6ad !important;
+  color: rgb(152.5, 165.5454545455, 173) !important;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-success {
   background-color: #28a745;
-  color: #b4e7c0;
+  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: #2abe4c;
+  background: rgb(42.0212862319, 190.4787137681, 75.9210137795);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-success.lter, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-success .lter {
-  background: #2dd554;
+  background: rgb(45.3956521739, 212.6043478261, 83.5771653543);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-success.dk, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-success .dk {
-  background: #21953b;
+  background: rgb(32.8037137681, 148.6962862319, 59.2673720472);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-success.dker, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-success .dker {
-  background: #1a8232;
+  background: rgb(26.2449275362, 129.7550724638, 49.8811023622);
 }
 .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 a, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-success .cxd-Button--link {
-  color: #dbf3e0;
+  color: rgb(218.6753623188, 243.3246376812, 224.3039370079);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-success a:hover, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-success .cxd-Button--link:hover {
   color: #fff;
@@ -27050,26 +27178,26 @@ input[type=button].cxd-Button--block {
   color: #fff;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-success .text-muted {
-  color: #414c52 !important;
+  color: rgb(65.3333333333, 75.7272727273, 81.6666666667) !important;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-success .text-lt {
-  color: #99a6ad !important;
+  color: rgb(152.5, 165.5454545455, 173) !important;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-info {
   background-color: #007bff;
-  color: #cfe5fc;
+  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: #1a88ff;
+  background: hsl(211.0588235294, 102.5%, 55%);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-info.lter, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-info .lter {
-  background: #3395ff;
+  background: hsl(211.0588235294, 105%, 60%);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-info.dk, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-info .dk {
-  background: #006fe6;
+  background: hsl(211.0588235294, 102.5%, 45%);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-info.dker, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-info .dker {
-  background: #0062cc;
+  background: hsl(211.0588235294, 105%, 40%);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-info.bg, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-info .bg {
   background-color: #007bff;
@@ -27084,32 +27212,32 @@ input[type=button].cxd-Button--block {
   color: #fff;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-info .text-muted {
-  color: #414c52 !important;
+  color: rgb(65.3333333333, 75.7272727273, 81.6666666667) !important;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-info .text-lt {
-  color: #99a6ad !important;
+  color: rgb(152.5, 165.5454545455, 173) !important;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning {
   background-color: #fad733;
-  color: #fffefa;
+  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: #fddd4a;
+  background: rgb(252.9037978469, 221.3672860415, 73.5962021531);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning.lter, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning .lter {
-  background: #ffe361;
+  background: hsl(49.4472361809, 100.2153110048%, 69.0196078431%);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning.dk, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning .dk {
-  background: #fcd417;
+  background: rgb(252.3212021531, 212.0197742601, 23.1787978469);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning.dker, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning .dker {
-  background: #face00;
+  background: hsl(49.4472361809, 100.2153110048%, 49.0196078431%);
 }
 .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 a, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning .cxd-Button--link {
-  color: white;
+  color: hsl(49.4472361809, 85.2153110048%, 109.0196078431%);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning a:hover, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning .cxd-Button--link:hover {
   color: #fff;
@@ -27118,32 +27246,32 @@ input[type=button].cxd-Button--block {
   color: #fff;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning .text-muted {
-  color: #414c52 !important;
+  color: rgb(65.3333333333, 75.7272727273, 81.6666666667) !important;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-warning .text-lt {
-  color: #99a6ad !important;
+  color: rgb(152.5, 165.5454545455, 173) !important;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger {
   background-color: #dc3545;
-  color: #f8e5e6;
+  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: #e24857;
+  background: rgb(226.4095727848, 72.0904272152, 86.8754950542);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger.lter, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger .lter {
-  background: #e85c69;
+  background: rgb(232.1816455696, 91.8183544304, 105.2663344198);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger.dk, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger .dk {
-  background: #d62133;
+  background: rgb(214.0431170886, 33.4568829114, 50.7585580421);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger.dker, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger .dker {
-  background: #c31b2b;
+  background: rgb(194.7651898734, 27.2348101266, 43.2856249526);
 }
 .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 a, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger .cxd-Button--link {
-  color: white;
+  color: hsl(354.251497006, 60.4641350211%, 103.5294117647%);
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger a:hover, .cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger .cxd-Button--link:hover {
   color: #fff;
@@ -27152,10 +27280,10 @@ input[type=button].cxd-Button--block {
   color: #fff;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger .text-muted {
-  color: #414c52 !important;
+  color: rgb(65.3333333333, 75.7272727273, 81.6666666667) !important;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.bg-danger .text-lt {
-  color: #99a6ad !important;
+  color: rgb(152.5, 165.5454545455, 173) !important;
 }
 .cxd-Table2 .cxd-Table-table > tbody > tr.is-dragging {
   opacity: var(--Table-onDragging-opacity);
@@ -28070,36 +28198,34 @@ input[type=button].cxd-Button--block {
   background: var(--ColumnToggler-item-backgroundColor);
   border-radius: 0.125rem;
   font-size: var(--fontSizeSm);
-  padding: var(--ColumnToggler-item-paddingY) var(--ColumnToggler-item-paddingX);
+  padding: 0 var(--ColumnToggler-item-paddingX);
+  line-height: var(--ColumnToggler-lineHeight);
   height: var(--ColumnToggler-lineHeight);
   width: calc((100% - var(--ColumnToggler-item-margin) * 6) / 3);
   margin: var(--ColumnToggler-item-margin);
   float: left;
+  display: flex;
 }
-.cxd-ColumnToggler-modal-content .cxd-ColumnToggler-menuItem:hover {
-  background: var(--ColumnToggler-item-backgroundColor-onHover);
+.cxd-ColumnToggler-modal-content .cxd-ColumnToggler-menuItem > span {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  min-width: 0;
 }
-.cxd-ColumnToggler-modal-content .cxd-ColumnToggler-menuItem--dragging {
-  border: 1px solid var(--link-color);
+.cxd-ColumnToggler-modal-content .cxd-ColumnToggler-menuItem > label {
+  width: 100%;
 }
 .cxd-ColumnToggler-modal-content .cxd-ColumnToggler-menuItem-label {
-  display: inline-block;
-  width: calc(100% - var(--Checkbox--sm-size));
-}
-.cxd-ColumnToggler-modal-content .cxd-ColumnToggler-menuItem-label > span {
-  display: inline-block;
-  max-width: 100%;
+  overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  overflow: hidden;
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
+  min-width: 0;
 }
-.cxd-ColumnToggler-modal-content .cxd-ColumnToggler-menuItem label > i {
-  height: var(--fontSizeLg);
-  width: var(--fontSizeLg);
-  vertical-align: top;
+.cxd-ColumnToggler-modal-content .cxd-ColumnToggler-menuItem:hover {
+  background: var(--ColumnToggler-item-backgroundColor-onHover);
+}
+.cxd-ColumnToggler-modal-content .cxd-ColumnToggler-menuItem--dragging {
+  border: 1px solid var(--link-color);
 }
 .cxd-ColumnToggler-modal-content .cxd-ColumnToggler-menuItem-dragBar {
   display: inline-block;
@@ -28955,6 +29081,21 @@ input[type=button].cxd-Button--block {
   outline: none;
   position: relative;
 }
+.cxd-Field--popOverAble--flex {
+  display: flex;
+  align-items: center;
+}
+.cxd-Field--popOverAble .cxd-Field-popOverWrap-ellipsis {
+  width: 200px;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  vertical-align: bottom;
+  display: inline-block;
+}
+.cxd-Field--popOverAble .cxd-Field-popOverWrap-noWrap {
+  white-space: nowrap;
+}
 .cxd-PopOverAble-popover {
   min-width: 20rem;
   max-width: 40rem;
@@ -31508,6 +31649,10 @@ input[type=button].cxd-Button--block {
 .cxd-Steps .cxd-StepsItem-container {
   position: relative;
 }
+.cxd-Steps .cxd-StepsItem-container.cxd-StepsItem-vertical {
+  display: flex;
+  flex-direction: column;
+}
 .cxd-Steps .cxd-StepsItem-containerIcon {
   vertical-align: top;
   display: inline-flex;
@@ -31531,7 +31676,7 @@ input[type=button].cxd-Button--block {
   top: 0;
 }
 .cxd-Steps .cxd-StepsItem-containerWrapper {
-  display: inline-block;
+  display: inline-flex;
   position: relative;
 }
 .cxd-Steps .cxd-StepsItem-containerWrapper .cxd-StepsItem-body .cxd-StepsItem-title {
@@ -33027,432 +33172,386 @@ input.cxd-TextControl-input-password {
 .cxd-Checkbox {
   margin: 0 var(--gap-sm) 0 0;
   font-weight: var(--fontWeightNormal);
-  -webkit-user-select: none;
-     -moz-user-select: none;
-          user-select: none;
-  pointer-events: none;
-}
-.cxd-Checkbox input {
-  position: absolute;
-  clip: rect(1px 1px 1px 1px);
-  clip: rect(1px, 1px, 1px, 1px);
-  pointer-events: none;
+  display: inline-block;
+  cursor: pointer;
 }
-.cxd-Checkbox:hover input:not(:disabled) + i {
-  border-color: var(--Checkbox-onHover-color);
+.cxd-Checkbox.disabled {
+  cursor: not-allowed;
 }
-.cxd-Checkbox.cxd-Checkbox--checkbox.cxd-Checkbox--button > i + span {
-  margin-left: 0;
+.cxd-Checkbox > input {
+  display: none;
 }
 .cxd-Checkbox > i {
-  cursor: pointer;
   line-height: 1;
-  background: var(--Checkbox-gb);
   display: inline-block;
   vertical-align: text-bottom;
   position: relative;
-  pointer-events: all;
-}
-.cxd-Checkbox > i + span {
-  pointer-events: all;
-  margin-left: var(--gap-sm);
-  cursor: pointer;
-  display: inline-block;
-  vertical-align: top;
-}
-.cxd-Checkbox > i + span > a {
-  margin-left: var(--gap-xs);
-  display: none;
-}
-.cxd-Checkbox > i + span:empty {
-  display: none;
-}
-.cxd-Checkbox > i:before {
-  content: "";
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  width: 0px;
-  height: 0px;
-  background: transparent;
-  transition: all var(--animation-duration);
-  transform-origin: 50% 50%;
-  transform: translate(-50%, -50%);
 }
 .cxd-Checkbox.is-mobile > i + span {
   vertical-align: middle;
 }
-.cxd-Checkbox:hover > i + span > a {
-  display: inline-block;
-}
-.cxd-Checkbox--checkbox {
-  padding-left: var(--Checkbox-size);
-  font-weight: var(--checkbox-checkbox-default-fontWeight);
-  font-size: var(--checkbox-checkbox-default-fontSize);
-  color: var(--checkbox-checkbox-default-text-color);
-}
-.cxd-Checkbox--checkbox:hover {
-  color: var(--checkbox-checkbox-hover-text-color);
-}
-.cxd-Checkbox--checkbox:active {
-  color: var(--checkbox-checkbox-active-text-color);
-}
-.cxd-Checkbox--checkbox input {
-  margin-left: calc(var(--Checkbox-size) * -1);
-}
-.cxd-Checkbox--checkbox input:checked + i {
-  border-width: var(--checkbox-checked-default-top-border-width) var(--checkbox-checked-default-right-border-width) var(--checkbox-checked-default-bottom-border-width) var(--checkbox-checked-default-left-border-width);
-  border-style: var(--checkbox-checked-default-top-border-style) var(--checkbox-checked-default-right-border-style) var(--checkbox-checked-default-bottom-border-style) var(--checkbox-checked-default-left-border-style);
-  border-color: var(--checkbox-checked-default-top-border-color) var(--checkbox-checked-default-right-border-color) var(--checkbox-checked-default-bottom-border-color) var(--checkbox-checked-default-left-border-color);
-  border-radius: var(--checkbox-checked-default-top-left-border-radius) var(--checkbox-checked-default-top-right-border-radius) var(--checkbox-checked-default-bottom-right-border-radius) var(--checkbox-checked-default-bottom-left-border-radius);
-}
-.cxd-Checkbox--checkbox input:checked + i:hover {
-  border-width: var(--checkbox-checkbox-hover-top-border-width) var(--checkbox-checkbox-hover-right-border-width) var(--checkbox-checkbox-hover-bottom-border-width) var(--checkbox-checkbox-hover-left-border-width);
-  border-style: var(--checkbox-checkbox-hover-top-border-style) var(--checkbox-checkbox-hover-right-border-style) var(--checkbox-checkbox-hover-bottom-border-style) var(--checkbox-checkbox-hover-left-border-style);
-  border-color: var(--checkbox-checkbox-hover-top-border-color) var(--checkbox-checkbox-hover-right-border-color) var(--checkbox-checkbox-hover-bottom-border-color) var(--checkbox-checkbox-hover-left-border-color);
-  border-radius: var(--checkbox-checkbox-hover-top-left-border-radius) var(--checkbox-checkbox-hover-top-right-border-radius) var(--checkbox-checkbox-hover-bottom-right-border-radius) var(--checkbox-checkbox-hover-bottom-left-border-radius);
-}
-.cxd-Checkbox--checkbox input:checked + i:before {
-  width: var(--Checkbox-inner-size);
-  height: var(--Checkbox-inner-size);
-}
-.cxd-Checkbox--checkbox input[disabled] + i {
-  border-color: var(--Checkbox-color) !important;
-  cursor: not-allowed;
-  background-color: var(--checkbox-checkbox-disabled-bg-color);
-}
-.cxd-Checkbox--checkbox input[disabled] + i:before {
-  border-width: 0;
-}
-.cxd-Checkbox--checkbox input[disabled] + i + span {
-  cursor: not-allowed;
-  color: var(--checkbox-checkbox-disabled-text-color);
-}
-.cxd-Checkbox--checkbox > i {
-  width: var(--Checkbox-size);
-  height: var(--Checkbox-size);
-  border: 0.0625rem solid var(--Checkbox-color);
-  border-radius: var(--Checkbox-borderRadius);
-  margin-left: calc(var(--Checkbox-size) * -1);
-  border-width: var(--checkbox-checkbox-default-top-border-width) var(--checkbox-checkbox-default-right-border-width) var(--checkbox-checkbox-default-bottom-border-width) var(--checkbox-checkbox-default-left-border-width);
-  border-style: var(--checkbox-checkbox-default-top-border-style) var(--checkbox-checkbox-default-right-border-style) var(--checkbox-checkbox-default-bottom-border-style) var(--checkbox-checkbox-default-left-border-style);
-  border-color: var(--checkbox-checkbox-default-top-border-color) var(--checkbox-checkbox-default-right-border-color) var(--checkbox-checkbox-default-bottom-border-color) var(--checkbox-checkbox-default-left-border-color);
-  border-radius: var(--checkbox-checkbox-default-top-left-border-radius) var(--checkbox-checkbox-default-top-right-border-radius) var(--checkbox-checkbox-default-bottom-right-border-radius) var(--checkbox-checkbox-default-bottom-left-border-radius);
-  background: var(--checkbox-checkbox-default-bg-color);
-}
-.cxd-Checkbox--checkbox > i:hover {
-  border-width: var(--checkbox-checkbox-hover-top-border-width) var(--checkbox-checkbox-hover-right-border-width) var(--checkbox-checkbox-hover-bottom-border-width) var(--checkbox-checkbox-hover-left-border-width);
-  border-style: var(--checkbox-checkbox-hover-top-border-style) var(--checkbox-checkbox-hover-right-border-style) var(--checkbox-checkbox-hover-bottom-border-style) var(--checkbox-checkbox-hover-left-border-style);
-  border-color: var(--checkbox-checkbox-hover-top-border-color) var(--checkbox-checkbox-hover-right-border-color) var(--checkbox-checkbox-hover-bottom-border-color) var(--checkbox-checkbox-hover-left-border-color);
-  border-radius: var(--checkbox-checkbox-hover-top-left-border-radius) var(--checkbox-checkbox-hover-top-right-border-radius) var(--checkbox-checkbox-hover-bottom-right-border-radius) var(--checkbox-checkbox-hover-bottom-left-border-radius);
-  background: var(--checkbox-checkbox-hover-bg-color);
-}
-.cxd-Checkbox--checkbox > i:active {
-  border-width: var(--checkbox-checkbox-active-top-border-width) var(--checkbox-checkbox-active-right-border-width) var(--checkbox-checkbox-active-bottom-border-width) var(--checkbox-checkbox-active-left-border-width);
-  border-style: var(--checkbox-checkbox-active-top-border-style) var(--checkbox-checkbox-active-right-border-style) var(--checkbox-checkbox-active-bottom-border-style) var(--checkbox-checkbox-active-left-border-style);
-  border-color: var(--checkbox-checkbox-active-top-border-color) var(--checkbox-checkbox-active-right-border-color) var(--checkbox-checkbox-active-bottom-border-color) var(--checkbox-checkbox-active-left-border-color);
-  border-radius: var(--checkbox-checkbox-active-top-left-border-radius) var(--checkbox-checkbox-active-top-right-border-radius) var(--checkbox-checkbox-active-bottom-right-border-radius) var(--checkbox-checkbox-active-bottom-left-border-radius);
-  background: var(--checkbox-checkbox-active-bg-color);
-}
-.cxd-Checkbox--checkbox.cxd-Checkbox:hover > input + i {
-  border-color: var(--button-primary-hover-top-border-color) var(--button-primary-hover-right-border-color) var(--button-primary-hover-bottom-border-color) var(--button-primary-hover-left-border-color);
-}
-.cxd-Checkbox--checkbox.cxd-Checkbox:active > i:before {
-  background: var(--Checkbox-checked-onHover-bgColor);
-}
-.cxd-Checkbox--full.cxd-Checkbox--checkbox:not(:disabled) + i:hover {
-  border-color: var(--Checkbox-color);
-}
-.cxd-Checkbox--full.cxd-Checkbox--checkbox:hover input:checked + i {
-  background: var(--button-primary-hover-bg-color);
-  border-color: transparent;
-}
-.cxd-Checkbox--full.cxd-Checkbox--checkbox:hover > i:before {
-  background: transparent;
-}
-.cxd-Checkbox--full.cxd-Checkbox--checkbox:active input:checked + i {
-  background: var(--Checkbox-checked-onHover-bgColor);
-}
-.cxd-Checkbox--full.cxd-Checkbox--checkbox input:checked + i {
-  border-color: var(--Checkbox-onHover-color);
-  background: var(--Checkbox-onHover-color);
-}
-.cxd-Checkbox--full.cxd-Checkbox--checkbox input:checked + i:before {
-  width: var(--Checkbox--full-inner-size);
-  height: calc(var(--Checkbox--full-inner-size) / 2);
-  border-color: #fff;
-}
-.cxd-Checkbox--full.cxd-Checkbox--checkbox input[disabled] + i {
-  border-color: var(--Checkbox-color);
-  background: var(--checkbox-checkbox-disabled-bg-color);
-}
-.cxd-Checkbox--full.cxd-Checkbox--checkbox input[disabled]:checked + i:before {
-  border-color: var(--Checkbox-onDisabled-color);
-  border-width: 0 0 0.0625rem 0.0625rem;
-}
-.cxd-Checkbox--full.cxd-Checkbox--checkbox input:checked[disabled] + i {
-  border-color: var(--Checkbox-color);
-}
-.cxd-Checkbox--full.cxd-Checkbox--checkbox > i {
+.cxd-Checkbox--partial .checkbox-icon {
+  content: var(--checkbox-default-partial-default-icon);
+}
+.cxd-Checkbox--checkbox--default {
+  font-weight: var(--checkbox-default-default-fontWeight);
+  font-size: var(--checkbox-default-default-fontSize);
+  color: var(--checkbox-default-default-text-color);
+}
+.cxd-Checkbox--checkbox--default > i {
+  width: var(--checkbox-default-default-height);
+  height: var(--checkbox-default-default-height);
+  border-width: var(--checkbox-default-default-top-border-width) var(--checkbox-default-default-right-border-width) var(--checkbox-default-default-bottom-border-width) var(--checkbox-default-default-left-border-width);
+  border-style: var(--checkbox-default-default-top-border-style) var(--checkbox-default-default-right-border-style) var(--checkbox-default-default-bottom-border-style) var(--checkbox-default-default-left-border-style);
+  border-color: var(--checkbox-default-default-top-border-color) var(--checkbox-default-default-right-border-color) var(--checkbox-default-default-bottom-border-color) var(--checkbox-default-default-left-border-color);
+  border-radius: var(--checkbox-default-default-top-left-border-radius) var(--checkbox-default-default-top-right-border-radius) var(--checkbox-default-default-bottom-right-border-radius) var(--checkbox-default-default-bottom-left-border-radius);
+  background: var(--checkbox-default-default-bg-color);
+}
+.cxd-Checkbox--checkbox--default > i {
+  margin-right: var(--checkbox-default-default-distance);
+}
+.cxd-Checkbox--checkbox--default > i .icon {
+  height: var(--checkbox-default-checked-default-icon-size);
+  width: var(--checkbox-default-checked-default-icon-size);
+  color: var(--checkbox-default-checked-default-icon-color);
+  transition: all var(--animation-duration);
+  transform: scale(0);
+}
+.cxd-Checkbox--checkbox--default:hover:not(.disabled):not(.checked) {
+  font-size: var(--checkbox-default-hover-fontSize);
+  color: var(--checkbox-default-hover-text-color);
+}
+.cxd-Checkbox--checkbox--default:hover:not(.disabled):not(.checked) > i {
+  width: var(--checkbox-default-hover-height);
+  height: var(--checkbox-default-hover-height);
+  border-width: var(--checkbox-default-hover-top-border-width) var(--checkbox-default-hover-right-border-width) var(--checkbox-default-hover-bottom-border-width) var(--checkbox-default-hover-left-border-width);
+  border-style: var(--checkbox-default-hover-top-border-style) var(--checkbox-default-hover-right-border-style) var(--checkbox-default-hover-bottom-border-style) var(--checkbox-default-hover-left-border-style);
+  border-color: var(--checkbox-default-hover-top-border-color) var(--checkbox-default-hover-right-border-color) var(--checkbox-default-hover-bottom-border-color) var(--checkbox-default-hover-left-border-color);
+  border-radius: var(--checkbox-default-hover-top-left-border-radius) var(--checkbox-default-hover-top-right-border-radius) var(--checkbox-default-hover-bottom-right-border-radius) var(--checkbox-default-hover-bottom-left-border-radius);
+  background: var(--checkbox-default-hover-bg-color);
+}
+.cxd-Checkbox--checkbox--default:active:not(.disabled):not(.checked) {
+  font-size: var(--checkbox-default-active-fontSize);
+  color: var(--checkbox-default-active-text-color);
+}
+.cxd-Checkbox--checkbox--default:active:not(.disabled):not(.checked) > i {
+  width: var(--checkbox-default-active-height);
+  height: var(--checkbox-default-active-height);
+  border-width: var(--checkbox-default-active-top-border-width) var(--checkbox-default-active-right-border-width) var(--checkbox-default-active-bottom-border-width) var(--checkbox-default-active-left-border-width);
+  border-style: var(--checkbox-default-active-top-border-style) var(--checkbox-default-active-right-border-style) var(--checkbox-default-active-bottom-border-style) var(--checkbox-default-active-left-border-style);
+  border-color: var(--checkbox-default-active-top-border-color) var(--checkbox-default-active-right-border-color) var(--checkbox-default-active-bottom-border-color) var(--checkbox-default-active-left-border-color);
+  border-radius: var(--checkbox-default-active-top-left-border-radius) var(--checkbox-default-active-top-right-border-radius) var(--checkbox-default-active-bottom-right-border-radius) var(--checkbox-default-active-bottom-left-border-radius);
+  background: var(--checkbox-default-active-bg-color);
+}
+.cxd-Checkbox--checkbox--default--checked {
+  font-size: var(--checkbox-default-checked-default-fontSize);
+  color: var(--checkbox-default-checked-default-text-color);
+}
+.cxd-Checkbox--checkbox--default--checked > i {
+  width: var(--checkbox-default-checked-default-height);
+  height: var(--checkbox-default-checked-default-height);
+  border-width: var(--checkbox-default-checked-default-top-border-width) var(--checkbox-default-checked-default-right-border-width) var(--checkbox-default-checked-default-bottom-border-width) var(--checkbox-default-checked-default-left-border-width);
+  border-style: var(--checkbox-default-checked-default-top-border-style) var(--checkbox-default-checked-default-right-border-style) var(--checkbox-default-checked-default-bottom-border-style) var(--checkbox-default-checked-default-left-border-style);
+  border-color: var(--checkbox-default-checked-default-top-border-color) var(--checkbox-default-checked-default-right-border-color) var(--checkbox-default-checked-default-bottom-border-color) var(--checkbox-default-checked-default-left-border-color);
+  border-radius: var(--checkbox-default-checked-default-top-left-border-radius) var(--checkbox-default-checked-default-top-right-border-radius) var(--checkbox-default-checked-default-bottom-right-border-radius) var(--checkbox-default-checked-default-bottom-left-border-radius);
+  background: var(--checkbox-default-checked-default-bg-color);
+}
+.cxd-Checkbox--checkbox--default--checked > i .icon {
+  transform: scale(1);
+}
+.cxd-Checkbox--checkbox--default--checked:hover:not(.disabled) {
+  font-size: var(--checkbox-default-checked-hover-fontSize);
+  color: var(--checkbox-default-checked-hover-text-color);
+}
+.cxd-Checkbox--checkbox--default--checked:hover:not(.disabled) > i {
+  width: var(--checkbox-default-checked-hover-height);
+  height: var(--checkbox-default-checked-hover-height);
+  border-width: var(--checkbox-default-checked-hover-top-border-width) var(--checkbox-default-checked-hover-right-border-width) var(--checkbox-default-checked-hover-bottom-border-width) var(--checkbox-default-checked-hover-left-border-width);
+  border-style: var(--checkbox-default-checked-hover-top-border-style) var(--checkbox-default-checked-hover-right-border-style) var(--checkbox-default-checked-hover-bottom-border-style) var(--checkbox-default-checked-hover-left-border-style);
+  border-color: var(--checkbox-default-checked-hover-top-border-color) var(--checkbox-default-checked-hover-right-border-color) var(--checkbox-default-checked-hover-bottom-border-color) var(--checkbox-default-checked-hover-left-border-color);
+  border-radius: var(--checkbox-default-checked-hover-top-left-border-radius) var(--checkbox-default-checked-hover-top-right-border-radius) var(--checkbox-default-checked-hover-bottom-right-border-radius) var(--checkbox-default-checked-hover-bottom-left-border-radius);
+  background: var(--checkbox-default-checked-hover-bg-color);
+}
+.cxd-Checkbox--checkbox--default--checked:active:not(.disabled) {
+  font-size: var(--checkbox-default-checked-active-fontSize);
+  color: var(--checkbox-default-checked-active-text-color);
+}
+.cxd-Checkbox--checkbox--default--checked:active:not(.disabled) > i {
+  width: var(--checkbox-default-checked-active-height);
+  height: var(--checkbox-default-checked-active-height);
+  border-width: var(--checkbox-default-checked-active-top-border-width) var(--checkbox-default-checked-active-right-border-width) var(--checkbox-default-checked-active-bottom-border-width) var(--checkbox-default-checked-active-left-border-width);
+  border-style: var(--checkbox-default-checked-active-top-border-style) var(--checkbox-default-checked-active-right-border-style) var(--checkbox-default-checked-active-bottom-border-style) var(--checkbox-default-checked-active-left-border-style);
+  border-color: var(--checkbox-default-checked-active-top-border-color) var(--checkbox-default-checked-active-right-border-color) var(--checkbox-default-checked-active-bottom-border-color) var(--checkbox-default-checked-active-left-border-color);
+  border-radius: var(--checkbox-default-checked-active-top-left-border-radius) var(--checkbox-default-checked-active-top-right-border-radius) var(--checkbox-default-checked-active-bottom-right-border-radius) var(--checkbox-default-checked-active-bottom-left-border-radius);
+  background: var(--checkbox-default-checked-active-bg-color);
+}
+.cxd-Checkbox--checkbox--default--disabled--unchecked {
+  font-size: var(--checkbox-default-disabled-fontSize);
+  color: var(--checkbox-default-disabled-text-color);
+}
+.cxd-Checkbox--checkbox--default--disabled--unchecked > i {
+  width: var(--checkbox-default-disabled-height);
+  height: var(--checkbox-default-disabled-height);
+  border-width: var(--checkbox-default-disabled-top-border-width) var(--checkbox-default-disabled-right-border-width) var(--checkbox-default-disabled-bottom-border-width) var(--checkbox-default-disabled-left-border-width);
+  border-style: var(--checkbox-default-disabled-top-border-style) var(--checkbox-default-disabled-right-border-style) var(--checkbox-default-disabled-bottom-border-style) var(--checkbox-default-disabled-left-border-style);
+  border-color: var(--checkbox-default-disabled-top-border-color) var(--checkbox-default-disabled-right-border-color) var(--checkbox-default-disabled-bottom-border-color) var(--checkbox-default-disabled-left-border-color);
+  border-radius: var(--checkbox-default-disabled-top-left-border-radius) var(--checkbox-default-disabled-top-right-border-radius) var(--checkbox-default-disabled-bottom-right-border-radius) var(--checkbox-default-disabled-bottom-left-border-radius);
+  background: var(--checkbox-default-disabled-bg-color);
+}
+.cxd-Checkbox--checkbox--default--disabled--checked {
+  font-size: var(--checkbox-default-checked-disabled-fontSize);
+  color: var(--checkbox-default-checked-disabled-text-color);
+}
+.cxd-Checkbox--checkbox--default--disabled--checked > i {
+  width: var(--checkbox-default-checked-disabled-height);
+  height: var(--checkbox-default-checked-disabled-height);
+  border-width: var(--checkbox-default-checked-disabled-top-border-width) var(--checkbox-default-checked-disabled-right-border-width) var(--checkbox-default-checked-disabled-bottom-border-width) var(--checkbox-default-checked-disabled-left-border-width);
+  border-style: var(--checkbox-default-checked-disabled-top-border-style) var(--checkbox-default-checked-disabled-right-border-style) var(--checkbox-default-checked-disabled-bottom-border-style) var(--checkbox-default-checked-disabled-left-border-style);
+  border-color: var(--checkbox-default-checked-disabled-top-border-color) var(--checkbox-default-checked-disabled-right-border-color) var(--checkbox-default-checked-disabled-bottom-border-color) var(--checkbox-default-checked-disabled-left-border-color);
+  border-radius: var(--checkbox-default-checked-disabled-top-left-border-radius) var(--checkbox-default-checked-disabled-top-right-border-radius) var(--checkbox-default-checked-disabled-bottom-right-border-radius) var(--checkbox-default-checked-disabled-bottom-left-border-radius);
+  background: var(--checkbox-default-checked-disabled-bg-color);
+}
+.cxd-Checkbox--checkbox--default--disabled--checked > i .icon {
+  transform: scale(1);
+  color: var(--checkbox-default-checked-disabled-icon-color);
+}
+.cxd-Checkbox--checkbox--button {
+  text-align: center;
+  height: var(--checkbox-button-default-height);
+  line-height: var(--checkbox-button-default-lineHeight);
+  padding: var(--checkbox-button-default-paddingTop) var(--checkbox-button-default-paddingRight) var(--checkbox-button-default-paddingBottom) var(--checkbox-button-default-paddingLeft);
+  min-width: 5rem;
+  font-size: var(--checkbox-button-default-fontSize);
+  color: var(--checkbox-button-default-text-color);
+  border-radius: 0;
+  border-color: var(--checkbox-button-default-top-border-color) var(--checkbox-button-default-right-border-color) var(--checkbox-button-default-bottom-border-color) var(--checkbox-button-default-left-border-color);
+  border-width: var(--checkbox-button-default-top-border-width) var(--checkbox-button-default-right-border-width) var(--checkbox-button-default-bottom-border-width) var(--checkbox-button-default-left-border-width);
+  border-style: var(--checkbox-button-default-top-border-style) var(--checkbox-button-default-right-border-style) var(--checkbox-button-default-bottom-border-style) var(--checkbox-button-default-left-border-style);
+  margin-right: calc(var(--checkbox-button-default-right-border-width) * -1) !important;
   position: relative;
-  cursor: pointer;
-}
-.cxd-Checkbox--full.cxd-Checkbox--checkbox > i:before {
-  content: "";
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  width: 0;
-  height: 0;
-  border-color: transparent;
-  transition: width var(--animation-duration), height var(--animation-duration), transform var(--animation-duration);
-  border-width: 0 0 0.0625rem 0.0625rem;
-  transform: translate(-50%, -90%) rotate(-40deg);
-  border-style: solid;
-}
-.cxd-Checkbox--partial.cxd-Checkbox--checkbox input {
-  margin-left: calc(var(--Checkbox-size) * -1);
-}
-.cxd-Checkbox--partial.cxd-Checkbox--checkbox input + i {
-  border-color: var(--Checkbox-onHover-color);
-}
-.cxd-Checkbox--partial.cxd-Checkbox--checkbox input + i:before {
-  width: var(--Checkbox-inner-size);
-  height: var(--Checkbox-inner-size);
 }
-.cxd-Checkbox--partial.cxd-Checkbox--checkbox input[disabled] + i {
-  border-color: var(--Checkbox-onDisabled-color);
+.cxd-Checkbox--checkbox--button.first {
+  border-radius: var(--checkbox-button-default-top-left-border-radius) 0 0 var(--checkbox-button-default-bottom-left-border-radius);
 }
-.cxd-Checkbox--partial.cxd-Checkbox--checkbox input[disabled] + i:before {
-  width: var(--Checkbox-inner-size);
-  height: var(--Checkbox-inner-size);
-  background: var(--Checkbox-inner-onDisabled-bg);
+.cxd-Checkbox--checkbox--button.last {
+  border-radius: 0 var(--checkbox-button-default-top-right-border-radius) var(--checkbox-button-default-bottom-right-border-radius) 0;
 }
-.cxd-Checkbox--partial.cxd-Checkbox--checkbox input:checked[disabled] + i {
-  width: var(--Checkbox-inner-size);
-  height: var(--Checkbox-inner-size);
-  background: var(--Checkbox-onDisabled-bg);
+.cxd-Checkbox--checkbox--button.first.last {
+  border-radius: var(--checkbox-button-default-top-left-border-radius) var(--checkbox-button-default-top-right-border-radius) var(--checkbox-button-default-bottom-right-border-radius) var(--checkbox-button-default-bottom-left-border-radius);
 }
-.cxd-Checkbox--button.cxd-Checkbox--checkbox {
-  text-align: center;
-  height: var(--Checkbox-button-height);
-  line-height: var(--Checkbox-button-line-height);
-  padding-left: var(--Checkbox-paddingX);
-  padding-right: var(--Checkbox-paddingX);
-  font-size: var(--fontSizeSm);
-  border: var(--Checkbox-border-width) solid;
-  cursor: pointer;
-  position: relative;
-  display: inline-block;
-  background-color: var(--Checkbox-gb);
-  border-color: var(--Checkbox-color);
-  margin-right: 0;
-  border-radius: calc(var(--Checkbox-borderRadius) * 2);
-  min-width: var(--Checkbox-button-min-width);
-}
-.cxd-Checkbox--button.cxd-Checkbox--checkbox > span {
-  line-height: var(--Checkbox-button-line-height);
-}
-.cxd-Checkbox--button.cxd-Checkbox--checkbox:hover:not(:disabled) {
-  color: var(--Checkbox-onHover-color);
-  border-color: var(--Checkbox-onHover-color);
-  box-shadow: -1px 0 0 0 var(--Checkbox-onHover-color);
+.cxd-Checkbox--checkbox--button.last-line {
+  margin-bottom: 0 !important;
 }
-.cxd-Checkbox--button.cxd-Checkbox--checkbox:hover:not(:disabled):first-child {
-  box-shadow: none;
+.cxd-Checkbox--checkbox--button:hover:not(.disabled):not(.checked) {
+  color: var(--checkbox-button-hover-text-color);
+  border-color: var(--checkbox-button-hover-top-border-color) var(--checkbox-button-hover-right-border-color) var(--checkbox-button-hover-bottom-border-color) var(--checkbox-button-hover-left-border-color);
+  z-index: 1;
 }
-.cxd-Checkbox--button.cxd-Checkbox--checkbox:hover input:checked + i {
-  background: transparent;
-  border-color: var(--button-primary-hover-top-border-color) transparent transparent var(--button-primary-hover-left-border-color);
+.cxd-Checkbox--checkbox--button--checked {
+  z-index: 1;
+  border-color: var(--checkbox-button-checked-default-top-border-color) var(--checkbox-button-checked-default-right-border-color) var(--checkbox-button-checked-default-bottom-border-color) var(--checkbox-button-checked-default-left-border-color);
+  color: var(--checkbox-button-checked-default-text-color);
 }
-.cxd-Checkbox--button.cxd-Checkbox--checkbox:active input:checked + i {
-  background: transparent;
-  border-color: var(--Checkbox-checked-onHover-bgColor) transparent transparent var(--Checkbox-checked-onHover-bgColor);
+.cxd-Checkbox--checkbox--button--checked > i {
+  width: var(--checkbox-button-checked-default-icon-bg-size);
+  height: var(--checkbox-button-checked-default-icon-bg-size);
+  background-color: var(--checkbox-button-checked-default-icon-bg-color);
 }
-.cxd-Checkbox--button.cxd-Checkbox--checkbox input:checked + i {
-  background: transparent;
-  top: 0;
-  left: 0;
-  width: 0;
-  height: 0;
-  border-width: 0.5rem;
-  border-color: var(--Checkbox-onHover-color) transparent transparent var(--Checkbox-onHover-color);
-  border-radius: 0;
+.cxd-Checkbox--checkbox--button--checked > i .icon {
+  width: var(--checkbox-button-checked-default-icon-size);
+  height: var(--checkbox-button-checked-default-icon-size);
+  color: var(--checkbox-button-checked-default-icon-color);
 }
-.cxd-Checkbox--button.cxd-Checkbox--checkbox input:checked + i:before {
+.cxd-Checkbox--checkbox--button--checked > i {
   position: absolute;
   top: 0;
   left: 0;
-  width: var(--Checkbox--full-inner-size);
-  height: calc(var(--Checkbox--full-inner-size) / 2);
-  transform: translate(-80%, -160%) rotate(-50deg) scale(0.8);
-  background: transparent;
+  clip-path: polygon(0% 0%, 0% 100%, 100% 0%);
 }
-.cxd-Checkbox--button.cxd-Checkbox--checkbox input[disabled] + i {
-  border-color: var(--Checkbox-onDisabled-color);
-  background: transparent;
+.cxd-Checkbox--checkbox--button--checked > i .icon {
+  transform: scale(0.8) translate(-20%, -20%);
 }
-.cxd-Checkbox--button.cxd-Checkbox--checkbox input[disabled] + i:before {
-  background: transparent;
+.cxd-Checkbox--checkbox--button--checked:hover {
+  border-color: var(--checkbox-button-checked-hover-top-border-color) var(--checkbox-button-checked-hover-right-border-color) var(--checkbox-button-checked-hover-bottom-border-color) var(--checkbox-button-checked-hover-left-border-color);
+  color: var(--checkbox-button-checked-hover-text-color);
 }
-.cxd-Checkbox--button.cxd-Checkbox--checkbox input:checked[disabled] + i {
-  background: transparent;
-  border-width: 0.4375rem;
-  border-color: var(--Checkbox-inner-disabled-checked-bg) transparent transparent var(--Checkbox-inner-disabled-checked-bg);
+.cxd-Checkbox--checkbox--button--checked:hover > i {
+  width: var(--checkbox-button-checked-hover-icon-bg-size);
+  height: var(--checkbox-button-checked-hover-icon-bg-size);
+  background-color: var(--checkbox-button-checked-hover-icon-bg-color);
 }
-.cxd-Checkbox--button.cxd-Checkbox--checkbox input:checked[disabled] + i:before {
-  background: transparent;
-  border-color: var(--Checkbox-inner-onDisabled-color) !important;
+.cxd-Checkbox--checkbox--button--checked:hover > i .icon {
+  width: var(--checkbox-button-checked-hover-icon-size);
+  height: var(--checkbox-button-checked-hover-icon-size);
+  color: var(--checkbox-button-checked-hover-icon-color);
 }
-.cxd-Checkbox--button.cxd-Checkbox--checkbox > i {
-  position: absolute;
-  top: 0;
-  left: 0;
-  margin-left: 0;
-  border: 0;
-  border-style: solid;
-  background: transparent;
+.cxd-Checkbox--checkbox--button--checked:active {
+  border-color: var(--checkbox-button-checked-active-top-border-color) var(--checkbox-button-checked-active-right-border-color) var(--checkbox-button-checked-active-bottom-border-color) var(--checkbox-button-checked-active-left-border-color);
+  color: var(--checkbox-button-checked-active-text-color);
 }
-.cxd-Checkbox--button.cxd-Checkbox--checkbox > i + span {
-  max-width: 6.25rem;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  overflow: hidden;
+.cxd-Checkbox--checkbox--button--checked:active > i {
+  width: var(--checkbox-button-checked-active-icon-bg-size);
+  height: var(--checkbox-button-checked-active-icon-bg-size);
+  background-color: var(--checkbox-button-checked-active-icon-bg-color);
 }
-.cxd-Checkbox--button--checked.cxd-Checkbox--checkbox.cxd-Checkbox--button {
-  border-color: var(--Checkbox-onHover-color);
-  color: var(--Checkbox-onHover-color);
-  box-shadow: -1px 0 0 0 var(--Checkbox-onHover-color);
+.cxd-Checkbox--checkbox--button--checked:active > i .icon {
+  width: var(--checkbox-button-checked-active-icon-size);
+  height: var(--checkbox-button-checked-active-icon-size);
+  color: var(--checkbox-button-checked-active-icon-color);
 }
-.cxd-Checkbox--button--checked.cxd-Checkbox--checkbox.cxd-Checkbox--button:first-child {
-  box-shadow: none;
+.cxd-Checkbox--checkbox--button--disabled--unchecked {
+  color: var(--checkbox-button-disabled-text-color);
+  background: var(--checkbox-button-disabled-bg-color);
+  border-color: var(--checkbox-button-disabled-top-border-color) var(--checkbox-button-disabled-right-border-color) var(--checkbox-button-disabled-bottom-border-color) var(--checkbox-button-disabled-left-border-color);
 }
-.cxd-Checkbox--button--checked.cxd-Checkbox--checkbox.cxd-Checkbox--button:hover {
-  border-color: var(--menu-active-color);
-  color: var(--menu-active-color);
-  box-shadow: -1px 0 0 0 var(--menu-active-color);
+.cxd-Checkbox--checkbox--button--disabled--checked {
+  background: var(--checkbox-button-checked-disabled-bg-color);
+  border-color: var(--checkbox-button-checked-disabled-top-border-color) var(--checkbox-button-checked-disabled-right-border-color) var(--checkbox-button-checked-disabled-bottom-border-color) var(--checkbox-button-checked-disabled-left-border-color);
+  color: var(--checkbox-button-checked-disabled-text-color);
 }
-.cxd-Checkbox--button--checked.cxd-Checkbox--checkbox.cxd-Checkbox--button:active {
-  border-color: var(--Checkbox-checked-onHover-bgColor);
-  color: var(--Checkbox-checked-onHover-bgColor);
-  box-shadow: -1px 0 0 0 var(--Checkbox-checked-onHover-bgColor);
+.cxd-Checkbox--checkbox--button--disabled--checked > i {
+  width: var(--checkbox-button-checked-disabled-icon-bg-size);
+  height: var(--checkbox-button-checked-disabled-icon-bg-size);
+  background-color: var(--checkbox-button-checked-disabled-icon-bg-color);
 }
-.cxd-Checkbox--button--disabled--unchecked.cxd-Checkbox--checkbox {
-  background: var(--Checkbox-disabled-unchecked-bg);
-  border-color: var(--Checkbox-color);
+.cxd-Checkbox--checkbox--button--disabled--checked > i .icon {
+  width: var(--checkbox-button-checked-disabled-icon-size);
+  height: var(--checkbox-button-checked-disabled-icon-size);
+  color: var(--checkbox-button-checked-disabled-icon-color);
 }
-.cxd-Checkbox--button--disabled--unchecked.cxd-Checkbox--checkbox:hover {
-  border-color: var(--Checkbox-color) !important;
-  box-shadow: -1px 0 0 0 var(--Checkbox-color) !important;
+.cxd-Checkbox--checkbox--button--disabled--checked > i {
+  position: absolute;
+  top: 0;
+  left: 0;
+  clip-path: polygon(0% 0%, 0% 100%, 100% 0%);
 }
-.cxd-Checkbox--button--disabled--unchecked.cxd-Checkbox--checkbox:hover:first-child {
-  box-shadow: none !important;
+.cxd-Checkbox--checkbox--button--disabled--checked > i .icon {
+  transform: scale(0.8) translate(-20%, -20%);
 }
-.cxd-Checkbox--button--disabled--checked.cxd-Checkbox--checkbox {
-  background: var(--Checkbox-onDisabled-bg);
-  border-color: var(--Checkbox-color) !important;
-  box-shadow: none !important;
+.cxd-Checkbox--radio--default {
+  color: var(--radio-default-default-text-color);
+  font-size: var(--radio-default-default-fontSize);
+  font-weight: var(--radio-default-default-fontWeight);
+  line-height: var(--radio-default-default-lineHeight);
 }
-.cxd-Checkbox--button--disabled--checked.cxd-Checkbox--checkbox:hover {
-  border-color: var(--Checkbox-color) !important;
+.cxd-Checkbox--radio--default > i {
+  width: var(--radio-default-default-point-size);
+  height: var(--radio-default-default-point-size);
+  border: var(--borders-width-2) var(--borders-style-2) var(--radio-default-default-border-color);
+  margin-top: -0.125rem;
+  border-radius: var(--borders-radius-7);
+  background: var(--radio-default-default-bg-color);
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
 }
-.cxd-Checkbox--radio {
-  padding-left: var(--Radio-size);
+.cxd-Checkbox--radio--default > i .icon {
+  width: var(--radio-default-checked-icon-size);
+  height: var(--radio-default-checked-icon-size);
+  color: var(--radio-default-checked-icon-color);
+  transition: all var(--animation-duration);
+  transform: scale(0);
+  display: flex;
 }
-.cxd-Checkbox--radio input {
-  margin-left: calc(var(--Radio-size) * -1);
+.cxd-Checkbox--radio--default > span {
+  margin-left: var(--radio-default-default-distance);
 }
-.cxd-Checkbox--radio input:checked + i {
-  border-color: var(--Radio-onHover-color);
-  background-color: var(--radio-default-active-bg-color);
+.cxd-Checkbox--radio--default:hover:not(.disabled) {
+  color: var(--radio-default-hover-text-color);
 }
-.cxd-Checkbox--radio input:checked + i + span {
-  color: var(--radio-default-active-text-color);
+.cxd-Checkbox--radio--default:hover:not(.disabled) > i {
+  border-color: var(--radio-default-hover-border-color);
+  background-color: var(--radio-default-hover-bg-color);
 }
-.cxd-Checkbox--radio input:checked + i:before {
-  width: var(--Radio-inner-size);
-  height: var(--Radio-inner-size);
-  background: var(--Radio-onHover-color);
-  border-radius: 50%;
+.cxd-Checkbox--radio--default--checked {
+  color: var(--radio-default-checked-text-color);
 }
-.cxd-Checkbox--radio input[disabled] + i {
-  border-color: var(--Radio-onDisabled-color);
-  background: var(--Radio-onDisabled-bg);
-  cursor: not-allowed;
+.cxd-Checkbox--radio--default--checked > i {
+  border-color: var(--radio-default-checked-border-color);
+  background-color: var(--radio-default-checked-bg-color);
 }
-.cxd-Checkbox--radio input[disabled] + i:before {
-  background: var(--Radio-onDisabled-color);
+.cxd-Checkbox--radio--default--checked > i .icon {
+  transform: scale(1);
 }
-.cxd-Checkbox--radio input[disabled] + i + span {
-  cursor: not-allowed;
+.cxd-Checkbox--radio--default--disabled--unchecked {
   color: var(--radio-default-disabled-text-color);
 }
-.cxd-Checkbox--radio input:focus + i {
-  box-shadow: var(--Radio-onFocus-boxShadow);
+.cxd-Checkbox--radio--default--disabled--unchecked > i {
+  border-color: var(--radio-default-disabled-border-color);
+  background-color: var(--radio-default-disabled-bg-color);
 }
-.cxd-Checkbox--radio > i {
-  cursor: pointer;
-  width: var(--Radio-size);
-  height: var(--Radio-size);
-  border: 0.0625rem solid var(--Radio-color);
-  margin-left: calc(var(--Radio-size) * -1);
-  margin-top: -0.125rem;
-  border-radius: 50%;
-  background: var(--radio-default-default-bg-color);
-}
-.cxd-Checkbox--radio > i + span {
-  color: var(--radio-default-default-text-color);
-  font-size: var(--radio-default-default-fontSize);
-  font-weight: var(--radio-default-default-fontWeight);
-  line-height: var(--radio-default-default-lineHeight);
-  margin-left: var(--radio-default-default-distance);
-}
-.cxd-Checkbox--radio:hover input:not(:disabled) + i {
-  border-color: var(--radio-default-hover-color);
-  background-color: var(--radio-default-hover-bg-color);
+.cxd-Checkbox--radio--default--disabled--checked {
+  color: var(--radio-default-disabled-text-color);
 }
-.cxd-Checkbox--radio:hover input:not(:disabled) + i:before {
-  background: var(--radio-default-hover-color);
+.cxd-Checkbox--radio--default--disabled--checked > i {
+  border-color: var(--radio-default-disabled-border-color);
+  background-color: var(--radio-default-disabled-bg-color);
 }
-.cxd-Checkbox--radio:hover input:not(:disabled) + i + span {
-  color: var(--radio-default-hover-text-color);
+.cxd-Checkbox--radio--default--disabled--checked > i .icon {
+  color: var(--radio-default-disabled-icon-color);
+  transform: scale(1);
 }
-.cxd-Checkbox--radio.cxd-Checkbox--button--disabled--unchecked.cxd-Checkbox--full {
-  background: none;
+.cxd-Checkbox--radio--button {
+  text-align: center;
+  height: var(--radio-button-default-height);
+  padding: var(--radio-button-default-paddingTop) var(--radio-button-default-paddingRight) var(--radio-button-default-paddingBottom) var(--radio-button-default-paddingLeft);
+  min-width: 5rem;
+  font-size: var(--radio-button-default-fontSize);
+  color: var(--radio-button-default-text-color);
+  line-height: var(--radio-button-default-lineHeight);
+  border-radius: var(--radio-button-default-top-left-border-radius) var(--radio-button-default-top-right-border-radius) var(--radio-button-default-bottom-right-border-radius) var(--radio-button-default-bottom-left-border-radius);
+  border-color: var(--radio-button-default-top-border-color) var(--radio-button-default-right-border-color) var(--radio-button-default-bottom-border-color) var(--radio-button-default-left-border-color);
+  border-width: var(--radio-button-default-top-border-width) var(--radio-button-default-right-border-width) var(--radio-button-default-bottom-border-width) var(--radio-button-default-left-border-width);
+  border-style: var(--radio-button-default-top-border-style) var(--radio-button-default-right-border-style) var(--radio-button-default-bottom-border-style) var(--radio-button-default-left-border-style);
+}
+.cxd-Checkbox--radio--button:hover:not(.disabled):not(.checked) {
+  color: var(--radio-button-hover-text-color);
+  border-color: var(--radio-button-hover-top-border-color) var(--radio-button-hover-right-border-color) var(--radio-button-hover-bottom-border-color) var(--radio-button-hover-left-border-color);
+}
+.cxd-Checkbox--radio--button > i {
+  display: none;
 }
-.cxd-Checkbox--radio.cxd-Checkbox--button--disabled--unchecked.cxd-Checkbox--full i {
-  background: var(--FileControl-onDisabled-bg);
-  border: 1px solid var(--menu-border-color);
+.cxd-Checkbox--radio--button span {
+  margin-left: 0;
 }
-.cxd-Checkbox--radio.cxd-Checkbox--button--disabled--unchecked.cxd-Checkbox--full i:before {
-  background: var(--Checkbox-inner-onDisabled-bg);
+.cxd-Checkbox--radio--button--checked {
+  color: var(--radio-button-checked-text-color);
+  border-color: var(--radio-button-checked-top-border-color) var(--radio-button-checked-right-border-color) var(--radio-button-checked-bottom-border-color) var(--radio-button-checked-left-border-color);
+  background-color: var(--radio-button-checked-bg-color);
 }
-.cxd-Checkbox--sm {
-  padding-left: var(--Checkbox--sm-size);
+.cxd-Checkbox--radio--button--disabled--unchecked {
+  color: var(--radio-button-disabled-unchecked-text-color);
+  border-color: var(--radio-button-disabled-unchecked-top-border-color) var(--radio-button-disabled-unchecked-right-border-color) var(--radio-button-disabled-unchecked-bottom-border-color) var(--radio-button-disabled-unchecked-left-border-color);
+  background: var(--radio-button-disabled-unchecked-bg-color);
 }
-.cxd-Checkbox--sm input {
-  margin-left: calc(var(--Checkbox--sm-size) * -1);
+.cxd-Checkbox--radio--button--disabled--checked {
+  color: var(--radio-button-disabled-checked-text-color);
+  border-color: var(--radio-button-disabled-checked-top-border-color) var(--radio-button-disabled-checked-right-border-color) var(--radio-button-disabled-checked-bottom-border-color) var(--radio-button-disabled-checked-left-border-color);
+  background: var(--radio-button-disabled-checked-bg-color);
 }
-.cxd-Checkbox--sm input:checked + i:before {
-  width: var(--Checkbox--sm-inner-size);
-  height: var(--Checkbox--sm-inner-size);
+.cxd-Checkbox--sm.cxd-Checkbox {
+  display: inline-flex;
+  align-items: center;
 }
 .cxd-Checkbox--sm > i {
-  width: var(--Checkbox--sm-size);
-  height: var(--Checkbox--sm-size);
-  margin-left: calc(var(--Checkbox--sm-size) * -1);
-  margin-top: 0;
+  width: var(--checkbox-default-sm-size);
+  height: var(--checkbox-default-sm-size);
 }
-.cxd-Checkbox--sm > i + span {
-  margin-left: var(--gap-xs);
+.cxd-Checkbox--sm > i .icon {
+  width: var(--checkbox-default-sm-icon-size);
+  height: var(--checkbox-default-sm-icon-size);
+}
+.cxd-Checkbox--sm.cxd-Checkbox.cxd-Checkbox--checkbox--default:hover > i {
+  width: var(--checkbox-default-sm-size);
+  height: var(--checkbox-default-sm-size);
 }
-.cxd-Checkbox--sm.cxd-Checkbox--full input[type=checkbox]:checked + i:before {
-  width: var(--Checkbox--sm--full-inner-size);
-  height: calc(var(--Checkbox--sm--full-inner-size) / 2);
+.cxd-Checkbox--sm.cxd-Checkbox.cxd-Checkbox--checkbox--default:hover > i .icon {
+  width: var(--checkbox-default-sm-icon-size);
+  height: var(--checkbox-default-sm-icon-size);
 }
 .cxd-Checkbox-desc {
   color: var(--text--muted-color);
-  margin-left: var(--Checkbox-gap);
+  margin-left: var(--gap-xs);
   margin-top: var(--gap-xs);
   pointer-events: all;
 }
@@ -33472,15 +33571,6 @@ input.cxd-TextControl-input-password {
   display: block;
   margin: var(--radio-default-vertical-marginTop) var(--radio-default-vertical-marginRight) var(--radio-default-vertical-marginBottom) var(--radio-default-vertical-marginLeft);
 }
-.cxd-RadiosControl .cxd-Checkbox--button {
-  margin-bottom: 0;
-}
-.cxd-RadiosControl .cxd-Checkbox--button--disabled--unchecked {
-  background: var(--FileControl-onDisabled-bg);
-}
-.cxd-RadiosControl .cxd-Checkbox--button-checked:active {
-  border-color: var(--Checkbox-checked-onHover-bgColor);
-}
 .cxd-RadiosControl.is-inline .cxd-Checkbox {
   display: inline-block;
   margin: var(--radio-default-default-marginTop) var(--radio-default-default-marginRight) var(--radio-default-default-marginBottom) var(--radio-default-default-marginLeft);
@@ -33494,15 +33584,6 @@ input.cxd-TextControl-input-password {
   display: block;
   margin-bottom: var(--Form-label-paddingTop);
 }
-.cxd-CheckboxesControl .cxd-Checkbox--button {
-  margin-bottom: 0;
-}
-.cxd-CheckboxesControl .cxd-Checkbox--button--disabled--unchecked {
-  background: var(--FileControl-onDisabled-bg);
-}
-.cxd-CheckboxesControl .cxd-Checkbox--button-checked:active {
-  border-color: var(--Checkbox-checked-onHover-bgColor);
-}
 .cxd-CheckboxesControl.is-inline .cxd-Checkbox {
   display: inline-block;
   margin-right: var(--gap-md);
@@ -33533,6 +33614,15 @@ input.cxd-TextControl-input-password {
 .cxd-RadiosControl .cxd-Button.is-active {
   background: var(--ButtonGroup--primary-isActive-bg);
 }
+.cxd-Grid > div > .cxd-Checkbox--checkbox--button {
+  border-radius: var(--checkbox-button-default-top-left-border-radius) var(--checkbox-button-default-top-right-border-radius) var(--checkbox-button-default-bottom-right-border-radius) var(--checkbox-button-default-bottom-left-border-radius);
+}
+.checkbox-icon {
+  content: var(--checkbox-default-checked-default-icon);
+}
+.radio-icon {
+  content: var(--radio-default-checked-icon);
+}
 .cxd-Selection > .cxd-Checkbox {
   display: block;
   line-height: var(--Form-input-lineHeight);
@@ -37858,6 +37948,13 @@ td.rdtQuarter.rdtDisabled:hover > span {
   max-height: none;
   overflow: visible;
 }
+.cxd-TreeControl-toolbar {
+  display: flex;
+  align-items: center;
+  margin-top: var(--gap-sm);
+  margin-bottom: var(--gap-md);
+  margin-left: 0.75rem;
+}
 .cxd-Tree-list, .cxd-Tree-sublist {
   list-style: none;
   padding: 0;
@@ -37920,6 +38017,10 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .cxd-Tree-rootItem {
   line-height: var(--Tree-itemHeight);
 }
+.cxd-Tree-rootItem .cxd-Tree-rootIcon {
+  color: var(--inputTree-base-default-color);
+  align-items: center;
+}
 .cxd-Tree-item > div:hover > .cxd-Tree-item-icons, .cxd-Tree-rootItem > div:hover > .cxd-Tree-item-icons {
   visibility: visible;
 }
@@ -37949,6 +38050,8 @@ td.rdtQuarter.rdtDisabled:hover > span {
   align-items: center;
   overflow: hidden;
   height: 2rem;
+  position: relative;
+  cursor: pointer;
 }
 .cxd-Tree-itemLabel:hover .cxd-Tree-item-icons {
   visibility: visible;
@@ -37981,7 +38084,8 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .cxd-Tree-item-icons {
   visibility: hidden;
   transition: visibility var(--animation-duration) ease;
-  display: inline-block;
+  display: inline-flex;
+  align-items: center;
   vertical-align: top;
   height: var(--Tree-itemHeight);
   line-height: var(--Tree-itemHeight);
@@ -37999,6 +38103,11 @@ td.rdtQuarter.rdtDisabled:hover > span {
   height: 0.75rem;
   top: 0;
 }
+.cxd-Tree-itemActions {
+  display: flex;
+  align-items: center;
+  margin-left: var(--Tree-icon-gap);
+}
 .cxd-Tree-itemInput {
   display: flex;
   flex-direction: row;
@@ -41895,14 +42004,20 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .cxd-AnchorNav {
   display: flex;
-  height: 25rem;
+  min-height: 25rem;
 }
 .cxd-AnchorNav--vertical .cxd-AnchorNav-link-wrap {
   margin: 0;
   padding: 0;
   width: var(--Tabs--vertical-width);
   border-left: var(--AnchorNav-links-container-borderRight);
-  padding-bottom: 3.75rem;
+  padding-bottom: 1.25rem;
+  position: sticky;
+  top: var(--affix-offset-top);
+  height: -moz-fit-content;
+  height: fit-content;
+  max-height: 100%;
+  overflow-y: scroll;
 }
 .cxd-AnchorNav--vertical .cxd-AnchorNav-link-wrap > .cxd-AnchorNav-link {
   position: relative;
@@ -41961,6 +42076,10 @@ td.rdtQuarter.rdtDisabled:hover > span {
   padding: 0px;
   border-bottom: var(--Tabs-borderWidth) solid var(--Tabs-borderColor);
   list-style: none;
+  position: sticky;
+  top: var(--affix-offset-top);
+  z-index: 1;
+  background-color: var(--background);
 }
 .cxd-AnchorNav--horizontal .cxd-AnchorNav-link-wrap > .cxd-AnchorNav-link {
   margin-bottom: calc(var(--Tabs-borderWidth) * -1);
@@ -42004,6 +42123,9 @@ td.rdtQuarter.rdtDisabled:hover > span {
   color: var(--primary);
   background: transparent;
 }
+.cxd-AnchorNav--horizontal .cxd-AnchorNav-section-wrap > .cxd-AnchorNav-section {
+  scroll-margin: calc(var(--affix-offset-top) + 50px);
+}
 .cxd-AnchorNav-section-wrap {
   border: none;
   flex-grow: 1;
@@ -42015,6 +42137,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .cxd-AnchorNav-section-wrap > .cxd-AnchorNav-section {
   display: block;
   padding: var(--gap-base);
+  scroll-margin: var(--affix-offset-top);
 }
 .cxd-Markdown strong {
   font-weight: bolder;
@@ -42912,6 +43035,9 @@ td.rdtQuarter.rdtDisabled:hover > span {
   flex: 1;
   min-width: 0;
 }
+.cxd-Timeline {
+  min-height: 0.625rem;
+}
 .cxd-Timeline-vertical {
   display: flex;
   flex-flow: column;
@@ -43056,8 +43182,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .cxd-Timeline-horizontal {
   display: flex;
   flex-flow: row;
-  margin-left: 50%;
-  transform: translateX(-50%);
 }
 .cxd-Timeline-horizontal .cxd-TimelineItem {
   display: flex;
@@ -43390,6 +43514,17 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .AMISDebug .primary {
   color: #009fff;
 }
+.AMISDebug-inspectIcon {
+  width: 16px;
+  height: 16px;
+  position: relative;
+  top: 3px;
+  cursor: pointer;
+  margin-right: 8px;
+}
+.AMISDebug-inspectIcon.is-active {
+  fill: #009fff;
+}
 .AMISDebug-header {
   padding: var(--Drawer-header-padding);
   background: var(--Drawer-header-bg);
@@ -43399,24 +43534,28 @@ td.rdtQuarter.rdtDisabled:hover > span {
   pointer-events: none;
   position: absolute;
   outline: 1px dashed #1c76c4;
+  z-index: 2000;
 }
 .AMISDebug-activeBox {
   pointer-events: none;
   position: absolute;
-  outline: 1px #1c76c4;
+  outline: 1px #1c76c4 solid;
+  z-index: 2000;
 }
 .AMISDebug-tab {
-  overflow: hidden;
   border-bottom: 1px solid #3d3d3d;
+  height: 30px;
+  flex-shrink: 0;
 }
 .AMISDebug-tab > button {
   color: inherit;
   background: inherit;
-  float: left;
+  display: inline-block;
   border: none;
   outline: none;
   cursor: pointer;
-  padding: var(--gap-sm) var(--gap-md);
+  line-height: 29px;
+  padding: 0 var(--gap-md);
   transition: 0.3s;
   border-bottom: 1px solid transparent;
 }
@@ -43451,6 +43590,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   pointer-events: all;
   display: none;
   height: 100%;
+  flex-direction: column;
 }
 .AMISDebug-resize {
   position: absolute;
@@ -43467,14 +43607,14 @@ td.rdtQuarter.rdtDisabled:hover > span {
   position: absolute;
   font-size: 18px;
   right: 40px;
-  top: var(--gap-sm);
+  top: 2px;
   cursor: pointer;
 }
 .AMISDebug-close {
   position: absolute;
   font-size: 18px;
   right: var(--gap-sm);
-  top: var(--gap-sm);
+  top: 2px;
   cursor: pointer;
 }
 .AMISDebug.is-expanded {
@@ -43487,7 +43627,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   display: none;
 }
 .AMISDebug.is-expanded .AMISDebug-content {
-  display: block;
+  display: flex;
 }
 .AMISDebug.is-left {
   left: 0;
@@ -43523,6 +43663,8 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .AMISDebug-log, .AMISDebug-inspect {
   height: 100%;
   overflow: auto;
+  flex: 1;
+  min-height: 0;
   scrollbar-width: thin;
   scrollbar-color: #6b6b6b #2b2b2b;
 }
@@ -43547,6 +43689,33 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .AMISDebug-logLine {
   overflow-x: hidden;
 }
+.AMISDebug-footer {
+  height: 30px;
+  flex-shrink: 0;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  background: #2c2c2c;
+}
+.AMISDebug-footer > svg {
+  width: 11px;
+  flex-shrink: 0;
+}
+.AMISDebug-footer > input {
+  flex-grow: 1;
+  min-width: 0;
+  border: none;
+  background: transparent;
+  color: #cccccc;
+  padding: 0;
+  outline: none;
+  height: 100%;
+}
+.AMISDebug-value {
+  color: rgb(253, 151, 31);
+  padding: 0;
+  margin: 0;
+}
 .cxd-Nav-Menu {
   --Menu-width: var(--Layout-aside-width);
   --Menu-width--collapsed: var(--Layout-aside-width-collapsed);