@import 'modo-design-vue/theme/colors.less';

@color-menu-light-bg: @color-fill-1;


@size-default: @size-7;
@font-size-body-3: 12px;
@font-size-body-2: 12px;
@font-size-body: 12px;

/*********** btn ***********/

@btn-font-weight: 400;
@btn-border-width: 1px;
@btn-border-radius: var(--border-radius-small);
@btn-size-mini-radius: var(--border-radius-small);
@btn-size-small-radius: var(--border-radius-small);
@btn-size-default-radius: var(--border-radius-small);
@btn-size-large-radius: var(--border-radius-small);
@btn-size-mini-height: 24px;
@btn-size-small-height: 28px;
@btn-size-default-height: 28px;
@btn-size-large-height: 36px;
@btn-size-mini-border-width: 1px;
@btn-size-small-border-width: 1px;
@btn-size-default-border-width: 1px;
@btn-size-large-border-width: 1px;
@btn-size-mini-icon-spacing: 4px;
@btn-size-small-icon-spacing: 6px;
@btn-size-default-icon-spacing: 8px;
@btn-size-large-icon-spacing: 8px;
@btn-size-mini-icon-vertical-align: -1px;
@btn-size-small-icon-vertical-align: -2px;
@btn-size-default-icon-vertical-align: -2px;
@btn-size-large-icon-vertical-align: -2px;
@btn-size-mini-padding-horizontal: 11px;
@btn-size-small-padding-horizontal: 12px;
@btn-size-default-padding-horizontal: 12px;
@btn-size-large-padding-horizontal: 19px;
@btn-size-mini-font-size: 12px;
@btn-size-small-font-size: 12px;
@btn-size-default-font-size: 12px;
@btn-size-large-font-size: 12px;
@btn-outline-color-text: rgb(var(--primary-6));
@btn-outline-color-text_disabled: var(--color-primary-light-3);
@btn-outline-color-text_hover: rgb(var(--primary-5));
@btn-outline-color-text_active: rgb(var(--primary-7));
@btn-outline-color-bg: transparent;
@btn-outline-color-bg_disabled: transparent;
@btn-outline-color-bg_hover: transparent;
@btn-outline-color-bg_active: transparent;
@btn-outline-color-border: rgb(var(--primary-6));
@btn-outline-color-border_disabled: var(--color-primary-light-3);
@btn-outline-color-border_hover: rgb(var(--primary-5));
@btn-outline-color-border_active: rgb(var(--primary-7));
@btn-outline-color-text_warning: rgb(var(--warning-6));
@btn-outline-color-text_warning_disabled: var(--color-warning-light-3);
@btn-outline-color-text_warning_hover: rgb(var(--warning-5));
@btn-outline-color-text_warning_active: rgb(var(--warning-7));
@btn-outline-color-bg_warning: transparent;
@btn-outline-color-bg_warning_disabled: transparent;
@btn-outline-color-bg_warning_hover: transparent;
@btn-outline-color-bg_warning_active: transparent;
@btn-outline-color-border_warning: rgb(var(--warning-6));
@btn-outline-color-border_warning_disabled: var(--color-warning-light-3);
@btn-outline-color-border_warning_hover: rgb(var(--warning-5));
@btn-outline-color-border_warning_active: rgb(var(--warning-7));
@btn-outline-color-text_danger: rgb(var(--danger-6));
@btn-outline-color-text_danger_disabled: var(--color-danger-light-3);
@btn-outline-color-text_danger_hover: rgb(var(--danger-5));
@btn-outline-color-text_danger_active: rgb(var(--danger-7));
@btn-outline-color-bg_danger: transparent;
@btn-outline-color-bg_danger_disabled: transparent;
@btn-outline-color-bg_danger_hover: transparent;
@btn-outline-color-bg_danger_active: transparent;
@btn-outline-color-border_danger: rgb(var(--danger-6));
@btn-outline-color-border_danger_disabled: var(--color-danger-light-3);
@btn-outline-color-border_danger_hover: rgb(var(--danger-5));
@btn-outline-color-border_danger_active: rgb(var(--danger-7));
@btn-outline-color-text_success: rgb(var(--success-6));
@btn-outline-color-text_success_disabled: var(--color-success-light-3);
@btn-outline-color-text_success_hover: rgb(var(--success-5));
@btn-outline-color-text_success_active: rgb(var(--success-7));
@btn-outline-color-bg_success: transparent;
@btn-outline-color-bg_success_disabled: transparent;
@btn-outline-color-bg_success_hover: transparent;
@btn-outline-color-bg_success_active: transparent;
@btn-outline-color-border_success: rgb(var(--success-6));
@btn-outline-color-border_success_disabled: var(--color-success-light-3);
@btn-outline-color-border_success_hover: rgb(var(--success-5));
@btn-outline-color-border_success_active: rgb(var(--success-7));
@btn-outline-border-style: solid;
@btn-primary-color-text: #fff;
@btn-primary-color-text_disabled: #fff;
@btn-primary-color-text_hover: #fff;
@btn-primary-color-text_active: #fff;
@btn-primary-color-bg: rgb(var(--primary-6));
@btn-primary-color-bg_disabled: var(--color-primary-light-3);
@btn-primary-color-bg_hover: rgb(var(--primary-5));
@btn-primary-color-bg_active: rgb(var(--primary-7));
@btn-primary-color-border: transparent;
@btn-primary-color-border_disabled: transparent;
@btn-primary-color-border_hover: transparent;
@btn-primary-color-border_active: transparent;
@btn-primary-color-text_warning: #fff;
@btn-primary-color-text_warning_disabled: #fff;
@btn-primary-color-text_warning_hover: #fff;
@btn-primary-color-text_warning_active: #fff;
@btn-primary-color-bg_warning: rgb(var(--warning-6));
@btn-primary-color-bg_warning_disabled: var(--color-warning-light-3);
@btn-primary-color-bg_warning_hover: rgb(var(--warning-5));
@btn-primary-color-bg_warning_active: rgb(var(--warning-7));
@btn-primary-color-border_warning: transparent;
@btn-primary-color-border_warning_disabled: transparent;
@btn-primary-color-border_warning_hover: transparent;
@btn-primary-color-border_warning_active: transparent;
@btn-primary-color-text_danger: #fff;
@btn-primary-color-text_danger_disabled: #fff;
@btn-primary-color-text_danger_hover: #fff;
@btn-primary-color-text_danger_active: #fff;
@btn-primary-color-bg_danger: rgb(var(--danger-6));
@btn-primary-color-bg_danger_disabled: var(--color-danger-light-3);
@btn-primary-color-bg_danger_hover: rgb(var(--danger-5));
@btn-primary-color-bg_danger_active: rgb(var(--danger-7));
@btn-primary-color-border_danger: transparent;
@btn-primary-color-border_danger_disabled: transparent;
@btn-primary-color-border_danger_hover: transparent;
@btn-primary-color-border_danger_active: transparent;
@btn-primary-color-text_success: #fff;
@btn-primary-color-text_success_disabled: #fff;
@btn-primary-color-text_success_hover: #fff;
@btn-primary-color-text_success_active: #fff;
@btn-primary-color-bg_success: rgb(var(--success-6));
@btn-primary-color-bg_success_disabled: var(--color-success-light-3);
@btn-primary-color-bg_success_hover: rgb(var(--success-5));
@btn-primary-color-bg_success_active: rgb(var(--success-7));
@btn-primary-color-border_success: transparent;
@btn-primary-color-border_success_disabled: transparent;
@btn-primary-color-border_success_hover: transparent;
@btn-primary-color-border_success_active: transparent;
@btn-primary-border-style: solid;
@btn-secondary-color-text: var(--color-text-1);
@btn-secondary-color-text_disabled: var(--color-text-4);
@btn-secondary-color-text_hover: var(--color-text-1);
@btn-secondary-color-text_active: var(--color-text-1);
@btn-secondary-color-bg: var(--color-secondary);
@btn-secondary-color-bg_disabled: var(--color-secondary-disabled);
@btn-secondary-color-bg_hover: var(--color-secondary-hover);
@btn-secondary-color-bg_active: var(--color-secondary-active);
@btn-secondary-color-border: transparent;
@btn-secondary-color-border_disabled: transparent;
@btn-secondary-color-border_hover: transparent;
@btn-secondary-color-border_active: transparent;
@btn-secondary-color-text_warning: rgb(var(--warning-6));
@btn-secondary-color-text_warning_disabled: var(--color-warning-light-3);
@btn-secondary-color-text_warning_hover: rgb(var(--warning-6));
@btn-secondary-color-text_warning_active: rgb(var(--warning-6));
@btn-secondary-color-bg_warning: var(--color-warning-light-1);
@btn-secondary-color-bg_warning_disabled: var(--color-warning-light-1);
@btn-secondary-color-bg_warning_hover: var(--color-warning-light-2);
@btn-secondary-color-bg_warning_active: var(--color-warning-light-3);
@btn-secondary-color-border_warning: transparent;
@btn-secondary-color-border_warning_disabled: transparent;
@btn-secondary-color-border_warning_hover: transparent;
@btn-secondary-color-border_warning_active: transparent;
@btn-secondary-color-text_danger: rgb(var(--danger-6));
@btn-secondary-color-text_danger_disabled: var(--color-danger-light-3);
@btn-secondary-color-text_danger_hover: rgb(var(--danger-6));
@btn-secondary-color-text_danger_active: rgb(var(--danger-6));
@btn-secondary-color-bg_danger: var(--color-danger-light-1);
@btn-secondary-color-bg_danger_disabled: var(--color-danger-light-1);
@btn-secondary-color-bg_danger_hover: var(--color-danger-light-2);
@btn-secondary-color-bg_danger_active: var(--color-danger-light-3);
@btn-secondary-color-border_danger: transparent;
@btn-secondary-color-border_danger_disabled: transparent;
@btn-secondary-color-border_danger_hover: transparent;
@btn-secondary-color-border_danger_active: transparent;
@btn-secondary-color-text_success: rgb(var(--success-6));
@btn-secondary-color-text_success_disabled: var(--color-success-light-3);
@btn-secondary-color-text_success_hover: rgb(var(--success-6));
@btn-secondary-color-text_success_active: rgb(var(--success-6));
@btn-secondary-color-bg_success: var(--color-success-light-1);
@btn-secondary-color-bg_success_disabled: var(--color-success-light-1);
@btn-secondary-color-bg_success_hover: var(--color-success-light-2);
@btn-secondary-color-bg_success_active: var(--color-success-light-3);
@btn-secondary-color-border_success: transparent;
@btn-secondary-color-border_success_disabled: transparent;
@btn-secondary-color-border_success_hover: transparent;
@btn-secondary-color-border_success_active: transparent;
@btn-secondary-border-style: solid;
@btn-dashed-color-text: var(--color-text-1);
@btn-dashed-color-text_disabled: var(--color-text-4);
@btn-dashed-color-text_hover: var(--color-text-1);
@btn-dashed-color-text_active: var(--color-text-1);
@btn-dashed-color-bg: var(--color-fill-2);
@btn-dashed-color-bg_disabled: var(--color-fill-2);
@btn-dashed-color-bg_hover: var(--color-fill-3);
@btn-dashed-color-bg_active: var(--color-fill-4);
@btn-dashed-color-border: var(--color-neutral-3);
@btn-dashed-color-border_disabled: var(--color-neutral-3);
@btn-dashed-color-border_hover: var(--color-neutral-4);
@btn-dashed-color-border_active: var(--color-neutral-5);
@btn-dashed-color-text_warning: rgb(var(--warning-6));
@btn-dashed-color-text_warning_disabled: var(--color-warning-light-3);
@btn-dashed-color-text_warning_hover: rgb(var(--warning-6));
@btn-dashed-color-text_warning_active: rgb(var(--warning-6));
@btn-dashed-color-bg_warning: var(--color-warning-light-1);
@btn-dashed-color-bg_warning_disabled: var(--color-warning-light-1);
@btn-dashed-color-bg_warning_hover: var(--color-warning-light-2);
@btn-dashed-color-bg_warning_active: var(--color-warning-light-3);
@btn-dashed-color-border_warning: var(--color-warning-light-2);
@btn-dashed-color-border_warning_disabled: var(--color-warning-light-2);
@btn-dashed-color-border_warning_hover: var(--color-warning-light-3);
@btn-dashed-color-border_warning_active: var(--color-warning-light-4);
@btn-dashed-color-text_danger: rgb(var(--danger-6));
@btn-dashed-color-text_danger_disabled: var(--color-danger-light-3);
@btn-dashed-color-text_danger_hover: rgb(var(--danger-6));
@btn-dashed-color-text_danger_active: rgb(var(--danger-6));
@btn-dashed-color-bg_danger: var(--color-danger-light-1);
@btn-dashed-color-bg_danger_disabled: var(--color-danger-light-1);
@btn-dashed-color-bg_danger_hover: var(--color-danger-light-2);
@btn-dashed-color-bg_danger_active: var(--color-danger-light-3);
@btn-dashed-color-border_danger: var(--color-danger-light-2);
@btn-dashed-color-border_danger_disabled: var(--color-danger-light-2);
@btn-dashed-color-border_danger_hover: var(--color-danger-light-3);
@btn-dashed-color-border_danger_active: var(--color-danger-light-4);
@btn-dashed-color-text_success: rgb(var(--success-6));
@btn-dashed-color-text_success_disabled: var(--color-success-light-3);
@btn-dashed-color-text_success_hover: rgb(var(--success-6));
@btn-dashed-color-text_success_active: rgb(var(--success-6));
@btn-dashed-color-bg_success: var(--color-success-light-1);
@btn-dashed-color-bg_success_disabled: var(--color-success-light-1);
@btn-dashed-color-bg_success_hover: var(--color-success-light-2);
@btn-dashed-color-bg_success_active: var(--color-success-light-3);
@btn-dashed-color-border_success: var(--color-success-light-2);
@btn-dashed-color-border_success_disabled: var(--color-success-light-2);
@btn-dashed-color-border_success_hover: var(--color-success-light-3);
@btn-dashed-color-border_success_active: var(--color-success-light-4);
@btn-dashed-border-style: dashed;
@btn-text-color-text: rgb(var(--primary-6));
@btn-text-color-text_disabled: var(--color-primary-light-3);
@btn-text-color-text_hover: rgb(var(--primary-6));
@btn-text-color-text_active: rgb(var(--primary-6));
@btn-text-color-bg: transparent;
@btn-text-color-bg_disabled: transparent;
@btn-text-color-bg_hover: var(--color-fill-2);
@btn-text-color-bg_active: var(--color-fill-3);
@btn-text-color-border: transparent;
@btn-text-color-border_disabled: transparent;
@btn-text-color-border_hover: transparent;
@btn-text-color-border_active: transparent;
@btn-text-color-text_warning: rgb(var(--warning-6));
@btn-text-color-text_warning_disabled: var(--color-warning-light-3);
@btn-text-color-text_warning_hover: rgb(var(--warning-6));
@btn-text-color-text_warning_active: rgb(var(--warning-6));
@btn-text-color-bg_warning: transparent;
@btn-text-color-bg_warning_disabled: transparent;
@btn-text-color-bg_warning_hover: var(--color-fill-2);
@btn-text-color-bg_warning_active: var(--color-fill-3);
@btn-text-color-border_warning: transparent;
@btn-text-color-border_warning_disabled: transparent;
@btn-text-color-border_warning_hover: transparent;
@btn-text-color-border_warning_active: transparent;
@btn-text-color-text_danger: rgb(var(--danger-6));
@btn-text-color-text_danger_disabled: var(--color-danger-light-3);
@btn-text-color-text_danger_hover: rgb(var(--danger-6));
@btn-text-color-text_danger_active: rgb(var(--danger-6));
@btn-text-color-bg_danger: transparent;
@btn-text-color-bg_danger_disabled: transparent;
@btn-text-color-bg_danger_hover: var(--color-fill-2);
@btn-text-color-bg_danger_active: var(--color-fill-3);
@btn-text-color-border_danger: transparent;
@btn-text-color-border_danger_disabled: transparent;
@btn-text-color-border_danger_hover: transparent;
@btn-text-color-border_danger_active: transparent;
@btn-text-color-text_success: rgb(var(--success-6));
@btn-text-color-text_success_disabled: var(--color-success-light-3);
@btn-text-color-text_success_hover: rgb(var(--success-6));
@btn-text-color-text_success_active: rgb(var(--success-6));
@btn-text-color-bg_success: transparent;
@btn-text-color-bg_success_disabled: transparent;
@btn-text-color-bg_success_hover: var(--color-fill-2);
@btn-text-color-bg_success_active: var(--color-fill-3);
@btn-text-color-border_success: transparent;
@btn-text-color-border_success_disabled: transparent;
@btn-text-color-border_success_hover: transparent;
@btn-text-color-border_success_active: transparent;
@btn-text-border-style: solid;
@btn-size-medium-radius: var(--border-radius-medium);
@btn-size-medium-border-width: 1px;
@btn-size-medium-icon-spacing: 8px;
@btn-size-medium-icon-vertical-align: -2px;
@btn-size-medium-padding-horizontal: 12px;
@btn-size-medium-font-size: 12px;
@btn-size-medium-height: 28px;
@btn-box-shadow-radius: 0.25em;
@btn-primary-color-box-shadow: rgb(var(--primary-3));
@btn-outline-color-box-shadow: rgb(var(--primary-3));
@btn-secondary-color-box-shadow: var(--color-neutral-4);
@btn-dashed-color-box-shadow: var(--color-neutral-4);
@btn-text-color-box-shadow: var(--color-neutral-4);
@btn-color-box-shadow_warning: rgb(var(--warning-3));
@btn-color-box-shadow_danger: rgb(var(--danger-3));
@btn-color-box-shadow_success: rgb(var(--success-3));
@btn-prefix-cls: ~'@{prefix}-btn';

