@import './componentsDiff.css';

/* 主题差异*/
@Button-is-radius-large-font-size: var(--button-is-radius-large-font-size);
@Button-is-radius-medium-font-size: var(--button-is-radius-medium-font-size);
@Button-small-font-size: var(--button-small-font-size);
@Button-primary-color-disable: var(--button-primary-color-disable);
@Button-primary-fill: var(--button-primary-fill);
@Button-primary-fill-active: var(--button-primary-fill-active);
@Button-primary-fill-disable: var(--button-primary-fill-disable);
@Button-secondary-color-disable: var(--button-secondary-color-disable);
@Button-secondary-border-color-disable: var(--button-secondary-border-color-disable);
@Button-secondary-fill-disable: var(--button-secondary-fill-disable);
@Button-text-link-color-disable: var(--button-text-link-color-disable);
@Button-link-border-color-disable: var(--button-link-border-color-disable);
@Button-link-fill-active: var(--button-link-fill-active);
@Button-textlink-font-size: var(--button-textlink-font-size);
@Button-link-fill-disable: var(--button-link-fill-disable);

@Blockselect-fill-color: var(--blockselect-fill-color);
@Blockselect-fill-color-active: var(--blockselect-fill-color-active);
// @Blockselect-fill-color-active-disable: var(--blockselect-fill-color-active-disable);
@Blockselect-border-color-active-disable: var(--blockselect-border-color-active-disable);
@Blockselect-small-font-size: var(--blockselect-small-font-size);
@Blockselect-large-font-size: var(--blockselect-large-font-size);
@Blockselect-large-tertiary-font-size: var(--blockselect-large-tertiary-font-size);
@Blockselect-xlarge-font-size: var(--blockselect-xlarge-font-size);
@Blockselect-xlarge-tertiary-font-size: var(--blockselect-xlarge-tertiary-font-size);

@Currency-normal-min-height: var(--currency-normal-min-height);
@Currency-normal-tertiary-font-size: var(--currency-normal-tertiary-font-size);
@Currency-normal-input-color: var(--currency-normal-input-color);
@Currency-normal-error-font-size: var(--currency-normal-error-font-size);
@Currency-normal-divider-color: var(--currency-normal-divider-color);
@Currency-stress-lable-font-size: var(--currency-stress-lable-font-size);
@Currency-stress-tertiary-font-size: var(--currency-stress-tertiary-font-size);
@Currency-stress-input-color: var(--currency-stress-input-color);
@Currency-stress-amount-font-size: var(--currency-stress-amount-font-size);
@Currency-stress-error-font-size: var(--currency-stress-error-font-size);
@Currency-stress-input-operation-font-size: var(--currency-stress-input-operation-font-size);
@Currency-stress-input-operation-color: var(--currency-stress-input-operation-color);
@Currency-stress-input-function-font-size: var(--currency-stress-input-function-font-size);
@Currency-stress-input-function-color: var(--currency-stress-input-function-color);
@Currency-stress-divider-color: var(--currency-stress-divider-color);
@Currency-stress-blcok-font-size: var(--currency-stress-blcok-font-size);
@Currency-stress-block-fill-color: var(--currency-stress-block-fill-color);

@Checkbox-lable-font-size: var(--checkbox-lable-font-size);
@Checkbox-min-height: var(--checkbox-min-height);
@Checkbox-lable-color-disable: var(--checkbox-lable-color-disable);
@Checkbox-tertiary-color-disable: var(--checkbox-tertiary-color-disable);
@Checkbox-tertiary-font-size: var(--checkbox-tertiary-font-size);
@Checkbox-icon-backgroud-color-checked: var(--checkbox-icon-backgroud-color-checked);
@Checkbox-icon-color-checked-disable: var(--checkbox-icon-color-checked-disable);
@Checkbox-min-height: var(--checkbox-min-height);
@Checkbox-link-text-font-size: var(--checkbox-link-text-font-size);
@Checkbox-card-border-color: var(--checkbox-card-border-color);
@Checkbox-card-fill-color-disable: var(--checkbox-card-fill-color-disable);
@Checkbox-card-fill-color-checked-disable: var(--checkbox-card-fill-color-checked-disable);
@Checkbox-card-badge-fill-color: var(--checkbox-card-badge-fill-color);
@Checkbox-card-badge-fill-color-disable: var(--checkbox-card-badge-fill-color-disable);
@Checkbox-card-badge-fill-color-checked-disable: var(--checkbox-card-badge-fill-color-checked-disable);
@Checkbox-card-title-font-size: var(--checkbox-card-title-font-size);
@Checkbox-card-tertiary-font-size: var(--checkbox-card-tertiary-font-size);

