amis-ui 6.0.0 → 6.2.0

package/lib/themes/dark.css

@@ -10,8 +10,7 @@
   --primary: var(--colors-brand-5);
   --primary-onHover: var(--colors-brand-6);
   --primary-onActive: var(--colors-brand-4);
-  --secondary: var(--colors-neutral-text-4);
-  /*  secondary 颜色需进一步确认 */
+  --secondary: var(--colors-neutral-text-4); /*  secondary 颜色需进一步确认 */
   --secondary-onHover: var(--colors-neutral-text-6);
   --secondary-onActive: var(--colors-neutral-text-4);
   --success: var(--colors-success-5);
@@ -83,8 +82,8 @@
   --label--info-bg: var(--info);
   --label--warning-bg: var(--warning);
   --label--danger-bg: var(--danger);
-  --label-color: var(--colors-neutral-text-11);
-  --label-link--hover-color: var(--colors-neutral-text-11);
+  --label-color: #fff;
+  --label-link--hover-color: #fff;
   --scrollbar-width: 1.0625rem;
   --Audio-border: 0.0625rem solid #dee2e6;
   --Audio-height: 3.125rem;
@@ -126,7 +125,7 @@
   --Avatar-icon-size-default: var(--fontSizeLg);
   --Avatar-icon-size-small: 0.75rem;
   --Badge-size: var(--gap-md);
-  --Badge-color: var(--colors-neutral-fill-11);
+  --Badge-color: #fff;
   --Badge--success-bg: var(--success);
   --Badge--info-bg: var(--info);
   --Badge--warning-bg: var(--warning);
@@ -145,7 +144,7 @@
   --Breadcrumb-item-default-color: var(--colors-neutral-text-5);
   --Breadcrumb-item-hover-color: var(--colors-brand-5);
   --Breadcrumb-item-active-color: var(--colors-brand-4);
-  --Breadcrumb-item-last-color: #151a26;
+  --Breadcrumb-item-last-color: var(--colors-neutral-text-2);
   --BreadcrumbDropdown-item-default-color: var(--colors-neutral-text-2);
   --BreadcrumbDropdown-item-default-bg: var(--colors-neutral-text-11);
   --BreadcrumbDropdown-item-hover-bg: var(--colors-brand-10);
@@ -363,7 +362,7 @@
   --Layout-asideLink-onActive-arrowColor: var(
     --Layout-asideLink-onActive-color
   );
-  --Layout-asideLink-onActive-color: var(--colors-brand-4);
+  --Layout-asideLink-onActive-color: var(--colors-brand-6);
   --Layout-asideLink-onHover-color: var(--colors-brand-6);
   --Layout-asideLink-onHover-iconColor: var(--colors-brand-6);
   --Layout-asideLink-onHover-iconSize: var(--sizes-size-9);
@@ -410,7 +409,7 @@
   --ListControl-item-borderWidth: var(--borders-width-2);
   --ListControl-item-borderRadius: var(--borders-radius-3);
   --ListControl-item-color: var(--colors-neutral-text-2);
-  --ListControl-item-onActive-after-borderColor: var(--colors-neutral-line-11);
+  --ListControl-item-onActive-after-borderColor: #fff;
   --ListControl-item-onActive-before-bg: var(--colors-brand-5);
   --ListControl-item-onActive-bg: var(--colors-neutral-fill-11);
   --ListControl-item-onActive-borderColor: var(--colors-brand-4);
@@ -536,7 +535,7 @@
   --Pagination-onDisabled-backgroundColor: var(--colors-neutral-fill-10);
   --Pagination-padding: 0 0.5rem;
   --Pagination-padding-sm: 0 0.25rem;
-  --Pagination-light-color: #84868c;
+  --Pagination-light-color: var(--colors-neutral-text-4);
   --Panel--default-badgeBg: var(--colors-neutral-fill-3);
   --Panel--default-badgeColor: var(--colors-neutral-fill-10);
   --Picker-iconColor: var(--icon-color);
@@ -560,17 +559,15 @@
   --PopOverAble-onHover-iconColor: inherit;
   --PopUp-cancelAction-color: #666;
   --PopUp-confirmAction-color: var(--primary);
-  --Property-title-bg: #f2f2f2;
-  --Property-label-bg: #f7f7f7;
+  --Property-title-bg: var(--colors-neutral-fill-10);
+  --Property-label-bg: var(--colors-neutral-fill-10);
   --Portlet-borderColor: var(--borderColor);
   --Portlet-borderStyle: solid;
   --Portlet-borderWidth: var(--borderWidth);
   --Portlet-borderRadius: var(--borderRadius);
-  --QuickEdit-iconColor: inherit;
-  --QuickEdit-iconSize: 0.8125rem;
+  --QuickEdit-iconSize: 0.875rem;
   --QuickEdit-onFocus-borderColor: var(--info);
   --QuickEdit-onFocus-borderWidth: var(--borderWidth);
-  --QuickEdit-onHover-iconColor: inherit;
   --Remark-bg: var(--colors-neutral-text-11);
   --Remark-borderColor: var(--colors-neutral-line-8);
   --Remark-borderWidth: var(--borders-width-2);
@@ -615,7 +612,7 @@
   --Tooltip--attr-borderRadius: var(--borderRadius);
   --Tooltip--attr-borderWidth: 0;
   --Tooltip--attr-boxShadow: var(--shadows-shadow-normal);
-  --Tooltip--attr-color: var(--background);
+  --Tooltip--attr-color: #fff;
   --Tooltip--attr-fontSize: var(--fontSizeSm);
   --Tooltip--attr-gap: var(--gap-sm);
   --Tooltip--attr-lineHeigt: var(--lineHeightBase);
@@ -630,7 +627,7 @@
   --Tooltip-bg: var(--background);
   --Tooltip-bg--dark: rgba(7, 12, 20, 0.85);
   --Tooltip-body-color: var(--text-color);
-  --Tooltip-body-color--dark: var(--colors-neutral-fill-11);
+  --Tooltip-body-color--dark: #fff;
   --Tooltip-body-paddingX: var(--gap-base);
   --Tooltip-body-paddingY: var(--gap-sm);
   --Tooltip-borderColor: var(--borderColor);
@@ -646,7 +643,7 @@
   --Tooltip-title-bg: #f7f7f7;
   --Tooltip-title-borderBottom-color: #ebebeb;
   --Tooltip-title-color: var(--text--loud-color);
-  --Tooltip-title-color--dark: var(--colors-neutral-fill-11);
+  --Tooltip-title-color--dark: #fff;
   --Tooltip-title-paddingX: var(--gap-base);
   --Tooltip-title-paddingY: var(--gap-sm);
   --Transfer-title-bg: var(--colors-neutral-fill-10);
@@ -654,8 +651,8 @@
   --TransferSelect--table-heading-bg: var(--colors-neutral-fill-11);
   --TransferSelect--normal-heading-bg: var(--colors-neutral-fill-10);
   --TransferSelect-heading-borderBottom: var(--borders-width-1);
-  --TabsTransfer-title-bg: #f7f7f9;
-  --TabsTransfer-border-color: #e8e9eb;
+  --TabsTransfer-title-bg: var(--colors-neutral-fill-10);
+  --TabsTransfer-border-color: var(--colors-neutral-fill-8);
   --AnchorNav-links-container-borderRight: 0.125rem solid #d3dae0;
   --AnchorNav-onActive-borderWidth: 0 0 0 0.125rem;
   --ColumnToggler-backgroundColor: var(--colors-neutral-fill-11);
@@ -669,7 +666,7 @@
   --ColumnToggler-item-paddingY: 0.25rem;
   --ColumnToggler-item-margin: 0.25rem;
   --ColumnToggler-item-dragBar-color: #d8d8d8;
-  --InputFormula-header-bgColor: #fafafa;
+  --InputFormula-header-bgColor: var(--colors-neutral-fill-10);
   --InputFormula-icon-size: 1.125rem;
   --InputFormula-icon-color-onActive: var(--colors-brand-5);
   --InputFormula-code-bgColor: var(--colors-neutral-fill-10);
@@ -721,7 +718,7 @@
   --SearchBox-hover-color: var(--colors-brand-5);
   --SearchBox-focus-color: var(--colors-brand-4);
   --SearchBox-search-icon-color: var(--colors-neutral-text-5);
-  --SearchBox-enhonce-icon-color: var(--colors-neutral-text-11);
+  --SearchBox-enhonce-icon-color: var(--button-primary-default-font-color);
   --SearchBox-clearable-icon-color: var(--colors-neutral-text-7);
   --SearchBox-clearable-icon-size: var(--sizes-size-9);
   --SearchBox-height: var(--sizes-base-15);
@@ -2210,7 +2207,7 @@
   --Checkbox-borderRadius: 0.125rem;
   --Checkbox-color: var(--borderColor);
   --Checkbox-gap: var(--gap-xs);
-  --Checkbox-gb: #fff;
+  --Checkbox-gb: var(--colors-neutral-fill-11);
   --Checkbox-inner-size: var(--sizes-size-5);
   --Checkbox-onDisabled-color: var(--colors-neutral-text-6);
   --Checkbox-inner-onDisabled-bg: #d4d6d9;
@@ -2522,9 +2519,9 @@
   --Modal-body-paddingY: var(--sizes-base-12);
   --Modal-close-color: var(--text--muted-color);
   --Modal-close-width: 1rem;
-  --Modal-content-borderColor: var(--borderColor);
+  --Modal-content-borderColor: var(--colors-neutral-fill-9);
   --Modal-content-borderRadius: var(--borders-radius-4);
-  --Modal-content-borderWidth: var(--borders-width-1);
+  --Modal-content-borderWidth: var(--borders-width-2);
   --Modal-content-minHeight: 12.0625rem;
   --Modal-content-startMarginTop: 3.75rem;
   --Modal-content-stepMarginTop: 1.875rem;
@@ -2774,7 +2771,7 @@
   --Tabs-borderWidth: var(--borderWidth);
   --Tabs-borderColor: var(--colors-neutral-line-8);
   --Tabs-color: var(--text-color);
-  --Tabs-content-bg: var(--background);
+  --Tabs-content-bg: var(--colors-neutral-fill-11);
   --Tabs-linkFontSize: var(--fonts-size-7);
   --Tabs-linkMargin: 0 0.1875rem 0 0;
   --Tabs-linkPadding: var(--gap-sm) var(--gap-base);
@@ -3515,7 +3512,7 @@
   --select-multiple-paddingLeft: var(--sizes-size-3);
   --select-multiple-paddingRight: var(--sizes-size-3);
   --select-multiple-marginTop: var(--sizes-size-0);
-  --select-multiple-marginBottom: var(--sizes-size-2);
+  --select-multiple-marginBottom: var(--sizes-size-0);
   --select-multiple-marginLeft: var(--sizes-size-0);
   --select-multiple-marginRight: var(--sizes-size-3);
   --select-multiple-color: var(--colors-neutral-text-2);
@@ -3583,7 +3580,8 @@
   --Form-select-onFocused-color: var(--Form-select-color);
   --Form-select-onHover-bg: var(--select-base-hover-bg-color);
   --Form-select-onHover-borderColor: var(--colors-brand-5);
-  --Form-select-outer-borderWidth: var(--borders-width-1);
+  --Form-select-outer-borderWidth: var(--borders-width-2);
+  --Form-select-outer-borderColor: var(--colors-neutral-fill-9);
   --Form-select-outer-top: var(--sizes-base-16);
   --Form-select-outer-boxShadow: var(--shadows-shadow-normal);
   --Form-select-paddingX: var(--Form-input-paddingX);
@@ -3612,7 +3610,7 @@
   --Form-selectValue-onInvalid-color: var(--danger);
   --Form-valueLabel-maxWidth: 7.5rem;
   --Form-select-onFocus-boxShadow: none;
-  --ResultBox-tag-height: 1.5rem;
+  --ResultBox-tag-height: 1.375rem;
   --ResultBox-tag-marginBottom: var(--select-multiple-marginBottom);
   --ResultBox-icon--onDisabled-color: #ebebeb;
   --ResultBox-icon--onHover-color: var(--select-multiple-icon-hover-color);
@@ -3886,9 +3884,9 @@
   --steps-base-des-fontWeight: var(--fonts-weight-6);
   --steps-base-title-paddingRight: var(--sizes-size-5);
   --steps-base-subTitle-paddingLeft: var(--sizes-size-6);
-  --steps-base-icon-size: var(--sizes-base-15);
-  --steps-base-icon-paddingRight: var(--sizes-size-6);
-  --steps-base-icon-fontSize: var(--fonts-size-6);
+  --steps-base-icon-size: var(--sizes-base-12);
+  --steps-base-icon-paddingRight: var(--sizes-size-5);
+  --steps-base-icon-fontSize: var(--fonts-size-8);
   --steps-base-line-color: var(--colors-neutral-line-8);
   --steps-base-line-active-color: var(--colors-brand-5);
   --steps-status-wait-bg-color: var(--colors-neutral-fill-11);
@@ -3997,10 +3995,11 @@
   --Spinner--sm-width: var(--spinner-sm-size);
   --Spinner-bg: url("data:image/svg+xml;base64,Cjxzdmcgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjRweCIgdmlld0JveD0iMCAwIDY0IDY0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPGcgaWQ9Iumhtemdoi0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8ZyBpZD0ibG9hZGluZyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC41MDAwMDAsIDAuNTAwMDAwKSI+CiAgICAgICAgICAgIDxyZWN0IGlkPSLnn6nlvaIiIHN0cm9rZT0iIzk3OTc5NyIgZmlsbD0iI0Q4RDhEOCIgZmlsbC1ydWxlPSJub256ZXJvIiBvcGFjaXR5PSIwIiB4PSIwIiB5PSIwIiB3aWR0aD0iNjMiIGhlaWdodD0iNjMiPjwvcmVjdD4KICAgICAgICAgICAgPGcgaWQ9Iue8lue7hOWkh+S7vS02IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzLjk4MDAwMCwgMC43ODAwMDApIj4KICAgICAgICAgICAgICAgIDxwb2x5Z29uIGlkPSJmcmFtZSIgc3Ryb2tlPSIjMjQ2OEYyIiBzdHJva2Utd2lkdGg9IjMuMiIgcG9pbnRzPSIyNy41MiA1LjEyIDQ5LjY5MDI1MDMgMTcuOTIgNDkuNjkwMjUwMyA0My41MiAyNy41MiA1Ni4zMiA1LjM0OTc0OTY2IDQzLjUyIDUuMzQ5NzQ5NjYgMTcuOTIiIHN0cm9rZS1kYXNoYXJyYXk9IjE2MCAxNjAiIHN0cm9rZS1kYXNob2Zmc2V0PSIxNjAiPgogICAgICAgICAgICAgICAgICAgIDxhbmltYXRlIGlkPSJmcmFtZTEiIGF0dHJpYnV0ZU5hbWU9InN0cm9rZS1kYXNob2Zmc2V0IiBiZWdpbj0iLjQ1cztmcmFtZTIuZW5kIiBkdXI9Ii45cyIgdHlwZT0idHJhbnNsYXRlIiBmcm9tPSIxNjAiIHRvPSItMTYwIiBmaWxsPSJmcmVlemUiICBjYWxjTW9kZT0ic3BsaW5lIiBrZXlUaW1lcz0iMDsgMSIgIGtleVNwbGluZXM9Ii41IDAgLjUgMSIvPgogICAgICAgICAgICAgICAgICAgIDxhbmltYXRlIGlkPSJmcmFtZTIiIGF0dHJpYnV0ZU5hbWU9InN0cm9rZS1kYXNob2Zmc2V0IiBiZWdpbj0iZnJhbWUxLmVuZCIgZHVyPSIuOXMiIHR5cGU9InRyYW5zbGF0ZSIgZnJvbT0iMTYwIiB0bz0iMTYwIiBmaWxsPSJmcmVlemUiIGNhbGNNb2RlPSJzcGxpbmUiIGtleVRpbWVzPSIwOyAxIiAga2V5U3BsaW5lcz0iLjUgMCAuNSAxIi8+CiAgICAgICAgICAgICAgICA8L3BvbHlnb24+CiAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJjaXJjbGUxIiBmaWxsPSIjMjQ2OEYyIiBmaWxsLXJ1bGU9Im5vbnplcm8iIGN4PSIyNy41MiIgY3k9IjQuOCIgcj0iNC44Ij4KICAgICAgICAgICAgICAgICAgICA8YW5pbWF0ZVRyYW5zZm9ybSBpZD0iY2lyY2xlMW9uZSIgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiBiZWdpbj0iMHM7Y2lyY2xlMXR3by5lbmQiIGR1cj0iLjU0cyIgdHlwZT0idHJhbnNsYXRlIiBmcm9tPSIwIDI2IiB0bz0iMCAwIiBmaWxsPSJmcmVlemUiIGNhbGNNb2RlPSJzcGxpbmUiIGtleVRpbWVzPSIwOyAxIiAga2V5U3BsaW5lcz0iLjUgMCAuNSAxIi8+CiAgICAgICAgICAgICAgICAgICAgPGFuaW1hdGVUcmFuc2Zvcm0gaWQ9ImNpcmNsZTF0d28iIGF0dHJpYnV0ZU5hbWU9InRyYW5zZm9ybSIgYmVnaW49ImNpcmNsZTFvbmUuZW5kICsgLjcycyIgZHVyPSIuNTRzIiB0eXBlPSJ0cmFuc2xhdGUiIGZyb209IjAgMCIgdG89IjAgMjYiIGZpbGw9ImZyZWV6ZSIgY2FsY01vZGU9InNwbGluZSIga2V5VGltZXM9IjA7IDEiICBrZXlTcGxpbmVzPSIuNSAwIC41IDEiLz4KICAgICAgICAgICAgICAgIDwvY2lyY2xlPgogICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iY2lyY2xlMiIgZmlsbD0iIzI0NjhGMiIgZmlsbC1ydWxlPSJub256ZXJvIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg1MC4yNDAwMDAsIDE3LjI4MDAwMCkgcm90YXRlKC0xODAuMDAwMDAwKSB0cmFuc2xhdGUoLTUwLjI0MDAwMCwgLTE3LjI4MDAwMCkgIiBjeD0iNTAuMjQiIGN5PSIxNy4yOCIgcj0iNC44Ij4KICAgICAgICAgICAgICAgICAgICA8YW5pbWF0ZVRyYW5zZm9ybSBpZD0iY2lyY2xlMm9uZSIgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiBiZWdpbj0iMHM7Y2lyY2xlMnR3by5lbmQiIGR1cj0iLjU0cyIgdHlwZT0idHJhbnNsYXRlIiBmcm9tPSItMjIuNSAxMyIgdG89IjAgMCIgZmlsbD0iZnJlZXplIiBjYWxjTW9kZT0ic3BsaW5lIiBrZXlUaW1lcz0iMDsgMSIgIGtleVNwbGluZXM9Ii41IDAgLjUgMSIvPgogICAgICAgICAgICAgICAgICAgIDxhbmltYXRlVHJhbnNmb3JtIGlkPSJjaXJjbGUydHdvIiBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIGJlZ2luPSJjaXJjbGUyb25lLmVuZCArIC43MnMiIGR1cj0iLjU0cyIgdHlwZT0idHJhbnNsYXRlIiBmcm9tPSIwIDAiIHRvPSItMjIuNSAxMyIgZmlsbD0iZnJlZXplIiBjYWxjTW9kZT0ic3BsaW5lIiBrZXlUaW1lcz0iMDsgMSIgIGtleVNwbGluZXM9Ii41IDAgLjUgMSIvPgogICAgICAgICAgICAgICAgPC9jaXJjbGU+CiAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJjaXJjbGUzIiBmaWxsPSIjMjQ2OEYyIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUwLjI0MDAwMCwgNDMuMjAwMDAwKSByb3RhdGUoOTAuMDAwMDAwKSB0cmFuc2xhdGUoLTUwLjI0MDAwMCwgLTQzLjIwMDAwMCkgIiBjeD0iNTAuMjQiIGN5PSI0My4yIiByPSI0LjgiPgogICAgICAgICAgICAgICAgICAgIDxhbmltYXRlVHJhbnNmb3JtIGlkPSJjaXJjbGUzb25lIiBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIGJlZ2luPSIwcztjaXJjbGUzdHdvLmVuZCIgZHVyPSIuNTRzIiB0eXBlPSJ0cmFuc2xhdGUiIGZyb209Ii0yMi41IC0xMyIgdG89IjAgMCIgZmlsbD0iZnJlZXplIiBjYWxjTW9kZT0ic3BsaW5lIiBrZXlUaW1lcz0iMDsgMSIgIGtleVNwbGluZXM9Ii41IDAgLjUgMSIvPgogICAgICAgICAgICAgICAgICAgIDxhbmltYXRlVHJhbnNmb3JtIGlkPSJjaXJjbGUzdHdvIiBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIGJlZ2luPSJjaXJjbGUzb25lLmVuZCArIC43MnMiIGR1cj0iLjU0cyIgdHlwZT0idHJhbnNsYXRlIiBmcm9tPSIwIDAiIHRvPSItMjIuNSAtMTMiIGZpbGw9ImZyZWV6ZSIgY2FsY01vZGU9InNwbGluZSIga2V5VGltZXM9IjA7IDEiICBrZXlTcGxpbmVzPSIuNSAwIC41IDEiLz4KICAgICAgICAgICAgICAgIDwvY2lyY2xlPgogICAgICAgICAgICAgICAgPGNpcmNsZSBpZD0iY2lyY2xlNCIgZmlsbD0iIzI0NjhGMiIgZmlsbC1ydWxlPSJub256ZXJvIiBjeD0iMjcuNTIiIGN5PSI1Ni42NCIgcj0iNC44Ij4KICAgICAgICAgICAgICAgICAgICA8YW5pbWF0ZVRyYW5zZm9ybSBpZD0iY2lyY2xlMW9uZSIgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiBiZWdpbj0iMHM7Y2lyY2xlMXR3by5lbmQiIGR1cj0iLjU0cyIgdHlwZT0idHJhbnNsYXRlIiBmcm9tPSIwIC0yNiIgdG89IjAgMCIgZmlsbD0iZnJlZXplIiBjYWxjTW9kZT0ic3BsaW5lIiBrZXlUaW1lcz0iMDsgMSIgIGtleVNwbGluZXM9Ii41IDAgLjUgMSIvPgogICAgICAgICAgICAgICAgICAgIDxhbmltYXRlVHJhbnNmb3JtIGlkPSJjaXJjbGUxdHdvIiBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIGJlZ2luPSJjaXJjbGUxb25lLmVuZCArIC43MnMiIGR1cj0iLjU0cyIgdHlwZT0idHJhbnNsYXRlIiBmcm9tPSIwIDAiIHRvPSIwIC0yNiIgZmlsbD0iZnJlZXplIiBjYWxjTW9kZT0ic3BsaW5lIiBrZXlUaW1lcz0iMDsgMSIgIGtleVNwbGluZXM9Ii41IDAgLjUgMSIvPgogICAgICAgICAgICAgICAgPC9jaXJjbGU+CiAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJjaXJjbGU1IiBmaWxsPSIjMjQ2OEYyIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQuODAwMDAwLCA0My4yMDAwMDApIHJvdGF0ZSgtMTgwLjAwMDAwMCkgdHJhbnNsYXRlKC00LjgwMDAwMCwgLTQzLjIwMDAwMCkgIiBjeD0iNC44IiBjeT0iNDMuMiIgcj0iNC44Ij4KICAgICAgICAgICAgICAgICAgICA8YW5pbWF0ZVRyYW5zZm9ybSBpZD0iY2lyY2xlNW9uZSIgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiBiZWdpbj0iMHM7Y2lyY2xlNXR3by5lbmQiIGR1cj0iLjU0cyIgdHlwZT0idHJhbnNsYXRlIiBmcm9tPSIyMi41IC0xMyIgdG89IjAgMCIgZmlsbD0iZnJlZXplIiBjYWxjTW9kZT0ic3BsaW5lIiBrZXlUaW1lcz0iMDsgMSIgIGtleVNwbGluZXM9Ii41IDAgLjUgMSIvPgogICAgICAgICAgICAgICAgICAgIDxhbmltYXRlVHJhbnNmb3JtIGlkPSJjaXJjbGU1dHdvIiBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIGJlZ2luPSJjaXJjbGU1b25lLmVuZCArIC43MnMiIGR1cj0iLjU0cyIgdHlwZT0idHJhbnNsYXRlIiBmcm9tPSIwIDAiIHRvPSIyMi41IC0xMyIgZmlsbD0iZnJlZXplIiBjYWxjTW9kZT0ic3BsaW5lIiBrZXlUaW1lcz0iMDsgMSIgIGtleVNwbGluZXM9Ii41IDAgLjUgMSIvPgogICAgICAgICAgICAgICAgPC9jaXJjbGU+CiAgICAgICAgICAgICAgICA8Y2lyY2xlIGlkPSJjaXJjbGU2IiBmaWxsPSIjMjQ2OEYyIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDQuODAwMDAwLCAxNy4yODAwMDApIHJvdGF0ZSg5MC4wMDAwMDApIHRyYW5zbGF0ZSgtNC44MDAwMDAsIC0xNy4yODAwMDApICIgY3g9IjQuOCIgY3k9IjE3LjI4IiByPSI0LjgiPgogICAgICAgICAgICAgICAgICAgIDxhbmltYXRlVHJhbnNmb3JtIGlkPSJjaXJjbGU2b25lIiBhdHRyaWJ1dGVOYW1lPSJ0cmFuc2Zvcm0iIGJlZ2luPSIwcztjaXJjbGU2dHdvLmVuZCIgZHVyPSIuNTRzIiB0eXBlPSJ0cmFuc2xhdGUiIGZyb209IjIyLjUgMTMiIHRvPSIwIDAiIGZpbGw9ImZyZWV6ZSIgY2FsY01vZGU9InNwbGluZSIga2V5VGltZXM9IjA7IDEiICBrZXlTcGxpbmVzPSIuNSAwIC41IDEiLz4KICAgICAgICAgICAgICAgICAgICA8YW5pbWF0ZVRyYW5zZm9ybSBpZD0iY2lyY2xlNnR3byIgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiBiZWdpbj0iY2lyY2xlNm9uZS5lbmQgKyAuNzJzIiBkdXI9Ii41NHMiIHR5cGU9InRyYW5zbGF0ZSIgZnJvbT0iMCAwIiB0bz0iMjIuNSAxMyIgZmlsbD0iZnJlZXplIiBjYWxjTW9kZT0ic3BsaW5lIiBrZXlUaW1lcz0iMDsgMSIgIGtleVNwbGluZXM9Ii41IDAgLjUgMSIvPgogICAgICAgICAgICAgICAgPC9jaXJjbGU+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==");
   --Spinner-height: var(--spinner-size-size);