/*********** table ***********/

@table-size-default-padding-horizontal: @spacing-7;
@table-size-default-padding-vertical: 8px;
@table-size-middle-padding-horizontal: @spacing-7;
@table-size-middle-padding-vertical: 7px;
@table-size-small-padding-horizontal: @spacing-7;
@table-size-small-padding-vertical: 5px;
@table-size-mini-padding-horizontal: @spacing-7;
@table-size-mini-padding-vertical: 2px;
@table-size-default-font-size: 12px;
@table-size-middle-font-size: 12px;
@table-size-small-font-size: 12px;
@table-size-mini-font-size: 12px;
@table-size-default-font-header-size: 12px;
@table-size-middle-font-header-size: 12px;
@table-size-small-font-header-size: 12px;
@table-size-mini-font-header-size: 12px;
@table-border-width: 1px;
@table-border-style: solid;
@table-size-expand-button: 12px;
@table-spacing-expand-button-margin-right: 4px;
@table-font-size-expand-button: 12px;
@table-border-radius-expand-button: 2px;
@table-color-border: var(--color-neutral-3);
@table-border-radius: 0px;
@table-color-text-header-cell: rgb(var(--gray-10));
@table-color-bg-header-cell: var(--color-bg-2);
@table-color-bg-header-sorted-cell: var(--color-neutral-3);
@table-color-bg-header-sorted-cell_hover: rgba(var(--gray-4), 0.5);
@table-color-header-filters-icon: var(--color-text-2);
@table-color-header-filters-icon_active: rgb(var(--primary-6));
@table-color-bg-header-filters-icon_hover: var(--color-neutral-4);
@table-font-size-filters-icon: 12px;
@table-size-filters-width: 24px;
@table-font-weight-header-text: @font-weight-600;;
@table-color-text-body-cell: rgb(var(--gray-10));
@table-color-bg-body-cell: var(--color-bg-2);
@table-color-bg-body-sorted-cell: var(--color-fill-1);
@table-color-bg-body-stripe-row: var(--color-fill-1);
@table-color-bg-body-row_hover: var(--color-fill-1);
@table-color-bg-body-row_active: var(--color-fill-1);
@table-color-expand-icon: var(--color-text-2);
@table-color-expand-icon-border: transparent;
@table-color-expand-icon-border_hover: transparent;
@table-color-expand-icon_hover: var(--color-text-1);
@table-color-bg-expand-icon: transparent;
@table-color-bg-expand-icon_hover: transparent;
@table-color-bg-expand-content: var(--color-fill-1);
@table-color-bg-expand-content_hover: var(--color-fill-1);
@table-border-expand-icon-width: 1px;
@table-color-header-sorter-icon: var(--color-neutral-5);
@table-color-header-sorter-icon_next: var(--color-neutral-6);
@table-color-header-sorter-icon_active: rgb(var(--primary-6));
@table-spacing-header-sorter-icon-margin-left: 8px;
@table-size-header-sorter-icon-height: 8px;
@table-size-header-sorter-icon-width: 12px;
@table-font-size-header-sorter-icon: 12px;
@table-position-header-sorter-icon-up-top: -2px;
@table-position-header-sorter-icon-down-top: -3px;
@table-position-header-sorter-icon-left: 1px;
@table-color-bg-filters-popup: var(--color-bg-5);
@table-color-border-filters-popup: var(--color-neutral-3);
@table-popup-min-width: 100px;
@table-popup-max-height: 200px;
@table-popup-border-radius: var(--border-radius-medium);
@table-shadow-left: inset 6px 0 8px -3px rgba(0, 0, 0, 0.15);
@table-shadow-right: inset -6px 0 8px -3px rgba(0, 0, 0, 0.15);
@table-size-shadow-wrapper-width: 10px;
@table-color-editable-body-cell-border: var(--color-white);
@table-spacing-pagination-margin: 12px;
@table-size-selection-col-width: 40px;
@table-size-expand-icon-col-width: 40px;
@table-size-drag-handle-col-width: 40px;
@table-size-body-min-width: 40px;
@table-color-body-background: var(--color-bg-2);
@table-size-large-padding-horizontal: 16px;
@table-size-large-padding-vertical: 8px;
@table-size-large-font-size: 12px;
@table-size-large-font-header-size: 12px;
@table-size-medium-padding-horizontal: 16px;
@table-size-medium-padding-vertical: 7px;
@table-size-medium-font-size: 12px;
@table-size-medium-font-header-size: 12px;
@table-color-bg-tfoot: var(--color-neutral-2);
@table-filters-icon-bg_hover: var(--color-fill-4);
@table-color-border_resizing: rgb(var(--primary-6));
@table-prefix-cls: ~'@{prefix}-table';
@table-cls-table: arco-table-element;
@table-cls-tr: ~'@{prefix}-table-tr';
@table-cls-th: ~'@{prefix}-table-th';
@table-cls-td: ~'@{prefix}-table-td';