@Numberbox-number-color: var(--numberbox-number-color);
@Numberbox-info-font-size: var(--numberbox-info-font-size);
@Numberbox-desc-font-size: var(--numberbox-desc-font-size);

@Number-min-height: var(--number-min-height);
@Number-tertiary-font-size: var(--number-tertiary-font-size);
@Number-input-color: var(--number-input-color);
@Number-error-font-size: var(--number-error-font-size);
@Number-divider-color: var(--number-divider-color);

@Password-min-height: var(--password-min-height);
@Password-lable-font-weight: var(--password-lable-font-weight);
@Password-color-dot: var(--password-color-dot);
@Password-color: var(--password-color);
@Password-error-font-size: var(--password-error-font-size);
@Password-icon-eye-color: var(--password-icon-eye-color);
@Password-divider-color: var(--password-divider-color);

@Range-lable-font-size: var(--range-lable-font-size);
@Range-lable-color: var(--range-lable-color);
@Range-input-color: var(--range-input-color);
@Range-input-unit-font-size: var(--range-input-unit-font-size);
@Range-input-unit-color: var(--range-input-unit-color);
@Range-input-divider-color: var(--range-input-divider-color);
@Range-rate-backedground-color: var(--range-rate-backedground-color);

@Radio-badge-font-size: var(--radio-badge-font-size);
@Radio-badge-color: var(--radio-badge-color);
@Radio-badge-fill: var(--radio-badge-fill);
@Radio-badge-padding-vertical: var(--radio-badge-padding-vertical);
@Radio-lable-color-disable: var(--radio-lable-color-disable);
@Radio-lable-font-size: var(--radio-lable-font-size);
@Radio-tertiary-font-size: var(--radio-tertiary-font-size);
@Radio-icon-outer-border-color-disable: var(--radio-icon-outer-border-color-disable);
@Radio-icon-outer-border-color-checked-disable: var(--radio-icon-outer-border-color-checked-disable);
@Radio-icon-outer-fill-color-checked: var(--radio-icon-outer-fill-color-checked);
@Radio-icon-inner-border-color-disable: var(--radio-icon-inner-border-color-disable);
@Radio-icon-inner-fill-color-disable: var(--radio-icon-inner-fill-color-disable);
@Radio-min-height: var(--radio-min-height);
@Radio-card-border-color: var(--radio-card-border-color);
@Radio-card-fill-color-disable: var(--radio-card-fill-color-disable);
@Radio-card-fill-color-checked-disable: var(--radio-card-fill-color-checked-disable);
@Radio-card-badge-fill-color: var(--radio-card-badge-fill-color);
@Radio-card-badge-fill-color-disable: var(--radio-card-badge-fill-color-disable);
@Radio-card-badge-fill-color-checked-disable: var(--radio-card-badge-fill-color-checked-disable);
@Radio-card-title-font-size: var(--radio-card-title-font-size);
@Radio-card-tertiary-font-size: var(--radio-card-tertiary-font-size);

@Bottom-button-primary-color-disable: var(--bottom-button-primary-color-disable);
@Bottom-button-primary-fill-disable: var(--bottom-button-primary-fill-disable);
@Bottom-button-secondary-color-disable: var(--bottom-button-secondary-color-disable);
@Bottom-button-secondary-border-color: var(--bottom-button-secondary-border-color);
@Bottom-button-secondary-border-color-disable: var(--bottom-button-secondary-border-color-disable);
@Bottom-button-secondary-fill-disable: var(--bottom-button-secondary-fill-disable);
@Bottom-button-icon-font-size: var(--bottom-button-icon-font-size);
@Bottom-button-icon-color: var(--bottom-button-icon-color);

@Slider-button-text-color: var(--slider-button-text-color);
@Slider-button-icon-color: var(--slider-button-icon-color);

@Slider-verify-rate-divider-color: var(--slider-verify-rate-divider-color);
@Slider-verify-text-font-size: var(--slider-verify-text-font-size);
@Slider-verify-text-color: var(--slider-verify-text-color);
@Slider-verify-refresh-icon-color: var(--slider-verify-refresh-icon-color);

@Selection-min-height: var(--selection-min-height);
@Selection-lable-tertiary-font-size: var(--selection-lable-tertiary-font-size);
@Selection-select-font-color: var(--selection-select-font-color);
@Selection-tertiary-font-size: var(--selection-tertiary-font-size);
@Selection-error-font-size: var(--selection-error-font-size);
@Selection-divider-color: var(--selection-divider-color);

@Simplecode-color: var(--simplecode-color);
@Simplecode-divider-color: var(--simplecode-divider-color);
@Simplecode-divider-color-active: var(--simplecode-divider-color-active);

