@import './base.css';
:root {
  /* 主题差异*/
  --button-is-radius-large-font-size: 16px;
  --button-is-radius-medium-font-size: 14px;
  --button-small-font-size: 12px;
  --button-textlink-font-size: 14px;
  --button-primary-color-disable: rgba(0, 0, 0, 0.6);
  --button-primary-fill-disable: #e5e5e5;
  --button-secondary-color-disable: rgba(0, 0, 0, 0.6);
  --button-secondary-border-color-disable: #e5e5e5;
  --button-secondary-fill-disable: #e5e5e5;
  --button-text-link-color-disable: rgba(0, 0, 0, 0.6);
  --button-link-border-color-disable: #e5e5e5;
  --button-link-fill-disable: #e5e5e5;
  --button-primary-fill: #cf0000;
  --button-primary-fill-active: #bf0000;
  --button-link-fill-active: #dae2f2;

  --blockselect-fill-color: rgba(0, 0, 0, 0.02);
  --blockselect-fill-color-active: #faeded;
  --blockselect-border-color-active-disable: #ebbcbc;
  --blockselect-small-font-size: 12px;
  --blockselect-medium-font-size: 14px;
  --blockselect-large-font-size: 14px;
  --blockselect-large-tertiary-font-size: 12px;
  --blockselect-xlarge-font-size: 14px;
  --blockselect-xlarge-tertiary-font-size: 12px;

  --currency-normal-min-height: 45px;
  --currency-normal-tertiary-font-size: 12px;
  --currency-normal-input-color: #2f6fed;
  --currency-normal-error-font-size: 12px;
  --currency-normal-divider-color: rgba(0, 0, 0, 0.1);
  --currency-stress-lable-font-size: 16px;
  --currency-stress-tertiary-font-size: 12px;
  --currency-stress-input-color: #2f6fed;
  --currency-stress-amount-font-size: 12px;
  --currency-stress-error-font-size: 12px;
  --currency-stress-input-operation-font-size: 14px;
  --currency-stress-input-operation-color: #2f6fed;
  --currency-stress-input-function-font-size: 12px;
  --currency-stress-input-function-color: rgba(0, 0, 0, 0.6);
  --currency-stress-divider-color: rgba(0, 0, 0, 0.1);
  --currency-stress-blcok-font-size: 14px;
  --currency-stress-block-fill-color: rgba(0, 0, 0, 0.02);
  --currency-stress-currency-icon-size: 20px;

  --checkbox-lable-font-size: 15px;
  --checkbox-min-height: 45px;
  --checkbox-lable-color-disable: var(--color-gray-2);
  --checkbox-tertiary-color-disable: var(--color-gray-2);
  --checkbox-tertiary-font-size: 12px;
  --checkbox-icon-backgroud-color-checked: var(--color-info-light-1);
  --checkbox-icon-color-checked-disable: var(--color-gray-6);
  --checkbox-min-height: 45px;
  --checkbox-link-text-font-size: 14px;
  --checkbox-card-border-color: var(--color-gray-5);
  --checkbox-card-fill-color-disable: var(--color-fill-disable);
  --checkbox-card-fill-color-checked-disable: var(--color-fill-disable);
  --checkbox-card-badge-fill-color: var(--color-fill-gray-light);
  --checkbox-card-badge-fill-color-disable: var(--color-fill-gray-light);
  --checkbox-card-badge-fill-color-checked-disable: var(
    --color-fill-gray-light
  );
  --checkbox-card-title-font-size: 15px;
  --checkbox-card-tertiary-font-size: 12px;

  --numberbox-number-color: var(--color-secondary-4);
  --numberbox-info-font-size: 11px;
  --numberbox-desc-font-size: 12px;

  --number-min-height: 45px;
  --number-tertiary-font-size: 12px;
  --number-input-color: var(--color-secondary-4);
  --number-error-font-size: 12px;
  --number-divider-color: var(--color-gray-5);

  --password-min-height: 45px;
  --password-lable-font-weight: 400;
  --password-color-dot: rgba(0, 0, 0, 0.6);
  --password-color: #000000;
  --password-error-font-size: 12px;
  --password-icon-eye-color: #000000;
  --password-divider-color: rgba(0, 0, 0, 0.1);

  --range-lable-font-size: 12px;
  --range-lable-color: var(--color-gray-2);
  --range-input-color: var(--color-secondary-4);
  --range-input-unit-font-size: 12px;
  --range-input-unit-color: var(--color-gray-2);
  --range-input-divider-color: var(--color-gray-5);
  --range-rate-backedground-color: var(--color-gray-5);

  --radio-badge-font-size: 12px;
  --radio-badge-color: #e02d2d;
  --radio-badge-fill: #faeded;
  --radio-badge-padding-vertical: 4px;
  --radio-lable-color-disable: var(--color-gray-2);
  --radio-lable-font-size: 15px;
  --radio-tertiary-font-size: 12px;
  --radio-icon-outer-border-color-disable: var(--color-gray-6);
  --radio-icon-outer-border-color-checked-disable: var(--color-gray-6);
  --radio-icon-outer-fill-color-checked: var(--color-info-light-1);
  --radio-icon-inner-border-color-disable: var(--color-gray-6);
  --radio-icon-inner-fill-color-disable: var(--color-gray-6);
  --radio-min-height: 45px;
  --radio-card-border-color: var(--color-gray-5);
  --radio-card-fill-color-disable: var(--color-fill-disable);
  --radio-card-fill-color-checked-disable: var(--color-fill-disable);
  --radio-card-badge-fill-color: var(--color-gray-6);
  --radio-card-badge-fill-color-disable: var(--color-gray-6);
  --radio-card-badge-fill-color-checked-disable: var(--color-gray-6);
  --radio-card-title-font-size: 15px;
  --radio-card-tertiary-font-size: 12px;

  --bottom-button-primary-color-disable: var(--color-gray-2);
  --bottom-button-primary-fill-disable: #e5e5e5;
  --bottom-button-secondary-color-disable: var(--color-gray-2);
  --bottom-button-secondary-border-color: #ffffff;
  --bottom-button-secondary-border-color-disable: #fff;
  --bottom-button-secondary-fill-disable: #e5e5e5;
  --bottom-button-icon-font-size: 12px;
  --bottom-button-icon-color: var(--color-gray-1);

  --slider-button-text-color: var(--color-gray-2);
  --slider-button-icon-color: var(--color-brand-5);

  --slider-verify-rate-divider-color: var(--color-brand-5);
  --slider-verify-text-font-size: 14px;
  --slider-verify-text-color: var(--color-gray-3);
  --slider-verify-refresh-icon-color: var(--color-gray-2);

  --selection-min-height: 45px;
  --selection-lable-tertiary-font-size: 12px;
  --selection-select-font-color: var(--color-secondary-4);
  --selection-tertiary-font-size: 12px;
  --selection-error-font-size: 12px;
  --selection-divider-color: var(--color-gray-5);

  --simplecode-color: var(--color-gray-2);
  --simplecode-divider-color: var(--color-gray-5);
  --simplecode-divider-color-active: rgba(0, 0, 0, 0.6);

  --searchbar-input-background-color: var(--color-gray-6);
  --searchbar-input-color: var(--color-secondary-4);
  --searchbar-input-left-icon-color: var(--color-black);
  --searchbar-input-right-icon-color: var(--color-black);
  --searchbarr-home-page-input-font-size: 14px;
  --searchbar-panel-text-font-size: 15px;
  --searchbar-panel-divider-color: var(--color-gray-5);

  --textfield-min-height: 45px;
  --textfield-input-color: var(--color-secondary-4);
  --textfield-error-font-size: 12px;
  --textfield-tertiary-font-size: 12px;
  --textfield-search-height: 45px;
  --textfield-search-text-font-size: 15px;
  --textfield-search-desc-font-size: 15px;
  --textfield-divider-color: var(--color-divider-dark);

  --textarea-min-height: 45px;
  --textarea-input-color: var(--color-secondary-4);
  --textarea-error-font-size: 12px;
  --textarea-divider-color: var(--color-gray-5);
  --textarea-card-input-color: var(--color-secondary-4);
  --textarea-card-error-font-size: 12px;
  --textarea-counter-font-size: 12px;
  --textarea-counter-color: var(--color-gray-2);

  --upload-divider-color: var(--color-gray-5);
  --upload-desc-color: var(--color-gray-2);
  --upload-plus-icon-color: var(--color-brand-5);

  --verifycode-height: 45px;
  --verifycode-input-color: var(--color-secondary-4);
  --verifycode-error-font-size: 12px;
  --verifycode-divider-color: var(--color-gray-5);
  --verifycode-button-font-size: 12px;
  --verifycode-button-color-disable: var(--color-gray-2);
  --verifycode-button-border-color-disable: #e5e5e5;
  --verifycode-button-fill-disable: var(--color-fill-disable);
  --verifycode-tip-font-size: 14px;
  --verifycode-stress-label-font-size: 16px;
  --verifycode-stress-tip-font-size: 13px;
  --verifycode-stress-button-text-font-size: 13px;
  --verifycode-stress-time-text-font-size: 13px;
  --verifycode-stress-time-tip-font-size: 13px;
  --verifycode-stress-error-text-font-size: 12px;
  --verifycode-stress-input-background-color: var(--color-gray-6);
  --verifycode-stress-time-text-color: var(--color-secondary-4);

  --scaleslider-main-font-size: 16px;
  --scaleslider-tertiary-font-size: 12px;
  --scaleslider-promot-font-size: 14px;
  --scaleslider-scale-color: #000000;

  --edit-table-title-font-size: 14px;
  --edit-table-content-font-size: 15px;
  --edit-table-content-tertiary-font-size: 12px;
  --edit-table-content-tertiary-tag-font-size: 12px;
  --edit-table-content-background-dark: var(--color-gray-7);

  --baseline-font-size: 12px;
  --baseline-font-color: var(--color-gray-2);

  --badge-text-font-size: 11px;
  --badge-popover-fill-color: var(--color-info-1);

  --counter-text-font-size: 15px;
  --counter-unit-text-font-size: 15px;
  --counter-unit-text-color: var(--color-gray-2);

  --collapse-desc-font-size: 12px;
  --collapse-expand-font-size: 15px;
  --collapse-divider-color: var(--color-gray-5);
  --collapse-link-font-size: 15px;

  --card-title-font-size: 15px;
  --card-sec-title-font-size: 15px;
  --card-bottom-title-font-size: 15px;
  --card-bottom-sec-title-font-size: 15px;
  --card-content-font-size: 14px;

  --index-list-label-font-size: 14px;
  --index-list-action-font-size: 16px;
  --index-list-float-label-font-size: 12px;
  --index-list-divider-color: var(--color-gray-5);
  --index-list-float-label-fill-color: var(--color-gray-7);
  --index-list-float-locate-label-fill-color: var(--color-gray-7);
  --index-list-block-select-medium-font-size: 14px;
  --index-list-block-select-fill-color: var(--color-gray-7);
  --index-list-soduku-title-font-size: 14px;
  --index-list-soduku-divider-color: var(--color-gray-5);

  --list-content-color: var(--color-gray-2);
  --list-content-font-size: 14px;
  --list-action-font-size: 16px;

  --message-fill-color-primary: #2f6fed;
  --message-icon-size-large: 35px;
  --message-title-font-size: 15px;
  --message-tertiary-font-size: 12px;

  --marquee-tag-font-size: 12px;
  --marquee-tag-color: var(--color-info-1);

  --newslist-title-font-size: 14px;
  --newslist-tertiary-font-size: 12px;
  --newslist-tag-light-fill: var(--color-info-light-1);
  --newslist-tag-light-font-size: 12px;
  --newslist-tag-light-color: var(--color-info-1);
  --newslist-tag-light-border-color: var(--color-info-light-1);

  --sticktotop-padding-font-size: 12px;

  --sudoku-medium-font-size: 13px;
  --sudoku-medium-icon: 35px;
  --sudoku-small-font-size: 12px;
  --sudoku-small-icon: 30px;
  --sudoku-tertiary-font-size: 12px;
  --sudoku-card-tertiary-font-size: 13px;
  --sudoku-card-icon: 35px;

  --step-time-font-size: 12px;
  --step-time-color: var(--color-gray-2);
  --step-axle-finished-vertical-color: var(--color-primary);
  --step-axle-finished-horizontal-color: var(--color-gray-2);
  --step-axle-error-vertical-color: var(--color-brand-5);
  --step-axle-error-horizontal-color: var(--color-gray-2);
  --step-axle-warning-vertical-color: var(--color-brand-5);
  --step-axle-warning-horizontal-color: var(--color-gray-2);
  --step-finished-tertiary-color: var(--color-gray-2);
  --step-finished-vertical-icon-fill-color: var(--color-brand-5);
  --step-finished-horizontal-icon-fill-color: #666666;
  --step-finished-vertical-icon-border-color: var(--color-brand-5);
  --step-finished-horizontal-border-fill-color: #666666;
  --step-finished-icon-number-font-size: 13px;
  --step-finished-correct-icon-color: var(--color-white-1);
  --step-finished-icon-number-color: var(--color-white-1);
  --step-present-title-font-wieght: 400;
  --step-present-title-color: var(--color-black);
  --step-present-tertiary-color: var(--color-gray-2);
  --step-present-icon-fill-color: var(--color-brand-5);
  --step-present-icon-border-color: var(--color-brand-5);
  --step-present-icon-number-font-size: 13px;
  --step-waiting-title-color: #000000;
  --step-waiting-tertiary-color: rgba(0, 0, 0, 0.6);
  --step-waiting-icon-fill-color: #e5e5e5;
  --step-waiting-icon-border-color: #e5e5e5;
  --step-waiting-icon-number-font-size: 13px;
  --step-waiting-icon-number-color: rgba(0, 0, 0, 0.6);
  --step-waiting-stop-text-font-size: 13px;
  --step-waiting-stop-text-color: rgba(0, 0, 0, 0.6);
  --step-error-title-font-wieght: 400;
  --step-error-tertiary-color: rgba(0, 0, 0, 0.6);
  --step-error-icon-fill-color: #cf0000;
  --step-error-icon-border-color: #cf0000;
  --step-error-icon-number-font-size: 13px;
  --step-warning-title-font-wieght: 400;
  --step-warning-tertiary-color: var(--color-gray-2);
  --step-warning-icon-fill-color: #a15810;
  --step-warning-icon-border-color: #a15810;
  --step-warning-icon-number-font-size: 13px;
  --step-dot-finished-vertical-icon-fill-color: #cf0000;
  --step-dot-finished-horizontal-icon-fill-color: #666666;
  --step-dot-finished-vertical-icon-border-color: #cf0000;
  --step-dot-finished-horizontal-border-fill-color: #666666;
  --step-dot-present-icon-fill-color: #cf0000;
  --step-dot-present-icon-border-color: #cf0000;
  --step-dot-waiting-icon-fill-color: #e5e5e5;
  --step-dot-waiting-icon-border-color: #e5e5e5;
  --step-dot-error-icon-fill-color: #cf0000;
  --step-dot-error-icon-border-color: #cf0000;
  --step-dot-warning-icon-fill-color: #a15810;
  --step-dot-warning-icon-border-color: #a15810;

  --step-inverted-finished-title-color: #000000;
  --step-inverted-finished-tertiary-color: rgba(0, 0, 0, 0.6);
  --step-inverted-finished-icon-fill-color: #cf0000;
  --step-inverted-finished-vertical-icon-border-color: #cf0000;
  --step-inverted-present-title-font-wieght: 400;
  --step-inverted-present-title-color: #000000;
  --step-inverted-present-tertiary-color: rgba(0, 0, 0, 0.6);
  --step-inverted-present-icon-fill-color: #cf0000;
  --step-inverted-present-icon-border-color: #cf0000;
  --step-inverted-waiting-title-color: #000000;
  --step-inverted-waiting-tertiary-color: rgba(0, 0, 0, 0.6);
  --step-inverted-waiting-icon-fill-color: #e5e5e5;
  --step-inverted-waiting-icon-border-color: #e5e5e5;
  --step-inverted-waiting-stop-text-font-size: 13px;
  --step-inverted-waiting-stop-text-color: rgba(0, 0, 0, 0.6);
  --step-inverted-error-title-font-wieght: 400;
  --step-inverted-error-tertiary-color: rgba(0, 0, 0, 0.6);
  --step-inverted-error-icon-fill-color: #cf0000;
  --step-inverted-error-icon-border-color: #cf0000;
  --step-inverted-error-icon-number-font-size: 13px;
  --step-inverted-warning-title-font-wieght: 400;
  --step-inverted-warning-tertiary-color: rgba(0, 0, 0, 0.6);
  --step-inverted-warning-title-color: #a15810;
  --step-inverted-warning-icon-fill-color: #a15810;
  --step-inverted-warning-icon-border-color: #a15810;
  --step-inverted-warning-icon-number-font-size: 13px;

  --slider-icon-color: var(--color-gray-3);

  --tag-padding-vertical-s: 4px;
  --tag-font-size-s: 12px;
  --tag-font-size-m: 14px;
  --tag-light-fill: var(--color-info-light-1);
  --tag-light-color: var(--color-info-1);
  --tag-light-border-color: var(--color-info-light-1);
  --tag-dark-fill: var(--color-info-1);
  --tag-dark-border-color: var(--color-info-1);

  --table-title-font-size: 14px;
  --table-content-font-size: 15px;
  --table-content-tertiary-font-size: 12px;
  --table-content-tertiary-tag-font-size: 12px;
  --table-tertiary-font-size: 12px;
  --table-content-background-dark: var(--color-gray-7);
  --table-checkbox-icon-backgroud-color-checked: var(--color-info-light-1);
  --table-checkbox-icon-color-checked-disable: var(--color-gray-6);

  --header-height-large: 65px;
  --header-title-font-size: 16px;
  --header-link-font-size: 13px;
  --header-sub-title-font-size: 13px;

  --pull-to-refresh-font-size: 12px;
  --pull-to-refresh-icon-color: #000000;

  --warning-title-font-size: 15px;
  --warning-title-divider-color: rgba(0, 0, 0, 0.1);
  --warning-tertiary-font-size: 14px;
  --warning-tertiary-color-link: #2f6fed;

  --cascade-datepicker-title-background-color: #f4f5f7;
  --cascade-datepicker-action-font-size: 16px;
  --cascade-datepicker-fill-mask-color: rgba(0, 0, 0, 0.6);
  --cascade-datepicker-back-icon-color: #000000;
  --cascade-datepicker-blockselect-font-size: 12px;
  --cascade-datepicker-blockselect-fill-color: rgba(0, 0, 0, 0.2);
  --cascade-datepicker-input-placeholder-font-size: 15px;
  --cascade-datepicker-input-cascade-datepicker-input-font-size: 15px;
  --cascade-datepicker-input-border-color-selected: #000000;
  --cascade-datepicker-picker-option-font-size: 14px;
  --cascade-datepicker-picker-option-divider-color: rgba(0, 0, 0, 0.1);

  --hint-font-size: 13px;

  --toast-font-size: 15px;

  --pagination-button-font-size: 14px;
  --pagination-button-fill-color: rgba(0, 0, 0, 0.02);
  --pagination-page-font-size: 15px;

  --picker-action-font-size: 16px;
  --picker-title-bar-background-color: #f4f5f7;
  --picker-option-font-size: 14px;
  --picker-option-divider-color: rgba(0, 0, 0, 0.1);
  --picker-fill-mask-color: rgba(0, 0, 0, 0.6);
  --picker-back-icon-color: #000000;

  --popover-divider-color: rgba(0, 0, 0, 0.1);
  --popover-fill-mask-color: rgba(0, 0, 0, 0.6);

  --progress-rate-font-size: 15px;
  --progress-tertiary-font-size: 12px;
  --progress-toast-rate-font-size: 15px;
  --progress-toast-title-font-size: 15px;

  --messagebox-title-color: #000000;
  --messagebox-content-font-size: 16px;
  --messagebox-action-font-size: 16px;
  --messagebox-action-color-secondary: rgba(0, 0, 0, 0.6);
  --messagebox-divider-color: rgba(0, 0, 0, 0.1);
  --messagebox-fill-mask-color: rgba(0, 0, 0, 0.6);
  --messagebox-input-placeholder-font-size: 15px;
  --messagebox-input-font-size: 15px;
  --messagebox-input-border-color: rgba(0, 0, 0, 0.1);

  --layer-title-height: 45px;
  --layer-title-padding-horizontal: 10px;
  --layer-action-font-size: 15px;
  --layer-back-icon-color: #000000;
  --layer-divider-color: rgba(0, 0, 0, 0.1);
  --layer-fill-mask-color: rgba(0, 0, 0, 0.6);
  --layer-title-border-radius: 0px;
  --layer-title-font-weight: 400;
  --layer-title-color: var(--color-black);
  --layer-action-color: var(--color-secondary-4);
  --layer-divider-width: 1px;
  --layer-bottom-button-primary-fill: #cf0000;
  --layer-bottom-button-primary-fill-active: #bf0000;
  --layer-bottom-button-secondary-border-color: #ffffff;

  --loading-font-size: 15px;

  --datepicker-back-icon-color: #000000;
  --datepicker-action-font-size: 16px;
  --datepicker-title-bar-background-color: #f4f5f7;
  --datepicker-option-font-size: 14px;
  --datepicker-option-divider-color: rgba(0, 0, 0, 0.1);
  --datepicker-fill-mask-color: rgba(0, 0, 0, 0.6);

  --dialog-fill-mask-color: rgba(0, 0, 0, 0.6);
  --dialog-skip-button-background-fill-color: rgba(0, 0, 0, 0.6);
  --dialog-skip-button-font-size: 14px;
  --dialog-checkbox-font-size: 14px;

  --action-sheet-border-radius: 5px;
  --action-sheet-title-height: 50px;
  --action-sheet-title-font-size: 15px;
  --action-sheet-title-color: #000000;
  --action-sheet-title-desc-font-size: 12px;
  --action-sheet-option-height: 50px;
  --action-sheet-close-border-radius: 5px;
  --action-sheet-close-font-size: 15px;
  --action-sheet-close-color: rgba(0, 0, 0, 0.6);
  --action-sheet-secondary-font-size: 12px;
  --action-sheet-fill-mask-color: rgba(0, 0, 0, 0.6);
  --action-sheet-share-icon-size: 35px;
  --action-sheet-share-option-font-size: 13px;

  --tabbar-font-size: 11px;
  --tabbar-font-weight-active: 500;
  --tabbar-color: rgba(0, 0, 0, 0.8);

  --tabs-small-button-font-size: 12px;
  --tabs-small-button-fill: rgba(0, 0, 0, 0.1);
  --tabs-medium-font-size: 14px;
  --tabs-large-line-tab-border-color-selected: #000000;

  --navbar-font-size: 19px;
  --navbar-height: 45px;
  --navbar-padding-left: 10px;
  --navbar-font-weight: 400;
  --navbar-color: var(--color-cold-gray-3);
  --navbar-menu-color: var(--color-cold-gray-3);
  --navbar-back-icon-color: var(--color-cold-gray-3);
  --navbar-menu-icon-color: var(--color-cold-gray-3);

  --menu-tertiary-font-size: 12px;
  --menu-action-font-size: 14px;
  --menu-divider-color: rgba(0, 0, 0, 0.1);

  --text-card-color: rgba(0, 0, 0, 0.6);
  --text-card-fill-color: rgba(0, 0, 0, 0.05);
  --text-card-icon-color: rgba(0, 0, 0, 0.6);

  --pieces-rec-s-title-font-size: 14px;
  --pieces-rec-s-secondary-font-size: 12px;
  --pieces-rec-l-title-font-size: 16px;
  --pieces-rec-l-secondary-font-size: 14px;
  --pieces-rec-xs-title-font-size: 14px;
  --pieces-squ-s-title-font-size: 16px;
  --pieces-squ-s-secondary-font-size: 12px;
  --pieces-squ-l-secondary-font-size: 14px;
  --switch-fill-close-color-disable: #e5e5e5;
  --switch-border-close-color-disable: #e5e5e5;
  --switch-border-open-color: #1b8561;
  --switch-border-open-color-disable: rgba(25, 125, 95, 0.5);
  --switch-oval-close-color-disable: #f4f5f7;
  --switch-oval-open-color-disable: #ffffff;

  --detail-list-left-text-font-size: 14px;
  --detail-list-right-top-text-font-size: 14px;
  --detail-list-right-bottom-text-font-size: 14px;

  --quick-text-area-height: 130px;
  --quick-text-area-border-width: 1px;
  --quick-text-area-border-color: rgba(0, 0, 0, 0.2);
  --quick-text-area-border-radius: 5px;
  --quick-text-area-padding-horizontal: 15px;
  --quick-text-area-padding-vertical: 12px;

  --quick-text-area-placeholder-font-size: 15px;
  --quick-text-area-placeholder-color: rgba(0, 0, 0, 0.4);
  --quick-text-area-input-font-size: 15px;
  --quick-text-area-input-color: #2f6fed;
  --quick-text-area-error-font-size: 12px;
  --quick-text-area-error-color: #bf0000;
  --quick-text-area-clear-icon-size: 15px;
  --quick-text-area-clear-icon-color: rgba(0, 0, 0, 0.6);

  --quick-text-area-button-width: 70px;
  --quick-text-area-button-height: 25px;
  --quick-text-area-button-border-radius: 9999px;
  --quick-text-area-button-font-size: 12px;
  --quick-text-area-button-font-weight: 500;
  --quick-text-area-button-text-color: #cf0000;
  --quick-text-area-button-text-color-active: #cf0000;
  --quick-text-area-button-border-width: 1.5px;
  --quick-text-area-button-border-color: #cf0000;
  --quick-text-area-button-border-color-active: #cf0000;
  --quick-text-area-button-fill-color: #ffffff;
  --quick-text-area-button-fill-color-active: #f5dcdc;

  --ai-container-backgroud-color: #ffffff;
  --ai-container-title-backgroud-color-success: #e6f2ee;
  --ai-container-title-backgroud-color-failed: #faeded;
  --ai-container-title-backgroud-color-notice: #f5efe9;

  --ai-dialog-min-height: 55px;
  --ai-dialog-dot-color-dark: rgba(0, 0, 0, 0.8);
  --ai-dialog-dot-color-default: rgba(0, 0, 0, 0.6);
  --ai-dialog-dot-color-light: rgba(0, 0, 0, 0.4);

  --cascade-address-picker-action-font-size: 16px;
  --cascade-address-picker-left-icon-color: var(--color-black);
  --cascade-address-picker-fill-mask-color: var(--color-gray-2);
  --cascade-address-picker-text-font-size: 15px;
  --cascade-address-picker-placeholder-color: var(--color-warning-2);
  --cascade-address-picker-tag-text-font-size: 14px;
  --cascade-address-picker-option-font-size: 15px;
}