/*********** tabs ***********/

@tabs-size-mini-font-size: 12px;
@tabs-size-small-font-size: 12px;
@tabs-size-default-font-size: 12px;
@tabs-size-large-font-size: 12px;
@tabs-size-mini-font-size_card: 12px;
@tabs-size-small-font-size_card: 12px;
@tabs-size-default-font-size_card: 12px;
@tabs-size-large-font-size_card: 12px;
@tabs-size-default-font-size_text: 12px;
@tabs-size-default-font-size_rounded: 12px;
@tabs-size-mini-font-size_capsule: 12px;
@tabs-size-small-font-size_capsule: 12px;
@tabs-size-default-font-size_capsule: 12px;
@tabs-size-large-font-size_capsule: 12px;
@tabs-size-mini-font-size_rounded: 12px;
@tabs-size-small-font-size_rounded: 12px;
@tabs-size-large-font-size_rounded: 12px;
@tabs-size-mini-header-height_line: 32px;
@tabs-size-small-header-height_line: 36px;
@tabs-size-default-header-height_line: 40px;
@tabs-size-large-header-height_line: 44px;
@tabs-size-mini-header-height: 24px;
@tabs-size-small-header-height: 28px;
@tabs-size-default-header-height: 32px;
@tabs-size-large-header-height: 36px;
@tabs-size-mini-header-height_capsule: 24px;
@tabs-size-small-header-height_capsule: 28px;
@tabs-size-default-header-height_capsule: 32px;
@tabs-size-large-header-height_capsule: 36px;
@tabs-size-mini-header-height_rounded: 24px;
@tabs-size-small-header-height_rounded: 28px;
@tabs-size-default-header-height_rounded: 32px;
@tabs-size-large-header-height_rounded: 36px;
@tabs-size-default-header-height_text: 32px;
@tabs-padding-title-text-vertical: 1px;
@tabs-padding-title-text-horizontal: 8px;
@tabs-color-title-text: var(--color-text-1);
@tabs-color-title-text_active: rgb(var(--primary-6));
@tabs-color-title-text_hover: var(--color-text-1);
@tabs-color-title-text_disabled: var(--color-text-4);
@tabs-color-title-text_disabled_active: var(--color-primary-light-3);
@tabs-line-size-header-border: 1px;
@tabs-line-color-header-border: var(--color-neutral-3);
@tabs-line-size-ink-stroke: 2px;
@tabs-line-color-ink-bg: rgb(var(--primary-6));
@tabs-line-color-ink-bg_disabled: var(--color-primary-light-3);
@tabs-line-font-title-text-weight_active: 600;
@tabs-line-margin-title-horizontal: 32px;
@tabs-line-margin-title-horizontal_first: 16px;
@tabs-line-margin-title-vertical: 12px;
@tabs-line-padding-title-horizontal_vertical: 20px;
@tabs-line-color-title-bg: transparent;
@tabs-line-color-title-bg_active: transparent;
@tabs-line-color-title-bg_hover: var(--color-fill-2);
@tabs-line-font-title-text-weight_hover: 400;
@tabs-line-border-radius: var(--border-radius-small);
@tabs-card-border-width: 1px;
@tabs-card-color-title-border: var(--color-neutral-3);
@tabs-card-padding-title-horizontal: 16px;
@tabs-card-padding-title-right_editable: 12px;
@tabs-card-border-radius: var(--border-radius-small);
@tabs-card-color-title-bg: transparent;
@tabs-card-color-title-bg_hover: var(--color-fill-3);
@tabs-card-color-title-bg_disabled: transparent;
@tabs-card-color-title-bg_active: transparent;
@tabs-card-border-content-width: 1px;
@tabs-card-gutter-spacing-horizontal: 4px;
@tabs-card-gutter-color-title-bg: var(--color-fill-1);
@tabs-card-gutter-color-title-bg_hover: var(--color-fill-3);
@tabs-card-gutter-color-title-bg_active: transparent;
@tabs-card-gutter-color-title-bg_disabled: var(--color-fill-1);
@tabs-text-size-separator-height: 12px;
@tabs-text-size-separator-width: 2px;
@tabs-text-color-separator-bg: var(--color-fill-3);
@tabs-text-margin-title-horizontal: 8px;
@tabs-text-color-title-bg: transparent;
@tabs-text-color-title-bg_active: transparent;
@tabs-text-color-title-bg_disabled: transparent;
@tabs-text-color-title-bg_disabled_active: var(--color-primary-light-3);
@tabs-text-color-title-bg_hover: var(--color-fill-2);
@tabs-rounded-padding-title-horizontal: 16px;
@tabs-rounded-margin-title-horizontal: 12px;
@tabs-rounded-color-title-bg: transparent;
@tabs-rounded-color-title-bg_active: var(--color-fill-2);
@tabs-rounded-color-title-bg_disabled: transparent;
@tabs-rounded-color-title-bg_hover: var(--color-fill-2);
@tabs-capsule-color-header-bg: var(--color-fill-2);
@tabs-capsule-margin-title-horizontal: 3px;
@tabs-capsule-padding-title-horizontal: 12px;
@tabs-capsule-padding-header-vertical: 3px;
@tabs-capsule-padding-header-horizontal: 3px;
@tabs-capsule-border-header-radius: var(--border-radius-small);
@tabs-capsule-color-title-bg: transparent;
@tabs-capsule-color-title-bg_active: var(--color-bg-2);
@tabs-capsule-color-title-bg_hover: var(--color-bg-2);
@tabs-capsule-size-separator-width: 1px;
@tabs-capsule-size-separator-height: 14px;
@tabs-capsule-color-separator-bg: var(--color-fill-3);
@tabs-margin-close-icon-left: 8px;
@tabs-size-icon: 12px;
@tabs-size-icon-bg: 16px;
@tabs-card-color-close-icon-bg_hover: var(--color-fill-4);
@tabs-margin-add-icon-left: 8px;
@tabs-color-icon: var(--color-text-1);
@tabs-color-icon_disabled: var(--color-text-4);
@tabs-spacing-nav-icon-header: 6px;
@tabs-padding-header-wrapper-horizontal: 10px;
@tabs-padding-header-wrapper-vertical: 6px;
@tabs-content-padding: 16px;
@tabs-prefix-cls: ~'@{prefix}-tabs';
@tabs-prefix-cls-vertical: ~'@{prefix}-tabs-vertical';
@tabs-capsule-border-title-radius: @radius-small;

/*********** drawer ***********/

@drawer-size-header-height: 45px;
@drawer-margin-footer-button-left: 8px;
@drawer-font-header-size: 14px;
@drawer-padding-horizontal: 20px;
@drawer-padding-footer-vertical: 8px;
@drawer-padding-content-vertical: 20px;
@drawer-font-header-weight: 600;
@drawer-color-border: var(--color-neutral-2);
@drawer-color-header-text: var(--color-text-1);
@drawer-color-content-text: var(--color-text-1);
@drawer-position-close-icon-right: 16px;
@drawer-font-size-close-icon: 14px;
@drawer-prefix-cls: ~'@{prefix}-drawer';


/*********** radio ***********/

@radio-color-border: var(--color-neutral-3);
@radio-border-width: 1px;
@radio-layout-height: 12px;
@radio-color-border_hover: var(--color-neutral-3);
@radio-color-border_disabled: var(--color-neutral-3);
@radio-color-bg: var(--color-bg-2);
@radio-color-bg_checked: rgb(var(--primary-6));
@radio-border-radius: var(--border-radius-circle);
@radio-color-bg_disabled: var(--color-fill-2);
@radio-color-bg_checked_disabled: var(--color-primary-light-3);
@radio-color-dot-bg_checked_disabled: var(--color-fill-2);
@radio-color-text: var(--color-text-1);
@radio-color-text_disabled: var(--color-text-4);
@radio-color-text_checked_disabled: var(--color-text-4);
@radio-font-text-size: 12px;
@radio-font-text-size_large: 12px;
@radio-font-text-size_mini: 12px;
@radio-font-text-size_small: 12px;
@radio-margin-text-left: 8px;
@radio-size-mask-height: 24px;
@radio-mask-bg-color-bg: var(--color-fill-2);
@radio-group-margin-right: 20px;
@radio-group-button-color-bg: var(--color-fill-2);
@radio-button-padding-horizontal: 12px;
@radio-button-spacing: 3px;
@radio-button-color-bg_active: var(--color-bg-5);
@radio-button-color-bg_hover: var(--color-bg-5);
@radio-button-color-text_active: rgb(var(--primary-6));
@radio-button-font-text-weight_active: 600;
@radio-button-color-text_hover: var(--color-text-1);
@radio-button-border-radius: var(--border-radius-small);
@radio-button-bg-border-radius: var(--border-radius-small);
@radio-button-color-bg: transparent;
@radio-button-color-text: var(--color-text-2);
@radio-button-color-bg_disabled: transparent;
@radio-button-color-text_disabled: var(--color-text-4);
@radio-button-color-bg_checked_disabled: var(--color-bg-5);
@radio-button-color-text_checked_disabled: var(--color-primary-light-3);
@radio-button-color-separator-bg: var(--color-neutral-3);
@radio-button-size-separator-width: 1px;
@radio-button-size-separator-height: 14px;
@radio-size-default-height: 32px;
@radio-size-small-height: 28px;
@radio-size-mini-height: 24px;
@radio-size-large-height: 36px;
@radio-group-size-line-height_vertical: 32px;
@radio-prefix-cls: ~'@{prefix}-radio';
@radio-group-button-color-bg_dark: var(--color-bg-3);
@radio-button-color-bg_active_dark: var(--color-fill-3);

/*********** modal ***********/