@Searchbar-input-background-color: var(--searchbar-input-background-color);
@Searchbar-input-color: var(--searchbar-input-color);
@Searchbar-input-left-icon-color: var(--searchbar-input-left-icon-color);
@Searchbar-input-right-icon-color: var(--searchbar-input-right-icon-color);
@Searchbar-home-page-input-font-size: var(--searchbar-home-page-input-font-size);
@Searchbar-panel-text-font-size: var(--searchbar-panel-text-font-size);
@Searchbar-panel-divider-color: var(--searchbar-panel-divider-color);

@Textfield-min-height: var(--textfield-min-height);
@Textfield-input-color: var(--textfield-input-color);
@Textfield-error-font-size: var(--textfield-error-font-size);
@Textfield-tertiary-font-size: var(--textfield-tertiary-font-size);
@Textfield-search-height: var(--textfield-search-height);
@Textfield-search-text-font-size: var(--textfield-search-text-font-size);
@Textfield-search-desc-font-size: var(--textfield-search-desc-font-size);
@Textfield-divider-color: var(--textfield-divider-color);

@Textarea-min-height: var(--textfield-input-font-size);
@Textarea-input-color: var(--textfield-input-color);
@Textarea-error-font-size: var(--textfield-error-font-size);
@Textarea-divider-color: var(--textarea-divider-color);
@Textarea-card-input-color: var(--textarea-card-input-color);
@Textarea-card-error-font-size: var(--textarea-card-error-font-size);
@Textarea-counter-font-size: var(--textarea-counter-font-size);
@Textarea-counter-color: var(--textarea-counter-color);


@Upload-divider-color: var(--upload-divider-color);
@Upload-desc-color: var(--upload-desc-color);
@Upload-plus-icon-color: var(--upload-plus-icon-color);

@Verifycode-height: var(--verifycode-height);
@Verifycode-input-color: var(--verifycode-input-color);
@Verifycode-error-font-size: var(--verifycode-error-font-size);
@Verifycode-divider-color: var(--verifycode-divider-color);
@Verifycode-button-font-size: var(--verifycode-button-font-size);
@Verifycode-button-color-disable: var(--verifycode-button-color-disable);
@Verifycode-button-border-color-disable: var(--verifycode-button-border-color-disable);
@Verifycode-button-fill-disable: var(--verifycode-button-fill-disable);
@Verifycode-tip-font-size: var(--verifycode-tip-font-size);
@Verifycode-stress-label-font-size: var(--verifycode-stress-label-font-size);
@Verifycode-stress-tip-font-size: var(--verifycode-stress-tip-font-size);
@Verifycode-stress-button-text-font-size: var(--verifycode-stress-button-text-font-size);
@Verifycode-stress-time-text-font-size: var(--verifycode-stress-time-text-font-size);
@Verifycode-stress-time-tip-font-size: var(--verifycode-stress-time-tip-font-size);
@Verifycode-stress-error-text-font-size: var(--verifycode-stress-error-text-font-size);
@Verifycode-stress-input-background-color: var(--verifycode-stress-input-background-color);
@Verifycode-stress-time-text-color: var(--verifycode-stress-time-text-color);

@Scaleslider-main-font-size: var(--scaleslider-main-font-size);
@Scaleslider-tertiary-font-size: var(--scaleslider-tertiary-font-size);
@Scaleslider-promot-font-size: var(--scaleslider-promot-font-size);
@Scaleslider-scale-color: var(--scaleslider-scale-color);

@Edit-table-title-font-size: var(--edit-table-title-font-size);
@Edit-table-content-font-size: var(--edit-table-content-font-size);
@Edit-table-content-tertiary-font-size: var(--edit-table-content-tertiary-font-size);
@Edit-table-content-tertiary-tag-font-size: var(--edit-table-content-tertiary-tag-font-size);
@Edit-table-content-background-dark: var(--edit-table-content-background-dark);

@Baseline-font-size: var(--baseline-font-size);
@Baseline-font-color: var(--baseline-font-color);

@Badge-text-font-size: var(--badge-text-font-size);
@Badge-popover-fill-color: var(--badge-popover-fill-color);

@Counter-text-font-size: var(--counter-text-font-size);
@Counter-unit-text-font-size: var(--counter-unit-text-font-size);
@Counter-unit-text-color: var(--counter-unit-text-color);

@Collapse-desc-font-size: var(--collapse-desc-font-size);
@Collapse-expand-font-size: var(--collapse-expand-font-size);
@Collapse-divider-color: var(--collapse-divider-color);
@Collapse-link-font-size: var(--collapse-link-font-size);

@Card-title-font-size: var(--card-title-font-size);
@Card-sec-title-font-size: var(--card-sec-title-font-size);
@Card-bottom-title-font-size: var(--card-bottom-title-font-size);
@Card-bottom-sec-title-font-size: var(--card-bottom-sec-title-font-size);
@Card-content-font-size: var(--card-content-font-size);