-  --Spinner-overlay-bg: rgba(255, 255, 255, 0.4);
+  --Spinner-overlay-bg: rgba(255, 255, 255, 0.1);
   --Spinner-width: var(--spinner-size-size);
   --Spinner-color: var(--spinner-base-color);
   --Spinner-color--disabled: rgba(0, 0, 0, 0.65);
+  --loading-dark-bg-color: var(--colors-neutral-text-11);
   --image-image-normal-paddingTop: var(--sizes-size-3);
   --image-image-normal-paddingBottom: var(--sizes-size-3);
   --image-image-normal-paddingLeft: var(--sizes-size-3);
@@ -4113,7 +4112,7 @@
     var(--Tag-model-normal-top-right-border-radius)
     var(--Tag-model-normal-bottom-right-border-radius)
     var(--Tag-model-normal-bottom-left-border-radius);
-  --Tag-fontColor: var(--Tag-base-color);
+  --Tag-fontColor: var(--colors-neutral-text-2);
   --Tag-rounded-borderRadius: var(--Tag-model-rounded-top-left-border-radius)
     var(--Tag-model-rounded-top-right-border-radius)
     var(--Tag-model-rounded-bottom-right-border-radius)
@@ -4467,7 +4466,7 @@
   --inputTag-option-paddingLeft: var(--sizes-size-6);
   --inputTag-option-paddingRight: var(--sizes-size-6);
   --inputTag-option-bg-color: var(--colors-neutral-fill-11);
-  --inputTag-option-hover-color: var(--colors-brand-5);
+  --inputTag-option-hover-color: var(--colors-neutral-text-2);
   --inputTag-option-hover-bg-color: var(--colors-brand-10);
   --inputTag-popover-maxHeight: 300px;
   --fieldSet-legend-height: var(--sizes-size-9);
@@ -4646,8 +4645,8 @@
   --table-size-small-paddingRight: var(--sizes-size-3);
   --table-size-small-paddingBottom: var(--sizes-size-4);
   --table-size-small-paddingLeft: var(--sizes-size-3);
-  --Table--unsaved-heading-bg: #e8f0fe;
-  --Table--unsaved-heading-color: #4285f4;
+  --Table--unsaved-heading-bg: var(--colors-neutral-fill-9);
+  --Table--unsaved-heading-color: var(--colors-brand-5);
   --Table-bg: var(--colors-neutral-fill-11);
   --Table-borderColor: var(--table-border-color);
   --Table-borderRadius: var(--borderRadius);
@@ -4691,7 +4690,7 @@
   --Table-toolbar-marginY: var(--gap-base);
   --Table-tree-borderColor: var(--colors-neutral-line-8);
   --Table-tree-indent: var(--gap-lg);
-  --Table-searchableForm-backgroundColor: #f6f7f8;
+  --Table-searchableForm-backgroundColor: var(--colors-neutral-fill-10);
   --Table-searchableForm-borderRadius: 0.25rem;
   --Table-empty-icon-size: 4.625rem;
   --TableRow-onDisabled-bg: var(--table-body-disabled-bg-color);
@@ -4774,7 +4773,7 @@
   --combo-vertical-paddingRight: var(--sizes-size-6);
   --combo-vertical-paddingBottom: var(--sizes-size-6);
   --combo-vertical-paddingLeft: var(--sizes-size-6);
-  --combo-multi-addBtn-color: var(--colors-neutral-text-11);
+  --combo-multi-addBtn-color: var(--button-primary-default-font-color);
   --combo-multi-addBtn-fontSize: var(--fonts-size-8);
   --combo-multi-addBtn-fontWeight: var(--fonts-weight-6);
   --combo-multi-addBtn-lineHeight: var(--fonts-lineHeight-2);
@@ -4788,9 +4787,9 @@
   --combo-multi-addBtn-paddingRight: var(--sizes-size-5);
   --combo-multi-addBtn-paddingBottom: var(--sizes-size-3);
   --combo-multi-addBtn-paddingLeft: var(--sizes-size-5);
-  --combo-multi-addBtn-hover-color: var(--colors-neutral-text-11);
+  --combo-multi-addBtn-hover-color: var(--button-primary-hover-font-color);
   --combo-multi-addBtn-hover-bg-color: var(--colors-brand-6);
-  --combo-multi-addBtn-active-color: var(--colors-neutral-text-11);
+  --combo-multi-addBtn-active-color: var(--button-primary-active-font-color);
   --combo-multi-addBtn-active-bg-color: var(--colors-brand-4);
   --combo-multi-delBtn-color: var(--colors-neutral-text-5);
   --combo-multi-delBtn-hover-color: var(--colors-neutral-text-2);
@@ -4825,7 +4824,7 @@
   --Combo--vertical-item-paddingX: 0.625rem;
   --Combo--vertical-item-paddingY: 0.625rem;
   --Combo-addBtn-bg: var(--combo-multi-addBtn-bg-color);
-  --Combo-addBtn-border: var(--colors-neutral-line-11);
+  --Combo-addBtn-border: var(--combo-multi-addBtn-bg-color);
   --Combo-addBtn-borderRadius: var(--borders-radius-3);
   --Combo-addBtn-color: var(--combo-multi-addBtn-color);
   --Combo-addBtn-fontSize: var(--combo-multi-addBtn-fontSize);
@@ -4906,64 +4905,63 @@
     var(--Wizard-stepContent-paddingRight)
     var(--Wizard-stepContent-paddingBottom)
     var(--Wizard-stepContent-paddingLeft);
+  --common-popover-border: var(--borders-width-2) solid
+    var(--colors-neutral-fill-9);
 }
 :root {
-  --colors-neutral-fill-none: translate;
-  --colors-error-main: #dc3545;
-  --colors-error-1: #420312;
-  --colors-error-2: #69091c;
-  --colors-error-3: #8f1428;
-  --colors-error-4: #b52236;
-  --colors-error-5: #dc3545;
-  --colors-error-6: #ff6471;
-  --colors-error-7: #ff8b92;
-  --colors-error-8: #ffb1b5;
-  --colors-error-9: #ffd8da;
-  --colors-error-10: #ffe6e6;
-  --colors-warning-main: #ff9f0b;
-  --colors-warning-1: #663000;
-  --colors-warning-2: #8c4600;
-  --colors-warning-3: #b35f00;
-  --colors-warning-4: #d97b00;
-  --colors-warning-5: #ff9f0b;
-  --colors-warning-6: #ffb43b;
-  --colors-warning-7: #ffc96c;
-  --colors-warning-8: #ffdd9d;
-  --colors-warning-9: #ffefce;
-  --colors-warning-10: #fff7e6;
-  --colors-success-main: #32d74b;
-  --colors-success-1: #023d13;
-  --colors-success-2: #08631f;
-  --colors-success-3: #128a2c;
-  --colors-success-4: #20b03a;
-  --colors-success-5: #32d74b;
-  --colors-success-6: #57e36a;
-  --colors-success-7: #81f08e;
-  --colors-success-8: #affcb6;
-  --colors-success-9: #d8ffdb;
-  --colors-success-10: #e6ffe7;
-  --colors-link-main: #2296f3;
-  --colors-link-1: #002559;
-  --colors-link-2: #003980;
-  --colors-link-3: #0754a6;
-  --colors-link-4: #1272cc;
-  --colors-link-5: #2296f3;
-  --colors-link-6: #50b3ff;
-  --colors-link-7: #7bc8ff;
-  --colors-link-8: #a7dcff;
-  --colors-link-9: #d3eeff;
-  --colors-link-10: #e6f6ff;
-  --colors-info-main: #2296f3;
-  --colors-info-1: #002559;
-  --colors-info-2: #003980;
-  --colors-info-3: #0754a6;
-  --colors-info-4: #1272cc;
-  --colors-info-5: #2296f3;
-  --colors-info-6: #50b3ff;
-  --colors-info-7: #7bc8ff;
-  --colors-info-8: #a7dcff;
-  --colors-info-9: #d3eeff;
-  --colors-info-10: #e6f6ff;
+  --colors-error-main: #ff4242;
+  --colors-error-1: #ff8875;
+  --colors-error-2: #ff7869;
+  --colors-error-3: #ff675c;
+  --colors-error-4: #ff554f;
+  --colors-error-5: #ff4242;
+  --colors-error-6: #ff1d20;
+  --colors-error-7: #ff0008;
+  --colors-error-8: #ff000d;
+  --colors-error-9: #ff0011;
+  --colors-error-10: #ff0015;
+  --colors-warning-main: #ff9326;
+  --colors-warning-1: #ffc259;
+  --colors-warning-2: #ffb84d;
+  --colors-warning-3: #ffac40;
+  --colors-warning-4: #ffa033;
+  --colors-warning-5: #ff9326;
+  --colors-warning-6: #ff7b00;
+  --colors-warning-7: #ff7700;
+  --colors-warning-8: #ff7300;
+  --colors-warning-9: #ff6f00;
+  --colors-warning-10: #ff6a00;
+  --colors-success-main: #2fc40e;
+  --colors-success-1: #62c435;
+  --colors-success-2: #57c42b;
+  --colors-success-3: #4ac421;
+  --colors-success-4: #3dc418;
+  --colors-success-5: #2fc40e;
+  --colors-success-6: #1fb800;
+  --colors-success-7: #1aab00;
+  --colors-success-8: #159e00;
+  --colors-success-9: #119100;
+  --colors-success-10: #0d8500;
+  --colors-link-1: #001259;
+  --colors-link-2: #001e80;
+  --colors-link-3: #0832a6;
+  --colors-link-4: #144bcc;
+  --colors-link-5: #2468f2;
+  --colors-link-6: #528eff;
+  --colors-link-7: #7dadff;
+  --colors-link-8: #a8caff;
+  --colors-link-9: #d4e5ff;
+  --colors-link-10: #e6f0ff;
+  --colors-info-1: #001259;
+  --colors-info-2: #001e80;
+  --colors-info-3: #0832a6;
+  --colors-info-4: #144bcc;
+  --colors-info-5: #2468f2;
+  --colors-info-6: #528eff;
+  --colors-info-7: #7dadff;
+  --colors-info-8: #a8caff;
+  --colors-info-9: #d4e5ff;
+  --colors-info-10: #e6f0ff;
   --colors-other-main: #2468f2;
   --colors-other-1: #001259;
   --colors-other-2: #001e80;
@@ -4975,50 +4973,50 @@
   --colors-other-8: #a8caff;
   --colors-other-9: #d4e5ff;
   --colors-other-10: #e6f0ff;
-  --colors-brand-1: #002566;
-  --colors-brand-2: #00388c;
-  --colors-brand-3: #004db3;
-  --colors-brand-4: #0065d9;
-  --colors-brand-5: #0983ff;
-  --colors-brand-6: #3ba0ff;
-  --colors-brand-7: #6cbaff;
-  --colors-brand-8: #9dd3ff;
-  --colors-brand-9: #ceeaff;
-  --colors-brand-10: #e6f4ff;
-  --colors-neutral-text-1: #070e14;
-  --colors-neutral-text-2: #f3f1f1;
-  --colors-neutral-text-3: #303840;
-  --colors-neutral-text-4: #6c6c6c;
-  --colors-neutral-text-5: #84888c;
+  --colors-brand-main: #1677ff;
+  --colors-brand-1: #4aaeff;
+  --colors-brand-2: #3da1ff;
+  --colors-brand-3: #3094ff;
+  --colors-brand-4: #2486ff;
+  --colors-brand-5: #1677ff;
+  --colors-brand-6: #0061f2;
+  --colors-brand-7: #0058e6;
+  --colors-brand-8: #004fd9;
+  --colors-brand-9: #0047cc;
+  --colors-brand-10: #0040bf;
+  --colors-neutral-text-1: #ffffff;
+  --colors-neutral-text-2: #f7f8fa;
+  --colors-neutral-text-3: #f2f3f5;
+  --colors-neutral-text-4: #e8e9eb;
+  --colors-neutral-text-5: #d4d6d9;
   --colors-neutral-text-6: #b8bbbf;
-  --colors-neutral-text-7: #d4d7d9;
-  --colors-neutral-text-8: #e8e9eb;
-  --colors-neutral-text-9: #f2f4f5;
-  --colors-neutral-text-10: #f7f9fa;
-  --colors-neutral-text-11: #ffffff;
-  --colors-neutral-fill-none: transparent;
-  --colors-neutral-fill-1: #070e14;
-  --colors-neutral-fill-2: #151e26;
-  --colors-neutral-fill-3: #303840;
-  --colors-neutral-fill-4: #5c6166;
-  --colors-neutral-fill-5: #84888c;
+  --colors-neutral-text-7: #84878c;
+  --colors-neutral-text-8: #5c6066;
+  --colors-neutral-text-9: #303640;
+  --colors-neutral-text-10: #151c26;
+  --colors-neutral-text-11: #070d14;
+  --colors-neutral-fill-1: #ffffff;
+  --colors-neutral-fill-2: #f7f8fa;
+  --colors-neutral-fill-3: #f2f3f5;
+  --colors-neutral-fill-4: #e8e9eb;
+  --colors-neutral-fill-5: #d4d6d9;
   --colors-neutral-fill-6: #b8bbbf;
-  --colors-neutral-fill-7: #d4d7d9;
-  --colors-neutral-fill-8: #e8e9eb;
-  --colors-neutral-fill-9: #f2f4f5;
-  --colors-neutral-fill-10: #f7f9fa;
-  --colors-neutral-fill-11: #ffffff;
-  --colors-neutral-line-1: #070e14;
-  --colors-neutral-line-2: #151e26;
-  --colors-neutral-line-3: #303840;
-  --colors-neutral-line-4: #5c6166;
-  --colors-neutral-line-5: #84888c;
+  --colors-neutral-fill-7: #84878c;
+  --colors-neutral-fill-8: #5c6066;
+  --colors-neutral-fill-9: #303640;
+  --colors-neutral-fill-10: #151c26;
+  --colors-neutral-fill-11: #070d14;
+  --colors-neutral-line-1: #ffffff;
+  --colors-neutral-line-2: #f7f8fa;
+  --colors-neutral-line-3: #f2f3f5;
+  --colors-neutral-line-4: #e8e9eb;
+  --colors-neutral-line-5: #d4d6d9;
   --colors-neutral-line-6: #b8bbbf;
-  --colors-neutral-line-7: #d4d7d9;
-  --colors-neutral-line-8: #e8e9eb;
-  --colors-neutral-line-9: #f2f4f5;
-  --colors-neutral-line-10: #f7f9fa;
-  --colors-neutral-line-11: #ffffff;
+  --colors-neutral-line-7: #84878c;
+  --colors-neutral-line-8: #5c6066;
+  --colors-neutral-line-9: #303640;
+  --colors-neutral-line-10: #151c26;
+  --colors-neutral-line-11: #070d14;
   --fonts-base-family: -apple-system, "Noto Sans", "Helvetica Neue", Helvetica,
     "Nimbus Sans L", Arial, "Liberation Sans", "PingFang SC", "Hiragino Sans GB",
     "Noto Sans CJK SC", "Source Han Sans SC", "Source Han Sans CN",
@@ -5142,17 +5140,14 @@
 }
 /* PADDING */
 .CodeMirror-lines {
-  padding: 4px 0;
-  /* Vertical padding around content */
+  padding: 4px 0; /* Vertical padding around content */
 }
 .CodeMirror pre.CodeMirror-line,
 .CodeMirror pre.CodeMirror-line-like {
-  padding: 0 4px;
-  /* Horizontal padding of content */
+  padding: 0 4px; /* Horizontal padding of content */
 }
 .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