@modal-border-radius: var(--border-radius-medium);
@modal-size-tip-icon: 14px;
@modal-margin-top: 100px;
@modal-margin-tip-icon-right: 10px;
@modal-margin-footer-button-left: 8px;
@modal-color-border: var(--color-neutral-3);
@modal-color-header-text: var(--color-text-1);
@modal-color-content-text: var(--color-text-1);
@modal-font-header-size: 14px;
@modal-default-padding-horizontal: 20px;
@modal-default-size-header-height: 44px;
@modal-default-padding-content-vertical: 16px;
@modal-default-padding-footer-vertical: 8px;
@modal-default-size-width: 520px;
@modal-font-content-size: 14px;
@modal-default-align-header: left;
@modal-simple-align-header: center;
@modal-simple-size-width: 400px;
@modal-simple-padding-horizontal: 20px;
@modal-simple-padding-top: 20px;
@modal-simple-padding-bottom: 20px;
@modal-simple-margin-footer-top: 20px;
@modal-simple-margin-content-top: 20px;
@modal-position-close-icon-right: 14px;
@modal-font-size-close-icon: 12px;
@modal-prefix-cls: ~'@{prefix}-modal';
@modal-box-shadow: @shadow-none;
@modal-border-width: @border-none;
@modal-default-align-footer: right;
@modal-simple-align-footer: right;

/*********** tag ***********/

@tag-border-width: 1px;
@tag-border-type: solid;
@tag-padding-horizontal: 8px;
@tag-padding-vertical: 0;
@tag-icon-margin-right: 4px;
@tag-text-font-weight: 600;
@tag-border-radius: var(--border-radius-medium);
@tag-size-small: 20px;
@tag-size-default: 24px;
@tag-size-medium: 24px;
@tag-size-large: 32px;
@tag-size-small-font-size: 12px;
@tag-size-default-font-size: 12px;
@tag-size-medium-font-size: 12px;
@tag-size-large-font-size: 14px;
@tag-color-bg-not-checked_hover: var(--color-fill-2);
@tag-custom-color-text: var(--color-white);
@tag-custom-color-icon-bg_hover: rgba(255, 255, 255, 0.2);
@tag-default-color-bg: var(--color-fill-2);
@tag-default-color-bg_hover: var(--color-fill-3);
@tag-default-color-icon: var(--color-text-2);
@tag-default-color-text: var(--color-text-1);
@tag-default-color-border: transparent;
@tag-default-bordered-color-border: var(--color-border-2);
@tag-default-color-border_hover: transparent;
@tag-red-color-bg: rgb(var(--red-1));
@tag-red-color-bg_hover: rgb(var(--red-2));
@tag-red-color-border: transparent;
@tag-red-bordered-color-border: rgb(var(--red-6));
@tag-red-color-border_hover: transparent;
@tag-red-color-icon: rgb(var(--red-6));
@tag-red-color-icon-bg_hover: rgb(var(--red-2));
@tag-red-color-text: rgb(var(--red-6));
@tag-orangered-color-bg: rgb(var(--orangered-1));
@tag-orangered-color-bg_hover: rgb(var(--orangered-2));
@tag-orangered-color-border: transparent;
@tag-orangered-bordered-color-border: rgb(var(--orangered-6));
@tag-orangered-color-border_hover: transparent;
@tag-orangered-color-icon: rgb(var(--orangered-6));
@tag-orangered-color-icon-bg_hover: rgb(var(--orangered-2));
@tag-orangered-color-text: rgb(var(--orangered-6));
@tag-orange-color-bg: rgb(var(--orange-1));
@tag-orange-color-bg_hover: rgb(var(--orange-2));
@tag-orange-color-border: transparent;
@tag-orange-bordered-color-border: rgb(var(--orange-6));
@tag-orange-color-border_hover: transparent;
@tag-orange-color-icon: rgb(var(--orange-6));
@tag-orange-color-icon-bg_hover: rgb(var(--orange-2));
@tag-orange-color-text: rgb(var(--orange-6));
@tag-gold-color-bg: rgb(var(--gold-1));
@tag-gold-color-bg_hover: rgb(var(--gold-3));
@tag-gold-color-border: transparent;
@tag-gold-bordered-color-border: rgb(var(--gold-6));
@tag-gold-color-border_hover: transparent;
@tag-gold-color-icon: rgb(var(--gold-6));
@tag-gold-color-icon-bg_hover: rgb(var(--gold-2));
@tag-gold-color-text: rgb(var(--gold-6));
@tag-lime-color-bg: rgb(var(--lime-1));
@tag-lime-color-bg_hover: rgb(var(--lime-2));
@tag-lime-color-border: transparent;
@tag-lime-bordered-color-border: rgb(var(--lime-6));
@tag-lime-color-border_hover: transparent;
@tag-lime-color-icon: rgb(var(--lime-6));
@tag-lime-color-icon-bg_hover: rgb(var(--lime-2));
@tag-lime-color-text: rgb(var(--lime-6));
@tag-green-color-bg: rgb(var(--green-1));
@tag-green-color-bg_hover: rgb(var(--green-2));
@tag-green-color-border: transparent;
@tag-green-bordered-color-border: rgb(var(--green-6));
@tag-green-color-border_hover: transparent;
@tag-green-color-icon: rgb(var(--green-6));
@tag-green-color-icon-bg_hover: rgb(var(--green-2));
@tag-green-color-text: rgb(var(--green-6));
@tag-cyan-color-bg: rgb(var(--cyan-1));
@tag-cyan-color-bg_hover: rgb(var(--cyan-2));
@tag-cyan-color-border: transparent;
@tag-cyan-bordered-color-border: rgb(var(--cyan-6));
@tag-cyan-color-border_hover: transparent;
@tag-cyan-color-icon: rgb(var(--cyan-6));
@tag-cyan-color-icon-bg_hover: rgb(var(--cyan-2));
@tag-cyan-color-text: rgb(var(--cyan-6));
@tag-blue-color-bg: rgb(var(--blue-1));
@tag-blue-color-bg_hover: rgb(var(--blue-2));
@tag-blue-color-border: transparent;
@tag-blue-bordered-color-border: rgb(var(--blue-6));
@tag-blue-color-border_hover: transparent;
@tag-blue-color-icon: rgb(var(--blue-6));
@tag-blue-color-icon-bg_hover: rgb(var(--blue-2));
@tag-blue-color-text: rgb(var(--blue-6));
@tag-arcoblue-color-bg: rgb(var(--arcoblue-1));
@tag-arcoblue-color-bg_hover: rgb(var(--arcoblue-2));
@tag-arcoblue-color-border: transparent;
@tag-arcoblue-bordered-color-border: rgb(var(--arcoblue-6));
@tag-arcoblue-color-border_hover: transparent;
@tag-arcoblue-color-icon: rgb(var(--arcoblue-6));
@tag-arcoblue-color-icon-bg_hover: rgb(var(--arcoblue-2));
@tag-arcoblue-color-text: rgb(var(--arcoblue-6));
@tag-purple-color-bg: rgb(var(--purple-1));
@tag-purple-color-bg_hover: rgb(var(--purple-2));
@tag-purple-color-border: transparent;
@tag-purple-bordered-color-border: rgb(var(--purple-6));
@tag-purple-color-border_hover: transparent;
@tag-purple-color-icon: rgb(var(--purple-6));
@tag-purple-color-icon-bg_hover: rgb(var(--purple-2));
@tag-purple-color-text: rgb(var(--purple-6));
@tag-pinkpurple-color-bg: rgb(var(--pinkpurple-1));
@tag-pinkpurple-color-bg_hover: rgb(var(--pinkpurple-2));
@tag-pinkpurple-color-border: transparent;
@tag-pinkpurple-bordered-color-border: rgb(var(--pinkpurple-6));
@tag-pinkpurple-color-border_hover: transparent;
@tag-pinkpurple-color-icon: rgb(var(--pinkpurple-6));
@tag-pinkpurple-color-icon-bg_hover: rgb(var(--pinkpurple-2));
@tag-pinkpurple-color-text: rgb(var(--pinkpurple-6));
@tag-magenta-color-bg: rgb(var(--magenta-1));
@tag-magenta-color-bg_hover: rgb(var(--magenta-2));
@tag-magenta-color-border: transparent;
@tag-magenta-bordered-color-border: rgb(var(--magenta-6));
@tag-magenta-color-border_hover: transparent;
@tag-magenta-color-icon: rgb(var(--magenta-6));
@tag-magenta-color-icon-bg_hover: rgb(var(--magenta-2));
@tag-magenta-color-text: rgb(var(--magenta-6));
@tag-gray-color-bg: rgb(var(--gray-2));
@tag-gray-color-bg_hover: rgb(var(--gray-3));
@tag-gray-color-border: transparent;
@tag-gray-bordered-color-border: rgb(var(--gray-6));
@tag-gray-color-border_hover: transparent;
@tag-gray-color-icon: rgb(var(--gray-6));
@tag-gray-color-icon-bg_hover: rgb(var(--gray-3));
@tag-gray-color-text: rgb(var(--gray-6));
@tag-prefix-cls: ~'@{prefix}-tag';


/*********** tooltip ***********/

@tooltip-padding-horizontal: 12px;
@tooltip-padding-vertical: 8px;
@tooltip-mini-padding-horizontal: 12px;
@tooltip-mini-padding-vertical: 4px;
@tooltip-mini-font-size: 12px;
@tooltip-font-size: 12px;
@tooltip-border-radius: var(--border-radius-medium);
@tooltip-color-text: #fff;
@tooltip-color-bg: var(--color-tooltip-bg);
@tooltip-prefix-cls: ~'@{prefix}-tooltip';

/*********** cascader ***********/

@cascader-size-item-height: 28px;
@cascader-font-item-size: 12px;
@cascader-margin-item-icon-left: 12px;
@cascader-color-item-text: var(--color-text-1);
@cascader-color-item-icon: var(--color-text-2);
@cascader-padding-item-left: 12px;
@cascader-padding-item-right: 10px;
@cascader-size-item-icon: 12px;
@cascader-color-item-text_hover: var(--color-text-1);
@cascader-color-item-text_active: var(--color-text-1);
@cascader-color-item-text_disabled: var(--color-text-4);
@cascader-color-item-text_disabled_active: var(--color-text-4);
@cascader-font-item-weight_active: 600;
@cascader-color-item-bg_active: var(--color-fill-2);
@cascader-color-item-bg_hover: var(--color-fill-2);
@cascader-color-item-bg_disabled: transparent;
@cascader-color-item-bg_disabled_active: var(--color-fill-2);
@cascader-color-checkbox-bg_hover: var(--color-fill-3);
@cascader-margin-checkbox-right: 8px;
@cascader-prefix-cls: ~'@{prefix}-cascader';

/*********** checkbox ***********/