@Index-list-label-font-size: var(--index-list-label-font-size);
@Index-list-action-font-size: var(--index-list-action-font-size);
@Index-list-float-label-font-size: var(--index-list-float-label-font-size);
@Index-list-float-label-fill-color: var(--index-list-float-label-fill-color);
@Index-list-divider-color: var(--index-list-divider-color);
@Index-list-float-locate-label-fill-color: var(--index-list-float-locate-label-fill-color);
@Index-list-block-select-medium-font-size: var(--index-list-block-select-medium-font-size);
@Index-list-block-select-fill-color: var(--index-list-block-select-fill-color);
@Index-list-soduku-title-font-size: var(--index-list-soduku-title-font-size);
@Index-list-soduku-divider-color: var(--index-list-soduku-divider-color);

@List-content-color: var(--list-content-color);
@List-content-font-size: var(--list-content-font-size);
@List-action-font-size: var(--list-action-font-size);

@Message-fill-color-primary: var(--message-fill-color-primary);
@Message-icon-size-large: var(--message-icon-size-large);
@Message-title-font-size: var(--message-title-font-size);
@Message-tertiary-font-size: var(--message-tertiary-font-size);

@Marquee-tag-font-size: var(--marquee-tag-font-size);
@Marquee-tag-color: var(--marquee-tag-color);

@Newslist-title-font-size: var(--newslist-title-font-size);
@Newslist-tertiary-font-size: var(--newslist-tertiary-font-size);
@Newslist-tag-light-fill: var(--newslist-tag-light-fill);
@Newslist-tag-light-font-size: var(--newslist-tag-light-font-size);
@Newslist-tag-light-color: var(--newslist-tag-light-color);
@Newslist-tag-light-border-color: var(--newslist-tag-light-border-color);

@Sticktotop-padding-font-size: var(--sticktotop-padding-font-size);

@Sudoku-medium-font-size: var(--sudoku-medium-font-size);
@Sudoku-medium-icon: var(--sudoku-medium-icon);
@Sudoku-small-font-size: var(--sudoku-small-font-size);
@Sudoku-small-icon: var(--sudoku-small-icon);
@Sudoku-tertiary-font-size: var(--sudoku-tertiary-font-size);
@Sudoku-card-tertiary-font-size: var(--sudoku-card-tertiary-font-size);
@Sudoku-card-icon: var(--sudoku-card-icon);