-  background-color: white;
-  /* The little square between H and V scrollbars */
+  background-color: white; /* The little square between H and V scrollbars */
 }
 /* GUTTER */
 .CodeMirror-gutters {
@@ -5338,16 +5333,14 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {
   background: white;
 }
 .CodeMirror-scroll {
-  overflow: scroll !important;
-  /* Things will break if this is overridden */
+  overflow: scroll !important; /* Things will break if this is overridden */
   /* 50px is the magic margin used to hide the element's real scrollbars */
   /* See overflow: hidden in .CodeMirror */
   margin-bottom: -50px;
   margin-right: -50px;
   padding-bottom: 50px;
   height: 100%;
-  outline: none;
-  /* Prevent dragging from highlighting the element */
+  outline: none; /* Prevent dragging from highlighting the element */
   position: relative;
   z-index: 0;
 }
@@ -5426,8 +5419,7 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {
 }
 .CodeMirror-lines {
   cursor: text;
-  min-height: 1px;
-  /* prevents collapsing before first draw */
+  min-height: 1px; /* prevents collapsing before first draw */
 }
 .CodeMirror pre.CodeMirror-line,
 .CodeMirror pre.CodeMirror-line-like {
@@ -5465,8 +5457,7 @@ div.CodeMirror span.CodeMirror-nonmatchingbracket {
 .CodeMirror-linewidget {
   position: relative;
   z-index: 2;
-  padding: 0.1px;
-  /* Force widget margins to stay inside of the container */
+  padding: 0.1px; /* Force widget margins to stay inside of the container */
 }
 .CodeMirror-rtl pre {
   direction: rtl;
@@ -5750,7 +5741,7 @@ img.fr-bordered {
   vertical-align: bottom;
   margin-left: 5px;
   margin-right: 5px;
-  max-width: calc(100% - (2 * 5px));
+  max-width: calc(100% - 10px);
 }
 .fr-view img.fr-dii.fr-fil {
   float: left;
@@ -5786,7 +5777,7 @@ img.fr-bordered {
   vertical-align: bottom;
   margin-left: 5px;
   margin-right: 5px;
-  max-width: calc(100% - (2 * 5px));
+  max-width: calc(100% - 10px);
 }
 .fr-view span.fr-img-caption.fr-dii.fr-fil {
   float: left;
@@ -5914,7 +5905,7 @@ img.fr-view.fr-dii {
   vertical-align: bottom;
   margin-left: 5px;
   margin-right: 5px;
-  max-width: calc(100% - (2 * 5px));
+  max-width: calc(100% - 10px);
 }
 img.fr-view.fr-dii.fr-fil {
   float: left;
@@ -5950,7 +5941,7 @@ span.fr-img-caption.fr-view.fr-dii {
   vertical-align: bottom;
   margin-left: 5px;
   margin-right: 5px;
-  max-width: calc(100% - (2 * 5px));
+  max-width: calc(100% - 10px);
 }
 span.fr-img-caption.fr-view.fr-dii.fr-fil {
   float: left;
@@ -6156,14 +6147,12 @@ iframe.fr-iframe {
   .fr-box.fr-document {
     min-width: 21cm;
   }
-
   .fr-box.fr-document .fr-wrapper {
     text-align: left;
     padding: 30px;
     min-width: 21cm;
     background: #efefef;
   }
-
   .fr-box.fr-document .fr-wrapper .fr-element {
     text-align: left;
     background: #FFF;
@@ -6174,7 +6163,6 @@ iframe.fr-iframe {
     overflow: visible;
     z-index: auto;
   }
-
   .fr-box.fr-document .fr-wrapper .fr-element hr {
     margin-left: -2cm;
     margin-right: -2cm;
@@ -6183,7 +6171,6 @@ iframe.fr-iframe {
     outline: none;
     border: none;
   }
-
   .fr-box.fr-document .fr-wrapper .fr-element img {
     z-index: 1;
   }
@@ -7354,7 +7341,7 @@ ol.decimal_type > li:before {
 }
 .fr-separator.fr-hs {
   clear: both;
-  width: calc(100% - (2 * 4px));
+  width: calc(100% - 8px);
   margin: 0 4px;
   height: 1px;
 }
@@ -8129,22 +8116,18 @@ body.fr-fullscreen {
     width: 10px;
     height: 10px;
   }
-
   .fr-image-resizer .fr-handler.fr-hnw {
     left: -5px;
     top: -5px;
   }
-
   .fr-image-resizer .fr-handler.fr-hne {
     right: -5px;
     top: -5px;
   }
-
   .fr-image-resizer .fr-handler.fr-hsw {
     left: -5px;
     bottom: -5px;
   }
-
   .fr-image-resizer .fr-handler.fr-hse {
     right: -5px;
     bottom: -5px;
@@ -8554,7 +8537,7 @@ div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
 }
 .fr-line-breaker a.fr-floating-btn {
   position: absolute;
-  left: calc(50% - (40px / 2));
+  left: calc(50% - 20px);
   top: -20px;
 }
 .fr-line-breaker a.fr-floating-btn svg {
@@ -8889,22 +8872,18 @@ div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
     width: 10px;
     height: 10px;
   }
-
   .fr-box .fr-video-resizer .fr-handler.fr-hnw {
     left: -5px;
     top: -5px;
   }
-
   .fr-box .fr-video-resizer .fr-handler.fr-hne {
     right: -5px;
     top: -5px;
   }
-
   .fr-box .fr-video-resizer .fr-handler.fr-hsw {
     left: -5px;
     bottom: -5px;
   }
-
   .fr-box .fr-video-resizer .fr-handler.fr-hse {
     right: -5px;
     bottom: -5px;
@@ -9206,7 +9185,7 @@ img.fr-bordered {
   vertical-align: bottom;
   margin-left: 5px;
   margin-right: 5px;
-  max-width: calc(100% - (2 * 5px));
+  max-width: calc(100% - 10px);
 }
 .fr-view img.fr-dii.fr-fil {
   float: left;
@@ -9242,7 +9221,7 @@ img.fr-bordered {
   vertical-align: bottom;
   margin-left: 5px;
   margin-right: 5px;
-  max-width: calc(100% - (2 * 5px));
+  max-width: calc(100% - 10px);
 }
 .fr-view span.fr-img-caption.fr-dii.fr-fil {
   float: left;
@@ -9370,7 +9349,7 @@ img.fr-view.fr-dii {
   vertical-align: bottom;
   margin-left: 5px;
   margin-right: 5px;
-  max-width: calc(100% - (2 * 5px));
+  max-width: calc(100% - 10px);
 }
 img.fr-view.fr-dii.fr-fil {
   float: left;
@@ -9406,7 +9385,7 @@ span.fr-img-caption.fr-view.fr-dii {
   vertical-align: bottom;
   margin-left: 5px;
   margin-right: 5px;
-  max-width: calc(100% - (2 * 5px));
+  max-width: calc(100% - 10px);
 }
 span.fr-img-caption.fr-view.fr-dii.fr-fil {
   float: left;
@@ -9979,7 +9958,7 @@ button::-moz-focus-inner {
   display: flex;
   height: 24px;
   justify-content: center;
-  padding: calc(4px - 1px);
+  padding: 3px;
   width: 24px;
 }
 .tox .tox-checkbox__icons .tox-checkbox-icon__unchecked svg {
@@ -10022,7 +10001,7 @@ button::-moz-focus-inner {
 .tox input.tox-checkbox__input:focus + .tox-checkbox__icons {
   border-radius: 6px;
   box-shadow: inset 0 0 0 1px #006ce7;
-  padding: calc(4px - 1px);
+  padding: 3px;
 }
 .tox:not([dir=rtl]) .tox-checkbox__label {
   margin-left: 4px;
@@ -10471,7 +10450,7 @@ button::-moz-focus-inner {
   display: none;
   fill: #222f3e;
   height: 24px;
-  margin: calc((30px - 24px) / 2) calc((30px - 24px) / 2);
+  margin: 3px 3px;
   width: 24px;
 }
 .tox div.tox-swatch:not(.tox-swatch--remove) svg path {
@@ -10745,7 +10724,7 @@ button::-moz-focus-inner {
   body:not(.tox-force-desktop) .tox .tox-dialog {
     align-self: flex-start;
     margin: 8px auto;
-    max-height: calc(100vh - 8px * 2);
+    max-height: calc(100vh - 16px);
     width: calc(100vw - 16px);
   }
 }
@@ -10849,7 +10828,7 @@ button::-moz-focus-inner {
   display: flex;
   flex: 1;
   flex-direction: column;
-  max-height: min(650px, calc(100vh - 110px));
+  max-height: min(650px, 100vh - 110px);
   overflow: auto;
   -webkit-overflow-scrolling: touch;
   padding: 16px 16px;
@@ -11378,13 +11357,13 @@ body.tox-dialog__disable-scroll {
   justify-content: space-between;
 }
 .tox .tox-form__grid--2col > .tox-form__group {
-  width: calc(50% - (8px / 2));
+  width: calc(50% - 4px);
 }
 .tox .tox-form__grid--3col > .tox-form__group {
-  width: calc(100% / 3 - (8px / 2));
+  width: calc(33.3333333333% - 4px);
 }
 .tox .tox-form__grid--4col > .tox-form__group {
-  width: calc(25% - (8px / 2));
+  width: calc(25% - 4px);
 }
 .tox .tox-form__controls-h-stack {
   align-items: center;
@@ -11782,7 +11761,6 @@ body.tox-dialog__disable-scroll {
     overflow-wrap: break-word;
     word-break: normal;
   }
-
   .tox .tox-dialog__popups .tox-menu .tox-collection__item-label {
     word-break: break-all;
   }
@@ -12309,9 +12287,9 @@ body.tox-dialog__disable-scroll {
 }
 @media only screen and (min-width: 768px) {
   .tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols > .tox-statusbar__help-text,
-.tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols > .tox-statusbar__right-container,
-.tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols > .tox-statusbar__path {
-    flex: 0 0 calc(100% / 3);
+  .tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols > .tox-statusbar__right-container,
+  .tox .tox-statusbar__text-container.tox-statusbar__text-container-3-cols > .tox-statusbar__path {
+    flex: 0 0 33.3333333333%;
   }
 }
 .tox .tox-statusbar__text-container.tox-statusbar__text-container--flex-end {
@@ -12335,7 +12313,6 @@ body.tox-dialog__disable-scroll {
   .tox .tox-statusbar__text-container .tox-statusbar__help-text {
     display: none;
   }
-
   .tox .tox-statusbar__text-container .tox-statusbar__help-text:only-child {
     display: block;
   }
@@ -12733,7 +12710,7 @@ body.tox-dialog__disable-scroll {
   background-image: repeating-linear-gradient(#e3e3e3 0px 1px, transparent 1px 39px);
   background-position: center top 40px;
   background-repeat: no-repeat;
-  background-size: calc(100% - 11px * 2) calc(100% - 41px);
+  background-size: calc(100% - 22px) calc(100% - 41px);
   display: flex;
   flex: 0 0 auto;
   flex-shrink: 0;
@@ -12745,7 +12722,7 @@ body.tox-dialog__disable-scroll {
 .tox .tox-toolbar-overlord > .tox-toolbar__primary,
 .tox .tox-toolbar-overlord > .tox-toolbar__overflow {
   background-position: center top 0px;
-  background-size: calc(100% - 11px * 2) calc(100% - 0px);
+  background-size: calc(100% - 22px) calc(100% - 0px);
 }
 .tox .tox-toolbar__overflow.tox-toolbar__overflow--closed {
   height: 0;
@@ -12792,7 +12769,7 @@ body.tox-dialog__disable-scroll {
 .tox.tox-tinymce-aux .tox-toolbar__overflow {
   background-color: #fff;
   background-position: center top 43px;
-  background-size: calc(100% - 8px * 2) calc(100% - 51px);
+  background-size: calc(100% - 16px) calc(100% - 51px);
   border: none;
   border-radius: 6px;
   box-shadow: 0 0 2px 0 rgba(34, 47, 62, 0.2), 0 4px 8px 0 rgba(34, 47, 62, 0.15);
@@ -12804,7 +12781,7 @@ body.tox-dialog__disable-scroll {
 }
 .tox-pop .tox-pop__dialog .tox-toolbar {
   background-position: center top 43px;
-  background-size: calc(100% - 11px * 2) calc(100% - 51px);
+  background-size: calc(100% - 22px) calc(100% - 51px);
   padding: 4px 0;
 }
 .tox .tox-toolbar__group {
@@ -14098,18 +14075,18 @@ body.video-react-full-window .video-react-fullscreen {
 .cropper-dashed.dashed-h {
   border-bottom-width: 1px;
   border-top-width: 1px;
-  height: calc(100% / 3);
+  height: 33.3333333333%;
   left: 0;
-  top: calc(100% / 3);
+  top: 33.3333333333%;
   width: 100%;
 }
 .cropper-dashed.dashed-v {
   border-left-width: 1px;
   border-right-width: 1px;
   height: 100%;
-  left: calc(100% / 3);
+  left: 33.3333333333%;
   top: 0;
-  width: calc(100% / 3);
+  width: 33.3333333333%;
 }
 .cropper-center {
   display: block;
@@ -14340,7 +14317,7 @@ body.video-react-full-window .video-react-fullscreen {
 .rdtMonths .headerTable,
 .rdtYears .headerTable {
   border-spacing: 0;
-  border-bottom: 1px solid #e8e9eb;
+  border-bottom: 1px solid var(--colors-neutral-line-8);
 }
 .rdtPicker td,
 .rdtPicker th {
@@ -14431,14 +14408,9 @@ body.video-react-full-window .video-react-fullscreen {
 .rdtPrev span,
 .rdtNext span {
   display: block;
-  -webkit-touch-callout: none;
-  /* iOS Safari */
-  -webkit-user-select: none;
-  /* Chrome/Safari/Opera */
-  /* Konqueror */
-  -moz-user-select: none;
-  /* Firefox */
-  /* Internet Explorer/Edge */
+  -webkit-touch-callout: none; /* iOS Safari */
+  -webkit-user-select: none; /* Chrome/Safari/Opera */ /* Konqueror */
+  -moz-user-select: none; /* Firefox */ /* Internet Explorer/Edge */
   user-select: none;
 }
 .rdtPicker th.rdtDisabled,
@@ -14507,14 +14479,9 @@ td.rdtQuarter:hover {
   line-height: 40px;
   cursor: pointer;
   display: block;
-  -webkit-touch-callout: none;
-  /* iOS Safari */
-  -webkit-user-select: none;
-  /* Chrome/Safari/Opera */
-  /* Konqueror */
-  -moz-user-select: none;
-  /* Firefox */
-  /* Internet Explorer/Edge */
+  -webkit-touch-callout: none; /* iOS Safari */
+  -webkit-user-select: none; /* Chrome/Safari/Opera */ /* Konqueror */
+  -moz-user-select: none; /* Firefox */ /* Internet Explorer/Edge */
   user-select: none;
 }
 .rdtCounter .rdtBtn:hover {
@@ -15080,7 +15047,6 @@ body {
   .dark-Layout-content {
     transition: transform var(--animation-duration) ease;
   }
-
   .dark-Layout-aside {
     display: none;
   }
@@ -15096,13 +15062,11 @@ body {
     -webkit-overflow-scrolling: touch;
     z-index: 1010;
   }
-
   .dark-Layout-headerBar {
     display: none;
   }
-
   .dark-Layout--offScreen .dark-Layout-body,
-.dark-Layout--offScreen .dark-Layout-footer {
+  .dark-Layout--offScreen .dark-Layout-footer {
     background: var(--body-bg);
     transition: transform var(--animation-duration) ease;
     backface-visibility: hidden;
@@ -15117,7 +15081,6 @@ body {
     z-index: 1015;
     padding-top: 3.125rem;
   }
-
   .dark-Layout-offScreenBtn {
     display: block;
   }
@@ -15172,7 +15135,7 @@ body {
     float: left;
   }
   .dark-Layout--withAside .dark-Layout-headerBar,
-.dark-Layout--withAside .dark-Layout-footer {
+  .dark-Layout--withAside .dark-Layout-footer {
     margin-left: var(--Layout-aside-width);
     transition: margin var(--animation-duration) ease;
   }
@@ -15195,11 +15158,11 @@ body {
     width: auto;
   }
   .dark-Layout--folded .dark-Layout-aside,
-.dark-Layout--folded .dark-Layout-brandBar {
+  .dark-Layout--folded .dark-Layout-brandBar {
     width: var(--Layout-aside--folded-width);
   }
   .dark-Layout--folded.dark-Layout--withAside .dark-Layout-headerBar,
-.dark-Layout--folded.dark-Layout--withAside .dark-Layout-footer {
+  .dark-Layout--folded.dark-Layout--withAside .dark-Layout-footer {
     margin-left: var(--Layout-aside--folded-width);
   }
   .dark-Layout--folded .dark-Layout-brand {
@@ -15228,18 +15191,19 @@ body {
     z-index: 1200;
   }
   .dark-Layout--asideFixed .dark-Layout-asideInner {
-    width: calc(100% + 17px);
     position: relative;
+    width: 100%;
     height: 100%;
     overflow-x: hidden;
     overflow-y: scroll;
     -webkit-overflow-scrolling: touch;
+    scrollbar-width: none; /* Firfox */
   }
   .dark-Layout--asideFixed .dark-Layout-asideInner::-webkit-scrollbar {
     -webkit-appearance: none;
   }
   .dark-Layout--asideFixed .dark-Layout-asideInner::-webkit-scrollbar:vertical {
-    width: 17px;
+    width: 0; /* chrome */
   }
   .dark-Layout--noHeader .dark-Layout-asideWrap {
     top: 0;
@@ -15258,18 +15222,18 @@ body {
     padding-right: 17px;
   }
   .dark-Layout--sm:not(.dark-Layout--folded) .dark-Layout-brand,
-.dark-Layout--sm:not(.dark-Layout--folded) .dark-Layout-brandBar,
-.dark-Layout--sm:not(.dark-Layout--folded) .dark-Layout-aside {
+  .dark-Layout--sm:not(.dark-Layout--folded) .dark-Layout-brandBar,
+  .dark-Layout--sm:not(.dark-Layout--folded) .dark-Layout-aside {
     width: var(--Layout-aside--sm-width);
   }
   .dark-Layout--md:not(.dark-Layout--folded) .dark-Layout-brand,
-.dark-Layout--md:not(.dark-Layout--folded) .dark-Layout-brandBar,
-.dark-Layout--md:not(.dark-Layout--folded) .dark-Layout-aside {
+  .dark-Layout--md:not(.dark-Layout--folded) .dark-Layout-brandBar,
+  .dark-Layout--md:not(.dark-Layout--folded) .dark-Layout-aside {
     width: var(--Layout-aside--md-width);
   }
   .dark-Layout--lg:not(.dark-Layout--folded) .dark-Layout-brand,
-.dark-Layout--lg:not(.dark-Layout--folded) .dark-Layout-brandBar,
-.dark-Layout--lg:not(.dark-Layout--folded) .dark-Layout-aside {
+  .dark-Layout--lg:not(.dark-Layout--folded) .dark-Layout-brandBar,
+  .dark-Layout--lg:not(.dark-Layout--folded) .dark-Layout-aside {
     width: var(--Layout-aside--lg-width);
   }
 }
@@ -15441,7 +15405,6 @@ body {
     flex-direction: column;
     justify-content: space-between;
   }
-
   .dark-Grid-col--sm1 {
     flex: 0 0 8.3333333333%;
     max-width: 8.3333333333%;
@@ -15449,7 +15412,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--sm2 {
     flex: 0 0 16.6666666667%;
     max-width: 16.6666666667%;
@@ -15457,7 +15419,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--sm3 {
     flex: 0 0 25%;
     max-width: 25%;
@@ -15465,7 +15426,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--sm4 {
     flex: 0 0 33.3333333333%;
     max-width: 33.3333333333%;
@@ -15473,7 +15433,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--sm5 {
     flex: 0 0 41.6666666667%;
     max-width: 41.6666666667%;
@@ -15481,7 +15440,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--sm6 {
     flex: 0 0 50%;
     max-width: 50%;
@@ -15489,7 +15447,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--sm7 {
     flex: 0 0 58.3333333333%;
     max-width: 58.3333333333%;
@@ -15497,7 +15454,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--sm8 {
     flex: 0 0 66.6666666667%;
     max-width: 66.6666666667%;
@@ -15505,7 +15461,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--sm9 {
     flex: 0 0 75%;
     max-width: 75%;
@@ -15513,7 +15468,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--sm10 {
     flex: 0 0 83.3333333333%;
     max-width: 83.3333333333%;
@@ -15521,7 +15475,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--sm11 {
     flex: 0 0 91.6666666667%;
     max-width: 91.6666666667%;
@@ -15529,7 +15482,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--sm12 {
     flex: 0 0 100%;
     max-width: 100%;
@@ -15537,7 +15489,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--sm {
     flex-basis: 0;
     flex-grow: 1;
@@ -15547,7 +15498,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--smAuto {
     flex: 0 0 auto;
     width: auto;
@@ -15564,7 +15514,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--md2 {
     flex: 0 0 16.6666666667%;
     max-width: 16.6666666667%;
@@ -15572,7 +15521,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--md3 {
     flex: 0 0 25%;
     max-width: 25%;
@@ -15580,7 +15528,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--md4 {
     flex: 0 0 33.3333333333%;
     max-width: 33.3333333333%;
@@ -15588,7 +15535,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--md5 {
     flex: 0 0 41.6666666667%;
     max-width: 41.6666666667%;
@@ -15596,7 +15542,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--md6 {
     flex: 0 0 50%;
     max-width: 50%;
@@ -15604,7 +15549,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--md7 {
     flex: 0 0 58.3333333333%;
     max-width: 58.3333333333%;
@@ -15612,7 +15556,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--md8 {
     flex: 0 0 66.6666666667%;
     max-width: 66.6666666667%;
@@ -15620,7 +15563,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--md9 {
     flex: 0 0 75%;
     max-width: 75%;
@@ -15628,7 +15570,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--md10 {
     flex: 0 0 83.3333333333%;
     max-width: 83.3333333333%;
@@ -15636,7 +15577,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--md11 {
     flex: 0 0 91.6666666667%;
     max-width: 91.6666666667%;
@@ -15644,7 +15584,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--md12 {
     flex: 0 0 100%;
     max-width: 100%;
@@ -15652,7 +15591,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--md {
     flex-basis: 0;
     flex-grow: 1;
@@ -15662,7 +15600,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--mdAuto {
     flex: 0 0 auto;
     width: auto;
@@ -15679,7 +15616,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--lg2 {
     flex: 0 0 16.6666666667%;
     max-width: 16.6666666667%;
@@ -15687,7 +15623,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--lg3 {
     flex: 0 0 25%;
     max-width: 25%;
@@ -15695,7 +15630,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--lg4 {
     flex: 0 0 33.3333333333%;
     max-width: 33.3333333333%;
@@ -15703,7 +15637,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--lg5 {
     flex: 0 0 41.6666666667%;
     max-width: 41.6666666667%;
@@ -15711,7 +15644,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--lg6 {
     flex: 0 0 50%;
     max-width: 50%;
@@ -15719,7 +15651,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--lg7 {
     flex: 0 0 58.3333333333%;
     max-width: 58.3333333333%;
@@ -15727,7 +15658,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--lg8 {
     flex: 0 0 66.6666666667%;
     max-width: 66.6666666667%;
@@ -15735,7 +15665,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--lg9 {
     flex: 0 0 75%;
     max-width: 75%;
@@ -15743,7 +15672,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--lg10 {
     flex: 0 0 83.3333333333%;
     max-width: 83.3333333333%;
@@ -15751,7 +15679,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--lg11 {
     flex: 0 0 91.6666666667%;
     max-width: 91.6666666667%;
@@ -15759,7 +15686,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--lg12 {
     flex: 0 0 100%;
     max-width: 100%;
@@ -15767,7 +15693,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--lg {
     flex-basis: 0;
     flex-grow: 1;
@@ -15777,7 +15702,6 @@ body {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
-
   .dark-Grid-col--lgAuto {
     flex: 0 0 auto;
     width: auto;
@@ -15902,7 +15826,7 @@ body {
   border-radius: 0.625rem;
 }
 .dark-AsideNav-itemIcon {
-  margin: calc( ( var(--Layout-nav-height) - var(--lineHeightBase) * var(--Layout-asideLink-fontSize) ) / -2 ) -0.625rem;
+  margin: calc((var(--Layout-nav-height) - var(--lineHeightBase) * var(--Layout-asideLink-fontSize)) / -2) -0.625rem;
   line-height: var(--Layout-nav-height);
   width: var(--Layout-nav-height);
   vertical-align: middle;
@@ -15948,7 +15872,7 @@ body {
   text-transform: none;
   display: block;
   font-size: var(--Layout-asideLink-fontSize);
-  padding: calc( ( var(--Layout-nav-height) - var(--lineHeightBase) * var(--Layout-asideLink-fontSize) ) / 2 ) var(--gap-base);
+  padding: calc((var(--Layout-nav-height) - var(--lineHeightBase) * var(--Layout-asideLink-fontSize)) / 2) var(--gap-base);
   position: relative;
   transition: background-color var(--animation-duration) ease-in-out 0s;
   color: var(--Layout-asideLink-color);
@@ -15973,7 +15897,7 @@ body {
   background: var(--Layout-aside-onAcitve-onHover-bg);
 }
 .dark-AsideNav-item.is-lg > a {
-  padding: calc( ( var(--Layout-nav-lgHeight) - var(--lineHeightBase) * var(--Layout-asideLink-fontSize) ) / 2 ) var(--gap-md);
+  padding: calc((var(--Layout-nav-lgHeight) - var(--lineHeightBase) * var(--Layout-asideLink-fontSize)) / 2) var(--gap-md);
 }
 .dark-AsideNav-item .dark-AsideNav-item a {
   padding-left: calc(var(--Layout-nav-height) + 0.3125rem);
@@ -16000,7 +15924,7 @@ body {
   cursor: default;
   background: transparent;
   color: var(--Layout-asideLink-color);
-  padding: calc( ( var(--Layout-nav--folded-height) - var(--lineHeightBase) * var(--Layout-asideLink-fontSize) ) / 2 ) var(--gap-md);
+  padding: calc((var(--Layout-nav--folded-height) - var(--lineHeightBase) * var(--Layout-asideLink-fontSize)) / 2) var(--gap-md);
 }
 .dark-AsideNav-subHeader a:hover {
   color: var(--Layout-asideLink-onHover-color);
@@ -16063,7 +15987,7 @@ img.dark-AsideNav-itemIcon {
     border: none;
   }
   .dark-Layout--folded .dark-AsideNav-list > .dark-AsideNav-item > a .dark-AsideNav-itemArrow,
-.dark-Layout--folded .dark-AsideNav-list > .dark-AsideNav-item > a .dark-AsideNav-itemLabel {
+  .dark-Layout--folded .dark-AsideNav-list > .dark-AsideNav-item > a .dark-AsideNav-itemLabel {
     display: none;
   }
   .dark-Layout--folded .dark-AsideNav-list > .dark-AsideNav-item > a .dark-AsideNav-itemIcon {
@@ -17261,7 +17185,7 @@ input[type=button].dark-Button--block {
 .dark-Breadcrumb-item-caret > svg {
   width: 0.625rem;
   height: 0.625rem;
-  top: 0.0625rem;
+  top: -0.125rem;
 }
 .dark-Breadcrumb-item.is-opened .dark-Breadcrumb-item-caret {
   transform: translateY(0.125rem) rotate(180deg);
@@ -17583,54 +17507,48 @@ input[type=button].dark-Button--block {
   margin-left: var(--dialog-footer-margin-left);
 }
 .dark-Modal--2th .dark-Modal-content {
-  margin-top: calc( var(--Modal-content-startMarginTop) + 1 * var(--Modal-content-stepMarginTop) );
+  margin-top: calc(var(--Modal-content-startMarginTop) + 1 * var(--Modal-content-stepMarginTop));
 }
 .dark-Modal--3th .dark-Modal-content {
-  margin-top: calc( var(--Modal-content-startMarginTop) + 2 * var(--Modal-content-stepMarginTop) );
+  margin-top: calc(var(--Modal-content-startMarginTop) + 2 * var(--Modal-content-stepMarginTop));
 }
 .dark-Modal--4th .dark-Modal-content {
-  margin-top: calc( var(--Modal-content-startMarginTop) + 3 * var(--Modal-content-stepMarginTop) );
+  margin-top: calc(var(--Modal-content-startMarginTop) + 3 * var(--Modal-content-stepMarginTop));
 }
 .dark-Modal--5th .dark-Modal-content {
-  margin-top: calc( var(--Modal-content-startMarginTop) + 4 * var(--Modal-content-stepMarginTop) );
+  margin-top: calc(var(--Modal-content-startMarginTop) + 4 * var(--Modal-content-stepMarginTop));
 }
 .dark-Modal--6th .dark-Modal-content {
-  margin-top: calc( var(--Modal-content-startMarginTop) + 5 * var(--Modal-content-stepMarginTop) );
+  margin-top: calc(var(--Modal-content-startMarginTop) + 5 * var(--Modal-content-stepMarginTop));
 }
 .dark-Modal--7th .dark-Modal-content {
-  margin-top: calc( var(--Modal-content-startMarginTop) + 6 * var(--Modal-content-stepMarginTop) );
+  margin-top: calc(var(--Modal-content-startMarginTop) + 6 * var(--Modal-content-stepMarginTop));
 }
 .dark-Modal--8th .dark-Modal-content {
-  margin-top: calc( var(--Modal-content-startMarginTop) + 7 * var(--Modal-content-stepMarginTop) );
+  margin-top: calc(var(--Modal-content-startMarginTop) + 7 * var(--Modal-content-stepMarginTop));
 }
 .dark-Modal--9th .dark-Modal-content {
-  margin-top: calc( var(--Modal-content-startMarginTop) + 8 * var(--Modal-content-stepMarginTop) );
+  margin-top: calc(var(--Modal-content-startMarginTop) + 8 * var(--Modal-content-stepMarginTop));
 }
 .dark-Modal--10th .dark-Modal-content {
-  margin-top: calc( var(--Modal-content-startMarginTop) + 9 * var(--Modal-content-stepMarginTop) );
+  margin-top: calc(var(--Modal-content-startMarginTop) + 9 * var(--Modal-content-stepMarginTop));
 }
 @media (min-width: 576px) {
   .dark-Modal-content:not(.dark-Modal-content-custom) {
     max-width: var(--dialog-size-normal-width);
-    border-width: var(--dialog-default-border-width);
   }
-
   .dark-Modal--sm .dark-Modal-content {
     max-width: var(--dialog-size-sm-width);
   }
-
   .dark-Modal--base .dark-Modal-content {
     max-width: var(--Modal-widthBase);
   }
-
   .dark-Modal--md .dark-Modal-content {
     max-width: var(--Modal-widthMd);
   }
-
   .dark-Modal--lg .dark-Modal-content {
     max-width: var(--dialog-size-lg-width);
   }
-
   .dark-Modal--xl .dark-Modal-content {
     max-width: var(--dialog-size-xl-width);
   }
@@ -17812,279 +17730,264 @@ input[type=button].dark-Button--block {
     width: var(--Drawer-widthBase);
     height: var(--Drawer-widthBase);
   }
-
   .dark-Drawer--xs .dark-Drawer-content {
     width: var(--drawer-size-xs-width);
     height: var(--Drawer-widthXs);
   }
-
   .dark-Drawer--sm .dark-Drawer-content {
     width: var(--drawer-size-sm-width);
     height: var(--Drawer-widthSm);
   }
-
   .dark-Drawer--md .dark-Drawer-content {
     width: var(--drawer-size-md-width);
     height: var(--Drawer-widthMd);
   }
-
   .dark-Drawer--lg .dark-Drawer-content {
     width: var(--drawer-size-lg-width);
     height: var(--Drawer-widthLg);
   }
-
   .dark-Drawer--xl .dark-Drawer-content {
     width: var(--drawer-size-xl-width);
     height: var(--Drawer-widthXl);
   }
-
   .dark-Drawer--right.dark-Modal--2th.dark-Drawer .dark-Drawer-content,
-.dark-Drawer--left.dark-Modal--2th.dark-Drawer .dark-Drawer-content {
+  .dark-Drawer--left.dark-Modal--2th.dark-Drawer .dark-Drawer-content {
     width: calc(var(--Drawer-widthBase) - 20px);
   }
   .dark-Drawer--right.dark-Modal--2th.dark-Drawer--xs .dark-Drawer-content,
-.dark-Drawer--left.dark-Modal--2th.dark-Drawer--xs .dark-Drawer-content {
+  .dark-Drawer--left.dark-Modal--2th.dark-Drawer--xs .dark-Drawer-content {
     width: calc(var(--Drawer-widthXs) - 20px);
   }
   .dark-Drawer--right.dark-Modal--2th.dark-Drawer--sm .dark-Drawer-content,
-.dark-Drawer--left.dark-Modal--2th.dark-Drawer--sm .dark-Drawer-content {
+  .dark-Drawer--left.dark-Modal--2th.dark-Drawer--sm .dark-Drawer-content {
     width: calc(var(--Drawer-widthSm) - 20px);
   }
   .dark-Drawer--right.dark-Modal--2th.dark-Drawer--md .dark-Drawer-content,
-.dark-Drawer--left.dark-Modal--2th.dark-Drawer--md .dark-Drawer-content {
+  .dark-Drawer--left.dark-Modal--2th.dark-Drawer--md .dark-Drawer-content {
     width: calc(var(--Drawer-widthMd) - 20px);
   }
   .dark-Drawer--right.dark-Modal--2th.dark-Drawer--lg .dark-Drawer-content,
-.dark-Drawer--left.dark-Modal--2th.dark-Drawer--lg .dark-Drawer-content {
+  .dark-Drawer--left.dark-Modal--2th.dark-Drawer--lg .dark-Drawer-content {
     width: calc(var(--Drawer-widthLg) - 20px);
   }
   .dark-Drawer--right.dark-Modal--2th.dark-Drawer--xl .dark-Drawer-content,
-.dark-Drawer--left.dark-Modal--2th.dark-Drawer--xl .dark-Drawer-content {
+  .dark-Drawer--left.dark-Modal--2th.dark-Drawer--xl .dark-Drawer-content {
     width: calc(var(--Drawer-widthXl) - 20px);
   }
-
   .dark-Drawer--top.dark-Modal--2th.dark-Drawer .dark-Drawer-content,
-.dark-Drawer--bottom.dark-Modal--2th.dark-Drawer .dark-Drawer-content {
+  .dark-Drawer--bottom.dark-Modal--2th.dark-Drawer .dark-Drawer-content {
     height: calc(var(--Drawer-widthBase) - 20px);
   }
   .dark-Drawer--top.dark-Modal--2th.dark-Drawer--xs .dark-Drawer-content,
-.dark-Drawer--bottom.dark-Modal--2th.dark-Drawer--xs .dark-Drawer-content {
+  .dark-Drawer--bottom.dark-Modal--2th.dark-Drawer--xs .dark-Drawer-content {
     height: calc(var(--Drawer-widthXs) - 20px);
   }
   .dark-Drawer--top.dark-Modal--2th.dark-Drawer--sm .dark-Drawer-content,
-.dark-Drawer--bottom.dark-Modal--2th.dark-Drawer--sm .dark-Drawer-content {
+  .dark-Drawer--bottom.dark-Modal--2th.dark-Drawer--sm .dark-Drawer-content {
     height: calc(var(--Drawer-widthSm) - 20px);
   }
   .dark-Drawer--top.dark-Modal--2th.dark-Drawer--md .dark-Drawer-content,
-.dark-Drawer--bottom.dark-Modal--2th.dark-Drawer--md .dark-Drawer-content {
+  .dark-Drawer--bottom.dark-Modal--2th.dark-Drawer--md .dark-Drawer-content {
     height: calc(var(--Drawer-widthMd) - 20px);
   }
   .dark-Drawer--top.dark-Modal--2th.dark-Drawer--lg .dark-Drawer-content,
-.dark-Drawer--bottom.dark-Modal--2th.dark-Drawer--lg .dark-Drawer-content {
+  .dark-Drawer--bottom.dark-Modal--2th.dark-Drawer--lg .dark-Drawer-content {
     height: calc(var(--Drawer-widthLg) - 20px);
   }
   .dark-Drawer--top.dark-Modal--2th.dark-Drawer--xl .dark-Drawer-content,
-.dark-Drawer--bottom.dark-Modal--2th.dark-Drawer--xl .dark-Drawer-content {
+  .dark-Drawer--bottom.dark-Modal--2th.dark-Drawer--xl .dark-Drawer-content {
     height: calc(var(--Drawer-widthXl) - 20px);
   }
-
   .dark-Drawer--right.dark-Modal--3th.dark-Drawer .dark-Drawer-content,
-.dark-Drawer--left.dark-Modal--3th.dark-Drawer .dark-Drawer-content {
+  .dark-Drawer--left.dark-Modal--3th.dark-Drawer .dark-Drawer-content {
     width: calc(var(--Drawer-widthBase) - 40px);
   }
   .dark-Drawer--right.dark-Modal--3th.dark-Drawer--xs .dark-Drawer-content,
-.dark-Drawer--left.dark-Modal--3th.dark-Drawer--xs .dark-Drawer-content {
+  .dark-Drawer--left.dark-Modal--3th.dark-Drawer--xs .dark-Drawer-content {
     width: calc(var(--Drawer-widthXs) - 40px);
   }
   .dark-Drawer--right.dark-Modal--3th.dark-Drawer--sm .dark-Drawer-content,
-.dark-Drawer--left.dark-Modal--3th.dark-Drawer--sm .dark-Drawer-content {
+  .dark-Drawer--left.dark-Modal--3th.dark-Drawer--sm .dark-Drawer-content {
     width: calc(var(--Drawer-widthSm) - 40px);
   }
   .dark-Drawer--right.dark-Modal--3th.dark-Drawer--md .dark-Drawer-content,
-.dark-Drawer--left.dark-Modal--3th.dark-Drawer--md .dark-Drawer-content {
+  .dark-Drawer--left.dark-Modal--3th.dark-Drawer--md .dark-Drawer-content {
     width: calc(var(--Drawer-widthMd) - 40px);
   }
   .dark-Drawer--right.dark-Modal--3th.dark-Drawer--lg .dark-Drawer-content,
-.dark-Drawer--left.dark-Modal--3th.dark-Drawer--lg .dark-Drawer-content {
+  .dark-Drawer--left.dark-Modal--3th.dark-Drawer--lg .dark-Drawer-content {
     width: calc(var(--Drawer-widthLg) - 40px);
   }
   .dark-Drawer--right.dark-Modal--3th.dark-Drawer--xl .dark-Drawer-content,
-.dark-Drawer--left.dark-Modal--3th.dark-Drawer--xl .dark-Drawer-content {
+  .dark-Drawer--left.dark-Modal--3th.dark-Drawer--xl .dark-Drawer-content {
     width: calc(var(--Drawer-widthXl) - 40px);
   }
-
   .dark-Drawer--top.dark-Modal--3th.dark-Drawer .dark-Drawer-content,
-.dark-Drawer--bottom.dark-Modal--3th.dark-Drawer .dark-Drawer-content {
+  .dark-Drawer--bottom.dark-Modal--3th.dark-Drawer .dark-Drawer-content {
     height: calc(var(--Drawer-widthBase) - 40px);
   }
   .dark-Drawer--top.dark-Modal--3th.dark-Drawer--xs .dark-Drawer-content,
-.dark-Drawer--bottom.dark-Modal--3th.dark-Drawer--xs .dark-Drawer-content {
+  .dark-Drawer--bottom.dark-Modal--3th.dark-Drawer--xs .dark-Drawer-content {
     height: calc(var(--Drawer-widthXs) - 40px);
   }
   .dark-Drawer--top.dark-Modal--3th.dark-Drawer--sm .dark-Drawer-content,
-.dark-Drawer--bottom.dark-Modal--3th.dark-Drawer--sm .dark-Drawer-content {
+  .dark-Drawer--bottom.dark-Modal--3th.dark-Drawer--sm .dark-Drawer-content {
     height: calc(var(--Drawer-widthSm) - 40px);
   }
   .dark-Drawer--top.dark-Modal--3th.dark-Drawer--md .dark-Drawer-content,
-.dark-Drawer--bottom.dark-Modal--3th.dark-Drawer--md .dark-Drawer-content {
+  .dark-Drawer--bottom.dark-Modal--3th.dark-Drawer--md .dark-Drawer-content {
     height: calc(var(--Drawer-widthMd) - 40px);
   }
   .dark-Drawer--top.dark-Modal--3th.dark-Drawer--lg .dark-Drawer-content,
-.dark-Drawer--bottom.dark-Modal--3th.dark-Drawer--lg .dark-Drawer-content {
+  .dark-Drawer--bottom.dark-Modal--3th.dark-Drawer--lg .dark-Drawer-content {
     height: calc(var(--Drawer-widthLg) - 40px);
   }
   .dark-Drawer--top.dark-Modal--3th.dark-Drawer--xl .dark-Drawer-content,
-.dark-Drawer--bottom.dark-Modal--3th.dark-Drawer--xl .dark-Drawer-content {
+  .dark-Drawer--bottom.dark-Modal--3th.dark-Drawer--xl .dark-Drawer-content {
     height: calc(var(--Drawer-widthXl) - 40px);
   }
-
   .dark-Drawer--right.dark-Modal--4th.dark-Drawer .dark-Drawer-content,
-.dark-Drawer--left.dark-Modal--4th.dark-Drawer .dark-Drawer-content {
+  .dark-Drawer--left.dark-Modal--4th.dark-Drawer .dark-Drawer-content {
     width: calc(var(--Drawer-widthBase) - 60px);
   }
   .dark-Drawer--right.dark-Modal--4th.dark-Drawer--xs .dark-Drawer-content,
-.dark-Drawer--left.dark-Modal--4th.dark-Drawer--xs .dark-Drawer-content {
+  .dark-Drawer--left.dark-Modal--4th.dark-Drawer--xs .dark-Drawer-content {
     width: calc(var(--Drawer-widthXs) - 60px);
   }
   .dark-Drawer--right.dark-Modal--4th.dark-Drawer--sm .dark-Drawer-content,
-.dark-Drawer--left.dark-Modal--4th.dark-Drawer--sm .dark-Drawer-content {
+  .dark-Drawer--left.dark-Modal--4th.dark-Drawer--sm .dark-Drawer-content {
     width: calc(var(--Drawer-widthSm) - 60px);
   }
   .dark-Drawer--right.dark-Modal--4th.dark-Drawer--md .dark-Drawer-content,
-.dark-Drawer--left.dark-Modal--4th.dark-Drawer--md .dark-Drawer-content {
+  .dark-Drawer--left.dark-Modal--4th.dark-Drawer--md .dark-Drawer-content {
     width: calc(var(--Drawer-widthMd) - 60px);
   }
   .dark-Drawer--right.dark-Modal--4th.dark-Drawer--lg .dark-Drawer-content,
-.dark-Drawer--left.dark-Modal--4th.dark-Drawer--lg .dark-Drawer-content {
+  .dark-Drawer--left.dark-Modal--4th.dark-Drawer--lg .dark-Drawer-content {
     width: calc(var(--Drawer-widthLg) - 60px);
   }
   .dark-Drawer--right.dark-Modal--4th.dark-Drawer--xl .dark-Drawer-content,
-.dark-Drawer--left.dark-Modal--4th.dark-Drawer--xl .dark-Drawer-content {
+  .dark-Drawer--left.dark-Modal--4th.dark-Drawer--xl .dark-Drawer-content {
     width: calc(var(--Drawer-widthXl) - 60px);
   }
-
   .dark-Drawer--top.dark-Modal--4th.dark-Drawer .dark-Drawer-content,
-.dark-Drawer--bottom.dark-Modal--4th.dark-Drawer .dark-Drawer-content {
+  .dark-Drawer--bottom.dark-Modal--4th.dark-Drawer .dark-Drawer-content {
     height: calc(var(--Drawer-widthBase) - 60px);
   }
   .dark-Drawer--top.dark-Modal--4th.dark-Drawer--xs .dark-Drawer-content,
-.dark-Drawer--bottom.dark-Modal--4th.dark-Drawer--xs .dark-Drawer-content {
+  .dark-Drawer--bottom.dark-Modal--4th.dark-Drawer--xs .dark-Drawer-content {
     height: calc(var(--Drawer-widthXs) - 60px);
   }
   .dark-Drawer--top.dark-Modal--4th.dark-Drawer--sm .dark-Drawer-content,
-.dark-Drawer--bottom.dark-Modal--4th.dark-Drawer--sm .dark-Drawer-content {
+  .dark-Drawer--bottom.dark-Modal--4th.dark-Drawer--sm .dark-Drawer-content {
     height: calc(var(--Drawer-widthSm) - 60px);
   }
   .dark-Drawer--top.dark-Modal--4th.dark-Drawer--md .dark-Drawer-content,
-.dark-Drawer--bottom.dark-Modal--4th.dark-Drawer--md .dark-Drawer-content {
+  .dark-Drawer--bottom.dark-Modal--4th.dark-Drawer--md .dark-Drawer-content {
     height: calc(var(--Drawer-widthMd) - 60px);
   }
   .dark-Drawer--top.dark-Modal--4th.dark-Drawer--lg .dark-Drawer-content,
-.dark-Drawer--bottom.dark-Modal--4th.dark-Drawer--lg .dark-Drawer-content {
+  .dark-Drawer--bottom.dark-Modal--4th.dark-Drawer--lg .dark-Drawer-content {
     height: calc(var(--Drawer-widthLg) - 60px);
   }
   .dark-Drawer--top.dark-Modal--4th.dark-Drawer--xl .dark-Drawer-content,
-.dark-Drawer--bottom.dark-Modal--4th.dark-Drawer--xl .dark-Drawer-content {
+  .dark-Drawer--bottom.dark-Modal--4th.dark-Drawer--xl .dark-Drawer-content {
     height: calc(var(--Drawer-widthXl) - 60px);
   }
-
   .dark-Drawer--right.dark-Modal--5th.dark-Drawer .dark-Drawer-content,
-.dark-Drawer--left.dark-Modal--5th.dark-Drawer .dark-Drawer-content {
+  .dark-Drawer--left.dark-Modal--5th.dark-Drawer .dark-Drawer-content {
     width: calc(var(--Drawer-widthBase) - 80px);
   }
   .dark-Drawer--right.dark-Modal--5th.dark-Drawer--xs .dark-Drawer-content,
-.dark-Drawer--left.dark-Modal--5th.dark-Drawer--xs .dark-Drawer-content {
+  .dark-Drawer--left.dark-Modal--5th.dark-Drawer--xs .dark-Drawer-content {
     width: calc(var(--Drawer-widthXs) - 80px);
   }
   .dark-Drawer--right.dark-Modal--5th.dark-Drawer--sm .dark-Drawer-content,
-.dark-Drawer--left.dark-Modal--5th.dark-Drawer--sm .dark-Drawer-content {
+  .dark-Drawer--left.dark-Modal--5th.dark-Drawer--sm .dark-Drawer-content {
     width: calc(var(--Drawer-widthSm) - 80px);
   }
   .dark-Drawer--right.dark-Modal--5th.dark-Drawer--md .dark-Drawer-content,
-.dark-Drawer--left.dark-Modal--5th.dark-Drawer--md .dark-Drawer-content {
+  .dark-Drawer--left.dark-Modal--5th.dark-Drawer--md .dark-Drawer-content {
     width: calc(var(--Drawer-widthMd) - 80px);
   }
   .dark-Drawer--right.dark-Modal--5th.dark-Drawer--lg .dark-Drawer-content,
-.dark-Drawer--left.dark-Modal--5th.dark-Drawer--lg .dark-Drawer-content {
+  .dark-Drawer--left.dark-Modal--5th.dark-Drawer--lg .dark-Drawer-content {
     width: calc(var(--Drawer-widthLg) - 80px);
   }
   .dark-Drawer--right.dark-Modal--5th.dark-Drawer--xl .dark-Drawer-content,
-.dark-Drawer--left.dark-Modal--5th.dark-Drawer--xl .dark-Drawer-content {
+  .dark-Drawer--left.dark-Modal--5th.dark-Drawer--xl .dark-Drawer-content {
     width: calc(var(--Drawer-widthXl) - 80px);
   }
-
   .dark-Drawer--top.dark-Modal--5th.dark-Drawer .dark-Drawer-content,
-.dark-Drawer--bottom.dark-Modal--5th.dark-Drawer .dark-Drawer-content {
+  .dark-Drawer--bottom.dark-Modal--5th.dark-Drawer .dark-Drawer-content {
     height: calc(var(--Drawer-widthBase) - 80px);
   }
   .dark-Drawer--top.dark-Modal--5th.dark-Drawer--xs .dark-Drawer-content,
-.dark-Drawer--bottom.dark-Modal--5th.dark-Drawer--xs .dark-Drawer-content {
+  .dark-Drawer--bottom.dark-Modal--5th.dark-Drawer--xs .dark-Drawer-content {
     height: calc(var(--Drawer-widthXs) - 80px);
   }
   .dark-Drawer--top.dark-Modal--5th.dark-Drawer--sm .dark-Drawer-content,
-.dark-Drawer--bottom.dark-Modal--5th.dark-Drawer--sm .dark-Drawer-content {
+  .dark-Drawer--bottom.dark-Modal--5th.dark-Drawer--sm .dark-Drawer-content {
     height: calc(var(--Drawer-widthSm) - 80px);
   }
   .dark-Drawer--top.dark-Modal--5th.dark-Drawer--md .dark-Drawer-content,
-.dark-Drawer--bottom.dark-Modal--5th.dark-Drawer--md .dark-Drawer-content {
+  .dark-Drawer--bottom.dark-Modal--5th.dark-Drawer--md .dark-Drawer-content {
     height: calc(var(--Drawer-widthMd) - 80px);
   }
   .dark-Drawer--top.dark-Modal--5th.dark-Drawer--lg .dark-Drawer-content,
-.dark-Drawer--bottom.dark-Modal--5th.dark-Drawer--lg .dark-Drawer-content {
+  .dark-Drawer--bottom.dark-Modal--5th.dark-Drawer--lg .dark-Drawer-content {
     height: calc(var(--Drawer-widthLg) - 80px);
   }
   .dark-Drawer--top.dark-Modal--5th.dark-Drawer--xl .dark-Drawer-content,
-.dark-Drawer--bottom.dark-Modal--5th.dark-Drawer--xl .dark-Drawer-content {
+  .dark-Drawer--bottom.dark-Modal--5th.dark-Drawer--xl .dark-Drawer-content {
     height: calc(var(--Drawer-widthXl) - 80px);
   }
-
   .dark-Drawer--right.dark-Modal--6th.dark-Drawer .dark-Drawer-content,
-.dark-Drawer--left.dark-Modal--6th.dark-Drawer .dark-Drawer-content {
+  .dark-Drawer--left.dark-Modal--6th.dark-Drawer .dark-Drawer-content {
     width: calc(var(--Drawer-widthBase) - 100px);
   }
   .dark-Drawer--right.dark-Modal--6th.dark-Drawer--xs .dark-Drawer-content,
-.dark-Drawer--left.dark-Modal--6th.dark-Drawer--xs .dark-Drawer-content {
+  .dark-Drawer--left.dark-Modal--6th.dark-Drawer--xs .dark-Drawer-content {
     width: calc(var(--Drawer-widthXs) - 100px);
   }
   .dark-Drawer--right.dark-Modal--6th.dark-Drawer--sm .dark-Drawer-content,
-.dark-Drawer--left.dark-Modal--6th.dark-Drawer--sm .dark-Drawer-content {
+  .dark-Drawer--left.dark-Modal--6th.dark-Drawer--sm .dark-Drawer-content {
     width: calc(var(--Drawer-widthSm) - 100px);
   }
   .dark-Drawer--right.dark-Modal--6th.dark-Drawer--md .dark-Drawer-content,
-.dark-Drawer--left.dark-Modal--6th.dark-Drawer--md .dark-Drawer-content {
+  .dark-Drawer--left.dark-Modal--6th.dark-Drawer--md .dark-Drawer-content {
     width: calc(var(--Drawer-widthMd) - 100px);
   }
   .dark-Drawer--right.dark-Modal--6th.dark-Drawer--lg .dark-Drawer-content,
-.dark-Drawer--left.dark-Modal--6th.dark-Drawer--lg .dark-Drawer-content {
+  .dark-Drawer--left.dark-Modal--6th.dark-Drawer--lg .dark-Drawer-content {
     width: calc(var(--Drawer-widthLg) - 100px);
   }
   .dark-Drawer--right.dark-Modal--6th.dark-Drawer--xl .dark-Drawer-content,
-.dark-Drawer--left.dark-Modal--6th.dark-Drawer--xl .dark-Drawer-content {
+  .dark-Drawer--left.dark-Modal--6th.dark-Drawer--xl .dark-Drawer-content {
     width: calc(var(--Drawer-widthXl) - 100px);
   }
-
   .dark-Drawer--top.dark-Modal--6th.dark-Drawer .dark-Drawer-content,
-.dark-Drawer--bottom.dark-Modal--6th.dark-Drawer .dark-Drawer-content {
+  .dark-Drawer--bottom.dark-Modal--6th.dark-Drawer .dark-Drawer-content {
     height: calc(var(--Drawer-widthBase) - 100px);
   }
   .dark-Drawer--top.dark-Modal--6th.dark-Drawer--xs .dark-Drawer-content,
-.dark-Drawer--bottom.dark-Modal--6th.dark-Drawer--xs .dark-Drawer-content {
+  .dark-Drawer--bottom.dark-Modal--6th.dark-Drawer--xs .dark-Drawer-content {
     height: calc(var(--Drawer-widthXs) - 100px);
   }
   .dark-Drawer--top.dark-Modal--6th.dark-Drawer--sm .dark-Drawer-content,
-.dark-Drawer--bottom.dark-Modal--6th.dark-Drawer--sm .dark-Drawer-content {
+  .dark-Drawer--bottom.dark-Modal--6th.dark-Drawer--sm .dark-Drawer-content {
     height: calc(var(--Drawer-widthSm) - 100px);
   }
   .dark-Drawer--top.dark-Modal--6th.dark-Drawer--md .dark-Drawer-content,
-.dark-Drawer--bottom.dark-Modal--6th.dark-Drawer--md .dark-Drawer-content {
+  .dark-Drawer--bottom.dark-Modal--6th.dark-Drawer--md .dark-Drawer-content {
     height: calc(var(--Drawer-widthMd) - 100px);
   }
   .dark-Drawer--top.dark-Modal--6th.dark-Drawer--lg .dark-Drawer-content,
-.dark-Drawer--bottom.dark-Modal--6th.dark-Drawer--lg .dark-Drawer-content {
+  .dark-Drawer--bottom.dark-Modal--6th.dark-Drawer--lg .dark-Drawer-content {
     height: calc(var(--Drawer-widthLg) - 100px);
   }
   .dark-Drawer--top.dark-Modal--6th.dark-Drawer--xl .dark-Drawer-content,
-.dark-Drawer--bottom.dark-Modal--6th.dark-Drawer--xl .dark-Drawer-content {
+  .dark-Drawer--bottom.dark-Modal--6th.dark-Drawer--xl .dark-Drawer-content {
     height: calc(var(--Drawer-widthXl) - 100px);
   }
 }
@@ -18110,6 +18013,7 @@ input[type=button].dark-Button--block {
   transform: translate3d(0, -100%, 0);
   box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.2);
   min-height: 120px;
+  border-bottom: var(--common-popover-border);
 }
 .dark-Drawer--top .dark-Drawer-resizeCtrl {
   bottom: -0.375rem;
@@ -18133,6 +18037,7 @@ input[type=button].dark-Button--block {
   transform: translate3d(100%, 0, 0);
   box-shadow: -10px 0 10px -10px rgba(0, 0, 0, 0.2);
   min-width: 120px;
+  border-left: var(--common-popover-border);
 }
 .dark-Drawer--right .dark-Drawer-footer {
   justify-content: flex-end;
@@ -18173,6 +18078,7 @@ input[type=button].dark-Button--block {
   transform: translate3d(0, 100%, 0);
   box-shadow: 0 -10px 10px -10px rgba(0, 0, 0, 0.2);
   min-height: 120px;
+  border-top: var(--common-popover-border);
 }
 .dark-Drawer--bottom .dark-Drawer-resizeCtrl {
   top: -0.375rem;
@@ -18197,6 +18103,7 @@ input[type=button].dark-Button--block {
   box-shadow: 10px 0 10px -10px rgba(0, 0, 0, 0.2);
   border-width: 0 var(--Drawer-content-borderWidth) 0 0;
   min-width: 120px;
+  border-right: var(--common-popover-border);
 }
 .dark-Drawer--left .dark-Drawer-resizeCtrl {
   right: -0.375rem;
@@ -18223,6 +18130,7 @@ input[type=button].dark-Button--block {
   word-wrap: break-word;
   background: var(--Tooltip-bg);
   box-shadow: var(--Tooltip-boxShadow);
+  border: var(--common-popover-border);
 }
 .dark-Tooltip-arrow {
   position: absolute;
@@ -18243,7 +18151,7 @@ input[type=button].dark-Button--block {
   margin-top: calc(var(--Tooltip-arrow-height) * -1 - 0.125rem);
 }
 .dark-Tooltip--top .dark-Tooltip-arrow {
-  bottom: calc( (var(--Tooltip-arrow-height) + var(--Tooltip-borderWidth)) * -1 );
+  bottom: calc((var(--Tooltip-arrow-height) + var(--Tooltip-borderWidth)) * -1);
 }
 .dark-Tooltip--top .dark-Tooltip-arrow::before,
 .dark-Tooltip--top .dark-Tooltip-arrow::after {
@@ -18281,7 +18189,7 @@ input[type=button].dark-Button--block {
   margin-top: calc(var(--Tooltip-arrow-height) + 0.125rem);
 }
 .dark-Tooltip--bottom .dark-Tooltip-arrow {
-  top: calc( (var(--Tooltip-arrow-height) + var(--Tooltip-borderWidth)) * -1 );
+  top: calc((var(--Tooltip-arrow-height) + var(--Tooltip-borderWidth)) * -1);
 }
 .dark-Tooltip--bottom .dark-Tooltip-arrow::before,
 .dark-Tooltip--bottom .dark-Tooltip-arrow::after {
@@ -18309,7 +18217,7 @@ input[type=button].dark-Button--block {
 }
 .dark-Tooltip--left .dark-Tooltip-arrow {
   left: auto;
-  right: calc( (var(--Tooltip-arrow-height) + var(--Tooltip-borderWidth)) * -1 );
+  right: calc((var(--Tooltip-arrow-height) + var(--Tooltip-borderWidth)) * -1);
   width: var(--Tooltip-arrow-height);
   height: var(--Tooltip-arrow-width);
   margin-top: calc(var(--Tooltip-arrow-width) * -1 / 2);
@@ -18332,8 +18240,8 @@ input[type=button].dark-Button--block {
   font-size: var(--fontSizeBase);
   color: var(--Tooltip-title-color);
   font-weight: var(--Tooltip-fontWeight);
-  border-top-left-radius: calc( var(--Tooltip-borderRadius) - var(--Tooltip-borderWidth) );
-  border-top-right-radius: calc( var(--Tooltip-borderRadius) - var(--Tooltip-borderWidth) );
+  border-top-left-radius: calc(var(--Tooltip-borderRadius) - var(--Tooltip-borderWidth));
+  border-top-right-radius: calc(var(--Tooltip-borderRadius) - var(--Tooltip-borderWidth));
   font-weight: var(--Tooltip-title-fontWeight);
 }
 .dark-Tooltip-title:empty {
@@ -18347,7 +18255,7 @@ input[type=button].dark-Button--block {
 }
 .dark-Tooltip--dark {
   background: var(--Tooltip-bg--dark);
-  border: none;
+  border: var(--common-popover-border);
   box-shadow: var(--Tooltip-boxShadow--dark);
 }
 .dark-Tooltip--dark .dark-Tooltip-title {
@@ -18500,7 +18408,7 @@ input[type=button].dark-Button--block {
   word-wrap: normal;
   font-size: var(--fontSizeBase);
   box-shadow: var(--boxShadow);
-  border: var(--borderWidth) solid var(--borderColor);
+  border: var(--common-popover-border);
   border-radius: var(--borderRadius);
 }
 .dark-PopOver > * {
@@ -18767,7 +18675,7 @@ input[type=button].dark-Button--block {
   z-index: 1;
   width: 100%;
   height: 100%;
-  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.4)), linear-gradient(0deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.4));
+  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.9), hsla(0, 0%, 100%, 0.4)), linear-gradient(0deg, hsla(0, 0%, 100%, 0.9), hsla(0, 0%, 100%, 0.4));
   background-repeat: no-repeat;
   background-position: top, bottom;
   transform: translateZ(0);
@@ -19133,6 +19041,9 @@ input[type=button].dark-Button--block {
   padding: 0 0 0 var(--gap-md);
   border-bottom: var(--borderWidth) solid var(--borderColor);
 }
+.dark-AppBcn a {
+  font-size: inherit;
+}
 .dark-AppBcn-item {
   display: inline-block;
 }
@@ -19177,7 +19088,7 @@ input[type=button].dark-Button--block {
   margin: var(--button-size-default-marginTop) var(--button-size-default-marginRight) var(--button-size-default-marginBottom) var(--button-size-default-marginLeft);
   color: var(--Combo-addBtn-border);
   background: var(--Combo-addBtn-bg);
-  border-color: var(--Combo-addBtn-color) var(--Combo-addBtn-onHover-bg) var(--Combo-addBtn-onHover-border) var(--Combo-addBtn-onHover-color);
+  border-color: var(--Combo-addBtn-color) var(--combo-multi-addBtn-hover-bg-color) var(--Combo-addBtn-onHover-border) var(--Combo-addBtn-onHover-color);
   border-width: var(--Combo-addBtn-onActive-bg) var(--Combo-addBtn-onActive-border) var(--Combo-addBtn-onActive-color) var(--button-default-default-left-border-width);
   border-style: var(--button-default-default-top-border-style) var(--button-default-default-right-border-style) var(--button-default-default-bottom-border-style) var(--button-default-default-left-border-style);
   box-shadow: var(--button-default-default-shadow);
@@ -20378,7 +20289,8 @@ input[type=button].dark-Button--block {
   background-color: var(--Layout-light-backgroundColor);
   font-size: var(--Nav-item-fontSize);
   line-height: var(--Nav-Item-height);
-  min-height: 10px;
+  min-height: 0.625rem;
+  color: var(--colors-neutral-text-2);
 }
 .dark-Nav-horizontal {
   line-height: var(--Nav-Item-height--horizontal);
@@ -20386,7 +20298,7 @@ input[type=button].dark-Button--block {
 .dark-Nav .dark-Nav-dropIndicator {
   position: absolute;
   background: var(--Nav-item-onActive-color);
-  height: 2px;
+  height: 0.125rem;
 }
 .dark-Nav--searchable {
   display: flex;
@@ -20514,22 +20426,20 @@ input[type=button].dark-Button--block {
     min-width: var(--Page-aside-width);
     max-width: var(--Page-aside-maxWidth);
   }
-
   .dark-Page--withSidebar {
     display: flex;
     flex-direction: row;
     align-items: stretch;
   }
   .dark-Page--withSidebar > .dark-Page-content,
-.dark-Page--withSidebar > .dark-PullRefresh {
+  .dark-Page--withSidebar > .dark-PullRefresh {
     width: 0;
     flex-grow: 1;
   }
-
   .dark-Page--asideSticky > .dark-Page-aside {
     position: sticky;
     top: var(--affix-offset-top);
-    max-height: calc( 100vh - var(--affix-offset-top) - var(--affix-offset-bottom) );
+    max-height: calc(100vh - var(--affix-offset-top) - var(--affix-offset-bottom));
     overflow-x: hidden;
     overflow-y: auto;
   }
@@ -21068,6 +20978,9 @@ input[type=button].dark-Button--block {
 .dark-Spinner .dark-Spinner-icon--sm i.icon {
   font-size: var(--Spinner--sm-height);
 }
+.dark-Spinner .dark-Spinner-icon--darkBg svg.icon path {
+  fill: var(--loading-dark-bg-color);
+}
 .dark-Spinner .dark-Spinner-tip {
   margin: 0.75rem 0 0 0;
   word-break: keep-all;
@@ -21190,6 +21103,10 @@ input[type=button].dark-Button--block {
 .dark-ButtonGroup-button--active {
   z-index: 1;
 }
+.dark-ButtonGroup-button--active.is-disabled {
+  color: var(--text-color);
+  border: var(--borderWidth) solid var(--borderColor);
+}
 .dark-ButtonToolbar {
   display: inline-flex;
   flex-wrap: wrap;
@@ -21270,10 +21187,16 @@ input[type=button].dark-Button--block {
   display: flex;
 }
 .dark-ButtonGroup--tiled .dark-Button,
-.dark-ButtonGroup--tiled .dark-ButtonGroup {
+.dark-ButtonGroup--tiled .dark-ButtonGroup,
+.dark-ButtonGroup--tiled .dark-Badge {
   flex-grow: 1;
   text-align: center;
 }
+.dark-ButtonGroup--tiled .dark-Button .dark-Button,
+.dark-ButtonGroup--tiled .dark-ButtonGroup .dark-Button,
+.dark-ButtonGroup--tiled .dark-Badge .dark-Button {
+  width: 100%;
+}
 .dark-DropDown {
   position: relative;
   display: inline-block;
@@ -21320,7 +21243,7 @@ input[type=button].dark-Button--block {
   top: 100%;
   left: 0;
   margin: 0.0625rem 0 0;
-  border: none;
+  border: var(--Form-select-outer-borderWidth) solid var(--Form-select-outer-borderColor);
   border-radius: var(--DropDown-menu-borderRadius);
   box-shadow: var(--DropDown-menu-boxShadow);
   min-width: var(--DropDown-menu-minWidth);
@@ -21997,7 +21920,6 @@ input[type=button].dark-Button--block {
   width: 1rem;
   height: 1rem;
   box-shadow: var(--boxShadowSm);
-  background: #ccc;
 }
 .dark-ColorField-value {
   display: inline-block;
@@ -22776,8 +22698,8 @@ input[type=button].dark-Button--block {
   align-items: flex-start;
   overflow-x: hidden;
   overflow-y: auto;
-  height: calc( (var(--Picker-tag-height) + var(--Picker-tag-marginBottom) * 4) * 3 );
-  max-height: calc( (var(--Picker-tag-height) + var(--Picker-tag-marginBottom)) * 5 );
+  height: calc((var(--Picker-tag-height) + var(--Picker-tag-marginBottom) * 4) * 3);
+  max-height: calc((var(--Picker-tag-height) + var(--Picker-tag-marginBottom)) * 5);
 }
 .dark-Crud-selection-overflow-wrapper .dark-Crud-value {
   cursor: pointer;
@@ -22786,7 +22708,7 @@ input[type=button].dark-Button--block {
           user-select: none;
   white-space: nowrap;
   vertical-align: middle;
-  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem );
+  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem);
   display: inline-block;
   font-size: var(--Pick-base-value-fontSize);
   color: var(--Pick-base-value-color);
@@ -22835,7 +22757,7 @@ input[type=button].dark-Button--block {
           user-select: none;
   white-space: nowrap;
   vertical-align: middle;
-  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem );
+  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem);
   display: inline-block;
   font-size: var(--Pick-base-value-fontSize);
   color: var(--Pick-base-value-color);
@@ -22962,7 +22884,7 @@ input[type=button].dark-Button--block {
     float: right;
   }
   .dark-Crud-actions > * + .dark-Button,
-.dark-Crud-actions > * + .dark-Button--disabled-wrap {
+  .dark-Crud-actions > * + .dark-Button--disabled-wrap {
     margin-left: var(--Crud-toolbar-gap);
   }
 }
@@ -22983,7 +22905,7 @@ input[type=button].dark-Button--block {
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
-  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem );
+  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem);
   display: inline-block;
   font-size: var(--Pick-base-value-fontSize);
   color: var(--Pick-base-value-color);
@@ -23094,7 +23016,7 @@ input[type=button].dark-Button--block {
     float: right;
   }
   .dark-Crud-actions > * + .dark-Button,
-.dark-Crud-actions > * + .dark-Button--disabled-wrap {
+  .dark-Crud-actions > * + .dark-Button--disabled-wrap {
     margin-left: var(--Crud-toolbar-gap);
   }
 }
@@ -23135,7 +23057,7 @@ input[type=button].dark-Button--block {
 }
 .dark-Table-heading {
   background: var(--Table-heading-bg);
-  padding: calc( ( var(--Table-heading-height) - var(--Table-fontSize) * var(--lineHeightBase) ) / 2 ) var(--gap-sm);
+  padding: calc((var(--Table-heading-height) - var(--Table-fontSize) * var(--lineHeightBase)) / 2) var(--gap-sm);
 }
 .dark-Table--unsaved .dark-Table-heading {
   background: var(--Table--unsaved-heading-bg);
@@ -23912,6 +23834,10 @@ input[type=button].dark-Button--block {
   width: 100%;
   margin: 0;
 }
+.dark-TableCell-filterPopOver .dark-SearchBox {
+  margin-left: var(--gap-xs);
+  margin-top: var(--gap-xs);
+}
 .dark-Table-itemActions-wrap {
   position: absolute;
   width: 100%;
@@ -24168,14 +24094,13 @@ input[type=button].dark-Button--block {
     border-bottom: 1px solid var(--Table-thead-borderColor);
     transform: scaleY(0.5);
   }
-
   .dark-Table-table th,
-.dark-Table-table td {
+  .dark-Table-table td {
     position: relative;
     border-bottom: none;
   }
   .dark-Table-table th::before,
-.dark-Table-table td::before {
+  .dark-Table-table td::before {
     position: absolute;
     box-sizing: border-box;
     content: " ";
@@ -24232,7 +24157,7 @@ input[type=button].dark-Button--block {
   padding: var(--table-size-large-paddingTop) var(--table-size-large-paddingRight) var(--table-size-large-paddingBottom) var(--table-size-large-paddingLeft);
 }
 .dark-Table2.dark-Table-large .dark-TableCell-filterBtn {
-  right: calc( var(--table-size-large-paddingRight) - var(--TableCell-filterBtn-width) / 2 );
+  right: calc(var(--table-size-large-paddingRight) - var(--TableCell-filterBtn-width) / 2);
 }
 .dark-Table2.dark-Table-small .dark-Table-table > thead > tr > th {
   padding: var(--table-size-small-paddingTop) var(--table-size-small-paddingRight) var(--table-size-small-paddingBottom) var(--table-size-small-paddingLeft);
@@ -24245,7 +24170,7 @@ input[type=button].dark-Button--block {
   padding: var(--table-size-small-paddingTop) var(--table-size-small-paddingRight) var(--table-size-small-paddingBottom) var(--table-size-small-paddingLeft);
 }
 .dark-Table2.dark-Table-small .dark-TableCell-filterBtn {
-  right: calc( var(--table-size-small-paddingRight) - var(--TableCell-filterBtn-width) / 2 );
+  right: calc(var(--table-size-small-paddingRight) - var(--TableCell-filterBtn-width) / 2);
 }
 .dark-Table2 .dark-Table-title,
 .dark-Table2 .dark-Table-footer {
@@ -25126,15 +25051,15 @@ input[type=button].dark-Button--block {
   background: var(--Table-tree-borderColor);
 }
 .dark-Table2 .dark-Table-table > thead > tr > th.dark-TableCell--sortable {
-  padding-right: calc( var(--TableCell-paddingX) + var(--TableCell-sortBtn-width) );
+  padding-right: calc(var(--TableCell-paddingX) + var(--TableCell-sortBtn-width));
   position: relative;
 }
 .dark-Table2 .dark-Table-table > thead > tr > th.dark-TableCell--searchable {
-  padding-right: calc( var(--TableCell-paddingX) + var(--TableCell-searchBtn-width) );
+  padding-right: calc(var(--TableCell-paddingX) + var(--TableCell-searchBtn-width));
   position: relative;
 }
 .dark-Table2 .dark-Table-table > thead > tr > th.dark-TableCell--filterable {
-  padding-right: calc( var(--TableCell-paddingX) + var(--TableCell-filterBtn-width) );
+  padding-right: calc(var(--TableCell-paddingX) + var(--TableCell-filterBtn-width));
   position: relative;
 }
 .dark-Table2 .dark-Table-table > tbody > tr.dark-Table-row-disabled {
@@ -25981,32 +25906,26 @@ input[type=button].dark-Button--block {
     -moz-column-count: 12;
          column-count: 12;
   }
-
   .dark-Cards--masonrySm2 {
     -moz-column-count: 6;
          column-count: 6;
   }
-
   .dark-Cards--masonrySm3 {
     -moz-column-count: 4;
          column-count: 4;
   }
-
   .dark-Cards--masonrySm4 {
     -moz-column-count: 3;
          column-count: 3;
   }
-
   .dark-Cards--masonrySm6 {
     -moz-column-count: 2;
          column-count: 2;
   }
-
   .dark-Cards--masonrySm12 {
     -moz-column-count: 1;
          column-count: 1;
   }
-
   .dark-Cards-toolbar {
     display: flex;
     flex-wrap: wrap;
@@ -26017,27 +25936,22 @@ input[type=button].dark-Button--block {
     -moz-column-count: 12;
          column-count: 12;
   }
-
   .dark-Cards--masonryMd2 {
     -moz-column-count: 6;
          column-count: 6;
   }
-
   .dark-Cards--masonryMd3 {
     -moz-column-count: 4;
          column-count: 4;
   }
-
   .dark-Cards--masonryMd4 {
     -moz-column-count: 3;
          column-count: 3;
   }
-
   .dark-Cards--masonryMd6 {
     -moz-column-count: 2;
          column-count: 2;
   }
-
   .dark-Cards--masonryMd12 {
     -moz-column-count: 1;
          column-count: 1;
@@ -26048,27 +25962,22 @@ input[type=button].dark-Button--block {
     -moz-column-count: 12;
          column-count: 12;
   }
-
   .dark-Cards--masonryLg2 {
     -moz-column-count: 6;
          column-count: 6;
   }
-
   .dark-Cards--masonryLg3 {
     -moz-column-count: 4;
          column-count: 4;
   }
-
   .dark-Cards--masonryLg4 {
     -moz-column-count: 3;
          column-count: 3;
   }
-
   .dark-Cards--masonryLg6 {
     -moz-column-count: 2;
          column-count: 2;
   }
-
   .dark-Cards--masonryLg12 {
     -moz-column-count: 1;
          column-count: 1;
@@ -26115,7 +26024,6 @@ input[type=button].dark-Button--block {
 .dark-Card-heading {
   display: flex;
   padding: var(--gap-md);
-  flex: 1 0 auto;
 }
 .dark-Card-avtar {
   float: left;
@@ -26176,14 +26084,22 @@ input[type=button].dark-Button--block {
 .dark-Card-fieldValue {
   position: relative;
   flex-basis: 0;
-  flex-grow: 1;
-  width: 0;
+  flex-grow: 2;
+  min-width: 0;
   text-overflow: ellipsis;
   overflow: hidden;
 }
 .dark-Card-fieldLabel {
-  width: 3.75rem;
+  flex-grow: 0;
+  flex-shrink: 0;
+  flex-basis: 40%;
   color: var(--text--muted-color);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  word-wrap: break-word;
 }
 .dark-Card-actions {
   border-top: var(--Card-borderWidth) solid var(--Card-actions-borderColor);
@@ -26411,22 +26327,19 @@ input[type=button].dark-Button--block {
   color: var(--Card-onChecked-color);
 }
 .dark-Field-quickEditBtn {
-  color: var(--QuickEdit-iconColor);
   margin-left: var(--gap-xs);
-  display: inline-block;
+  height: auto;
+  padding: 0;
   vertical-align: text-bottom;
-  cursor: pointer;
-  opacity: 0.6;
-  font-size: 0;
 }
-.dark-Field-quickEditBtn:hover {
-  color: var(--QuickEdit-onHover-iconColor);
-  opacity: 1;
+.dark-Field-quickEditBtn .fa {
+  font-size: var(--QuickEdit-iconSize);
 }
 .dark-Field-quickEditBtn > svg {
   width: var(--QuickEdit-iconSize);
   height: var(--QuickEdit-iconSize);
-  top: 0;
+  color: currentColor;
+  fill: currentColor;
 }
 .dark-Field--quickEditable {
   outline: none;
@@ -26774,7 +26687,7 @@ input[type=button].dark-Button--block {
   line-height: var(--Pagination-height);
   padding: var(--Pagination-padding);
   text-align: center;
-  color: #666666;
+  color: var(--Pagination-light-color);
   border-radius: 0;
   margin-left: 0;
   font-size: var(--Pagination-fontSize);
@@ -26846,6 +26759,8 @@ input[type=button].dark-Button--block {
   border: var(--borderWidth) solid var(--borderColor);
   border-radius: var(--borderRadius) 0 0 var(--borderRadius);
   padding: var(--Pagination-padding);
+  background-color: var(--colors-neutral-fill-11);
+  color: var(--Pagination-light-color);
   margin-left: 0.5rem;
   text-align: center;
 }
@@ -26864,12 +26779,12 @@ input[type=button].dark-Button--block {
   border-left: none;
   border-radius: 0 var(--borderRadius) var(--borderRadius) 0;
   font-size: var(--fontSizeSm);
+  margin-left: -1px;
 }
 .dark-Pagination-inputGroup-right:hover {
   color: var(--primary);
   border-color: var(--primary);
   border-left: var(--borderWidth) solid var(--primary);
-  margin-left: -1px;
 }
 .dark-Pagination-simplego {
   display: inline-flex;
@@ -26886,6 +26801,8 @@ input[type=button].dark-Button--block {
   border: var(--borderWidth) solid var(--borderColor);
   border-radius: var(--borderRadius);
   padding: var(--Pagination-padding);
+  background-color: var(--colors-neutral-fill-11);
+  color: var(--Pagination-light-color);
   margin-right: 0.5rem;
   text-align: center;
 }
@@ -26931,11 +26848,9 @@ input[type=button].dark-Button--block {
   opacity: 0;
   transition: all 0.2s;
 }
-.dark-Pagination-wrap {
-  line-height: 1.875rem;
-}
 .dark-Pagination-wrap .dark-Pagination-item.dark-Pagination-perpage {
   margin-left: 0.5rem;
+  vertical-align: baseline;
 }
 .dark-Pagination-wrap .dark-Pagination-item:nth-child(1) {
   margin-left: 0;
@@ -26976,10 +26891,12 @@ input[type=button].dark-Button--block {
   line-height: var(--Pagination-height-sm);
   padding: var(--Pagination-padding-sm);
 }
-.dark-Pagination-wrap-size--sm .dark-Pagination-item .dark-Pagination-inputGroup, .dark-Pagination-wrap-size--sm .dark-Pagination-item .dark-Pagination-simplego {
+.dark-Pagination-wrap-size--sm .dark-Pagination-item .dark-Pagination-inputGroup,
+.dark-Pagination-wrap-size--sm .dark-Pagination-item .dark-Pagination-simplego {
   height: var(--Pagination-height-sm);
 }
-.dark-Pagination-wrap-size--sm .dark-Pagination-item .dark-Pagination-inputGroup-input, .dark-Pagination-wrap-size--sm .dark-Pagination-item .dark-Pagination-simplego-input {
+.dark-Pagination-wrap-size--sm .dark-Pagination-item .dark-Pagination-inputGroup-input,
+.dark-Pagination-wrap-size--sm .dark-Pagination-item .dark-Pagination-simplego-input {
   min-width: 2.5rem;
   width: 2.5rem;
   height: var(--Pagination-height-sm);
@@ -26987,7 +26904,8 @@ input[type=button].dark-Button--block {
   padding: var(--Pagination-padding-sm);
   margin-left: 0.25rem;
 }
-.dark-Pagination-wrap-size--sm .dark-Pagination-item .dark-Pagination-inputGroup-right, .dark-Pagination-wrap-size--sm .dark-Pagination-item .dark-Pagination-simplego-right {
+.dark-Pagination-wrap-size--sm .dark-Pagination-item .dark-Pagination-inputGroup-right,
+.dark-Pagination-wrap-size--sm .dark-Pagination-item .dark-Pagination-simplego-right {
   height: var(--Pagination-height-sm);
   line-height: var(--Pagination-height-sm);
 }
@@ -27001,6 +26919,12 @@ input[type=button].dark-Button--block {
   min-height: 1.5rem;
   vertical-align: baseline;
 }
+.dark-Wrapper,
+.dark-Container {
+  /* 添加默认的min-width和min-height可避免容器子元素异常溢出 */
+  min-width: 0;
+  min-height: 0;
+}
 .dark-Wrapper--xs,
 .dark-Container--xs {
   padding: var(--gap-xs);
@@ -27308,6 +27232,7 @@ input[type=button].dark-Button--block {
   border: none;
   border-radius: 0;
   max-width: 1010px !important;
+  padding-top: 0;
 }
 .dark-ImageGallery-close {
   position: absolute;
@@ -27324,12 +27249,13 @@ input[type=button].dark-Button--block {
   height: 1rem;
 }
 .dark-ImageGallery-title {
-  height: 1.875rem;
+  height: 1.125rem;
   vertical-align: top;
-  line-height: 1.875rem;
+  line-height: 1.125rem;
   font-size: 0.75rem;
   color: var(--white);
   text-align: center;
+  margin-bottom: 18px;
 }
 .dark-ImageGallery-main {
   background: #000;
@@ -27418,7 +27344,7 @@ input[type=button].dark-Button--block {
   pointer-events: none;
 }
 .dark-ImageGallery-prevList:hover, .dark-ImageGallery-nextList:hover {
-  background: black;
+  background: rgb(0, 0, 0);
   color: #fff;
 }
 .dark-ImageGallery-itemsWrap {
@@ -28354,7 +28280,7 @@ input[type=button].dark-Button--block {
   align-items: center;
   overflow-x: hidden;
   overflow-y: auto;
-  max-height: calc( (var(--ResultBox-tag-height) + var(--ResultBox-tag-marginBottom)) * 5 );
+  max-height: calc((var(--ResultBox-tag-height) + var(--ResultBox-tag-marginBottom)) * 5);
 }
 .dark-ResultBox-overflow.dark-Tooltip--dark .dark-ResultBox-overflow-wrapper .dark-ResultBox-value {
   color: var(--white);
@@ -28440,7 +28366,6 @@ input[type=button].dark-Button--block {
   transition: all var(--animation-duration) ease-in-out;
   border: var(--Form-input-borderWidth) solid transparent;
   border-radius: var(--Form-input-borderRadius);
-  overflow: hidden;
 }
 .dark-SearchBox:hover {
   background: var(--Form-input-onHover-bg);
@@ -28449,6 +28374,7 @@ input[type=button].dark-Button--block {
   background: var(--Form-input-bg);
   border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
   width: var(--SearchBox-width);
+  position: relative;
 }
 .dark-SearchBox.is-active > input {
   flex-grow: 1;
@@ -28475,7 +28401,7 @@ input[type=button].dark-Button--block {
   color: var(--SearchBox-search-icon-color);
 }
 .dark-SearchBox-activeBtn svg, .dark-SearchBox-searchBtn svg, .dark-SearchBox-cancelBtn svg {
-  top: 1px;
+  top: 0.125rem;
 }
 .dark-SearchBox-activeBtn:hover, .dark-SearchBox-searchBtn:hover, .dark-SearchBox-cancelBtn:hover {
   color: var(--icon-onHover-color);
@@ -28529,12 +28455,16 @@ input[type=button].dark-Button--block {
   color: var(--Form-input-clearBtn-color-onHover);
 }
 .dark-SearchBox--enhance.is-active .dark-SearchBox-searchBtn {
-  height: 100%;
   color: var(--SearchBox-enhonce-icon-color);
   background: var(--SearchBox-hover-color);
+  position: absolute;
+  top: -0.0625rem;
+  bottom: -0.0625rem;
+  right: -0.0625rem;
+  border-radius: 0 var(--borderRadius) var(--borderRadius) 0;
 }
 .dark-SearchBox--enhance.is-active .dark-SearchBox-searchBtn svg {
-  top: 0;
+  top: 0.125rem;
 }
 .dark-SearchBox--enhance.is-active .dark-SearchBox-searchBtn:hover {
   background: var(--button-primary-hover-bg-color);
@@ -28602,7 +28532,7 @@ input[type=button].dark-Button--block {
   padding: 0 var(--gap-md);
   overflow-x: hidden;
   overflow-y: auto;
-  max-height: calc( var(--SearchBox-history-dropdown-maxHeight) - 38px - var(--gap-sm) * 2 );
+  max-height: calc(var(--SearchBox-history-dropdown-maxHeight) - 38px - var(--gap-sm) * 2);
 }
 .dark-SearchBox-history .dark-SearchBox-history-tag {
   display: inlin-flex;
@@ -28656,7 +28586,7 @@ input[type=button].dark-Button--block {
 .dark-ListMenu-groupLabel {
   font-size: var(--fontSizeXs);
   color: var(--text--muted-color);
-  padding: calc( ( var(--ListMenu-item-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) - var(--gap-sm) ) / 2 ) 0 0 calc(var(--Form-select-paddingX) - var(--gap-xs));
+  padding: calc((var(--ListMenu-item-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) - var(--gap-sm)) / 2) 0 0 calc(var(--Form-select-paddingX) - var(--gap-xs));
 }
 .dark-ListMenu-group:not(:first-child) > .dark-ListMenu-groupLabel {
   border-top: 0.0625rem solid var(--ListMenu-divider-color);
@@ -28668,7 +28598,7 @@ input[type=button].dark-Button--block {
   line-height: var(--Form-input-lineHeight);
   font-size: var(--Form-input-fontSize);
   cursor: pointer;
-  padding: calc( ( var(--ListMenu-item-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--Form-select-paddingX);
+  padding: calc((var(--ListMenu-item-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--Form-select-paddingX);
 }
 .dark-ListMenu-item.is-active {
   color: var(--ListMenu-item--onActive-color);
@@ -28689,7 +28619,7 @@ input[type=button].dark-Button--block {
   line-height: var(--Form-input-lineHeight);
   font-size: var(--Form-input-fontSize);
   cursor: pointer;
-  padding: calc( ( var(--ListMenu-item-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--Form-select-paddingX);
+  padding: calc((var(--ListMenu-item-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--Form-select-paddingX);
 }
 .dark-ListMenu.is-mobile {
   display: flex;
@@ -28888,7 +28818,7 @@ input[type=button].dark-Button--block {
   overflow: hidden;
   padding: 0 0.5rem;
   height: auto;
-  line-height: 2rem;
+  line-height: 1.375rem;
 }
 .dark-Steps .dark-StepsItem-container {
   position: relative;
@@ -28898,7 +28828,7 @@ input[type=button].dark-Button--block {
   display: inline-flex;
   align-items: center;
   padding-right: var(--steps-base-icon-paddingRight);
-  height: 2rem;
+  height: 1.5rem;
 }
 .dark-Steps .dark-StepsItem-containerIcon .dark-StepsItem-icon {
   display: inline-flex;
@@ -28925,7 +28855,7 @@ input[type=button].dark-Button--block {
   font-weight: var(--steps-base-fontWeight);
   padding-right: var(--steps-base-title-paddingRight);
   position: relative;
-  display: inline-block;
+  display: inline-flex;
 }
 .dark-Steps .dark-StepsItem-containerWrapper .dark-StepsItem-body .dark-StepsItem-title > span {
   display: inline-block;
@@ -28934,11 +28864,11 @@ input[type=button].dark-Button--block {
   content: "";
   position: absolute;
   right: 0;
-  top: 1rem;
+  top: 0.6875rem;
   height: 1px;
   left: 100%;
   width: 9999px;
-  padding-right: 0.625rem;
+  padding-right: var(--steps-base-title-paddingRight);
   background-color: var(--Steps-line-bg);
 }
 .dark-Steps .dark-StepsItem-containerWrapper .dark-StepsItem-body .dark-StepsItem-title.is-success:after {
@@ -28960,7 +28890,7 @@ input[type=button].dark-Button--block {
   max-width: 8.75rem;
   white-space: nowrap;
   position: relative;
-  bottom: 1.25rem;
+  line-height: 1.25rem;
 }
 .dark-Steps .dark-StepsItem-containerWrapper .dark-StepsItem-body .dark-StepsItem-description > span {
   color: var(--Steps-description-title-color);
@@ -28987,10 +28917,10 @@ input[type=button].dark-Button--block {
 .dark-Steps--vertical .dark-StepsItem-containerIcon:after {
   content: "";
   position: absolute;
-  left: 50%;
+  left: 36%;
   transform: translateX(-50%);
   right: 0;
-  top: 2.25rem;
+  top: 1.75rem;
   height: 9999px;
   width: 1px;
   background-color: var(--Steps-line-bg);
@@ -29067,7 +28997,7 @@ input[type=button].dark-Button--block {
   content: "";
   position: absolute;
   display: inline-block;
-  top: 1rem;
+  top: 0.75rem;
   height: 1px;
   left: 8.125rem;
   width: calc(100% - 55px);
@@ -29075,6 +29005,7 @@ input[type=button].dark-Button--block {
 }
 .dark-Steps--Placement-vertical .dark-StepsItem-containerIcon {
   margin-left: 5.625rem;
+  left: 0.75rem;
 }
 .dark-Steps--Placement-vertical .dark-StepsItem-containerWrapper {
   width: 12.5rem;
@@ -29084,7 +29015,7 @@ input[type=button].dark-Button--block {
 }
 .dark-Steps--Placement-vertical .dark-StepsItem-containerWrapper .dark-StepsItem-body .dark-StepsItem-title {
   padding: 0 0.625rem;
-  bottom: 0.5625rem;
+  flex-direction: column;
   width: 100%;
 }
 .dark-Steps--Placement-vertical .dark-StepsItem-containerWrapper .dark-StepsItem-body .dark-StepsItem-title > span {
@@ -29097,7 +29028,6 @@ input[type=button].dark-Button--block {
   padding: 0 0.625rem;
   position: relative;
   left: 0.625rem;
-  bottom: 0.75rem;
 }
 .dark-Steps--Placement-vertical .dark-StepsItem-containerWrapper .dark-StepsItem-body .dark-StepsItem-title:after {
   display: none;
@@ -29106,7 +29036,6 @@ input[type=button].dark-Button--block {
   min-width: 12.5rem;
   word-break: break-all;
   padding: 0 1.25rem;
-  bottom: 2.75rem;
 }
 .dark-Steps--Placement-vertical .dark-StepsItem-containerWrapper .dark-StepsItem-body .dark-StepsItem-title.is-success:after {
   background-color: var(--Steps-line-success-bg);
@@ -29122,7 +29051,7 @@ input[type=button].dark-Button--block {
   width: calc(100% - 20px);
 }
 .dark-Steps--ProgressDot .dark-StepsItem-containerProgressDot {
-  margin-top: 0.8125rem;
+  margin-top: 0.5625rem;
   margin-bottom: 0.3125rem;
   width: var(--steps-dot-icon-size);
   height: var(--steps-dot-icon-size);
@@ -29159,17 +29088,14 @@ input[type=button].dark-Button--block {
 .dark-Steps .dark-StepsItem.is-error .dark-StepsItem-icon {
   background-color: var(--Steps-status-error);
   color: var(--steps-status-error-color);
-  border: 1px solid var(--Steps-status-error);
 }
 .dark-Steps .dark-StepsItem.is-finish .dark-StepsItem-icon {
   background-color: var(--Steps-status-success);
   color: var(--steps-status-finish-color);
-  border: 1px solid var(--Steps-status-success);
 }
 .dark-Steps .dark-StepsItem.is-process .dark-StepsItem-icon {
   background-color: var(--steps-status-process-bg-color);
   color: var(--steps-status-process-color);
-  border: 1px solid var(--steps-status-process-bg-color);
 }
 .dark-Steps--simple {
   justify-content: center;
@@ -29541,7 +29467,7 @@ fieldset.dark-Collapse .dark-Collapse-header.is-mobile:hover {
     margin-right: 0;
   }
   .dark-Form-group--hor > .dark-Form-item,
-.dark-Form-group--hor > div > .dark-Form-item {
+  .dark-Form-group--hor > div > .dark-Form-item {
     margin-bottom: 0;
   }
   .dark-Form-group--hor .dark-Form-input > .dark-Form-group {
@@ -29579,7 +29505,6 @@ fieldset.dark-Collapse .dark-Collapse-header.is-mobile:hover {
     padding-left: calc(var(--Form-group--xs-gutterWidth) / 2);
     padding-right: calc(var(--Form-group--xs-gutterWidth) / 2);
   }
-
   .dark-Form-groupColumn {
     flex-basis: 0;
     flex-grow: 1;
@@ -29587,79 +29512,66 @@ fieldset.dark-Collapse .dark-Collapse-header.is-mobile:hover {
     max-width: 100%;
     margin-bottom: 0;
   }
-
   .dark-Form-groupColumn--1 {
     flex: 0 0 8.3333333333%;
     max-width: 8.3333333333%;
     min-height: 1px;
   }
-
   .dark-Form-groupColumn--2 {
     flex: 0 0 16.6666666667%;
     max-width: 16.6666666667%;
     min-height: 1px;
   }
-
   .dark-Form-groupColumn--3 {
     flex: 0 0 25%;
     max-width: 25%;
     min-height: 1px;
   }
-
   .dark-Form-groupColumn--4 {
     flex: 0 0 33.3333333333%;
     max-width: 33.3333333333%;
     min-height: 1px;
   }
-
   .dark-Form-groupColumn--5 {
     flex: 0 0 41.6666666667%;
     max-width: 41.6666666667%;
     min-height: 1px;
   }
-
   .dark-Form-groupColumn--6 {
     flex: 0 0 50%;
     max-width: 50%;
     min-height: 1px;
   }
-
   .dark-Form-groupColumn--7 {
     flex: 0 0 58.3333333333%;
     max-width: 58.3333333333%;
     min-height: 1px;
   }
-
   .dark-Form-groupColumn--8 {
     flex: 0 0 66.6666666667%;
     max-width: 66.6666666667%;
     min-height: 1px;
   }
-
   .dark-Form-groupColumn--9 {
     flex: 0 0 75%;
     max-width: 75%;
     min-height: 1px;
   }
-
   .dark-Form-groupColumn--10 {
     flex: 0 0 83.3333333333%;
     max-width: 83.3333333333%;
     min-height: 1px;
   }
-
   .dark-Form-groupColumn--11 {
     flex: 0 0 91.6666666667%;
     max-width: 91.6666666667%;
     min-height: 1px;
   }
-
   .dark-Form-groupColumn--12 {
     flex: 0 0 100%;
     max-width: 100%;
     min-height: 1px;
   }
-
   .dark-Form-groupColumn--auto {
     flex: 0 0 auto;
     width: auto;
@@ -29685,7 +29597,7 @@ fieldset.dark-Collapse .dark-Collapse-header.is-mobile:hover {
 .dark-InputGroup-addOn {
   background: var(--InputGroup-addOn-bg);
   border: var(--InputGroup-addOn-borderWidth) solid var(--InputGroup-addOn-borderColor);
-  line-height: calc( var(--InputGroup-height) - var(--InputGroup-paddingY) * 2 - var(--InputGroup-addOn-borderWidth) * 2 );
+  line-height: calc(var(--InputGroup-height) - var(--InputGroup-paddingY) * 2 - var(--InputGroup-addOn-borderWidth) * 2);
   height: var(--InputGroup-height);
   box-sizing: border-box;
   padding: var(--InputGroup-paddingY) var(--InputGroup-paddingX);
@@ -29870,7 +29782,7 @@ fieldset.dark-Collapse .dark-Collapse-header.is-mobile:hover {
   color: var(--text--muted-color);
 }
 .dark-TextControl-spinner {
-  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) );
+  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
 }
 .dark-TextControl-clear {
   padding: var(--Form-input-clearBtn-padding);
@@ -30086,7 +29998,7 @@ fieldset.dark-Collapse .dark-Collapse-header.is-mobile:hover {
   color: var(--Form-select-menu-color);
   border-radius: 0.125rem;
   box-shadow: var(--Form-select-outer-boxShadow);
-  border: var(--Form-select-outer-borderWidth) solid var(--Form-input-onFocused-borderColor);
+  border: var(--Form-select-outer-borderWidth) solid var(--Form-select-outer-borderColor);
   padding: 0.25rem 0;
 }
 .dark-TextControl-sugs {
@@ -30117,7 +30029,7 @@ fieldset.dark-Collapse .dark-Collapse-header.is-mobile:hover {
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
-  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) );
+  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
   vertical-align: middle;
   display: inline-block;
 }
@@ -30141,7 +30053,7 @@ fieldset.dark-Collapse .dark-Collapse-header.is-mobile:hover {
 }
 .dark-TextControl-input--multiple .dark-TextControl-value {
   white-space: nowrap;
-  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem );
+  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem);
   font-size: var(--Form-selectValue-fontSize);
   background: var(--Form-select-multiple-bgColor);
   border-radius: 0.125rem;
@@ -30305,7 +30217,7 @@ input.dark-TextControl-input-password {
   color: var(--text--muted-color);
 }
 .dark-TextareaControl-spinner {
-  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) );
+  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
 }
 .dark-TextareaControl-clear {
   padding: var(--Form-input-clearBtn-padding);
@@ -30377,7 +30289,7 @@ input.dark-TextControl-input-password {
   bottom: 1px;
   right: var(--scrollbar-width);
   padding-bottom: var(--Form-input-paddingY);
-  background-color: #fff;
+  background-color: var(--Form-input-bg);
   text-align: right;
   border-radius: 3px;
   color: var(--input-count-multi-color);
@@ -30584,7 +30496,7 @@ input.dark-TextControl-input-password {
 .dark-Checkbox--full.dark-Checkbox--checkbox input:checked + i:before {
   width: var(--Checkbox--full-inner-size);
   height: calc(var(--Checkbox--full-inner-size) / 2);
-  border-color: var(--Checkbox-gb);
+  border-color: #fff;
 }
 .dark-Checkbox--full.dark-Checkbox--checkbox input[disabled] + i {
   border-color: var(--Checkbox-color);
@@ -30873,7 +30785,7 @@ input.dark-TextControl-input-password {
 .dark-CheckboxControl,
 .dark-RadiosControl,
 .dark-CheckboxesControl {
-  padding-top: calc( (var(--Form-input-height) - var(--Checkbox-size)) / 2 - 3px );
+  padding-top: calc((var(--Form-input-height) - var(--Checkbox-size)) / 2 - 3px);
 }
 .dark-RadiosControl .dark-Checkbox {
   display: block;
@@ -30944,7 +30856,7 @@ input.dark-TextControl-input-password {
   display: block;
   line-height: var(--Form-input-lineHeight);
   font-size: var(--Form-input-fontSize);
-  padding: calc( ( var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--gap-sm) calc( ( var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) calc(var(--gap-sm) + var(--Checkbox-size));
+  padding: calc((var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--gap-sm) calc((var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) calc(var(--gap-sm) + var(--Checkbox-size));
 }
 .dark-Selection--inline > .dark-Checkbox {
   display: inline-block;
@@ -31038,7 +30950,7 @@ input.dark-TextControl-input-password {
   height: var(--Form-input-height);
   line-height: var(--Form-input-lineHeight);
   font-size: var(--Form-input-fontSize);
-  padding: calc( ( var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--gap-sm);
+  padding: calc((var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--gap-sm);
   color: var(--text--muted-color);
   height: 100%;
   display: flex;
@@ -31162,7 +31074,7 @@ input.dark-TextControl-input-password {
   height: var(--Form-input-height);
   line-height: var(--Form-input-lineHeight);
   font-size: var(--Form-input-fontSize);
-  padding: calc( ( var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--gap-sm);
+  padding: calc((var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--gap-sm);
   color: var(--text--muted-color);
 }
 .dark-ChainedSelection {
@@ -31235,7 +31147,7 @@ input.dark-TextControl-input-password {
   height: var(--Form-input-height);
   line-height: var(--Form-input-lineHeight);
   font-size: var(--Form-input-fontSize);
-  padding: calc( ( var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--gap-sm);
+  padding: calc((var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--gap-sm);
   color: var(--text--muted-color);
 }
 .dark-AssociatedSelection {
@@ -31253,6 +31165,7 @@ input.dark-TextControl-input-password {
 .dark-AssociatedSelection-left > .dark-GroupedSelection, .dark-AssociatedSelection-right > .dark-GroupedSelection {
   padding: 0;
   max-height: 100%;
+  overflow: unset;
 }
 .dark-AssociatedSelection-left {
   border-right: 1px solid var(--borderColor);
@@ -31425,7 +31338,7 @@ input.dark-TextControl-input-password {
 .dark-Switch .text > svg {
   width: var(--switch-text-off-fontSize);
   height: var(--switch-text-off-fontSize);
-  margin-top: calc( (var(--Switch-height) - var(--switch-text-off-fontSize)) / 2 );
+  margin-top: calc((var(--Switch-height) - var(--switch-text-off-fontSize)) / 2);
 }
 .dark-Switch .slider:before {
   content: "";
@@ -31445,7 +31358,7 @@ input.dark-TextControl-input-password {
   background: var(--Switch-checked-bgColor);
 }
 .dark-Switch.is-checked .slider::before {
-  left: calc( 100% - var(--Switch-slider-width) - var(--Switch-slider-margin) );
+  left: calc(100% - var(--Switch-slider-width) - var(--Switch-slider-margin));
   right: var(--Switch-slider-margin);
   border-width: 0;
   background: var(--switch-default-on-slider-color);
@@ -31463,7 +31376,7 @@ input.dark-TextControl-input-password {
   background: var(--Switch-checked-onActive-bgColor);
 }
 .dark-Switch.is-checked:active .slider::before {
-  left: calc( 100% - (var(--Switch-height) + 0.125rem) - 0.125rem );
+  left: calc(100% - (var(--Switch-height) + 0.125rem) - 0.125rem);
 }
 .dark-Switch.is-checked.is-disabled .slider:before {
   color: var(--Switch-onDisabled-color);
@@ -31495,7 +31408,7 @@ input.dark-TextControl-input-password {
   right: auto;
 }
 .dark-Switch--sm.is-checked .slider::before {
-  left: calc( 100% - var(--Switch-slider-width--sm) - var(--switch-size-sm-slider-margin) );
+  left: calc(100% - var(--Switch-slider-width--sm) - var(--switch-size-sm-slider-margin));
   right: var(--switch-size-sm-slider-margin);
 }
 .dark-Switch:active .slider::before {
@@ -31523,11 +31436,11 @@ input.dark-TextControl-input-password {
   height: var(--Switch-spinner-icon-width--sm);
 }
 .dark-Switch-spinner.dark-Switch-spinner--checked {
-  left: calc( 100% - var(--Switch-slider-width) - var(--Switch-slider-margin) );
+  left: calc(100% - var(--Switch-slider-width) - var(--Switch-slider-margin));
   right: var(--Switch-slider-margin);
 }
 .dark-Switch-spinner.dark-Switch-spinner--checked.dark-Switch-spinner--sm {
-  left: calc( 100% - var(--Switch-slider-width--sm) - var(--Switch-slider-margin) );
+  left: calc(100% - var(--Switch-slider-width--sm) - var(--Switch-slider-margin));
   right: var(--Switch-slider-margin);
 }
 .dark-Switch-option {
@@ -31699,7 +31612,7 @@ input.dark-TextControl-input-password {
 }
 .dark-Number-handler {
   line-height: calc((var(--Form-input-height) - 0.375rem) / 2);
-  height: calc( (var(--Form-input-height) - var(--Number-borderWidth) * 2) / 2 );
+  height: calc((var(--Form-input-height) - var(--Number-borderWidth) * 2) / 2);
 }
 .dark-Number-handler-up {
   border-bottom: var(--Number-handler-borderBottom);
@@ -31758,7 +31671,7 @@ input.dark-TextControl-input-password {
   border-left: none;
 }
 .dark-NumberControl--withUnit {
-  display: flex;
+  display: flex !important;
 }
 .dark-NumberControl--withUnit:hover .dark-Number,
 .dark-NumberControl--withUnit:hover .dark-NumberControl-unit {
@@ -31783,9 +31696,12 @@ input.dark-TextControl-input-password {
   border-top-left-radius: 0 !important;
   border-bottom-left-radius: 0 !important;
   background-color: var(--inputNumber-base-unit-bg-color);
-  min-width: var(--inputNumber-base-default-unit-width);
+  min-width: var(--inputNumber-base-default-unit-width) !important;
   padding: var(--inputNumber-base-default-unit-paddingTop) var(--inputNumber-base-default-unit-paddingRight) var(--inputNumber-base-default-unit-paddingBottom) var(--inputNumber-base-default-unit-paddingLeft);
 }
+.dark-NumberControl--withUnit .dark-NumberControl-unit .dark-Select-valueWrap {
+  width: auto !important;
+}
 .dark-NumberControl--withUnit .dark-NumberControl-single-unit {
   cursor: default;
   text-align: center;
@@ -31812,9 +31728,6 @@ input.dark-TextControl-input-password {
   border-color: var(--inputNumber-enhance-hover-top-border-color) var(--inputNumber-enhance-hover-right-border-color) var(--inputNumber-enhance-hover-bottom-border-color) var(--inputNumber-enhance-hover-left-border-color);
   border-radius: var(--inputNumber-enhance-hover-top-left-border-radius) var(--inputNumber-enhance-hover-top-right-border-radius) var(--inputNumber-enhance-hover-bottom-right-border-radius) var(--inputNumber-enhance-hover-bottom-left-border-radius);
 }
-.dark-Number--enhance:hover .dark-Number-input {
-  padding-right: var(--inputNumber-base-default-paddingRight);
-}
 .dark-Number--enhance:hover .dark-Number--enhance-input {
   background: var(--inputNumber-enhance-hover-bg-color);
 }
@@ -32103,7 +32016,7 @@ input.dark-TextControl-input-password {
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
-  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem );
+  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem);
   display: inline-block;
   vertical-align: middle;
   font-size: var(--Form-selectValue-fontSize);
@@ -32310,7 +32223,7 @@ input.dark-TextControl-input-password {
   position: relative;
 }
 .dark-Select-option.is-mobile > a {
-  margin-right: calc( 20px + var(--select-base-default-option-paddingRight) );
+  margin-right: calc(20px + var(--select-base-default-option-paddingRight));
 }
 .dark-Select-option.is-mobile .dark-Select-option-item-check {
   flex: 1;
@@ -32336,7 +32249,7 @@ input.dark-TextControl-input-password {
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
-  padding: calc( ( var(--Form-select-menu-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--Form-select-paddingX);
+  padding: calc((var(--Form-select-menu-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--Form-select-paddingX);
 }
 .dark-Select-option-hl {
   color: var(--info);
@@ -32355,7 +32268,7 @@ input.dark-TextControl-input-password {
   margin-right: var(--Checkbox-gap);
 }
 .dark-Select-spinner {
-  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) );
+  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
 }
 .dark-Select-clear {
   padding: 0.1875rem;
@@ -32386,7 +32299,7 @@ input.dark-TextControl-input-password {
   align-items: center;
   overflow-x: hidden;
   overflow-y: auto;
-  max-height: calc( ( var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem + var(--gap-xs) ) * 5 );
+  max-height: calc((var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem + var(--gap-xs)) * 5);
 }
 .dark-Select-overflow-wrapper .dark-Select-value {
   position: static;
@@ -32394,7 +32307,7 @@ input.dark-TextControl-input-password {
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
-  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem );
+  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem);
   display: inline-block;
   vertical-align: middle;
   font-size: var(--Form-selectValue-fontSize);
@@ -32430,8 +32343,12 @@ input.dark-TextControl-input-password {
 .dark-Select-popover {
   background: var(--Form-select-menu-bg);
   color: var(--Form-select-menu-color);
-  border: var(--Form-select-outer-borderWidth) solid var(--Form-input-onFocused-borderColor);
+  border: var(--Form-select-outer-borderWidth) solid var(--Form-select-outer-borderColor);
   box-shadow: var(--Form-select-outer-boxShadow);
+  min-width: 7.5rem;
+}
+.dark-InputGroup:hover .dark-Select-popover {
+  border-color: var(--Form-select-outer-borderColor) !important;
 }
 .dark-SelectControl:not(.is-inline) > .dark-Select {
   display: flex;
@@ -32440,9 +32357,6 @@ input.dark-TextControl-input-password {
   border-color: var(--Form-input-onError-borderColor);
   background: var(--Form-input-onError-bg);
 }
-.dark-SelectControl .dark-TransferDropDown-popover {
-  border: none;
-}
 .dark-SelectControl .dark-TransferDropDown-popover .dark-Tree-list .dark-Tree-item .dark-Tree-itemLabel:hover,
 .dark-SelectControl .dark-TransferDropDown-popover .dark-Tree-list .dark-Tree-item .dark-Tree-item--isLeaf:hover {
   background-color: transparent;
@@ -32469,17 +32383,17 @@ input.dark-TextControl-input-password {
 }
 @media (min-width: 576px) {
   .dark-Form-control--sizeXs > .dark-Select,
-.dark-Form-control--sizeSm > .dark-Select,
-.dark-Form-control--sizeMd > .dark-Select,
-.dark-Form-control--sizeLg > .dark-Select {
+  .dark-Form-control--sizeSm > .dark-Select,
+  .dark-Form-control--sizeMd > .dark-Select,
+  .dark-Form-control--sizeLg > .dark-Select {
     min-width: 100%;
     max-width: 100%;
     display: inline-flex !important;
   }
   .dark-Form-control--sizeXs > .dark-Select .dark-Select-valueWrap,
-.dark-Form-control--sizeSm > .dark-Select .dark-Select-valueWrap,
-.dark-Form-control--sizeMd > .dark-Select .dark-Select-valueWrap,
-.dark-Form-control--sizeLg > .dark-Select .dark-Select-valueWrap {
+  .dark-Form-control--sizeSm > .dark-Select .dark-Select-valueWrap,
+  .dark-Form-control--sizeMd > .dark-Select .dark-Select-valueWrap,
+  .dark-Form-control--sizeLg > .dark-Select .dark-Select-valueWrap {
     width: 0;
   }
 }
@@ -32512,7 +32426,7 @@ input.dark-TextControl-input-password {
   height: var(--Form-input-height);
   background: var(--Table-thead-bg);
   font-size: var(--Form-input-fontSize);
-  padding: calc( ( var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--gap-sm);
+  padding: calc((var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--gap-sm);
 }
 .dark-Selections-placeholder {
   color: var(--Form-input-placeholderColor);
@@ -32536,7 +32450,7 @@ input.dark-TextControl-input-password {
   line-height: var(--Form-input-lineHeight);
   font-size: var(--Form-input-fontSize);
   align-items: center;
-  padding: calc( ( var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--gap-sm);
+  padding: calc((var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--gap-sm);
 }
 .dark-Selections-item > label {
   flex-basis: 3.125rem;
@@ -32694,14 +32608,14 @@ input.dark-TextControl-input-password {
 .dark-ListControl-item:hover:active:after, .dark-ListControl-item.is-active:after {
   content: "";
   position: absolute;
-  width: 0.625rem;
-  height: var(--gap-xs);
-  border-color: var(--ListControl-item-onActive-after-borderColor);
   border-style: solid;
-  border-width: 0 0 0.125rem 0.125rem;
-  right: 0.0625rem;
+  border-width: 0 0 0.0625rem 0.0625rem;
+  right: 0.125rem;
   bottom: 0.375rem;
   transform: rotate(-40deg);
+  width: var(--Checkbox--full-inner-size);
+  height: calc(var(--Checkbox--full-inner-size) / 2);
+  border-color: #fff;
 }
 .dark-ListControl-item.is-disabled {
   pointer-events: none;
@@ -32785,7 +32699,7 @@ input.dark-TextControl-input-password {
   flex-basis: 0;
   flex-grow: 1;
   overflow-x: auto;
-  max-width: calc(100% - px2rem(20px));
+  max-width: calc(100% - 1.25rem);
 }
 .dark-LocationPicker-toggler {
   cursor: pointer;
@@ -32895,7 +32809,7 @@ input.dark-TextControl-input-password {
 }
 .dark-MapPicker-sugItem {
   cursor: pointer;
-  padding: calc( ( var(--Form-select-menu-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--Form-select-paddingX);
+  padding: calc((var(--Form-select-menu-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--Form-select-paddingX);
 }
 .dark-MapPicker-sugItem:hover {
   color: var(--Form-select-menu-onActive-color);
@@ -33251,7 +33165,7 @@ input.dark-TextControl-input-password {
 }
 .dark-DatePicker-popover {
   margin: 0.125rem 0 0;
-  border: var(--Form-select-outer-borderWidth) solid var(--Form-input-onFocused-borderColor);
+  border: var(--Form-select-outer-borderWidth) solid var(--Form-select-outer-borderColor);
   box-shadow: var(--Form-select-outer-boxShadow);
 }
 .dark-DatePicker.is-mobile {
@@ -33756,7 +33670,6 @@ td.rdtYear > span,
 td.rdtQuarter > span {
   display: inline-block;
   color: var(--inputDate-other-color);
-  background: var(--inputDate-other-bg-color);
   border-radius: var(--inputDate-other-top-left-border-radius) var(--inputDate-other-top-right-border-radius) var(--inputDate-other-bottom-right-border-radius) var(--inputDate-other-bottom-left-border-radius);
 }
 td.rdtMonth.rdtBetween,
@@ -33805,9 +33718,12 @@ td.rdtQuarter.rdtDisabled:hover > span {
   background: var(--inputDate-other-disabled-bg-color);
   color: var(--inputDate-other-disabled-color);
 }
-.rdtPicker .rdtActive.rdtBetween.rdtStartDay {
+.rdtPicker .rdtActive.rdtBetween.rdtStart {
   background: linear-gradient(to right, transparent 0%, transparent 50%, var(--Calendar-cell-onBetween-bg) 51%, var(--Calendar-cell-onBetween-bg) 100%);
 }
+.rdtPicker .rdtActive.rdtBetween.rdtEnd {
+  background: linear-gradient(to right, var(--Calendar-cell-onBetween-bg) 0%, var(--Calendar-cell-onBetween-bg) 50%, transparent 51%, transparent 100%);
+}
 .rdt .rdtPicker td.is-disabled {
   cursor: not-allowed !important;
   background: var(--Calendar-cell-onDisabled-bg);
@@ -33821,9 +33737,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
   background: inherit !important;
   color: inherit !important;
 }
-.rdtPicker .rdtActive.rdtBetween.rdtEndDay {
-  background: linear-gradient(to right, var(--Calendar-cell-onBetween-bg) 0%, var(--Calendar-cell-onBetween-bg) 50%, transparent 51%, transparent 100%);
-}
 .dark-DateCalendar {
   display: inline-block;
   border-width: var(--DatePicker-borderWidth);
@@ -34071,7 +33984,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   display: flex;
 }
 .dark-DateRangePicker-popover {
-  border: var(--Form-select-outer-borderWidth) solid var(--Form-input-onFocused-borderColor);
+  border: var(--Form-select-outer-borderWidth) solid var(--Form-select-outer-borderColor);
   box-shadow: var(--Form-select-outer-boxShadow);
 }
 .dark-DateRangePicker-popup {
@@ -34081,7 +33994,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
   .dark-DateRangePicker-wrap {
     white-space: nowrap;
   }
-
   .dark-DateRangePicker-end {
     margin-top: 0;
     border-left: 1px solid var(--Calendar-input-borderColor);
@@ -34649,10 +34561,10 @@ td.rdtQuarter.rdtDisabled:hover > span {
   padding: var(--gap-md);
   border-width: 2px;
   border-radius: 2px;
-  border-color: #eeeeee;
+  border-color: var(--colors-neutral-line-8);
   border-style: dashed;
-  background-color: #fafafa;
-  color: #bdbdbd;
+  background-color: var(--colors-neutral-fill-10);
+  color: var(--colors-neutral-text-6);
   outline: none;
   transition: border 0.24s ease-in-out;
 }
@@ -34729,7 +34641,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
   flex-flow: row nowrap;
   justify-content: center;
   align-items: center;
-  background: var(--Modal-header-bg);
   box-sizing: border-box;
 }
 .dark-MonacoEditor-fullscreen {
@@ -35186,7 +35097,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 @media (min-width: 768px) {
   .repeat-control.form-contorl-inline,
-.form-group-inline .repeat-control {
+  .form-group-inline .repeat-control {
     display: inline-block;
     min-width: 280px;
     width: auto;
@@ -35273,7 +35184,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .dark-Tree--outline .dark-Tree-item--isLeaf.is-child:before {
   position: absolute;
   top: -8px;
-  left: calc( ( var(--Tree-icon-gap) + var(--Tree-itemArrowWidth) + var(--Tree-icon-margin-right) ) / 2 - var(--Tree-indent) );
+  left: calc((var(--Tree-icon-gap) + var(--Tree-itemArrowWidth) + var(--Tree-icon-margin-right)) / 2 - var(--Tree-indent));
   bottom: 0px;
   border-left: 1px solid var(--borderColor);
   content: "";
@@ -35383,7 +35294,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   border: var(--Form-input-borderWidth) solid var(--inputTree-border-color);
   border-radius: var(--inputTree-border-radius);
   line-height: var(--inputTree-input-lineHeight);
-  padding: calc( ( var(--Tree-inputHeight) - var(--inputTree-input-lineHeight) * var(--inputTree-fontSize) - 0.125rem ) / 2 ) var(--Form-input-paddingX);
+  padding: calc((var(--Tree-inputHeight) - var(--inputTree-input-lineHeight) * var(--inputTree-fontSize) - 0.125rem) / 2) var(--Form-input-paddingX);
   font-size: var(--inputTree-fontSize);
 }
 .dark-Tree-itemInput > input::-moz-placeholder {
@@ -35533,7 +35444,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .dark-TreeSelectControl .dark-PopOver .dark-Tree {
   border-radius: var(--borders-radius-3);
-  border: none;
+  border: var(--Form-select-outer-borderWidth) solid var(--Form-select-outer-borderColor);
 }
 .dark-TreeSelect {
   position: relative;
@@ -35611,7 +35522,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   color: var(--text--muted-color);
 }
 .dark-TreeSelect-spinner {
-  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) );
+  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
 }
 .dark-TreeSelect-clear {
   padding: var(--Form-input-clearBtn-padding);
@@ -35836,7 +35747,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   display: none;
 }
 .dark-Combo-items:empty + .dark-Combo-toolbar {
-  padding-top: calc( (var(--Form-input-height) - var(--Combo-addBtn-height)) / 2 );
+  padding-top: calc((var(--Form-input-height) - var(--Combo-addBtn-height)) / 2);
 }
 .dark-Combo-item {
   background: var(--combo-bg-color);
@@ -36233,7 +36144,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   color: var(--text--muted-color);
 }
 .dark-Picker-spinner {
-  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) );
+  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
 }
 .dark-Picker-clear {
   padding: var(--Form-input-clearBtn-padding);
@@ -36340,7 +36251,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
           user-select: none;
   white-space: nowrap;
   vertical-align: middle;
-  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem );
+  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem);
   display: inline-block;
   font-size: var(--Pick-base-value-fontSize);
   color: var(--Pick-base-value-color);
@@ -36433,8 +36344,8 @@ td.rdtQuarter.rdtDisabled:hover > span {
   align-items: flex-start;
   overflow-x: hidden;
   overflow-y: auto;
-  height: calc( (var(--Picker-tag-height) + var(--Picker-tag-marginBottom) * 4) * 3 );
-  max-height: calc( (var(--Picker-tag-height) + var(--Picker-tag-marginBottom)) * 5 );
+  height: calc((var(--Picker-tag-height) + var(--Picker-tag-marginBottom) * 4) * 3);
+  max-height: calc((var(--Picker-tag-height) + var(--Picker-tag-marginBottom)) * 5);
 }
 .dark-Picker-overflow-wrapper .dark-Picker-value {
   cursor: pointer;
@@ -36443,7 +36354,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
           user-select: none;
   white-space: nowrap;
   vertical-align: middle;
-  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem );
+  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize) - 0.125rem);
   display: inline-block;
   font-size: var(--Pick-base-value-fontSize);
   color: var(--Pick-base-value-color);
@@ -36509,7 +36420,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .dark-TagControl > .dark-TagControl-popover {
   padding: 0;
-  border: none;
   width: 100%;
   margin-top: 0.25rem;
 }
@@ -36935,7 +36845,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
   border-color: var(--transfer-search-top-border-color) var(--transfer-search-right-border-color) var(--transfer-search-bottom-border-color) var(--transfer-search-left-border-color);
   border-radius: var(--transfer-search-top-left-border-radius) var(--transfer-search-top-right-border-radius) var(--transfer-search-bottom-right-border-radius) var(--transfer-search-bottom-left-border-radius);
   box-shadow: var(--transfer-search-shadow);
-  padding: var(--transfer-search-input-paddingTop) var(--transfer-search-input-paddingRight) var(--transfer-search-input-paddingBottom) var(--transfer-search-input-paddingLeft);
 }
 .dark-Transfer-search .dark-InputBox:not(.is-mobile):hover {
   border-color: var(--transfer-search-border-hover-color);
@@ -37087,7 +36996,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   height: var(--Form-input-height);
   line-height: var(--Form-input-lineHeight);
   font-size: var(--Form-input-fontSize);
-  padding: calc( ( var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--gap-sm);
+  padding: calc((var(--Form-input-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--gap-sm);
   color: var(--text--muted-color);
 }
 .dark-TabsTransfer-tab {
@@ -37256,7 +37165,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
-  padding: calc( ( var(--Form-select-menu-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize) ) / 2 ) var(--Form-select-paddingX);
+  padding: calc((var(--Form-select-menu-height) - var(--Form-input-lineHeight) * var(--Form-input-fontSize)) / 2) var(--Form-select-paddingX);
 }
 .dark-NestedSelect-menu {
   width: 10rem;
@@ -37269,7 +37178,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   box-shadow: var(--Form-select-outer-boxShadow);
   overflow-y: auto;
   overflow-x: hidden;
-  border: var(--Form-select-outer-borderWidth) solid var(--Form-input-onFocused-borderColor);
+  border: var(--Form-select-outer-borderWidth) solid var(--Form-select-outer-borderColor);
 }
 .dark-NestedSelect-menu:not(:first-child) {
   border-left: 0;
@@ -37521,7 +37430,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   color: var(--text--muted-color);
 }
 .dark-IconPickerControl-spinner {
-  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) );
+  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
 }
 .dark-IconPickerControl-clear {
   padding: var(--Form-input-clearBtn-padding);
@@ -37640,7 +37549,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   -webkit-user-select: none;
      -moz-user-select: none;
           user-select: none;
-  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) );
+  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
   vertical-align: middle;
   display: inline-block;
   overflow: hidden;
@@ -37726,7 +37635,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   color: var(--text--muted-color);
 }
 .dark-IconSelectControl-spinner {
-  line-height: calc( var(--Form-input-lineHeight) * var(--Form-input-fontSize) );
+  line-height: calc(var(--Form-input-lineHeight) * var(--Form-input-fontSize));
 }
 .dark-IconSelectControl-clear {
   padding: var(--Form-input-clearBtn-padding);
@@ -38100,7 +38009,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
     display: inline-block;
     max-width: 100%;
   }
-
   .dark-Form-control--sizeXs {
     width: var(--Form-control-widthXs);
     max-width: 100%;
@@ -38110,7 +38018,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
   .dark-Form-control--sizeXs.dark-NumberControl {
     width: var(--Form-control-widthXs);
   }
-
   .dark-Form-control--sizeSm {
     width: var(--Form-control-widthSm);
     max-width: 100%;
@@ -38120,14 +38027,12 @@ td.rdtQuarter.rdtDisabled:hover > span {
   .dark-Form-control--sizeSm.dark-NumberControl {
     width: var(--Form-control-widthSm);
   }
-
   .dark-Form-control--sizeMd {
     width: var(--Form-control-widthMd);
     max-width: 100%;
     display: inline-block;
     vertical-align: top;
   }
-
   .dark-Form-control--sizeLg {
     width: var(--Form-control-widthLg);
     max-width: 100%;
@@ -38137,7 +38042,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
   .dark-Form-control--sizeLg.dark-NumberControl {
     width: var(--Form-control-widthLg);
   }
-
   .dark-Form-item--horizontal {
     display: flex;
     flex-wrap: nowrap;
@@ -38149,16 +38053,16 @@ td.rdtQuarter.rdtDisabled:hover > span {
     min-width: var(--Form--horizontal-value-minWidth);
   }
   .dark-Form-item--horizontal .dark-Form-itemColumn--xs,
-.dark-Form-item--horizontal .dark-Form-itemColumn--sm,
-.dark-Form-item--horizontal .dark-Form-itemColumn--normal,
-.dark-Form-item--horizontal .dark-Form-itemColumn--auto,
-.dark-Form-item--horizontal .dark-Form-itemColumn--md,
-.dark-Form-item--horizontal .dark-Form-itemColumn--lg {
+  .dark-Form-item--horizontal .dark-Form-itemColumn--sm,
+  .dark-Form-item--horizontal .dark-Form-itemColumn--normal,
+  .dark-Form-item--horizontal .dark-Form-itemColumn--auto,
+  .dark-Form-item--horizontal .dark-Form-itemColumn--md,
+  .dark-Form-item--horizontal .dark-Form-itemColumn--lg {
     flex-grow: unset;
     flex-basis: unset;
   }
   .dark-Form-item--horizontal > .dark-Form-label {
-    padding-top: calc( ( var(--Form-input-height) - var(--Form-item-lineHeight) * var(--Form-item-fontSize) ) / 2 );
+    padding-top: calc((var(--Form-input-height) - var(--Form-item-lineHeight) * var(--Form-item-fontSize)) / 2);
     word-break: break-word;
     line-height: var(--Form-item-lineHeight);
     margin: 0;
@@ -38259,7 +38163,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
     vertical-align: top;
   }
   .dark-Form-item--inline > .dark-Form-label {
-    padding-top: calc( ( var(--Form-input-height) - var(--Form-item-lineHeight) * var(--Form-item-fontSize) ) / 2 );
+    padding-top: calc((var(--Form-input-height) - var(--Form-item-lineHeight) * var(--Form-item-fontSize)) / 2);
     word-break: break-word;
     line-height: var(--Form-item-lineHeight);
     margin: 0;
@@ -38287,7 +38191,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
   .dark-Form-item--inline > .dark-Form-value > .dark-TextControl--withAddOn {
     display: inline-flex;
   }
-
   .dark-Form-row {
     display: flex;
     flex-wrap: wrap;
@@ -38299,13 +38202,11 @@ td.rdtQuarter.rdtDisabled:hover > span {
     padding-left: calc(var(--Form-row-gutterWidth) / 2);
     padding-right: calc(var(--Form-row-gutterWidth) / 2);
   }
-
   .dark-Form-col {
     flex-basis: 0;
     flex-grow: 1;
     flex-shrink: 1;
   }
-
   .dark-Form-rowInner {
     display: flex;
     flex-wrap: nowrap;
@@ -38324,7 +38225,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .dark-Form--debug {
   padding: var(--gap-sm);
   margin-bottom: var(--gap-sm);
-  background-color: #fafafa;
+  background-color: var(--colors-neutral-fill-11);
   border-radius: var(--borderRadius);
   position: relative;
   word-wrap: break-word;
@@ -38413,7 +38314,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
   .dark-Combo-form::before {
     border-bottom: none;
   }
-
   .dark-Form-item {
     display: flex;
     margin-bottom: 0;
@@ -38432,7 +38332,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
     transform: scaleY(0.5);
   }
   .dark-Form-item .dark-InputGroup-addOn,
-.dark-Form-item .dark-TextControl-addOn {
+  .dark-Form-item .dark-TextControl-addOn {
     border: none;
   }
   .dark-Form-item .dark-Form-label {
@@ -38447,7 +38347,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
     font-size: var(--fontSizeLg);
   }
   .dark-Form-item .dark-Form-label + .dark-Form-item-controlBox {
-    max-width: calc(100% - 28%);
+    max-width: 72%;
   }
   .dark-Form-item .dark-Form-label > span {
     line-height: 2rem;
@@ -38497,7 +38397,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
     text-align: center;
   }
   .dark-Form-item .dark-Number--enhance .dark-InputNumber-enhance-minus,
-.dark-Form-item .dark-Number--enhance .dark-InputNumber-enhance-plus {
+  .dark-Form-item .dark-Number--enhance .dark-InputNumber-enhance-plus {
     width: var(--inputNumber-enhance-mobile-icon-inner-width);
     height: var(--inputNumber-enhance-mobile-icon-inner-height);
     display: flex;
@@ -38509,49 +38409,49 @@ td.rdtQuarter.rdtDisabled:hover > span {
     padding-right: var(--inputNumber-enhance-default-paddingRight);
   }
   .dark-Form-item .dark-Form-value,
-.dark-Form-item .dark-Form-control {
+  .dark-Form-item .dark-Form-control {
     flex: 1;
     flex-wrap: wrap;
     font-size: var(--fontSizeLg);
     min-width: 0;
   }
   .dark-Form-item .dark-Form-value .dark-ColorPicker > input,
-.dark-Form-item .dark-Form-control .dark-ColorPicker > input {
+  .dark-Form-item .dark-Form-control .dark-ColorPicker > input {
     height: 100%;
   }
   .dark-Form-item .dark-Form-value .dark-ResultBox,
-.dark-Form-item .dark-Form-control .dark-ResultBox {
+  .dark-Form-item .dark-Form-control .dark-ResultBox {
     height: 100%;
   }
   .dark-Form-item .dark-Form-value .dark-ResultBox .dark-ResultBox-value-wrap,
-.dark-Form-item .dark-Form-control .dark-ResultBox .dark-ResultBox-value-wrap {
+  .dark-Form-item .dark-Form-control .dark-ResultBox .dark-ResultBox-value-wrap {
     justify-content: flex-end;
     text-align: right;
   }
   .dark-Form-item .dark-Form-value.is-disabled > .dark-TextControl-input,
-.dark-Form-item .dark-Form-control.is-disabled > .dark-TextControl-input {
+  .dark-Form-item .dark-Form-control.is-disabled > .dark-TextControl-input {
     background: transparent;
   }
   .dark-Form-item .dark-SelectControl.dark-Form-control {
     overflow: hidden;
   }
   .dark-Form-item .dark-Form-hint,
-.dark-Form-item .dark-Form-remark,
-.dark-Form-item .dark-Form-group--hor .dark-Form-item,
-.dark-Form-item .dark-SwitchControl,
-.dark-Form-item .dark-CheckboxControl,
-.dark-Form-item .dark-RadiosControl,
-.dark-Form-item .dark-CheckboxesControl {
+  .dark-Form-item .dark-Form-remark,
+  .dark-Form-item .dark-Form-group--hor .dark-Form-item,
+  .dark-Form-item .dark-SwitchControl,
+  .dark-Form-item .dark-CheckboxControl,
+  .dark-Form-item .dark-RadiosControl,
+  .dark-Form-item .dark-CheckboxesControl {
     padding-top: 0;
     padding-bottom: 0;
   }
   .dark-Form-item .dark-SwitchControl,
-.dark-Form-item .dark-TransferControl,
-.dark-Form-item .dark-TagControl,
-.dark-Form-item .dark-CheckboxControl,
-.dark-Form-item .dark-TreeSelectControl,
-.dark-Form-item .dark-NestedSelectControl,
-.dark-Form-item .dark-TabsTransferControl {
+  .dark-Form-item .dark-TransferControl,
+  .dark-Form-item .dark-TagControl,
+  .dark-Form-item .dark-CheckboxControl,
+  .dark-Form-item .dark-TreeSelectControl,
+  .dark-Form-item .dark-NestedSelectControl,
+  .dark-Form-item .dark-TabsTransferControl {
     padding-top: 0.1875rem;
   }
   .dark-Form-item--inline {
@@ -38584,11 +38484,11 @@ td.rdtQuarter.rdtDisabled:hover > span {
     min-height: 0;
   }
   .dark-Form-item .dark-Form-description,
-.dark-Form-item .dark-Form-feedback {
+  .dark-Form-item .dark-Form-feedback {
     font-size: var(--fontSizeBase);
   }
   .dark-Form-item .dark-InputGroup .dark-Select,
-.dark-Form-item .dark-InputGroup .dark-InputGroup-btn .dark-Button {
+  .dark-Form-item .dark-InputGroup .dark-InputGroup-btn .dark-Button {
     border: none;
   }
   .dark-Form-item .dark-InputGroup > .dark-TextControl-input input {
@@ -38605,20 +38505,20 @@ td.rdtQuarter.rdtDisabled:hover > span {
     margin-bottom: var(--gap-xs);
   }
   .dark-Form-item .dark-TextareaControl > textarea,
-.dark-Form-item .dark-Form-control > .dark-TextControl-input,
-.dark-Form-item .dark-TextControl.is-focused > .dark-TextControl-input {
+  .dark-Form-item .dark-Form-control > .dark-TextControl-input,
+  .dark-Form-item .dark-TextControl.is-focused > .dark-TextControl-input {
     border: none;
     padding: 0 var(--Form-input-paddingX) 0 0;
     box-shadow: none;
     border-radius: 0;
   }
   .dark-Form-item .dark-TextareaControl > textarea:hover, .dark-Form-item .dark-TextareaControl > textarea:focus, .dark-Form-item .dark-TextareaControl > textarea.active,
-.dark-Form-item .dark-Form-control > .dark-TextControl-input:hover,
-.dark-Form-item .dark-Form-control > .dark-TextControl-input:focus,
-.dark-Form-item .dark-Form-control > .dark-TextControl-input.active,
-.dark-Form-item .dark-TextControl.is-focused > .dark-TextControl-input:hover,
-.dark-Form-item .dark-TextControl.is-focused > .dark-TextControl-input:focus,
-.dark-Form-item .dark-TextControl.is-focused > .dark-TextControl-input.active {
+  .dark-Form-item .dark-Form-control > .dark-TextControl-input:hover,
+  .dark-Form-item .dark-Form-control > .dark-TextControl-input:focus,
+  .dark-Form-item .dark-Form-control > .dark-TextControl-input.active,
+  .dark-Form-item .dark-TextControl.is-focused > .dark-TextControl-input:hover,
+  .dark-Form-item .dark-TextControl.is-focused > .dark-TextControl-input:focus,
+  .dark-Form-item .dark-TextControl.is-focused > .dark-TextControl-input.active {
     border: none;
     outline: none;
     outline-style: none;
@@ -38627,27 +38527,18 @@ td.rdtQuarter.rdtDisabled:hover > span {
     padding: 0;
     min-height: 0;
   }
-
   .dark-Form-groupColumn {
     margin-bottom: 0;
   }
-
-  .dark-Form-item:nth-last-of-type(1)::after {
-    display: none;
-  }
-
   .dark-Form-item.is-placeholder::after {
     display: none;
   }
-
   .dark-Tabs-pane {
     padding: 0;
   }
-
   .dark-Form-item .dark-Form-groupColumn > .dark-Form-item {
     padding-bottom: var(--Form-input-paddingX);
   }
-
   .dark-Form-groupColumn {
     position: relative;
   }
@@ -38661,7 +38552,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
     left: 0;
     border-bottom: var(--Form-input-borderWidth) solid var(--borderColor);
   }
-
   .dark-Form-groupColumn:nth-last-of-type(1)::after {
     display: none;
   }
@@ -39197,8 +39087,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .dark-InputTable-UI table thead > tr > th {
   position: sticky;
   top: 0;
-  z-index: 900;
-  /* 遮挡一下 tbody */
+  z-index: 900; /* 遮挡一下 tbody */
 }
 .dark-AnchorNav {
   display: flex;
@@ -39215,6 +39104,9 @@ td.rdtQuarter.rdtDisabled:hover > span {
   position: relative;
   display: block;
 }
+.dark-AnchorNav--vertical .dark-AnchorNav-link-wrap > .dark-AnchorNav-link.dark-AnchorNav-link-child {
+  margin-left: 1rem;
+}
 .dark-AnchorNav--vertical .dark-AnchorNav-link-wrap > .dark-AnchorNav-link > a {
   display: block;
   border: var(--Tabs-borderWidth) solid transparent;
@@ -39821,8 +39713,8 @@ td.rdtQuarter.rdtDisabled:hover > span {
   text-align: center;
   padding: 0 0.5rem;
   border-radius: var(--borderRadius);
-  background: #f5f5f5;
-  color: var(--black);
+  background: var(--colors-neutral-fill-10);
+  color: var(--colors-neutral-text-2);
   font-size: var(--fontSizeSm);
   line-height: 1.5rem;
   height: 1.5rem;
@@ -40011,10 +39903,6 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .dark-FormulaPicker-icon:not(:last-child) {
   margin-right: var(--fontSizeSm);
 }
-.dark-FormulaPicker-icon.is-filled {
-  fill: var(--InputFormula-icon-color-onActive);
-  color: var(--InputFormula-icon-color-onActive);
-}
 .dark-FormulaPicker-icon.is-filled.icon-function.icon {
   font-size: var(--InputFormula-icon-size) !important;
 }
@@ -40042,7 +39930,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   border: var(--Form-input-borderWidth) solid var(--Form-input-borderColor);
   padding: 0 var(--Form-input-paddingX) 0 0;
   border-radius: var(--borderRadius);
-  background-color: #fff;
+  background-color: var(--colors-neutral-fill-11);
   height: var(--Form-input-height);
 }
 .dark-FormulaPicker.is-input-group.dark-FormulaPicker--text {
@@ -40068,8 +39956,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   padding-left: var(--Form-input-paddingX);
 }
 .dark-FormulaPicker.is-input-group .dark-FormulaPicker-input-number .dark-Number-handler-wrap {
-  height: unset;
-  /* 避免调节器超出Input框 */
+  height: unset; /* 避免调节器超出Input框 */
 }
 .dark-FormulaPicker.is-input-group .dark-FormulaPicker-input-variable {
   border: none;
@@ -40078,6 +39965,9 @@ td.rdtQuarter.rdtDisabled:hover > span {
   padding-top: 0;
   padding-bottom: 0;
 }
+.dark-FormulaPicker.is-input-group .dark-FormulaPicker-toggler {
+  color: var(--colors-neutral-text-2);
+}
 .dark-FormulaPicker.is-input-group .dark-FormulaPicker-toggler .icon-function {
   transform: scale(1.3);
 }
@@ -40086,6 +39976,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
 }
 .dark-FormulaPicker.is-input-group .dark-FormulaPicker-toggler:hover {
   cursor: pointer;
+  color: var(--colors-brand-5);
 }
 .dark-Timeline-vertical {
   display: flex;
@@ -40775,7 +40666,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
-  color: var(--colors-neutral-text-2);
+  color: inherit;
   font-size: inherit;
   flex: 1;
   cursor: inherit;
@@ -40785,10 +40676,10 @@ td.rdtQuarter.rdtDisabled:hover > span {
   font-size: inherit;
 }
 .dark-Nav-Menu-item-divider {
-  border-bottom: 1px solid #e6e6e8;
+  border-bottom: 0.0625rem solid #e6e6e8;
 }
 .dark-Nav-Menu-item-divider-dark {
-  border-bottom: 1px solid #3a3e47;
+  border-bottom: 0.0625rem solid #3a3e47;
 }
 .dark-Nav-Menu-item-icon, .dark-Nav-Menu-item-icon-after {
   display: inline-block;
@@ -40890,7 +40781,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   top: 0;
   left: 0;
   bottom: 0;
-  border-right: 3px solid var(--Menu-light-selectedIndicator-color);
+  border-right: 0.1875rem solid var(--Menu-light-selectedIndicator-color);
   transform: scaleY(1);
   opacity: 1;
   transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
@@ -40917,13 +40808,13 @@ td.rdtQuarter.rdtDisabled:hover > span {
   top: 0;
   left: 0;
   bottom: 0;
-  border-right: 3px solid var(--Menu-dark-selectedIndicator-color);
+  border-right: 0.1875rem solid var(--Menu-dark-selectedIndicator-color);
   transform: scaleY(1);
   opacity: 1;
   transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), opacity 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
 }
 .dark-Nav-Menu-vertical.dark-Nav-Menu-sub {
-  min-width: 160px;
+  min-width: 10rem;
 }
 .dark-Nav-Menu-item, .dark-Nav-Menu-submenu-title {
   margin: 0;
@@ -41122,8 +41013,8 @@ td.rdtQuarter.rdtDisabled:hover > span {
   text-overflow: initial;
 }
 .dark-Nav-Menu > .dark-Nav-Menu-item-divider {
-  height: 1px;
-  margin: 0 16px 4px 16px;
+  height: 0.0625rem;
+  margin: 0 1rem 0.25rem 1rem;
   overflow: hidden;
   padding: 0;
   background-color: #ebebeb;
@@ -41134,10 +41025,11 @@ td.rdtQuarter.rdtDisabled:hover > span {
   background-color: var(--Layout-light-backgroundColor);
   line-height: var(--Nav-Item-height);
   cursor: pointer;
-  border-radius: 2px;
-  max-height: 400px;
+  border: var(--Form-select-outer-borderWidth) solid var(--Form-select-outer-borderColor);
+  border-radius: 0.125rem;
+  max-height: 25rem;
   overflow-y: auto;
-  box-shadow: 0 4px 5px 0 rgba(21, 26, 38, 0.06), 0 1px 10px 0 rgba(21, 26, 38, 0.05), 0 2px 4px -1px rgba(21, 26, 38, 0.04);
+  box-shadow: 0 0.25rem 0.3125rem 0 rgba(21, 26, 38, 0.06), 0 0.0625rem 0.625rem 0 rgba(21, 26, 38, 0.05), 0 0.125rem 0.25rem -0.0625rem rgba(21, 26, 38, 0.04);
 }
 .dark-Nav-Menu-submenu-popup .dark-Nav-Menu-submenu-title .dark-Nav-Menu-item-link .dark-Nav-Menu-submenu-arrow {
   display: none;
@@ -41254,7 +41146,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .dark-Nav-Menu-horizontal .dark-Nav-Menu-item.dark-Nav-Menu-item-selected:after {
   content: " ";
   width: 100%;
-  height: 2px;
+  height: 0.125rem;
   background: var(--Menu-light-fontColor-onHover);
   position: absolute;
   left: 0;
@@ -41318,6 +41210,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
 .dark-Nav-Menu-inline .dark-Nav-Menu-submenu-arrow svg, .dark-Nav-Menu-horizontal .dark-Nav-Menu-submenu-arrow svg {
   transition: transform 0.3s;
   transform: rotate(90deg);
+  color: var(--colors-neutral-text-2);
 }
 .dark-Nav-Menu-inline .dark-Nav-Menu-submenu-open > .dark-Nav-Menu-submenu-title .dark-Nav-Menu-submenu-arrow svg, .dark-Nav-Menu-horizontal .dark-Nav-Menu-submenu-open > .dark-Nav-Menu-submenu-title .dark-Nav-Menu-submenu-arrow svg {
   transform: rotate(270deg);
@@ -41332,7 +41225,7 @@ td.rdtQuarter.rdtDisabled:hover > span {
   display: none;
 }
 .dark-Nav-Menu-collapsed .dark-Nav-Menu-item-group-list .dark-Nav-Menu-item-divider {
-  height: 1px;
+  height: 0.0625rem;
   width: 60%;
   margin: 0 auto;
 }
@@ -41412,9 +41305,9 @@ td.rdtQuarter.rdtDisabled:hover > span {
   font-size: var(--Layout-tooltip-fontSize);
   color: var(--Layout-light-fontColor);
   background: var(--Layout-light-backgroundColor);
-  border: none;
+  border: var(--common-popover-border);
   border-radius: var(--Tooltip--attr-borderRadius);
-  box-shadow: 0px 4px 6px 0px rgba(8, 14, 26, 0.06), 0px 1px 10px 0px rgba(8, 14, 26, 0.05), 0px 2px 4px -1px rgba(8, 14, 26, 0.04);
+  box-shadow: 0 0.25rem 0.375rem 0 rgba(8, 14, 26, 0.06), 0 0.0625rem 0.625rem 0 rgba(8, 14, 26, 0.05), 0 0.125rem 0.25rem -0.0625rem rgba(8, 14, 26, 0.04);
 }
 .dark-Nav-Menu-item-tooltip .dark-Tooltip-arrow:before {
   display: none;
@@ -41433,4 +41326,91 @@ td.rdtQuarter.rdtDisabled:hover > span {
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
+}
+.dark-PdfViewer {
+  position: relative;
+  height: 100%;
+  min-height: 500px;
+  display: flex;
+  justify-content: center;
+  padding: 50px 0;
+}
+.dark-PdfViewer-Content {
+  width: -moz-max-content;
+  width: max-content;
+  max-width: 100%;
+}
+.dark-PdfViewer-Content.is-loaded {
+  box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px 0px;
+}
+.dark-PdfViewer-Loading {
+  text-align: center;
+}
+.dark-PdfViewer-Tool {
+  position: absolute;
+  z-index: 10;
+  padding: 5px 15px;
+  bottom: 60px;
+  background-color: #444444;
+  border-radius: 10px;
+  color: #fff;
+  text-align: center;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
+.dark-PdfViewer-Tool .gap {
+  margin: 0 4px;
+}
+.dark-PdfViewer-Tool .icon {
+  cursor: pointer;
+  width: 20px;
+  margin: 0 10px;
+}
+.dark-PdfViewer-Tool .icon:hover {
+  color: var(--colors-brand-5);
+}
+.dark-PdfViewer-Tool .page-input {
+  width: 40px;
+}
+@media print {
+  .pe-no-print {
+    display: none !important;
+  }
+  .pe-preserve-ancestor {
+    display: block !important;
+    margin: 0 !important;
+    padding: 0 !important;
+    border: none !important;
+    box-shadow: none !important;
+  }
+}
+:root,
+.AMISCSSWrapper {
+  --loading-dark-bg-color: var(--colors-neutral-fill-2);
+  --switch-text-on-color: var(--colors-neutral-text-2);
+  --switch-text-off-color: var(--colors-neutral-text-2);
+  --switch-default-on-slider-color: var(--colors-neutral-fill-2);
+  --switch-default-off-slider-color: var(--colors-neutral-fill-2);
+  --button-primary-default-font-color: var(--colors-neutral-text-2);
+  --button-primary-hover-font-color: var(--colors-neutral-text-2);
+  --button-primary-active-font-color: var(--colors-neutral-text-2);
+  --button-info-default-font-color: var(--colors-neutral-text-2);
+  --button-info-hover-font-color: var(--colors-neutral-text-2);
+  --button-info-active-font-color: var(--colors-neutral-text-2);
+  --button-success-default-font-color: var(--colors-neutral-text-2);
+  --button-success-hover-font-color: var(--colors-neutral-text-2);
+  --button-success-active-font-color: var(--colors-neutral-text-2);
+  --button-warning-default-font-color: var(--colors-neutral-text-2);
+  --button-warning-hover-font-color: var(--colors-neutral-text-2);
+  --button-warning-active-font-color: var(--colors-neutral-text-2);
+  --button-danger-default-font-color: var(--colors-neutral-text-2);
+  --button-danger-hover-font-color: var(--colors-neutral-text-2);
+  --button-danger-active-font-color: var(--colors-neutral-text-2);
+  --Layout-aside-bg: var(--colors-neutral-fill-10);
+  --Layout-asideLink-color: var(--colors-neutral-text-2);
+  --Layout-aside-subList-bg: var(--colors-neutral-fill-10);
+  --Layout-brand-bg: var(--colors-neutral-fill-10);
+  --Layout-brand-color: var(--colors-neutral-text-2);
+  --Layout-asideLink-onActive-color: var(--colors-brand-4);
 }