@checkbox-prefix-cls: ~'@{prefix}-checkbox';
@checkbox-mask-border-width: 1px;
@checkbox-mask-border-style: solid;
@checkbox-mask-border-radius: var(--border-radius-small);
@checkbox-mask-height: 12px;
@checkbox-mask-bg-height: 24px;
@checkbox-mask-bg-color-bg: var(--color-fill-2);
@checkbox-mask-color-bg: var(--color-bg-2);
@checkbox-mask-color-bg_checked: rgb(var(--primary-6));
@checkbox-mask-color-bg_disabled: var(--color-fill-2);
@checkbox-mask-color-bg_checked_disabled: var(--color-primary-light-3);
@checkbox-mask-color-border: var(--color-fill-3);
@checkbox-mask-color-border_hover: var(--color-fill-4);
@checkbox-mask-color-border_checked: transparent;
@checkbox-mask-color-border_checked_disabled: transparent;
@checkbox-mask-color-border_disabled: var(--color-fill-3);
@checkbox-color-text: var(--color-text-1);
@checkbox-color-text_disabled: var(--color-text-4);
@checkbox-group-spacing: 16px;
@checkbox-text-mask-spacing: 8px;
@checkbox-text-font-size: 12px;
@checkbox-group-size-line-height_vertical: 32px;
@checkbox-size-check-icon: 8px;
@checkbox-color-check-icon: var(--color-white);
@checkbox-color-check-icon_disabled: var(--color-fill-3);
@checkbox-color-indeterminate-icon-width: 6px;
@checkbox-color-indeterminate-icon-height: 2px;
@checkbox-color-indeterminate-icon: var(--color-white);

/*********** rate ***********/

@rate-min-height: 12px;
@rate-gap-size: 8px;
@rate-font-size: 12px;
@rate-scale_active: 1.2;
@rate-color-bg_active: rgb(var(--gold-6));
@rate-color-bg_default: var(--color-fill-3);
@rate-color-bg_hover: rgb(var(--gold-5));
@rate-prefix-cls: ~'@{prefix}-rate';

/*********** select ***********/

@select-size-icon: 12px;
@select-size-icon-bg: 16px;
@select-view-prefix-cls: ~'@{prefix}-select-view';
@select-prefix-cls: ~'@{prefix}-select';
@select-popup-max-height: 200px;
@select-popup-border-radius: var(--border-radius-medium);
@select-popup-padding-vertical: 4px;
@select-popup-font-size: 12px;
@select-popup-color-bg: var(--color-bg-popup);
@select-popup-color-border: var(--color-fill-3);
@select-popup-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
@select-popup-option-height: 28px;
@select-popup-option-font-weight_selected: 600;
@select-signal-popup-option-padding-horizontal: 12px;
@select-multi-popup-option-padding-horizontal: 4px;
@select-popup-option-color-bg_default: var(--color-bg-popup);
@select-popup-option-color-bg_hover: var(--color-fill-2);
@select-popup-option-color-bg_selected: var(--color-bg-popup);
@select-popup-option-color-bg_disabled: var(--color-bg-popup);
@select-popup-option-color-text_default: var(--color-text-1);
@select-popup-option-color-text_hover: var(--color-text-1);
@select-popup-option-color-text_selected: var(--color-text-1);
@select-popup-option-color-text_disabled: var(--color-text-4);
@select-popup-option-color-highlight-text: var(--color-text-1);
@select-popup-option-font-highlight-weight: 600;
@select-popup-group-title-height: 20px;
@select-popup-group-title-padding-horizontal: 12px;
@select-popup-group-title-padding-top: 8px;
@select-popup-group-title-font-size: 12px;
@select-popup-group-title-color-text: var(--color-text-3);
@select-size-mini-height: @size-mini;
@select-size-small-height: @size-small;
@select-size-default-height: @size-default;
@select-size-large-height: @size-large;
@select-size-mini-font-size: @font-size-body-1;
@select-size-small-font-size: @font-size-body-3;
@select-size-default-font-size: @font-size-body-3;
@select-size-large-font-size: @font-size-title-1;
@select-signal-size-mini-padding: @spacing-4;
@select-signal-size-small-padding: @spacing-6;
@select-signal-size-default-padding: @spacing-6;
@select-signal-size-large-padding: @spacing-7;
@select-multi-padding: @spacing-2;
@select-border-radius: @radius-small;
@select-color-text_default: var(--color-text-1);
@select-color-text_disabled: var(--color-text-4);
@select-color-text_focused: var(--color-text-1);
@select-color-placeholder_default: var(--color-text-3);
@select-color-placeholder_disabled: var(--color-text-4);
@select-color-placeholder_focused: var(--color-text-3);
@select-color-bg_default: var(--color-fill-2);
@select-color-bg_default_hover: var(--color-fill-3);
@select-color-bg_default_focus: var(--color-bg-2);
@select-color-bg_error: var(--color-danger-light-1);
@select-color-shadow_error_focus: var(--color-danger-light-2);
@select-color-shadow_default_focus: var(--color-primary-light-2);
@select-shadow-distance_error_focus: @shadow-distance-none;
@select-shadow-distance_default_focus: @shadow-distance-none;
@select-color-bg_error_hover: var(--color-danger-light-2);
@select-color-bg_error_focus: var(--color-bg-2);
@select-color-bg_disabled: var(--color-fill-2);
@select-color-border_default: @color-transparent;
@select-color-border_default_hover: @color-transparent;
@select-color-border_default_focus: @color-primary-6;
@select-color-border_error: @color-transparent;
@select-color-border_error_hover: @color-transparent;
@select-color-border_error_focus: @color-danger-6;
@select-color-border_disabled: @color-transparent;
@select-color-icon_default: var(--color-text-2);
@select-color-icon-bg_hover: var(--color-fill-4);
@select-color-icon_focused: var(--color-text-2);
@select-color-icon_disabled: var(--color-text-4);
@select-popup-option-font-hightlight-weight: @font-weight-600;
@select-popup-option-color-hightlight-text: var(--color-text-1);
@select-popup-padding-horizontal: @spacing-none;
@select-popup-option-border-radius: @border-radius-none;
@select-color-addon-text: var(--color-text-2);
@select-color-addon-bg: var(--color-fill-2);

/*********** textarea ***********/

@textarea-color-tip-text: var(--color-text-3);
@textarea-padding-horizontal: 12px;
@textarea-padding-vertical: 4px;
@textarea-font-size: 12px;
@textarea-font-tip-size: 12px;
@textarea-layout-tip-right: 10px;
@textarea-layout-tip-bottom: 6px;
@textarea-size-min-height: 28px;
@textarea-size-icon-clear: 12px;
@textarea-layout-top-icon-clear: 10px;
@textarea-prefix-cls: ~'@{prefix}-textarea';

/*********** input ***********/

@input-color-bg: var(--color-fill-2);
@input-color-bg_hover: var(--color-fill-3);
@input-color-bg_focus: var(--color-bg-2);
@input-color-bg_disabled: var(--color-fill-2);
@input-color-addon-bg: var(--color-fill-2);
@input-color-addon-border: var(--color-neutral-3);
@input-border-addon-separator-width: 1px;
@input-color-border_focus: rgb(var(--primary-6));
@input-color-shadow_focus: var(--color-primary-light-2);
@input-size-shadow_focus: 0;
@input-color-addon-border_default: transparent;
@input-color-text: var(--color-text-1);
@input-color-placeholder-text: var(--color-text-3);
@input-color-text_disabled: var(--color-text-4);
@input-color-bg_error: var(--color-danger-light-1);
@input-color-bg_error_hover: var(--color-danger-light-2);
@input-color-bg_error_focus: var(--color-bg-2);
@input-color-border_error_focus: rgb(var(--danger-6));
@input-color-shadow_error_focus: var(--color-danger-light-2);
@input-size-shadow_error_focus: 0;
@input-border-radius: var(--border-radius-medium);
@input-size-default-height: 28px;
@input-size-mini-height: 24px;
@input-size-small-height: 28px;
@input-size-large-height: 36px;
@input-border-width: 1px;
@input-color-border: transparent;
@input-color-border_disabled: transparent;
@input-color-border_hover: transparent;
@input-color-border_error: transparent;
@input-color-border_error_hover: transparent;
@input-size-default-font-size: 12px;
@input-size-small-font-size: 12px;
@input-size-large-font-size: 12px;
@input-size-mini-font-size: 12px;
@input-font-tip-size: 12px;
@input-size-mini-icon-suffix-size: 12px;
@input-size-small-icon-suffix-size: 12px;
@input-size-default-icon-suffix-size: 12px;
@input-size-large-icon-suffix-size: 12px;
@input-size-mini-icon-addon-size: 12px;
@input-size-small-icon-addon-size: 12px;
@input-size-default-icon-addon-size: 12px;
@input-size-large-icon-addon-size: 12px;
@input-size-icon-clear: 12px;
@input-color-prefix-text: var(--color-text-2);
@input-color-suffix-text: var(--color-text-2);
@input-color-tip-text: var(--color-text-3);
@input-color-icon-clear: var(--color-text-2);
@input-color-icon-clear-bg_hover: var(--color-fill-4);
@input-padding-horizontal: 12px;
@input-margin-left-clear-btn: 12px;
@input-spacing-clear-icon-right: 8px;
@input-padding-word-limit-left: 8px;
@input-group-border-radius_compact: var(--border-radius-small);
@input-group-border-separator-width: 1px;
@input-group-color-separator-border: var(--color-neutral-3);
@input-size-medium-height: 28px;
@input-size-medium-font-size: 12px;
@input-size-mini-line-height: 1.667;
@input-size-small-line-height: 1.5715;
@input-size-medium-line-height: 1.5715;
@input-size-large-line-height: 1.5715;
@input-feedback-icon-color_success: rgb(var(--success-6));
@input-feedback-icon-color_error: rgb(var(--danger-6));
@input-feedback-icon-color_warning: rgb(var(--warning-6));
@input-feedback-icon-color_validating: rgb(var(--primary-6));
@input-label-prefix-cls: ~'@{prefix}-input-label';
@input-tag-size-mini-height: 24px;
@input-tag-size-small-height: 28px;
@input-tag-size-default-height: 28px;
@input-tag-size-large-height: 36px;
@input-tag-size-mini-tag-height: 20px;
@input-tag-size-small-tag-height: 20px;
@input-tag-size-default-tag-height: 24px;
@input-tag-size-large-tag-height: 28px;
@input-tag-size-mini-font-size: 12px;
@input-tag-size-small-font-size: 12px;
@input-tag-size-default-font-size: 12px;
@input-tag-size-large-font-size: 12px;
@input-tag-color-text_default: var(--color-text-1);
@input-tag-color-text_error: var(--color-text-1);
@input-tag-color-text_disabled: var(--color-text-4);
@input-tag-color-placeholder: var(--color-text-3);
@input-tag-color-icon-clear: var(--color-text-2);
@input-tag-color-icon-clear-bg_hover: var(--color-fill-4);
@input-tag-color-border_default: transparent;
@input-tag-color-border_default_hover: transparent;
@input-tag-color-border_default_focus: rgb(var(--primary-6));
@input-tag-color-border_error: transparent;
@input-tag-color-border_error_hover: transparent;
@input-tag-color-border_error_focus: rgb(var(--danger-6));
@input-tag-color-border_disabled: transparent;
@input-tag-color-border_disabled_hover: transparent;
@input-tag-color-border_disabled_focus: transparent;
@input-tag-color-bg_default: var(--color-fill-2);
@input-tag-color-bg_default_hover: var(--color-fill-3);
@input-tag-color-bg_default_focus: var(--color-bg-2);
@input-tag-color-bg_error: rgb(var(--danger-1));
@input-tag-color-bg_error_hover: rgb(var(--danger-2));
@input-tag-color-bg_error_focus: var(--color-bg-2);
@input-tag-color-bg_disabled: var(--color-fill-2);
@input-tag-color-bg_disabled_hover: var(--color-fill-2);
@input-tag-color-shadow_default_focus: rgb(var(--primary-2));
@input-tag-color-shadow_error_focus: rgb(var(--danger-2));
@input-tag-size-shadow_error_focus: 0;
@input-tag-size-shadow_default_focus: 0;
@input-tag-tag-margin-right: 4px;
@input-tag-tag-margin-vertical: 2px;
@input-tag-padding-horizontal: 4px;
@input-tag-border-radius: var(--border-radius-small);
@input-tag-border-width: 1px;
@input-tag-size-icon-clear: 12px;
@input-tag-size-icon-clear_hover: 20px;
@input-tag-tag-font-size: 12px;
@input-tag-tag-color-bg: var(--color-bg-2);
@input-tag-tag-color-bg_focus: var(--color-fill-2);
@input-tag-tag-color-bg_disabled: var(--color-fill-2);
@input-tag-tag-color-border: var(--color-fill-3);
@input-tag-tag-color-border_disabled: var(--color-fill-3);
@input-tag-tag-color-border_focus: var(--color-fill-2);
@input-tag-tag-remove-icon-color-bg: var(--color-fill-2);
@input-tag-tag-remove-icon-color-bg_focus: var(--color-fill-3);
@input-tag-size-medium-height: 28px;
@input-tag-size-medium-tag-height: 24px;
@input-tag-size-medium-font-size: 12px;
@input-number-border-radius: var(--border-radius-small);
@input-number-step-layer-border-radius: 1px;
@input-number-size-mini-step-button-width: 24px;
@input-number-size-small-step-button-width: 28px;
@input-number-size-default-step-button-width: 28px;
@input-number-size-large-step-button-width: 36px;
@input-number-step-button-color: var(--color-text-2);
@input-number-step-button-color_disabled: var(--color-text-4);
@input-number-step-button-color-border: var(--color-neutral-3);
@input-number-step-button-color-bg_default: var(--color-fill-2);
@input-number-step-button-color-bg_default_hover: var(--color-fill-3);
@input-number-step-button-color-bg_default_active: var(--color-fill-4);
@input-number-step-button-color-bg_disabled: var(--color-fill-2);
@input-number-step-button-color-bg_disabled_hover: var(--color-fill-2);
@input-number-step-button-color-bg_disabled_active: var(--color-fill-2);
@input-prefix-cls: ~'@{prefix}-input';
@input-number-prefix-cls: ~'@{prefix}-input-number';
@input-tag-prefix-cls: ~'@{prefix}-input-tag';
@input-color-addon-text: var(--color-text-1);
@input-size-mini-padding-horizontal: @spacing-4;
@input-size-small-padding-horizontal: @spacing-6;
@input-size-large-padding-horizontal: @spacing-7;
@input-number-color-illegal_value: @color-danger-6;
@input-tag-color-addon-text: var(--color-text-2);
@input-tag-color-addon-bg: var(--color-fill-2);