@Step-time-font-size: var(--step-time-font-size);
@Step-time-color: var(--step-time-color);
@Step-axle-finished-vertical-color: var(--step-axle-finished-vertical-color);
@Step-axle-finished-horizontal-color: var(--step-axle-finished-horizontal-color);
@Step-axle-error-vertical-color: var(--step-axle-error-vertical-color);
@Step-axle-error-horizontal-color: var(--step-axle-error-horizontal-color);
@Step-axle-warning-vertical-color: var(--step-axle-warning-vertical-color);
@Step-axle-warning-horizontal-color: var(--step-axle-warning-horizontal-color);
@Step-finished-title-color: var(--step-finished-title-color);
@Step-finished-tertiary-color: var(--step-finished-tertiary-color);
@Step-finished-vertical-icon-fill-color: var(--step-finished-vertical-icon-fill-color);
@Step-finished-horizontal-icon-fill-color: var(--step-finished-horizontal-icon-fill-color);
@Step-finished-vertical-icon-border-color: var(--step-finished-vertical-icon-border-color);
@Step-finished-horizontal-border-fill-color: var(--step-finished-horizontal-border-fill-color);
@Step-finished-icon-number-font-size: var(--step-finished-icon-number-font-size);
@Step-finished-icon-number-color: var(--step-finished-icon-number-color);
@Step-finished-correct-icon-color: var(--step-finished-correct-icon-color);
@Step-present-title-font-weight: var(--step-present-title-font-wieght);
@Step-present-title-color: var(--step-present-title-color);
@Step-present-tertiary-color: var(--step-present-tertiary-color);
@Step-present-icon-fill-color: var(--step-present-icon-fill-color);
@Step-present-icon-border-color: var(--step-present-icon-border-color);
@Step-present-icon-number-font-size: var(--step-present-icon-number-font-size);
@Step-waiting-title-color: var(--step-waiting-title-color);
@Step-waiting-tertiary-color: var(--step-waiting-tertiary-color);
@Step-waiting-icon-fill-color: var(--step-waiting-icon-fill-color);
@Step-waiting-icon-border-color: var(--step-waiting-icon-border-color);
@Step-waiting-icon-number-font-size: var(--step-waiting-icon-number-font-size);
@Step-waiting-icon-number-color: var(--step-waiting-icon-number-color);
@Step-waiting-correct-icon-color: var(--step-waiting-correct-icon-color);
@Step-waiting-stop-text-font-size: var(--step-waiting-stop-text-font-size);
@Step-waiting-stop-text-color: var(--step-waiting-stop-text-color);
@Step-error-title-font-wieght: var(--step-error-title-font-wieght);
@Step-error-tertiary-color: var(--step-error-tertiary-color);
@Step-error-icon-fill-color: var(--step-error-icon-fill-color);
@Step-error-icon-border-color: var(--step-error-icon-border-color);
@Step-error-icon-number-font-size: var(--step-error-icon-number-font-size);
@Step-warning-title-font-weight: var(--step-warning-title-font-wieght);
@Step-warning-tertiary-color: var(--step-warning-tertiary-color);
@Step-warning-icon-fill-color: var(--step-warning-icon-fill-color);
@Step-warning-icon-border-color: var(--step-warning-icon-border-color);
@Step-warning-icon-number-font-size: var(--step-warning-icon-number-font-size);
@Step-dot-finished-vertical-icon-fill-color: var(--step-dot-finished-vertical-icon-fill-color);
@Step-dot-finished-horizontal-icon-fill-color: var(--step-dot-finished-horizontal-icon-fill-color);
@Step-dot-finished-vertical-border-fill-color: var(--step-dot-finished-vertical-border-fill-color);
@Step-dot-finished-horizontal-border-fill-color: var(--step-dot-finished-horizontal-border-fill-color);
@Step-dot-present-icon-fill-color: var(--step-dot-present-icon-fill-color);
@Step-dot-present-icon-border-color: var(--step-dot-present-icon-border-color);
@Step-dot-waiting-icon-fill-color: var(--step-dot-waiting-icon-fill-color);
@Step-dot-waiting-icon-border-color: var(--step-dot-waiting-icon-border-color);
@Step-dot-error-icon-fill-color: var(--step-dot-error-icon-fill-color);
@Step-dot-error-icon-border-color: var(--step-dot-error-icon-border-color);
@Step-dot-warning-icon-fill-color: var(--step-dot-warning-icon-fill-color);
@Step-dot-warning-icon-border-color: var(--step-dot-warning-icon-border-color);
@Step-inverted-finished-title-color: var(--step-inverted-finished-title-color);
@Step-inverted-finished-tertiary-color: var(--step-inverted-finished-tertiary-color);
@Step-inverted-finished-icon-fill-color: var(--step-inverted-finished-icon-fill-color);
@Step-inverted-finished-vertical-icon-border-color: var(--step-inverted-finished-vertical-icon-border-color);
@Step-inverted-present-title-font-wieght: var(--step-inverted-present-title-font-wieght);
@Step-inverted-present-title-color: var(--step-inverted-present-title-color);
@Step-inverted-present-tertiary-color: var(--step-inverted-present-tertiary-color);
@Step-inverted-present-icon-fill-color: var(--step-inverted-present-icon-fill-color);
@Step-inverted-present-icon-border-color: var(--step-inverted-present-icon-border-color);
@Step-inverted-waiting-title-color: var(--step-inverted-waiting-title-color);
@Step-inverted-waiting-tertiary-color: var(--step-inverted-waiting-tertiary-color);
@Step-inverted-waiting-icon-fill-color: var(--step-inverted-waiting-icon-fill-color);
@Step-inverted-waiting-icon-border-color: var(--step-inverted-waiting-icon-border-color);
@Step-inverted-waiting-stop-text-font-size: var(--step-inverted-waiting-stop-text-font-size);
@Step-inverted-waiting-stop-text-color: var(--step-inverted-waiting-stop-text-color);
@Step-inverted-error-title-font-wieght: var(--step-inverted-error-title-font-wieght);
@Step-inverted-error-tertiary-color: var(--step-inverted-error-tertiary-color);
@Step-inverted-error-icon-fill-color: var(--step-inverted-error-icon-fill-color);
@Step-inverted-error-icon-border-color: var(--step-inverted-error-icon-border-color);
@Step-inverted-error-icon-number-font-size: var(--step-inverted-error-icon-number-font-size);
@Step-inverted-warning-title-font-wieght: var(--step-inverted-warning-title-font-wieght);
@Step-inverted-warning-title-color: var(--step-inverted-warning-title-color);
@Step-inverted-warning-tertiary-color: var(--step-inverted-warning-tertiary-color);
@Step-inverted-warning-icon-fill-color: var(--step-inverted-warning-icon-fill-color);
@Step-inverted-warning-icon-border-color: var(--step-inverted-warning-icon-border-color);
@Step-inverted-warning-icon-number-font-size: var(--step-inverted-warning-icon-number-font-size);


@Slider-icon-color: #878f9d;

@Tag-padding-vertical-s: var(--tag-padding-vertical-s);
@Tag-font-size-s: var(--tag-font-size-s);
@Tag-font-size-m: var(--tag-font-size-m);
@Tag-light-fill: var(--tag-light-fill);
@Tag-light-color: var(--tag-light-color);
@Tag-light-border-color: var(--tag-light-border-color);
@Tag-dark-fill: var(--tag-dark-fill);
@Tag-dark-border-color: var(--tag-dark-border-color);

@Table-title-font-size: var(--table-title-font-size);
@Table-content-font-size: var(--table-content-font-size);
@Table-content-tertiary-font-size: var(--table-content-tertiary-font-size);
@Table-content-tertiary-tag-font-size: var(--table-content-tertiary-tag-font-size);
@Table-tertiary-font-size: var(--table-tertiary-font-size);
@Table-content-background-dark: var(--table-content-background-dark);
@Table-checkbox-icon-backgroud-color-checked: var(--table-checkbox-icon-backgroud-color-checked);
@Table-checkbox-icon-color-checked-disable: var(--table-checkbox-icon-color-checked-disable);

@Header-height-large: var(--header-height-large);
@Header-title-font-size: var(--header-title-font-size);
@Header-link-font-size: var(--header-link-font-size);
@Header-sub-title-font-size: var(--header-sub-title-font-size);

@Pull-to-refresh-font-size: var(--pull-to-refresh-font-size);
// @Pull-to-refresh-color: var(--pull-to-refresh-color);
@Pull-to-refresh-icon-color: var(--pull-to-refresh-icon-color);

@Warning-title-font-size: var(--warning-title-font-size);
@Warning-title-divider-color: var(--warning-title-divider-color);
@Warning-tertiary-font-size: var(--warning-tertiary-font-size);
@Warning-tertiary-color-link: var(--warning-tertiary-color-link);

@Cascade-datepicker-title-background-color: var(--cascade-datepicker-title-background-color);
@Cascade-datepicker-action-font-size: var(--cascade-datepicker-action-font-size);
@Cascade-datepicker-fill-mask-color: var(--cascade-datepicker-fill-mask-color);
@Cascade-datepicker-back-icon-color: var(--cascade-datepicker-back-icon-color);
@Cascade-datepicker-blockselect-font-size: var(--cascade-datepicker-blockselect-font-size);
@Cascade-datepicker-blockselect-fill-color: var(--cascade-datepicker-blockselect-fill-color);
@Cascade-datepicker-input-placeholder-font-size: var(--cascade-datepicker-input-placeholder-font-size);
@Cascade-datepicker-input-cascade-datepicker-input-font-size: var(--cascade-datepicker-input-cascade-datepicker-input-font-size);
@Cascade-datepicker-input-border-color-selected: var(--cascade-datepicker-input-border-color-selected);
@Cascade-datepicker-picker-option-font-size: var(--cascade-datepicker-picker-option-font-size);
@Cascade-datepicker-picker-option-divider-color: var(--cascade-datepicker-picker-option-divider-color);

@Hint-font-size: var(--hint-font-size);

@Toast-font-size: var(--toast-font-size);

@Pagination-button-font-size: var(--pagination-button-font-size);
@Pagination-button-fill-color: var(--pagination-button-fill-color);
@Pagination-page-font-size: var(--pagination-page-font-size);

@Picker-action-font-size: var(--picker-action-font-size);
@Picker-title-bar-background-color: var(--picker-title-bar-background-color);
@Picker-option-font-size: var(--picker-option-font-size);
@Picker-option-divider-color: var(--picker-option-divider-color);
@Picker-fill-mask-color: var(--picker-fill-mask-color);
@Picker-back-icon-color: var(--picker-back-icon-color);

@Popover-divider-color: var(--popover-divider-color);
@Popover-fill-mask-color: var(--popover-fill-mask-color);

@Progress-rate-font-size: var(--progress-rate-font-size);
@Progress-tertiary-font-size: var(--progress-tertiary-font-size);
@Progress-toast-rate-font-size: var(--progress-toast-rate-font-size);
@Progress-toast-title-font-size: var(--progress-toast-title-font-size);

@Messagebox-title-color: var(--messagebox-title-color);
@Messagebox-content-font-size: var(--messagebox-content-font-size);
@Messagebox-action-font-size: var(--messagebox-action-font-size);
@Messagebox-action-color-secondary: var(--messagebox-action-color-secondary);
@Messagebox-divider-color: var(--messagebox-divider-color);
@Messagebox-fill-mask-color: var(--messagebox-fill-mask-color);
@Messagebox-input-placeholder-font-size: var(--messagebox-input-placeholder-font-size);
@Messagebox-input-font-size: var(--messagebox-input-font-size);
@Messagebox-input-border-color: var(--messagebox-input-border-color);