/*********** search ***********/

@search-color-icon: var(--color-text-2);
@search-size-icon: 12px;
@search-button-padding-horizontal: @spacing-4;

/*********** picker ***********/

@picker-size-mini: 24px;
@picker-size-small: 28px;
@picker-size-default: 28px;
@picker-size-large: 36px;
@picker-size-mini-font-size-text: 12px;
@picker-size-small-font-size-text: 12px;
@picker-size-default-font-size-text: 12px;
@picker-size-large-font-size-text: 12px;
@picker-input-border-radius: var(--border-radius-medium);
@picker-color-shadow_focus: var(--color-primary-light-2);
@picker-size-shadow_focus: 0;
@picker-color-shadow_error_focus: var(--color-danger-light-2);
@picker-size-shadow_error_focus: 0;
@picker-color-bg: var(--color-fill-2);
@picker-color-bg_hover: var(--color-fill-3);
@picker-color-bg_focus: var(--color-bg-2);
@picker-color-bg_disabled: var(--color-fill-2);
@picker-color-bg_error: var(--color-danger-light-1);
@picker-color-bg_error_hover: var(--color-danger-light-2);
@picker-color-bg_error_focus: var(--color-bg-2);
@picker-color-border: transparent;
@picker-color-border_hover: transparent;
@picker-color-border_focus: rgb(var(--primary-6));
@picker-color-border_disabled: transparent;
@picker-color-border_error: transparent;
@picker-color-border_error_hover: transparent;
@picker-color-border_error_focus: rgb(var(--danger-6));
@picker-color-placeholder: var(--color-text-3);
@picker-color-placeholder_disabled: var(--color-text-4);
@picker-color-text: var(--color-text-2);
@picker-color-text_disabled: var(--color-text-4);
@picker-color-icon: var(--color-text-2);
@picker-color-icon_disabled: var(--color-text-4);
@picker-color-separator: var(--color-text-3);
@picker-color-separator_disabled: var(--color-text-4);
@picker-range-color-bg-input_focus: var(--color-fill-2);
@picker-padding-horizontal: 4px;
@picker-input-padding-horizontal: 8px;
@picker-container-border-radius: var(--border-radius-medium);
@picker-header-padding-horizontal: 24px;
@picker-header-padding-vertical: 24px;
@picker-panel-date-width: 265px;
@picker-panel-month-width: 265px;
@picker-panel-year-width: 265px;
@picker-panel-week-width: 298px;
@picker-panel-quarter-width: 265px;
@picker-panel-time-cell-width: 36px;
@picker-panel-time-cell-spacing-horizontal: 4px;
@picker-panel-time-padding-horizontal: 10px;
@picker-panel-cell-padding-vertical: 4px;
@picker-panel-cell-circle-height: 24px;
@picker-color-switch-icon: var(--color-text-2);
@picker-color-bg-switch-icon: var(--color-bg-popup);
@picker-color-bg-switch-icon_hover: var(--color-fill-3);
@picker-cell-font-weight-in-view: 600;
@picker-color-cell-text-in-view: var(--color-text-1);
@picker-color-cell-text-not-in-view: var(--color-text-4);
@picker-color-bg-circle_selected: rgb(var(--primary-6));
@picker-color-bg-cell-in-range: var(--color-primary-light-1);
@picker-color-bg-cell-disabled: var(--color-fill-1);
@picker-color-text-cell-range-boundary: var(--color-white);
@picker-color-bg-cell-range-boundary: rgb(var(--primary-6));
@picker-color-bg-cell-hover-in-range: var(--color-primary-light-1);
@picker-color-text-cell-hover-range-boundary: var(--color-text-1);
@picker-color-bg-cell-hover-range-boundary: var(--color-primary-light-2);
@picker-panel-color-border: var(--color-neutral-3);
@picker-panel-color-text-cell_hover: var(--color-text-1);
@picker-panel-color-bg-cell_hover: var(--color-fill-3);
@picker-panel-color-text-cell_selected: var(--color-white);
@picker-panel-color-bg-cell_selected: rgb(var(--primary-6));
@picker-panel-color-current-time-dot: rgb(var(--primary-6));
@picker-panel-border-radius-cell_selected: var(--border-radius-circle);
@picker-panel-cell-boundary-border-radius: 24px;
@picker-panel-cell-border-radius: 24px;
@picker-panel-color-bg-label_hover: var(--color-fill-3);
@picker-prefix-cls: ~'@{prefix}-picker';
@picker-panel-border-width: 1px;
@picker-header-color-text: var(--color-text-1);
@picker-header-font-weight-text: @font-weight-600;
@picker-header-font-size: @font-size-body;
@picker-cell-font-weight-not-in-view: @font-weight-600;
@picker-color-text-week-list-item: var(--color-text-2);
@picker-font-weight-week-list-item: @font-weight-600;

/*********** timepicker ***********/

@timepicker-wrapper-border-radius: var(--border-radius-medium);
@timepicker-column-width: 64px;
@timepicker-column-height: 224px;
@timepicker-cell-height: 24px;
@timepicker-cell-spacing: 4px;
@timepicker-color-border: var(--color-neutral-3);
@timepicker-color-text-cell: var(--color-text-1);
@timepicker-color-bg-cell_hover: var(--color-fill-2);
@timepicker-color-bg-cell_active: var(--color-fill-2);
@timepicker-color-text-cell_disabled: var(--color-text-4);
@timepicker-font-weight-cell: 600;
@timepicker-font-weight-cell_active: 600;
@timepicker-cell-font-size: @font-size-body-3;
@timepicker-color-extra-text: var(--color-text-1);
@timepicker-font-extra-size: @font-size-body-1;

/*********** transfer ***********/

@transfer-width: 200px;
@transfer-height: 224px;
@transfer-height-title: 36px;
@transfer-height-footer: 36px;
@transfer-padding-horizontal-footer: 8px;
@transfer-border-color: var(--color-neutral-3);
@transfer-border-width: 1px;
@transfer-border-radius: var(--border-radius-small);
@transfer-font-size-header: 12px;
@transfer-font-size-header-unit: 12px;
@transfer-font-size-icon: 12px;
@transfer-font-weight-header: 600;
@transfer-color-text-header: var(--color-text-1);
@transfer-color-text-header-unit: var(--color-text-3);
@transfer-color-icon: var(--color-text-2);
@transfer-color-bg-icon: var(--color-fill-3);
@transfer-color-bg-header: var(--color-fill-1);
@transfer-search-padding-left: 12px;
@transfer-search-padding-right: 12px;
@transfer-search-padding-top: 8px;
@transfer-search-padding-bottom: 4px;
@transfer-item-color-bg_default: transparent;
@transfer-item-color-bg_hover: var(--color-fill-2);
@transfer-item-color-bg_disabled: transparent;
@transfer-item-color_default: var(--color-text-1);
@transfer-item-color_hover: var(--color-text-1);
@transfer-item-color_disabled: var(--color-text-4);
@transfer-item-height: 32px;
@transfer-item-padding-horizontal: 6px;
@transfer-item-font-size: 12px;
@transfer-item-draggable-height-gap: 2px;
@transfer-item-draggable-color-bg-gap: rgb(var(--primary-6));
@transfer-item-draggable-color-bg_dragging: var(--color-fill-1);
@transfer-item-draggable-color_dragging: var(--color-text-4);
@transfer-item-draggable-color_blink: var(--color-primary-light-1);
@transfer-pagination-width-input: 24px;
@transfer-pagination-gap-separator: 8px;
@transfer-operation-padding-horizontal: 20px;
@transfer-operation-gap-buttons: 12px;
@transfer-prefix-cls: ~'@{prefix}-transfer';

/*********** tree ***********/

@tree-select-padding-popup-left: 10px;
@tree-select-padding-popup-right: 4px;
@tree-select-padding-popup-vertical: 4px;
@tree-prefix-cls: ~'@{prefix}-tree';
@tree-select-prefix-cls: ~'@{prefix}-tree-select';
@tree-color-title-text: var(--color-text-1);
@tree-color-title-text_hover: var(--color-text-1);
@tree-color-title-text_active: rgb(var(--primary-6));
@tree-color-title-text_disabled: var(--color-text-4);
@tree-color-title-text_active_disabled: var(--color-primary-light-3);
@tree-color-title-bg_hover: var(--color-fill-2);
@tree-color-title-bg_highlight: var(--color-primary-light-1);
@tree-color-title-text_highlight: var(--color-text-1);
@tree-color-title-bg_dragging: var(--color-fill-1);
@tree-color-title-text_dragging: var(--color-text-4);
@tree-color-loading-icon: rgb(var(--primary-6));
@tree-color-switcher-icon: var(--color-text-2);
@tree-color-drag-icon: rgb(var(--primary-6));
@tree-node-border-radius: var(--border-radius-small);
@tree-margin-checkbox-right: 4px;
@tree-margin-switcher-icon-right: 4px;
@tree-margin-custom-icon-right: 4px;
@tree-padding-title-horizontal: 4px;
@tree-spacing-drag-icon-right: 12px;
@tree-spacing-drag-icon-text: 120px;
@tree-draggable-color-gap-bg: rgb(var(--primary-6));
@tree-draggable-size-gap-height: 2px;
@tree-showline-color-line-bg: var(--color-neutral-3);
@tree-showline-color-plus-icon-bg: var(--color-fill-2);
@tree-showline-size-plus-icon-stroke: 2px;
@tree-showline-size-plus-icon-width: 6px;
@tree-showline-size-line-width: 1px;
@tree-showline-style-line: solid;
@tree-showline-size-switcher-icon: 14px;
@tree-showline-spacing-line-vertical: 4px;
@tree-showline-border-plus-icon-radius: var(--border-radius-small);
@tree-size-mini-icon-size: 12px;
@tree-size-small-icon-size: 12px;
@tree-size-default-icon-size: 12px;
@tree-size-large-icon-size: 12px;
@tree-size-expand-icon-bg_hover: 14px;
@tree-size-mini-font-size: 12px;
@tree-size-small-font-size: 12px;
@tree-size-default-font-size: 12px;
@tree-size-large-font-size: 12px;
@tree-size-mini-line-height: 24px;
@tree-size-small-line-height: 28px;
@tree-size-default-line-height: 28px;
@tree-size-large-line-height: 36px;
@tree-node-prefix-cls: ~'@{prefix}-tree-node';

/*********** alert ***********/

@alert-border-width: 1px;
@alert-min-height: 32px;
@alert-border-radius: var(--border-radius-small);
@alert-line-height: 1.5715;
@alert-title-line-height: 20px;
@alert-title-margin-bottom: 4px;
@alert-margin-icon-right: 8px;
@alert-padding-horizontal: 12px;
@alert-padding-vertical: 6px;
@alert-padding-horizontal_with_title: 12px;
@alert-padding-vertical_with_title: 12px;
@alert-font-weight-title: 600;
@alert-font-size-text-title: 12px;
@alert-font-size-text-content: 12px;
@alert-font-size-icon: 14px;
@alert-font-size-icon_with_title: 14px;
@alert-font-size-close-icon: 12px;
@alert-normal-color-bg: var(--color-neutral-2);
@alert-normal-color-border: transparent;
@alert-normal-color-icon: var(--color-neutral-4);
@alert-normal-color-text-title: var(--color-text-1);
@alert-normal-color-text-content: var(--color-text-1);
@alert-normal-color-text-content_title: var(--color-text-2);
@alert-info-color-bg: var(--color-primary-light-1);
@alert-info-color-border: transparent;
@alert-info-color-icon: rgb(var(--primary-6));
@alert-info-color-text-title: var(--color-text-1);
@alert-info-color-text-content: var(--color-text-1);
@alert-info-color-text-content_title: var(--color-text-2);
@alert-warning-color-bg: var(--color-warning-light-1);
@alert-warning-color-border: transparent;
@alert-warning-color-icon: rgb(var(--warning-6));
@alert-warning-color-text-title: var(--color-text-1);
@alert-warning-color-text-content: var(--color-text-1);
@alert-warning-color-text-content_title: var(--color-text-2);
@alert-error-color-bg: var(--color-danger-light-1);
@alert-error-color-border: transparent;
@alert-error-color-icon: rgb(var(--danger-6));
@alert-error-color-text-title: var(--color-text-1);
@alert-error-color-text-content: var(--color-text-1);
@alert-error-color-text-content_title: var(--color-text-2);
@alert-success-color-bg: var(--color-success-light-1);
@alert-success-color-border: transparent;
@alert-success-color-icon: rgb(var(--success-6));
@alert-success-color-text-title: var(--color-text-1);
@alert-success-color-text-content: var(--color-text-1);
@alert-success-color-text-content_title: var(--color-text-2);
@alert-color-close-icon: var(--color-text-2);
@alert-color-close-icon_hover: var(--color-text-1);
@alert-margin-close-icon-left: 8px;
@alert-margin-action-left: 8px;
@alert-margin-action-right: 8px;
@alert-prefix-cls: ~'@{prefix}-alert';

/*********** breadcrumb ***********/

@breadcrumb-color-text: var(--color-text-2);
@breadcrumb-color-text_active: var(--color-text-1);
@breadcrumb-color-link-text: var(--color-text-2);
@breadcrumb-color-separator: var(--color-text-4);
@breadcrumb-color-bg_hover: var(--color-fill-2);
@breadcrumb-color-bg: transparent;
@breadcrumb-margin-separator-horizontal: 0px;
@breadcrumb-margin-dropdown-icon-left: 4px;
@breadcrumb-padding-text-horizontal: 4px;
@breadcrumb-border-text-radius_hover: var(--border-radius-small);
@breadcrumb-size-text-height: 24px;
@breadcrumb-size-separator-height: 12px;
@breadcrumb-size-dropdown-icon: 12px;
@breadcrumb-size-font-size: 12px;
@breadcrumb-font-weight_active: 600;
@breadcrumb-color-icon: var(--color-text-3);
@breadcrumb-color-link-text_hover: rgb(var(--link-6));
@breadcrumb-color-dropdown-icon: var(--color-text-2);
@breadcrumb-prefix-cls: ~'@{prefix}-breadcrumb';

/*********** dropdown ***********/

@dropdown-margin-left-suffix-icon: 12px;
@dropdown-max-height: 200px;
@dropdown-border-radius: var(--border-radius-medium);
@dropdown-padding-vertical: 4px;
@dropdown-font-size: 12px;
@dropdown-color-bg: var(--color-bg-popup);
@dropdown-color-border: var(--color-fill-3);
@dropdown-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
@dropdown-option-height: 28px;
@dropdown-option-padding-horizontal: 12px;
@dropdown-option-font-weight_selected: 600;
@dropdown-option-color-bg_default: transparent;
@dropdown-option-color-bg_hover: var(--color-fill-2);
@dropdown-option-color-bg_selected: transparent;
@dropdown-option-color-bg_disabled: transparent;
@dropdown-option-color-text_default: var(--color-text-1);
@dropdown-option-color-text_hover: var(--color-text-1);
@dropdown-option-color-text_selected: var(--color-text-1);
@dropdown-option-color-text_disabled: var(--color-text-4);
@dropdown-group-title-height: 20px;
@dropdown-group-title-padding-horizontal: 12px;
@dropdown-group-title-padding-top: 8px;
@dropdown-group-title-margin-top: 8px;
@dropdown-group-title-font-size: 12px;
@dropdown-group-title-color-text: var(--color-text-3);
@dropdown-prefix-cls: ~'@{prefix}-dropdown';
@dropdown-dark-color-bg: var(--color-menu-dark-bg);
@dropdown-dark-color-border: var(--color-menu-dark-bg);
@dropdown-dark-option-color-bg_default: transparent;
@dropdown-dark-option-color-bg_hover: var(--color-menu-dark-hover);
@dropdown-dark-option-color-bg_selected: transparent;
@dropdown-dark-option-color-bg_disabled: transparent;
@dropdown-dark-option-color-text_default: var(--color-text-4);
@dropdown-dark-option-color-text_hover: var(--color-text-4);
@dropdown-dark-option-color-text_selected: var(--color-white);
@dropdown-dark-option-color-text_disabled: var(--color-text-2);
@dropdown-dark-group-title-color-text: var(--color-text-3);

/*********** menu ***********/

@menu-font-size: 12px;
@menu-line-height: 1.5715;
@menu-border-radius: var(--border-radius-large);
@menu-font-weight-item-selected: 600;
@menu-color-label-item-selected: rgb(var(--primary-6));
@menu-height-label-item-selected: 3px;
@menu-margin-left-item-suffix-icon: 6px;
@menu-margin-right-item-prefix-icon: 16px;
@menu-horizontal-margin-right-item-prefix-icon: 16px;
@menu-item-gap: 4px;
@menu-item-indent-spacing: 28px;
@menu-width-collapse-button: 28px;
@menu-height-collapse-button: 28px;
@menu-border-radius-collapse-button: var(--border-radius-medium);
@menu-light-color-bg: var(--color-menu-light-bg);
@menu-light-color-bg-item_default: var(--color-menu-light-bg);
@menu-light-color-bg-item_hover: var(--color-fill-2);
@menu-light-color-bg-item_selected: var(--color-fill-2);
@menu-light-color-bg-item_disabled: var(--color-menu-light-bg);
@menu-light-color-item_default: var(--color-text-2);
@menu-light-color-item_hover: var(--color-text-2);
@menu-light-color-item_selected: rgb(var(--primary-6));
@menu-light-color-submenu_selected: rgb(var(--primary-6));
@menu-light-color-bg-submenu_selected_hover: var(--color-fill-2);
@menu-light-color-item_disabled: var(--color-text-4);
@menu-light-color-icon_default: var(--color-text-3);
@menu-light-color-icon_hover: var(--color-text-3);
@menu-light-color-icon_selected: rgb(var(--primary-6));
@menu-light-color-icon_disabled: var(--color-text-4);
@menu-light-color-group-title: var(--color-text-3);
@menu-dark-color-bg: var(--color-menu-dark-bg);
@menu-dark-color-bg-item_default: var(--color-menu-dark-bg);
@menu-dark-color-bg-item_hover: var(--color-menu-dark-hover);
@menu-dark-color-bg-item_selected: var(--color-menu-dark-hover);
@menu-dark-color-bg-item_disabled: var(--color-menu-dark-bg);
@menu-dark-color-submenu_selected: rgb(var(--primary-6));
@menu-dark-color-bg-submenu_selected_hover: var(--color-menu-dark-hover);
@menu-dark-color-item_default: var(--color-text-4);
@menu-dark-color-item_hover: var(--color-text-4);
@menu-dark-color-item_selected: var(--color-white);
@menu-dark-color-item_disabled: var(--color-text-2);
@menu-dark-color-icon_default: var(--color-text-3);
@menu-dark-color-icon_hover: var(--color-text-3);
@menu-dark-color-icon_selected: var(--color-white);
@menu-dark-color-icon_disabled: var(--color-text-2);
@menu-dark-color-group-title: var(--color-text-3);
@menu-color-border-popup: var(--color-neutral-3);
@menu-light-color-bg-button: var(--color-fill-1);
@menu-light-color-bg-button_hover: var(--color-fill-3);
@menu-light-color-button: var(--color-text-3);
@menu-dark-color-bg-button: rgb(var(--primary-6));
@menu-dark-color-bg-button_hover: rgb(var(--primary-7));
@menu-dark-color-button: var(--color-white);
@menu-horizontal-padding-vertical: 14px;
@menu-horizontal-padding-horizontal: 20px;
@menu-horizontal-item-gap: 12px;
@menu-horizontal-item-height: 30px;
@menu-horizontal-item-padding-horizontal: 12px;
@menu-vertical-padding-vertical: 4px;
@menu-vertical-padding-horizontal: 8px;
@menu-vertical-item-height: 44px;
@menu-vertical-item-padding-horizontal: 7px;
@menu-collapse-width: 44px;
@menu-collapse-padding-vertical: 10px;
@menu-collapse-padding-horizontal: 7px;
@menu-pop-button-size: 30px;
@menu-pop-button-margin-bottom: 16px;
@menu-pop-button-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
@menu-pop-button-border-color: transparent;
@menu-prefix-cls: ~'@{prefix}-menu';