@Layer-title-height: var(--layer-title-height);
@Layer-title-padding-horizontal: var(--layer-title-padding-horizontal);
@Layer-action-font-size: var(--layer-action-font-size);
@Layer-back-icon-color: var(--layer-back-icon-color);
@Layer-divider-color: var(--layer-divider-color);
@Layer-fill-mask-color: var(--layer-fill-mask-color);
@Layer-title-border-radius: var(--layer-title-border-radius);
@Layer-title-font-weight: var(--layer-title-font-weight);
@Layer-title-color: var(--layer-title-color);
@Layer-action-color: var(--layer-action-color);
@Layer-divider-width: var(--layer-divider-width);
@Layer-bottom-button-primary-fill: var(--layer-bottom-button-primary-fill);
@Layer-bottom-button-primary-fill-active: var(--layer-bottom-button-primary-fill-active);
@Layer-bottom-button-secondary-border-color: var(--layer-bottom-button-secondary-border-color);


@Loading-font-size: var(--loading-font-size);

@Datepicker-back-icon-color: var(--datepicker-back-icon-color);
@Datepicker-action-font-size: var(--datepicker-action-font-size);
@Datepicker-title-bar-background-color: var(--datepicker-title-bar-background-color);
@Datepicker-option-font-size: var(--datepicker-option-font-size);
@Datepicker-option-divider-color: var(--datepicker-option-divider-color);
@Datepicker-fill-mask-color: var(--datepicker-fill-mask-color);

@Dialog-fill-mask-color: var(--dialog-fill-mask-color);
@Dialog-skip-button-background-fill-color: var(--dialog-skip-button-background-fill-color);
@Dialog-skip-button-font-size: var(--dialog-skip-button-font-size);
@Dialog-checkbox-font-size: var(--dialog-checkbox-font-size);

@Action-sheet-border-radius: var(--action-sheet-border-radius);
@Action-sheet-title-height: var(--action-sheet-title-height);
@Action-sheet-title-font-size: var(--action-sheet-title-font-size);
@Action-sheet-title-color: var(--action-sheet-title-color);
@Action-sheet-title-desc-font-size: var(--action-sheet-title-desc-font-size);
@Action-sheet-option-height: var(--action-sheet-option-height);
@Action-sheet-close-border-radius: var(--action-sheet-close-border-radius);
@Action-sheet-close-font-size: var(--action-sheet-close-font-size);
@Action-sheet-close-color: var(--action-sheet-close-color);
@Action-sheet-secondary-font-size: var(--action-sheet-secondary-font-size);
@Action-sheet-fill-mask-color: var(--action-sheet-fill-mask-color);
@Action-sheet-share-icon-size: var(--action-sheet-share-icon-size);
@Action-sheet-share-option-font-size: var(--action-sheet-share-option-font-size);
@Action-sheet-icon-size: var(--action-sheet-icon-size);

@Tabbar-font-size: var(--tabbar-font-size);
@Tabbar-font-weight-active: var(--tabbar-font-weight-active);
@Tabbar-color: var(--tabbar-color);

@Tabs-small-button-font-size: var(--tabs-small-button-font-size);
@Tabs-small-button-fill: var(--tabs-small-button-fill);
@Tabs-medium-font-size: var(--tabs-medium-font-size);
@Tabs-large-font-size: var(--tabs-large-font-size);
@Tabs-large-line-tab-border-color-selected: var(--tabs-large-line-tab-border-color-selected);

@Navbar-font-size: var(--navbar-font-size);
@Navbar-height: var(--navbar-height);
@Navbar-padding-left: var(--navbar-padding-left);
@Navbar-font-weight: var(--navbar-font-weight);
@Navbar-color: var(--navbar-color);
@Navbar-menu-color: var(--navbar-menu-color);
@Navbar-back-icon-color: var(--navbar-back-icon-color);
@Navbar-menu-icon-color: var(--navbar-menu-icon-color);

@Menu-tertiary-font-size: var(--menu-tertiary-font-size);
@Menu-action-font-size: var(--menu-action-font-size);
@Menu-divider-color: var(--menu-divider-color);

@Text-card-color: var(--text-card-color);
@Text-card-fill-color: var(--text-card-fill-color);
@Text-card-icon-color: var(--text-card-icon-color);

@Pieces-rec-s-title-font-size: var(--pieces-rec-s-title-font-size);
@Pieces-rec-s-secondary-font-size: var(--pieces-rec-s-secondary-font-size);
@Pieces-rec-l-title-font-size: var(--pieces-rec-l-title-font-size);
@Pieces-rec-l-secondary-font-size: var(--pieces-rec-l-secondary-font-size);
@Pieces-rec-xs-title-font-size: var(--pieces-rec-xs-title-font-size);
@Pieces-squ-s-title-font-size: var(--pieces-squ-s-title-font-size);
@Pieces-squ-s-secondary-font-size: var(--pieces-squ-s-secondary-font-size);
@Pieces-squ-l-secondary-font-size: var(--pieces-squ-l-secondary-font-size);