/*********** pagination ***********/

@pagination-prefix-cls: ~'@{prefix}-pagination';
@pagination-item-border-radius: var(--border-radius-medium);
@pagination-item-spacing: 8px;
@pagination-margin-total-spacing: 8px;
@pagination-margin-option-left: 8px;
@pagination-margin-jumper-left: 8px;
@pagination-size-mini: 24px;
@pagination-size-small: 24px;
@pagination-size-default: 24px;
@pagination-size-large: 24px;
@pagination-padding-horizontal: 8px;
@pagination-size-mini-font-size: 12px;
@pagination-size-small-font-size: 12px;
@pagination-size-default-font-size: 12px;
@pagination-size-large-font-size: 12px;
@pagination-size-icon-arrow_mini: 12px;
@pagination-size-icon-arrow_small: 12px;
@pagination-size-icon-arrow_default: 12px;
@pagination-size-icon-arrow_large: 14px;
@pagination-size-icon-ellipsis: 16px;
@pagination-border-width: 0;
@pagination-color-bg-item: transparent;
@pagination-color-bg-item_active: var(--color-primary-light-1);
@pagination-color-bg-item_hover: var(--color-fill-1);
@pagination-color-bg-item_disabled: transparent;
@pagination-color-bg-item_active_disabled: var(--color-fill-1);
@pagination-color-item-text: var(--color-text-2);
@pagination-color-item-text_hover: var(--color-text-2);
@pagination-color-item-text_active: rgb(var(--primary-6));
@pagination-color-item-text_disabled: var(--color-text-4);
@pagination-color-item-text_active_disabled: var(--color-primary-light-3);
@pagination-color-item-border: transparent;
@pagination-color-item-border_active: transparent;
@pagination-color-item-border_hover: transparent;
@pagination-color-item-border_disabled: transparent;
@pagination-color-item-border_active_disabled: transparent;
@pagination-color-icon-arrow: var(--color-text-2);
@pagination-color-icon-arrow-bg: transparent;
@pagination-color-icon-arrow-bg_hover: var(--color-fill-1);
@pagination-color-icon-arrow-bg_disabled: transparent;
@pagination-color-icon-arrow-text_hover: rgb(var(--primary-6));
@pagination-color-icon-arrow-text_disabled: var(--color-text-4);
@pagination-simple-input-width: 40px;
@pagination-simple-color-icon-arrow: var(--color-text-2);
@pagination-simple-color-icon-arrow-bg: transparent;
@pagination-simple-color-icon-arrow-bg_hover: var(--color-fill-1);
@pagination-simple-color-icon-arrow-bg_disabled: transparent;
@pagination-simple-color-icon-arrow-text_hover: rgb(var(--primary-6));
@pagination-simple-color-icon-arrow-text_disabled: var(--color-text-4);
@pagination-simple-margin-prev-right: 4px;
@pagination-simple-margin-next-left: 12px;
@pagination-simple-margin-separator-left: 12px;
@pagination-simple-margin-separator-right: 12px;
@pagination-color-jumper-goto: var(--color-text-3);
@pagination-color-text-total: var(--color-text-1);

/*********** steps ***********/

@steps-size-default: 24px;
@steps-size-small: 24px;
@steps-size-default-arrow: 72px;
@steps-size-small-arrow: 40px;
@steps-size-default-font-size-icon: 12px;
@steps-size-default-font-size-title: 14px;
@steps-size-default-font-size-description: 12px;
@steps-size-small-font-size-icon: 12px;
@steps-size-small-font-size-title: 14px;
@steps-size-small-font-size-description: 12px;
@steps-label-vertical-content-width: 140px;
@steps-direction-horizontal-description-width: 140px;
@steps-circle-size-item-tail: 1px;
@steps-circle-size-item-icon-gap: 12px;
@steps-circle-font-weight-item-title_active: 500;
@steps-circle-border-radius-item-icon: var(--border-radius-circle);
@steps-circle-horizontal-item-description-margin-top: 2px;
@steps-circle-vertical-item-description-margin-top: 2px;
@steps-circle-color-item-bg_wait: var(--color-fill-2);
@steps-circle-color-item-border_wait: transparent;
@steps-circle-color-item-icon-text_wait: var(--color-text-2);
@steps-circle-color-item-tail_wait: var(--color-neutral-3);
@steps-circle-color-item-title_wait: var(--color-text-2);
@steps-circle-color-item-description_wait: var(--color-text-3);
@steps-circle-color-item-bg_process: rgb(var(--primary-6));
@steps-circle-color-item-border_process: transparent;
@steps-circle-color-item-icon-text_process: var(--color-white);
@steps-circle-color-item-tail_process: rgb(var(--primary-6));
@steps-circle-color-item-title_process: var(--color-text-1);
@steps-circle-color-item-description_process: var(--color-text-3);
@steps-circle-color-item-bg_finish: var(--color-primary-light-1);
@steps-circle-color-item-border_finish: transparent;
@steps-circle-color-item-icon-text_finish: rgb(var(--primary-6));
@steps-circle-color-item-title_finish: var(--color-text-1);
@steps-circle-color-item-description_finish: var(--color-text-3);
@steps-circle-color-item-bg_error: rgb(var(--danger-6));
@steps-circle-color-item-border_error: transparent;
@steps-circle-color-item-icon-text_error: var(--color-white);
@steps-circle-color-item-tail_error: rgb(var(--danger-6));
@steps-circle-color-item-title_error: var(--color-text-1);
@steps-circle-color-item-description_error: var(--color-text-3);
@steps-dot-horizontal-item-title-margin-top: 4px;
@steps-dot-horizontal-item-description-margin-top: 4px;
@steps-dot-vertical-item-title-margin-top: -2px;
@steps-dot-vertical-item-description-margin-top: 4px;
@steps-dot-size-item-icon: 8px;
@steps-dot-size-item-icon-active: 10px;
@steps-dot-size-item-icon-gap: 4px;
@steps-dot-size-item-tail: 1px;
@steps-dot-vertical-item-icon-margin-right: 16px;
@steps-dot-font-weight-item-title_active: 500;
@steps-dot-border-radius-item-icon: var(--border-radius-circle);
@steps-dot-color-item-bg_wait: var(--color-fill-4);
@steps-dot-color-item-border_wait: var(--color-fill-4);
@steps-dot-color-item-tail_wait: var(--color-neutral-3);
@steps-dot-color-item-title_wait: var(--color-text-2);
@steps-dot-color-item-description_wait: var(--color-text-3);
@steps-dot-color-item-bg_process: rgb(var(--primary-6));
@steps-dot-color-item-border_process: rgb(var(--primary-6));
@steps-dot-color-item-tail_process: rgb(var(--primary-6));
@steps-dot-color-item-title_process: var(--color-text-1);
@steps-dot-color-item-description_process: var(--color-text-3);
@steps-dot-color-item-bg_finish: rgb(var(--primary-6));
@steps-dot-color-item-border_finish: rgb(var(--primary-6));
@steps-dot-color-item-title_finish: var(--color-text-1);
@steps-dot-color-item-description_finish: var(--color-text-3);
@steps-dot-color-item-bg_error: rgb(var(--danger-6));
@steps-dot-color-item-border_error: rgb(var(--danger-6));
@steps-dot-color-item-tail_error: rgb(var(--danger-6));
@steps-dot-color-item-title_error: var(--color-text-1);
@steps-dot-color-item-description_error: var(--color-text-3);
@steps-arrow-size-item-gap: 4px;
@steps-arrow-size-default-title-padding-left: 16px;
@steps-arrow-size-small-title-padding-left: 20px;
@steps-arrow-item-description-margin-top: 0;
@steps-arrow-font-weight-item-title_active: 500;
@steps-arrow-color-item-bg_wait: var(--color-fill-1);
@steps-arrow-color-item-title_wait: var(--color-text-2);
@steps-arrow-color-item-description_wait: var(--color-text-3);
@steps-arrow-color-item-bg_process: rgb(var(--primary-6));
@steps-arrow-color-item-title_process: var(--color-white);
@steps-arrow-color-item-description_process: var(--color-white);
@steps-arrow-color-item-bg_finish: var(--color-primary-light-1);
@steps-arrow-color-item-title_finish: var(--color-text-1);
@steps-arrow-color-item-description_finish: var(--color-text-3);
@steps-arrow-color-item-bg_error: rgb(var(--danger-6));
@steps-arrow-color-item-title_error: var(--color-white);
@steps-arrow-color-item-description_error: var(--color-white);
@steps-navigation-color-arrow: var(--color-text-4);
@steps-navigation-size-arrow: 6px;
@steps-navigation-size-arrow-line-width: 2px;
@steps-navigation-size-arrow-top: 10px;
@steps-circle-vertical-spacing-tail-top: 6px;
@steps-circle-vertical-spacing-tail-bottom: 6px;
@steps-dot-vertical-item-dot-margin-top: 8px;
@steps-dot-vertical-spacing-tail-top: 4px;
@steps-dot-vertical-spacing-tail-bottom: 4px;
@steps-navigation-padding-left: 20px;
@steps-navigation-margin-right: 32px;
@steps-navigation-spacing-arrow-right: 10px;
@steps-navigation-spacing-ink-left: 0;
@steps-navigation-spacing-ink-right: 30px;
@steps-size-default-item-icon-margin-left: 56px;
@steps-size-small-item-icon-margin-left: 58px;
@steps-dot-item-icon-margin-left: 66px;
@steps-dot-vertical-item-dot-margin-top-active: 6px;
@steps-prefix-cls: ~'@{prefix}-steps';