@Quick-text-area-height: var(--quick-text-area-height);
@Quick-text-area-border-width: var(--quick-text-area-border-width);
@Quick-text-area-border-color: var(--quick-text-area-border-color);
@Quick-text-area-border-radius: var(--quick-text-area-border-radius);
@Quick-text-area-padding-horizontal: var(--quick-text-area-padding-horizontal);
@Quick-text-area-padding-vertical: var(--quick-text-area-padding-vertical);
@Quick-text-area-placeholder-font-size: var(--quick-text-area-placeholder-font-size);
@Quick-text-area-placeholder-color: var(--quick-text-area-placeholder-color);
@Quick-text-area-input-font-size: var(--quick-text-area-input-font-size);
@Quick-text-area-input-color: var(--quick-text-area-input-color);
@Quick-text-area-error-font-size: var(--quick-text-area-error-font-size);
@Quick-text-area-error-color: var(--quick-text-area-error-color);
@Quick-text-area-clear-icon-size: var(--quick-text-area-clear-icon-size);
@Quick-text-area-clear-icon-color: var(--quick-text-area-clear-icon-color);
@Quick-text-area-button-width: var(--quick-text-area-button-width);
@Quick-text-area-button-height: var(--quick-text-area-button-height);
@Quick-text-area-button-border-radius: var(--quick-text-area-button-border-radius);
@Quick-text-area-button-font-size: var(--quick-text-area-button-font-size);
@Quick-text-area-button-font-weight: var(--quick-text-area-button-font-weight);
@Quick-text-area-button-text-color: var(--quick-text-area-button-text-color);
@Quick-text-area-button-text-color-active: var(--quick-text-area-button-text-color-active);
@Quick-text-area-button-border-width: var(--quick-text-area-button-border-width);
@Quick-text-area-button-border-color: var(--quick-text-area-button-border-color);
@Quick-text-area-button-border-color-active: var(--quick-text-area-button-border-color-active);
@Quick-text-area-button-fill-color: var(--quick-text-area-button-fill-color);
@Quick-text-area-button-fill-color-active: var(--quick-text-area-button-fill-color-active);

@Ai-container-backgroud-color: var(--ai-container-backgroud-color);
@Ai-container-title-backgroud-color-success: var(--ai-container-title-backgroud-color-success);
@Ai-container-title-backgroud-color-failed: var(--ai-container-title-backgroud-color-failed);
@Ai-container-title-backgroud-color-notice: var(--ai-container-title-backgroud-color-notice);

@Ai-dialog-min-height: var(--ai-dialog-min-height);
@Ai-dialog-dot-color-dark: var(--ai-dialog-dot-color-dark);
@Ai-dialog-dot-color-default: var(--ai-dialog-dot-color-default);
@Ai-dialog-dot-color-light: var(--ai-dialog-dot-color-light);

//switch
@Switch-fill-close-color-disable: var(--switch-fill-close-color-disable);
@Switch-border-close-color-disable: var(--switch-border-close-color-disable);
@Switch-border-open-color: var(--switch-border-open-color);
@Switch-border-open-color-disable: var(--switch-border-open-color-disable);
@Switch-oval-close-color-disable: var(--switch-oval-close-color-disable);
@Switch-oval-open-color-disable: var(--switch-oval-open-color-disable);

//list
@List-small-height: var(--list-small-height);
@List-content-font-size: var(--list-content-font-size);
@List-action-font-size: var(--list-action-font-size);

//detaillist
@Detail-list-left-text-font-size: var(--detail-list-left-text-font-size);
@Detail-list-right-top-text-font-size: var(--detail-list-right-top-text-font-size);
@Detail-list-right-bottom-text-font-size: var(--detail-list-right-bottom-text-font-size);
@Detail-list-divider-color: var(--detail-list-divider-color);


@Cascade-address-picker-action-font-size: var(--cascade-address-picker-action-font-size);
@Cascade-address-picker-left-icon-color: var(--cascade-address-picker-left-icon-color);
@Cascade-address-picker-fill-mask-color: var(--cascade-address-picker-fill-mask-color);
@Cascade-address-picker-text-font-size: var(--cascade-address-picker-text-font-size);
@Cascade-address-picker-placeholder-color: var(--cascade-address-picker-placeholder-color);
@Cascade-address-picker-tag-text-font-size: var(--cascade-address-picker-tag-text-font-size);
@Cascade-address-picker-option-font-size: var(--cascade-address-picker-option-font-size);