UNPKG

@winner-fed/wui-theme-redness

Version:

Wui component redness theme.

789 lines 53.8 kB
// Automatically generated when running script 'build:variables'.Do not edit or delete manually. @black: var(--win-black); @white: var(--win-white); @gray-1: var(--win-gray-1); @gray-2: var(--win-gray-2); @gray-3: var(--win-gray-3); @gray-4: var(--win-gray-4); @gray-5: var(--win-gray-5); @gray-6: var(--win-gray-6); @gray-7: var(--win-gray-7); @gray-8: var(--win-gray-8); @red: var(--win-red); @blue: var(--win-blue); @orange: var(--win-orange); @orange-dark: var(--win-orange-dark); @orange-light: var(--win-orange-light); @green: var(--win-green); @gradient-red: var(--win-gradient-red); @gradient-orange: var(--win-gradient-orange); @text-color: var(--win-text-color); @active-color: var(--win-active-color); @active-opacity: var(--win-active-opacity); @disabled-opacity: var(--win-disabled-opacity); @background-color: var(--win-background-color); @background-color-light: var(--win-background-color-light); @text-link-color: var(--win-text-link-color); @padding-base: var(--win-padding-base); @padding-xs: var(--win-padding-xs); @padding-sm: var(--win-padding-sm); @padding-md: var(--win-padding-md); @padding-lg: var(--win-padding-lg); @padding-xl: var(--win-padding-xl); @font-size-xs: var(--win-font-size-xs); @font-size-sm: var(--win-font-size-sm); @font-size-md: var(--win-font-size-md); @font-size-lg: var(--win-font-size-lg); @font-weight-bold: var(--win-font-weight-bold); @line-height-xs: var(--win-line-height-xs); @line-height-sm: var(--win-line-height-sm); @line-height-md: var(--win-line-height-md); @line-height-lg: var(--win-line-height-lg); @base-font-family: var(--win-base-font-family); @price-integer-font-family: var(--win-price-integer-font-family); @animation-duration-base: var(--win-animation-duration-base); @animation-duration-fast: var(--win-animation-duration-fast); @animation-timing-function-enter: var(--win-animation-timing-function-enter); @animation-timing-function-leave: var(--win-animation-timing-function-leave); @border-color: var(--win-border-color); @border-width-base: var(--win-border-width-base); @border-radius-sm: var(--win-border-radius-sm); @border-radius-md: var(--win-border-radius-md); @border-radius-lg: var(--win-border-radius-lg); @border-radius-max: var(--win-border-radius-max); @action-sheet-max-height: var(--win-action-sheet-max-height); @action-sheet-header-height: var(--win-action-sheet-header-height); @action-sheet-header-font-size: var(--win-action-sheet-header-font-size); @action-sheet-description-color: var(--win-action-sheet-description-color); @action-sheet-description-font-size: var(--win-action-sheet-description-font-size); @action-sheet-description-line-height: var(--win-action-sheet-description-line-height); @action-sheet-item-background: var(--win-action-sheet-item-background); @action-sheet-item-font-size: var(--win-action-sheet-item-font-size); @action-sheet-item-line-height: var(--win-action-sheet-item-line-height); @action-sheet-item-text-color: var(--win-action-sheet-item-text-color); @action-sheet-item-disabled-text-color: var(--win-action-sheet-item-disabled-text-color); @action-sheet-subname-color: var(--win-action-sheet-subname-color); @action-sheet-subname-font-size: var(--win-action-sheet-subname-font-size); @action-sheet-subname-line-height: var(--win-action-sheet-subname-line-height); @action-sheet-close-icon-size: var(--win-action-sheet-close-icon-size); @action-sheet-close-icon-color: var(--win-action-sheet-close-icon-color); @action-sheet-close-icon-active-color: var(--win-action-sheet-close-icon-active-color); @action-sheet-close-icon-padding-v: var(--win-action-sheet-close-icon-padding-v); @action-sheet-close-icon-padding-h: var(--win-action-sheet-close-icon-padding-h); @action-sheet-cancel-text-color: var(--win-action-sheet-cancel-text-color); @action-sheet-cancel-padding-top: var(--win-action-sheet-cancel-padding-top); @action-sheet-cancel-padding-color: var(--win-action-sheet-cancel-padding-color); @action-sheet-loading-icon-size: var(--win-action-sheet-loading-icon-size); @address-edit-padding: var(--win-address-edit-padding); @address-edit-buttons-padding-v: var(--win-address-edit-buttons-padding-v); @address-edit-buttons-padding-h: var(--win-address-edit-buttons-padding-h); @address-edit-button-margin-bottom: var(--win-address-edit-button-margin-bottom); @address-edit-detail-finish-color: var(--win-address-edit-detail-finish-color); @address-edit-detail-finish-font-size: var(--win-address-edit-detail-finish-font-size); @address-list-padding-top: var(--win-address-list-padding-top); @address-list-padding-h: var(--win-address-list-padding-h); @address-list-padding-bottom: var(--win-address-list-padding-bottom); @address-list-disabled-text-color: var(--win-address-list-disabled-text-color); @address-list-disabled-text-padding-top: var(--win-address-list-disabled-text-padding-top); @address-list-disabled-text-padding-h: var(--win-address-list-disabled-text-padding-h); @address-list-disabled-text-padding-bottom: var(--win-address-list-disabled-text-padding-bottom); @address-list-disabled-text-font-size: var(--win-address-list-disabled-text-font-size); @address-list-disabled-text-line-height: var(--win-address-list-disabled-text-line-height); @address-list-add-button-z-index: var(--win-address-list-add-button-z-index); @address-list-item-padding: var(--win-address-list-item-padding); @address-list-item-text-color: var(--win-address-list-item-text-color); @address-list-item-disabled-text-color: var(--win-address-list-item-disabled-text-color); @address-list-item-font-size: var(--win-address-list-item-font-size); @address-list-item-line-height: var(--win-address-list-item-line-height); @address-list-item-radio-icon-color: var(--win-address-list-item-radio-icon-color); @address-list-edit-icon-size: var(--win-address-list-edit-icon-size); @badge-size: var(--win-badge-size); @badge-color: var(--win-badge-color); @badge-padding: var(--win-badge-padding); @badge-font-size: var(--win-badge-font-size); @badge-font-weight: var(--win-badge-font-weight); @badge-border-width: var(--win-badge-border-width); @badge-background-color: var(--win-badge-background-color); @badge-dot-color: var(--win-badge-dot-color); @badge-dot-size: var(--win-badge-dot-size); @badge-font-family: var(--win-badge-font-family); @button-mini-height: var(--win-button-mini-height); @button-mini-font-size: var(--win-button-mini-font-size); @button-small-height: var(--win-button-small-height); @button-small-font-size: var(--win-button-small-font-size); @button-normal-font-size: var(--win-button-normal-font-size); @button-large-height: var(--win-button-large-height); @button-default-height: var(--win-button-default-height); @button-default-line-height: var(--win-button-default-line-height); @button-default-font-size: var(--win-button-default-font-size); @button-default-color: var(--win-button-default-color); @button-default-background-color: var(--win-button-default-background-color); @button-default-border-color: var(--win-button-default-border-color); @button-primary-color: var(--win-button-primary-color); @button-primary-background-color: var(--win-button-primary-background-color); @button-primary-border-color: var(--win-button-primary-border-color); @button-info-color: var(--win-button-info-color); @button-info-background-color: var(--win-button-info-background-color); @button-info-border-color: var(--win-button-info-border-color); @button-danger-color: var(--win-button-danger-color); @button-danger-background-color: var(--win-button-danger-background-color); @button-danger-border-color: var(--win-button-danger-border-color); @button-warning-color: var(--win-button-warning-color); @button-warning-background-color: var(--win-button-warning-background-color); @button-warning-border-color: var(--win-button-warning-border-color); @button-border-width: var(--win-button-border-width); @button-border-radius: var(--win-button-border-radius); @button-round-border-radius: var(--win-button-round-border-radius); @button-plain-background-color: var(--win-button-plain-background-color); @button-disabled-opacity: var(--win-button-disabled-opacity); @calendar-background-color: var(--win-calendar-background-color); @calendar-popup-height: var(--win-calendar-popup-height); @calendar-header-box-shadow: var(--win-calendar-header-box-shadow); @calendar-header-title-height: var(--win-calendar-header-title-height); @calendar-header-title-font-size: var(--win-calendar-header-title-font-size); @calendar-header-subtitle-font-size: var(--win-calendar-header-subtitle-font-size); @calendar-weekdays-height: var(--win-calendar-weekdays-height); @calendar-weekdays-font-size: var(--win-calendar-weekdays-font-size); @calendar-month-title-font-size: var(--win-calendar-month-title-font-size); @calendar-month-mark-color: var(--win-calendar-month-mark-color); @calendar-month-mark-font-size: var(--win-calendar-month-mark-font-size); @calendar-day-height: var(--win-calendar-day-height); @calendar-day-font-size: var(--win-calendar-day-font-size); @calendar-range-edge-color: var(--win-calendar-range-edge-color); @calendar-range-edge-background-color: var(--win-calendar-range-edge-background-color); @calendar-range-middle-color: var(--win-calendar-range-middle-color); @calendar-range-middle-background-opacity: var(--win-calendar-range-middle-background-opacity); @calendar-selected-day-size: var(--win-calendar-selected-day-size); @calendar-selected-day-color: var(--win-calendar-selected-day-color); @calendar-info-font-size: var(--win-calendar-info-font-size); @calendar-info-line-height: var(--win-calendar-info-line-height); @calendar-selected-day-background-color: var(--win-calendar-selected-day-background-color); @calendar-day-disabled-color: var(--win-calendar-day-disabled-color); @calendar-confirm-button-height: var(--win-calendar-confirm-button-height); @calendar-confirm-button-margin: var(--win-calendar-confirm-button-margin); @card-padding-v: var(--win-card-padding-v); @card-padding-h: var(--win-card-padding-h); @card-font-size: var(--win-card-font-size); @card-text-color: var(--win-card-text-color); @card-background-color: var(--win-card-background-color); @card-thumb-size: var(--win-card-thumb-size); @card-thumb-border-radius: var(--win-card-thumb-border-radius); @card-title-line-height: var(--win-card-title-line-height); @card-desc-color: var(--win-card-desc-color); @card-desc-line-height: var(--win-card-desc-line-height); @card-price-color: var(--win-card-price-color); @card-origin-price-color: var(--win-card-origin-price-color); @card-num-color: var(--win-card-num-color); @card-origin-price-font-size: var(--win-card-origin-price-font-size); @card-price-font-size: var(--win-card-price-font-size); @card-price-integer-font-size: var(--win-card-price-integer-font-size); @card-price-font-family: var(--win-card-price-font-family); @cascader-header-height: var(--win-cascader-header-height); @cascader-title-font-size: var(--win-cascader-title-font-size); @cascader-title-line-height: var(--win-cascader-title-line-height); @cascader-close-icon-size: var(--win-cascader-close-icon-size); @cascader-close-icon-color: var(--win-cascader-close-icon-color); @cascader-close-icon-active-color: var(--win-cascader-close-icon-active-color); @cascader-selected-icon-size: var(--win-cascader-selected-icon-size); @cascader-tabs-height: var(--win-cascader-tabs-height); @cascader-active-color: var(--win-cascader-active-color); @cascader-options-height: var(--win-cascader-options-height); @cascader-tab-color: var(--win-cascader-tab-color); @cascader-unselected-tab-color: var(--win-cascader-unselected-tab-color); @cell-font-size: var(--win-cell-font-size); @cell-line-height: var(--win-cell-line-height); @cell-vertical-padding: var(--win-cell-vertical-padding); @cell-horizontal-padding: var(--win-cell-horizontal-padding); @cell-text-color: var(--win-cell-text-color); @cell-background-color: var(--win-cell-background-color); @cell-border-color: var(--win-cell-border-color); @cell-active-color: var(--win-cell-active-color); @cell-required-color: var(--win-cell-required-color); @cell-label-color: var(--win-cell-label-color); @cell-label-font-size: var(--win-cell-label-font-size); @cell-label-line-height: var(--win-cell-label-line-height); @cell-label-margin-top: var(--win-cell-label-margin-top); @cell-value-color: var(--win-cell-value-color); @cell-icon-size: var(--win-cell-icon-size); @cell-right-icon-color: var(--win-cell-right-icon-color); @cell-large-vertical-padding: var(--win-cell-large-vertical-padding); @cell-large-title-font-size: var(--win-cell-large-title-font-size); @cell-large-label-font-size: var(--win-cell-large-label-font-size); @cell-group-background-color: var(--win-cell-group-background-color); @cell-group-title-color: var(--win-cell-group-title-color); @cell-group-title-padding-top: var(--win-cell-group-title-padding-top); @cell-group-title-padding-h: var(--win-cell-group-title-padding-h); @cell-group-title-padding-bottom: var(--win-cell-group-title-padding-bottom); @cell-group-title-font-size: var(--win-cell-group-title-font-size); @cell-group-title-line-height: var(--win-cell-group-title-line-height); @checkbox-size: var(--win-checkbox-size); @checkbox-border-color: var(--win-checkbox-border-color); @checkbox-transition-duration: var(--win-checkbox-transition-duration); @checkbox-label-margin: var(--win-checkbox-label-margin); @checkbox-label-color: var(--win-checkbox-label-color); @checkbox-checked-icon-color: var(--win-checkbox-checked-icon-color); @checkbox-disabled-icon-color: var(--win-checkbox-disabled-icon-color); @checkbox-disabled-label-color: var(--win-checkbox-disabled-label-color); @checkbox-disabled-background-color: var(--win-checkbox-disabled-background-color); @circle-size: var(--win-circle-size); @circle-color: var(--win-circle-color); @circle-layer-color: var(--win-circle-layer-color); @circle-text-color: var(--win-circle-text-color); @circle-text-font-weight: var(--win-circle-text-font-weight); @circle-text-font-size: var(--win-circle-text-font-size); @circle-text-line-height: var(--win-circle-text-line-height); @collapse-item-transition-duration: var(--win-collapse-item-transition-duration); @collapse-item-content-padding-v: var(--win-collapse-item-content-padding-v); @collapse-item-content-padding-h: var(--win-collapse-item-content-padding-h); @collapse-item-content-font-size: var(--win-collapse-item-content-font-size); @collapse-item-content-line-height: var(--win-collapse-item-content-line-height); @collapse-item-content-text-color: var(--win-collapse-item-content-text-color); @collapse-item-content-background-color: var(--win-collapse-item-content-background-color); @collapse-item-title-disabled-color: var(--win-collapse-item-title-disabled-color); @contact-card-padding: var(--win-contact-card-padding); @contact-card-add-icon-size: var(--win-contact-card-add-icon-size); @contact-card-add-icon-color: var(--win-contact-card-add-icon-color); @contact-card-value-line-height: var(--win-contact-card-value-line-height); @contact-edit-padding: var(--win-contact-edit-padding); @contact-edit-fields-radius: var(--win-contact-edit-fields-radius); @contact-edit-buttons-padding-v: var(--win-contact-edit-buttons-padding-v); @contact-edit-buttons-padding-h: var(--win-contact-edit-buttons-padding-h); @contact-edit-button-margin-bottom: var(--win-contact-edit-button-margin-bottom); @contact-edit-button-font-size: var(--win-contact-edit-button-font-size); @contact-edit-field-label-width: var(--win-contact-edit-field-label-width); @contact-list-edit-icon-size: var(--win-contact-list-edit-icon-size); @contact-list-add-button-z-index: var(--win-contact-list-add-button-z-index); @contact-list-item-padding: var(--win-contact-list-item-padding); @count-down-text-color: var(--win-count-down-text-color); @count-down-font-size: var(--win-count-down-font-size); @count-down-line-height: var(--win-count-down-line-height); @coupon-margin-top: var(--win-coupon-margin-top); @coupon-margin-h: var(--win-coupon-margin-h); @coupon-margin-bottom: var(--win-coupon-margin-bottom); @coupon-content-height: var(--win-coupon-content-height); @coupon-content-padding-v: var(--win-coupon-content-padding-v); @coupon-content-padding-h: var(--win-coupon-content-padding-h); @coupon-background-color: var(--win-coupon-background-color); @coupon-active-background-color: var(--win-coupon-active-background-color); @coupon-border-radius: var(--win-coupon-border-radius); @coupon-box-shadow: var(--win-coupon-box-shadow); @coupon-head-width: var(--win-coupon-head-width); @coupon-amount-color: var(--win-coupon-amount-color); @coupon-amount-font-size: var(--win-coupon-amount-font-size); @coupon-currency-font-size: var(--win-coupon-currency-font-size); @coupon-name-font-size: var(--win-coupon-name-font-size); @coupon-disabled-text-color: var(--win-coupon-disabled-text-color); @coupon-description-padding-v: var(--win-coupon-description-padding-v); @coupon-description-padding-h: var(--win-coupon-description-padding-h); @coupon-description-border-color: var(--win-coupon-description-border-color); @coupon-cell-selected-text-color: var(--win-coupon-cell-selected-text-color); @coupon-list-background-color: var(--win-coupon-list-background-color); @coupon-list-field-padding-top: var(--win-coupon-list-field-padding-top); @coupon-list-field-padding-right: var(--win-coupon-list-field-padding-right); @coupon-list-field-padding-bottom: var(--win-coupon-list-field-padding-bottom); @coupon-list-field-padding-left: var(--win-coupon-list-field-padding-left); @coupon-list-exchange-button-height: var(--win-coupon-list-exchange-button-height); @coupon-list-close-button-height: var(--win-coupon-list-close-button-height); @coupon-list-empty-image-size: var(--win-coupon-list-empty-image-size); @coupon-list-empty-tip-color: var(--win-coupon-list-empty-tip-color); @coupon-list-empty-tip-font-size: var(--win-coupon-list-empty-tip-font-size); @coupon-list-empty-tip-line-height: var(--win-coupon-list-empty-tip-line-height); @dialog-width: var(--win-dialog-width); @dialog-small-screen-width: var(--win-dialog-small-screen-width); @dialog-font-size: var(--win-dialog-font-size); @dialog-transition: var(--win-dialog-transition); @dialog-border-radius: var(--win-dialog-border-radius); @dialog-background-color: var(--win-dialog-background-color); @dialog-header-font-weight: var(--win-dialog-header-font-weight); @dialog-header-line-height: var(--win-dialog-header-line-height); @dialog-header-padding-top: var(--win-dialog-header-padding-top); @dialog-header-isolated-padding-v: var(--win-dialog-header-isolated-padding-v); @dialog-header-isolated-padding-h: var(--win-dialog-header-isolated-padding-h); @dialog-message-padding: var(--win-dialog-message-padding); @dialog-message-font-size: var(--win-dialog-message-font-size); @dialog-message-line-height: var(--win-dialog-message-line-height); @dialog-message-max-height: var(--win-dialog-message-max-height); @dialog-has-title-message-text-color: var(--win-dialog-has-title-message-text-color); @dialog-has-title-message-padding-top: var(--win-dialog-has-title-message-padding-top); @dialog-button-height: var(--win-dialog-button-height); @dialog-round-button-height: var(--win-dialog-round-button-height); @dialog-confirm-button-text-color: var(--win-dialog-confirm-button-text-color); @divider-margin-v: var(--win-divider-margin-v); @divider-margin-h: var(--win-divider-margin-h); @divider-text-color: var(--win-divider-text-color); @divider-font-size: var(--win-divider-font-size); @divider-line-height: var(--win-divider-line-height); @divider-border-color: var(--win-divider-border-color); @divider-content-padding: var(--win-divider-content-padding); @divider-content-left-width: var(--win-divider-content-left-width); @divider-content-right-width: var(--win-divider-content-right-width); @dropdown-menu-height: var(--win-dropdown-menu-height); @dropdown-menu-background-color: var(--win-dropdown-menu-background-color); @dropdown-menu-box-shadow: var(--win-dropdown-menu-box-shadow); @dropdown-menu-title-font-size: var(--win-dropdown-menu-title-font-size); @dropdown-menu-title-text-color: var(--win-dropdown-menu-title-text-color); @dropdown-menu-title-active-text-color: var(--win-dropdown-menu-title-active-text-color); @dropdown-menu-title-disabled-text-color: var(--win-dropdown-menu-title-disabled-text-color); @dropdown-menu-title-padding-v: var(--win-dropdown-menu-title-padding-v); @dropdown-menu-title-padding-h: var(--win-dropdown-menu-title-padding-h); @dropdown-menu-title-line-height: var(--win-dropdown-menu-title-line-height); @dropdown-menu-option-active-color: var(--win-dropdown-menu-option-active-color); @dropdown-menu-content-max-height: var(--win-dropdown-menu-content-max-height); @dropdown-item-z-index: var(--win-dropdown-item-z-index); @empty-padding-v: var(--win-empty-padding-v); @empty-padding-h: var(--win-empty-padding-h); @empty-image-size: var(--win-empty-image-size); @empty-description-margin-top: var(--win-empty-description-margin-top); @empty-description-padding: var(--win-empty-description-padding); @empty-description-color: var(--win-empty-description-color); @empty-description-font-size: var(--win-empty-description-font-size); @empty-description-line-height: var(--win-empty-description-line-height); @empty-bottom-margin-top: var(--win-empty-bottom-margin-top); @field-label-width: var(--win-field-label-width); @field-label-color: var(--win-field-label-color); @field-label-margin-right: var(--win-field-label-margin-right); @field-input-text-color: var(--win-field-input-text-color); @field-input-error-text-color: var(--win-field-input-error-text-color); @field-input-disabled-text-color: var(--win-field-input-disabled-text-color); @field-placeholder-text-color: var(--win-field-placeholder-text-color); @field-icon-size: var(--win-field-icon-size); @field-clear-icon-size: var(--win-field-clear-icon-size); @field-clear-icon-color: var(--win-field-clear-icon-color); @field-right-icon-color: var(--win-field-right-icon-color); @field-error-message-color: var(--win-field-error-message-color); @field-error-message-font-size: var(--win-field-error-message-font-size); @field-text-area-min-height: var(--win-field-text-area-min-height); @field-word-limit-color: var(--win-field-word-limit-color); @field-word-limit-font-size: var(--win-field-word-limit-font-size); @field-word-limit-line-height: var(--win-field-word-limit-line-height); @field-disabled-text-color: var(--win-field-disabled-text-color); @grid-item-content-padding-v: var(--win-grid-item-content-padding-v); @grid-item-content-padding-h: var(--win-grid-item-content-padding-h); @grid-item-content-background-color: var(--win-grid-item-content-background-color); @grid-item-content-active-color: var(--win-grid-item-content-active-color); @grid-item-icon-size: var(--win-grid-item-icon-size); @grid-item-text-color: var(--win-grid-item-text-color); @grid-item-text-font-size: var(--win-grid-item-text-font-size); @goods-action-background-color: var(--win-goods-action-background-color); @goods-action-height: var(--win-goods-action-height); @goods-action-icon-width: var(--win-goods-action-icon-width); @goods-action-icon-height: var(--win-goods-action-icon-height); @goods-action-icon-color: var(--win-goods-action-icon-color); @goods-action-icon-size: var(--win-goods-action-icon-size); @goods-action-icon-font-size: var(--win-goods-action-icon-font-size); @goods-action-icon-active-color: var(--win-goods-action-icon-active-color); @goods-action-icon-text-color: var(--win-goods-action-icon-text-color); @goods-action-button-height: var(--win-goods-action-button-height); @goods-action-button-warning-color: var(--win-goods-action-button-warning-color); @goods-action-button-danger-color: var(--win-goods-action-button-danger-color); @index-bar-sidebar-z-index: var(--win-index-bar-sidebar-z-index); @index-bar-index-font-size: var(--win-index-bar-index-font-size); @index-bar-index-line-height: var(--win-index-bar-index-line-height); @index-bar-index-active-color: var(--win-index-bar-index-active-color); @index-anchor-z-index: var(--win-index-anchor-z-index); @index-anchor-padding-v: var(--win-index-anchor-padding-v); @index-anchor-padding-h: var(--win-index-anchor-padding-h); @index-anchor-text-color: var(--win-index-anchor-text-color); @index-anchor-font-weight: var(--win-index-anchor-font-weight); @index-anchor-font-size: var(--win-index-anchor-font-size); @index-anchor-line-height: var(--win-index-anchor-line-height); @index-anchor-background-color: var(--win-index-anchor-background-color); @index-anchor-sticky-text-color: var(--win-index-anchor-sticky-text-color); @index-anchor-sticky-background-color: var(--win-index-anchor-sticky-background-color); @info-size: var(--win-info-size); @info-color: var(--win-info-color); @info-padding-v: var(--win-info-padding-v); @info-padding-h: var(--win-info-padding-h); @info-font-size: var(--win-info-font-size); @info-font-weight: var(--win-info-font-weight); @info-border-width: var(--win-info-border-width); @info-background-color: var(--win-info-background-color); @info-dot-color: var(--win-info-dot-color); @info-dot-size: var(--win-info-dot-size); @info-font-family: var(--win-info-font-family); @image-placeholder-text-color: var(--win-image-placeholder-text-color); @image-placeholder-font-size: var(--win-image-placeholder-font-size); @image-placeholder-background-color: var(--win-image-placeholder-background-color); @image-loading-icon-size: var(--win-image-loading-icon-size); @image-loading-icon-color: var(--win-image-loading-icon-color); @image-error-icon-size: var(--win-image-error-icon-size); @image-error-icon-color: var(--win-image-error-icon-color); @image-preview-index-text-color: var(--win-image-preview-index-text-color); @image-preview-index-font-size: var(--win-image-preview-index-font-size); @image-preview-index-line-height: var(--win-image-preview-index-line-height); @image-preview-index-text-shadow: var(--win-image-preview-index-text-shadow); @image-preview-overlay-background-color: var(--win-image-preview-overlay-background-color); @image-preview-close-icon-size: var(--win-image-preview-close-icon-size); @image-preview-close-icon-color: var(--win-image-preview-close-icon-color); @image-preview-close-icon-active-color: var(--win-image-preview-close-icon-active-color); @image-preview-close-icon-margin: var(--win-image-preview-close-icon-margin); @image-preview-close-icon-z-index: var(--win-image-preview-close-icon-z-index); @list-text-color: var(--win-list-text-color); @list-text-font-size: var(--win-list-text-font-size); @list-text-line-height: var(--win-list-text-line-height); @loading-text-color: var(--win-loading-text-color); @loading-text-font-size: var(--win-loading-text-font-size); @loading-spinner-color: var(--win-loading-spinner-color); @loading-spinner-size: var(--win-loading-spinner-size); @loading-spinner-animation-duration: var(--win-loading-spinner-animation-duration); @nav-bar-height: var(--win-nav-bar-height); @nav-bar-background-color: var(--win-nav-bar-background-color); @nav-bar-arrow-size: var(--win-nav-bar-arrow-size); @nav-bar-icon-color: var(--win-nav-bar-icon-color); @nav-bar-text-color: var(--win-nav-bar-text-color); @nav-bar-title-font-size: var(--win-nav-bar-title-font-size); @nav-bar-title-text-color: var(--win-nav-bar-title-text-color); @nav-bar-z-index: var(--win-nav-bar-z-index); @notice-bar-height: var(--win-notice-bar-height); @notice-bar-padding-v: var(--win-notice-bar-padding-v); @notice-bar-padding-h: var(--win-notice-bar-padding-h); @notice-bar-wrapable-padding-v: var(--win-notice-bar-wrapable-padding-v); @notice-bar-wrapable-padding-h: var(--win-notice-bar-wrapable-padding-h); @notice-bar-text-color: var(--win-notice-bar-text-color); @notice-bar-font-size: var(--win-notice-bar-font-size); @notice-bar-line-height: var(--win-notice-bar-line-height); @notice-bar-background-color: var(--win-notice-bar-background-color); @notice-bar-icon-size: var(--win-notice-bar-icon-size); @notice-bar-icon-min-width: var(--win-notice-bar-icon-min-width); @notify-text-color: var(--win-notify-text-color); @notify-padding-v: var(--win-notify-padding-v); @notify-padding-h: var(--win-notify-padding-h); @notify-font-size: var(--win-notify-font-size); @notify-line-height: var(--win-notify-line-height); @notify-primary-background-color: var(--win-notify-primary-background-color); @notify-success-background-color: var(--win-notify-success-background-color); @notify-danger-background-color: var(--win-notify-danger-background-color); @notify-warning-background-color: var(--win-notify-warning-background-color); @number-keyboard-background-color: var(--win-number-keyboard-background-color); @number-keyboard-key-height: var(--win-number-keyboard-key-height); @number-keyboard-key-font-size: var(--win-number-keyboard-key-font-size); @number-keyboard-key-active-color: var(--win-number-keyboard-key-active-color); @number-keyboard-delete-font-size: var(--win-number-keyboard-delete-font-size); @number-keyboard-title-color: var(--win-number-keyboard-title-color); @number-keyboard-title-height: var(--win-number-keyboard-title-height); @number-keyboard-title-font-size: var(--win-number-keyboard-title-font-size); @number-keyboard-close-padding: var(--win-number-keyboard-close-padding); @number-keyboard-close-color: var(--win-number-keyboard-close-color); @number-keyboard-close-font-size: var(--win-number-keyboard-close-font-size); @number-keyboard-button-text-color: var(--win-number-keyboard-button-text-color); @number-keyboard-button-background-color: var(--win-number-keyboard-button-background-color); @number-keyboard-cursor-color: var(--win-number-keyboard-cursor-color); @number-keyboard-cursor-width: var(--win-number-keyboard-cursor-width); @number-keyboard-cursor-height: var(--win-number-keyboard-cursor-height); @number-keyboard-cursor-animation-duration: var(--win-number-keyboard-cursor-animation-duration); @number-keyboard-z-index: var(--win-number-keyboard-z-index); @overlay-z-index: var(--win-overlay-z-index); @overlay-background-color: var(--win-overlay-background-color); @pagination-height: var(--win-pagination-height); @pagination-font-size: var(--win-pagination-font-size); @pagination-item-width: var(--win-pagination-item-width); @pagination-item-default-color: var(--win-pagination-item-default-color); @pagination-item-disabled-color: var(--win-pagination-item-disabled-color); @pagination-item-disabled-background-color: var(--win-pagination-item-disabled-background-color); @pagination-background-color: var(--win-pagination-background-color); @pagination-desc-color: var(--win-pagination-desc-color); @pagination-disabled-opacity: var(--win-pagination-disabled-opacity); @password-input-height: var(--win-password-input-height); @password-input-margin-v: var(--win-password-input-margin-v); @password-input-margin-h: var(--win-password-input-margin-h); @password-input-font-size: var(--win-password-input-font-size); @password-input-border-radius: var(--win-password-input-border-radius); @password-input-background-color: var(--win-password-input-background-color); @password-input-info-color: var(--win-password-input-info-color); @password-input-info-font-size: var(--win-password-input-info-font-size); @password-input-error-info-color: var(--win-password-input-error-info-color); @password-input-dot-size: var(--win-password-input-dot-size); @password-input-dot-color: var(--win-password-input-dot-color); @picker-background-color: var(--win-picker-background-color); @picker-toolbar-height: var(--win-picker-toolbar-height); @picker-title-font-size: var(--win-picker-title-font-size); @picker-title-line-height: var(--win-picker-title-line-height); @picker-action-padding-v: var(--win-picker-action-padding-v); @picker-action-padding-h: var(--win-picker-action-padding-h); @picker-action-font-size: var(--win-picker-action-font-size); @picker-confirm-action-color: var(--win-picker-confirm-action-color); @picker-cancel-action-color: var(--win-picker-cancel-action-color); @picker-option-font-size: var(--win-picker-option-font-size); @picker-option-text-color: var(--win-picker-option-text-color); @picker-option-disabled-opacity: var(--win-picker-option-disabled-opacity); @picker-loading-icon-color: var(--win-picker-loading-icon-color); @picker-loading-mask-color: var(--win-picker-loading-mask-color); @popover-arrow-size: var(--win-popover-arrow-size); @popover-border-radius: var(--win-popover-border-radius); @popover-action-width: var(--win-popover-action-width); @popover-action-height: var(--win-popover-action-height); @popover-action-font-size: var(--win-popover-action-font-size); @popover-action-line-height: var(--win-popover-action-line-height); @popover-action-icon-size: var(--win-popover-action-icon-size); @popover-light-text-color: var(--win-popover-light-text-color); @popover-light-background-color: var(--win-popover-light-background-color); @popover-light-action-disabled-text-color: var(--win-popover-light-action-disabled-text-color); @popover-dark-text-color: var(--win-popover-dark-text-color); @popover-dark-background-color: var(--win-popover-dark-background-color); @popover-dark-action-disabled-text-color: var(--win-popover-dark-action-disabled-text-color); @popup-background-color: var(--win-popup-background-color); @popup-transition: var(--win-popup-transition); @popup-round-border-radius: var(--win-popup-round-border-radius); @popup-close-icon-size: var(--win-popup-close-icon-size); @popup-close-icon-color: var(--win-popup-close-icon-color); @popup-close-icon-active-color: var(--win-popup-close-icon-active-color); @popup-close-icon-margin: var(--win-popup-close-icon-margin); @popup-close-icon-z-index: var(--win-popup-close-icon-z-index); @progress-height: var(--win-progress-height); @progress-color: var(--win-progress-color); @progress-background-color: var(--win-progress-background-color); @progress-pivot-padding-v: var(--win-progress-pivot-padding-v); @progress-pivot-padding-h: var(--win-progress-pivot-padding-h); @progress-pivot-text-color: var(--win-progress-pivot-text-color); @progress-pivot-font-size: var(--win-progress-pivot-font-size); @progress-pivot-line-height: var(--win-progress-pivot-line-height); @progress-pivot-background-color: var(--win-progress-pivot-background-color); @pull-refresh-head-height: var(--win-pull-refresh-head-height); @pull-refresh-head-font-size: var(--win-pull-refresh-head-font-size); @pull-refresh-head-text-color: var(--win-pull-refresh-head-text-color); @radio-size: var(--win-radio-size); @radio-border-color: var(--win-radio-border-color); @radio-transition-duration: var(--win-radio-transition-duration); @radio-label-margin: var(--win-radio-label-margin); @radio-label-color: var(--win-radio-label-color); @radio-checked-icon-color: var(--win-radio-checked-icon-color); @radio-disabled-icon-color: var(--win-radio-disabled-icon-color); @radio-disabled-label-color: var(--win-radio-disabled-label-color); @radio-disabled-background-color: var(--win-radio-disabled-background-color); @rate-icon-size: var(--win-rate-icon-size); @rate-icon-gutter: var(--win-rate-icon-gutter); @rate-icon-void-color: var(--win-rate-icon-void-color); @rate-icon-full-color: var(--win-rate-icon-full-color); @rate-icon-disabled-color: var(--win-rate-icon-disabled-color); @share-sheet-header-padding-top: var(--win-share-sheet-header-padding-top); @share-sheet-header-padding-h: var(--win-share-sheet-header-padding-h); @share-sheet-header-padding-bottom: var(--win-share-sheet-header-padding-bottom); @share-sheet-title-color: var(--win-share-sheet-title-color); @share-sheet-title-font-size: var(--win-share-sheet-title-font-size); @share-sheet-title-line-height: var(--win-share-sheet-title-line-height); @share-sheet-description-color: var(--win-share-sheet-description-color); @share-sheet-description-font-size: var(--win-share-sheet-description-font-size); @share-sheet-description-line-height: var(--win-share-sheet-description-line-height); @share-sheet-icon-size: var(--win-share-sheet-icon-size); @share-sheet-option-name-color: var(--win-share-sheet-option-name-color); @share-sheet-option-name-font-size: var(--win-share-sheet-option-name-font-size); @share-sheet-option-description-color: var(--win-share-sheet-option-description-color); @share-sheet-option-description-font-size: var(--win-share-sheet-option-description-font-size); @share-sheet-cancel-button-font-size: var(--win-share-sheet-cancel-button-font-size); @share-sheet-cancel-button-height: var(--win-share-sheet-cancel-button-height); @share-sheet-cancel-button-background: var(--win-share-sheet-cancel-button-background); @search-padding-v: var(--win-search-padding-v); @search-padding-h: var(--win-search-padding-h); @search-background-color: var(--win-search-background-color); @search-content-background-color: var(--win-search-content-background-color); @search-input-height: var(--win-search-input-height); @search-label-padding-v: var(--win-search-label-padding-v); @search-label-padding-h: var(--win-search-label-padding-h); @search-label-color: var(--win-search-label-color); @search-label-font-size: var(--win-search-label-font-size); @search-left-icon-color: var(--win-search-left-icon-color); @search-action-padding-v: var(--win-search-action-padding-v); @search-action-padding-h: var(--win-search-action-padding-h); @search-action-text-color: var(--win-search-action-text-color); @search-action-font-size: var(--win-search-action-font-size); @sidebar-width: var(--win-sidebar-width); @sidebar-font-size: var(--win-sidebar-font-size); @sidebar-line-height: var(--win-sidebar-line-height); @sidebar-text-color: var(--win-sidebar-text-color); @sidebar-disabled-text-color: var(--win-sidebar-disabled-text-color); @sidebar-padding-v: var(--win-sidebar-padding-v); @sidebar-padding-h: var(--win-sidebar-padding-h); @sidebar-active-color: var(--win-sidebar-active-color); @sidebar-background-color: var(--win-sidebar-background-color); @sidebar-selected-font-weight: var(--win-sidebar-selected-font-weight); @sidebar-selected-text-color: var(--win-sidebar-selected-text-color); @sidebar-selected-border-width: var(--win-sidebar-selected-border-width); @sidebar-selected-border-height: var(--win-sidebar-selected-border-height); @sidebar-selected-border-color: var(--win-sidebar-selected-border-color); @sidebar-selected-background-color: var(--win-sidebar-selected-background-color); @skeleton-row-height: var(--win-skeleton-row-height); @skeleton-row-background-color: var(--win-skeleton-row-background-color); @skeleton-row-margin-top: var(--win-skeleton-row-margin-top); @skeleton-title-width: var(--win-skeleton-title-width); @skeleton-avatar-size: var(--win-skeleton-avatar-size); @skeleton-avatar-background-color: var(--win-skeleton-avatar-background-color); @skeleton-animation-duration: var(--win-skeleton-animation-duration); @slider-active-background-color: var(--win-slider-active-background-color); @slider-inactive-background-color: var(--win-slider-inactive-background-color); @slider-disabled-opacity: var(--win-slider-disabled-opacity); @slider-bar-height: var(--win-slider-bar-height); @slider-button-width: var(--win-slider-button-width); @slider-button-height: var(--win-slider-button-height); @slider-button-border-radius: var(--win-slider-button-border-radius); @slider-button-background-color: var(--win-slider-button-background-color); @slider-button-box-shadow: var(--win-slider-button-box-shadow); @steps-background-color: var(--win-steps-background-color); @step-text-color: var(--win-step-text-color); @step-active-color: var(--win-step-active-color); @step-process-text-color: var(--win-step-process-text-color); @step-font-size: var(--win-step-font-size); @step-line-color: var(--win-step-line-color); @step-finish-line-color: var(--win-step-finish-line-color); @step-finish-text-color: var(--win-step-finish-text-color); @step-icon-size: var(--win-step-icon-size); @step-circle-size: var(--win-step-circle-size); @step-circle-color: var(--win-step-circle-color); @step-horizontal-title-font-size: var(--win-step-horizontal-title-font-size); @sticky-z-index: var(--win-sticky-z-index); @stepper-active-color: var(--win-stepper-active-color); @stepper-background-color: var(--win-stepper-background-color); @stepper-button-icon-color: var(--win-stepper-button-icon-color); @stepper-button-disabled-color: var(--win-stepper-button-disabled-color); @stepper-button-disabled-icon-color: var(--win-stepper-button-disabled-icon-color); @stepper-button-round-theme-color: var(--win-stepper-button-round-theme-color); @stepper-input-width: var(--win-stepper-input-width); @stepper-input-height: var(--win-stepper-input-height); @stepper-input-font-size: var(--win-stepper-input-font-size); @stepper-input-line-height: var(--win-stepper-input-line-height); @stepper-input-text-color: var(--win-stepper-input-text-color); @stepper-input-disabled-text-color: var(--win-stepper-input-disabled-text-color); @stepper-input-disabled-background-color: var(--win-stepper-input-disabled-background-color); @stepper-border-radius: var(--win-stepper-border-radius); @submit-bar-height: var(--win-submit-bar-height); @submit-bar-z-index: var(--win-submit-bar-z-index); @submit-bar-background-color: var(--win-submit-bar-background-color); @submit-bar-button-width: var(--win-submit-bar-button-width); @submit-bar-price-color: var(--win-submit-bar-price-color); @submit-bar-price-font-size: var(--win-submit-bar-price-font-size); @submit-bar-currency-font-size: var(--win-submit-bar-currency-font-size); @submit-bar-text-color: var(--win-submit-bar-text-color); @submit-bar-text-font-size: var(--win-submit-bar-text-font-size); @submit-bar-tip-padding-v: var(--win-submit-bar-tip-padding-v); @submit-bar-tip-padding-h: var(--win-submit-bar-tip-padding-h); @submit-bar-tip-font-size: var(--win-submit-bar-tip-font-size); @submit-bar-tip-line-height: var(--win-submit-bar-tip-line-height); @submit-bar-tip-color: var(--win-submit-bar-tip-color); @submit-bar-tip-background-color: var(--win-submit-bar-tip-background-color); @submit-bar-tip-icon-size: var(--win-submit-bar-tip-icon-size); @submit-bar-button-height: var(--win-submit-bar-button-height); @submit-bar-padding-v: var(--win-submit-bar-padding-v); @submit-bar-padding-h: var(--win-submit-bar-padding-h); @submit-bar-price-integer-font-size: var(--win-submit-bar-price-integer-font-size); @submit-bar-price-font-family: var(--win-submit-bar-price-font-family); @swipe-indicator-size: var(--win-swipe-indicator-size); @swipe-indicator-margin: var(--win-swipe-indicator-margin); @swipe-indicator-active-opacity: var(--win-swipe-indicator-active-opacity); @swipe-indicator-inactive-opacity: var(--win-swipe-indicator-inactive-opacity); @swipe-indicator-active-background-color: var(--win-swipe-indicator-active-background-color); @swipe-indicator-inactive-background-color: var(--win-swipe-indicator-inactive-background-color); @switch-size: var(--win-switch-size); @switch-width: var(--win-switch-width); @switch-height: var(--win-switch-height); @switch-node-size: var(--win-switch-node-size); @switch-node-background-color: var(--win-switch-node-background-color); @switch-node-box-shadow: var(--win-switch-node-box-shadow); @switch-background-color: var(--win-switch-background-color); @switch-on-background-color: var(--win-switch-on-background-color); @switch-transition-duration: var(--win-switch-transition-duration); @switch-disabled-opacity: var(--win-switch-disabled-opacity); @switch-border: var(--win-switch-border); @tabbar-height: var(--win-tabbar-height); @tabbar-z-index: var(--win-tabbar-z-index); @tabbar-background-color: var(--win-tabbar-background-color); @tabbar-item-font-size: var(--win-tabbar-item-font-size); @tabbar-item-text-color: var(--win-tabbar-item-text-color); @tabbar-item-active-color: var(--win-tabbar-item-active-color); @tabbar-item-active-background-color: var(--win-tabbar-item-active-background-color); @tabbar-item-line-height: var(--win-tabbar-item-line-height); @tabbar-item-icon-size: var(--win-tabbar-item-icon-size); @tabbar-item-margin-bottom: var(--win-tabbar-item-margin-bottom); @tab-text-color: var(--win-tab-text-color); @tab-active-text-color: var(--win-tab-active-text-color); @tab-disabled-text-color: var(--win-tab-disabled-text-color); @tab-font-size: var(--win-tab-font-size); @tab-line-height: var(--win-tab-line-height); @tabs-default-color: var(--win-tabs-default-color); @tabs-line-height: var(--win-tabs-line-height); @tabs-card-height: var(--win-tabs-card-height); @tabs-nav-background-color: var(--win-tabs-nav-background-color); @tabs-bottom-bar-width: var(--win-tabs-bottom-bar-width); @tabs-bottom-bar-height: var(--win-tabs-bottom-bar-height); @tabs-bottom-bar-color: var(--win-tabs-bottom-bar-color); @tag-padding-v: var(--win-tag-padding-v); @tag-padding-h: var(--win-tag-padding-h); @tag-text-color: var(--win-tag-text-color); @tag-font-size: var(--win-tag-font-size); @tag-border-radius: var(--win-tag-border-radius); @tag-line-height: var(--win-tag-line-height); @tag-medium-padding-v: var(--win-tag-medium-padding-v); @tag-medium-padding-h: var(--win-tag-medium-padding-h); @tag-large-padding-v: var(--win-tag-large-padding-v); @tag-large-padding-h: var(--win-tag-large-padding-h); @tag-large-border-radius: var(--win-tag-large-border-radius); @tag-large-font-size: var(--win-tag-large-font-size); @tag-round-border-radius: var(--win-tag-round-border-radius); @tag-danger-color: var(--win-tag-danger-color); @tag-primary-color: var(--win-tag-primary-color); @tag-success-color: var(--win-tag-success-color); @tag-warning-color: var(--win-tag-warning-color); @tag-default-color: var(--win-tag-default-color); @tag-plain-background-color: var(--win-tag-plain-background-color); @toast-max-width: var(--win-toast-max-width); @toast-font-size: var(--win-toast-font-size); @toast-text-color: var(--win-toast-text-color); @toast-loading-icon-color: var(--win-toast-loading-icon-color); @toast-line-height: var(--win-toast-line-height); @toast-border-radius: var(--win-toast-border-radius); @toast-background-color: var(--win-toast-background-color); @toast-icon-size: var(--win-toast-icon-size); @toast-text-min-width: var(--win-toast-text-min-width); @toast-text-padding-v: var(--win-toast-text-padding-v); @toast-text-padding-h: var(--win-toast-text-padding-h); @toast-default-padding: var(--win-toast-default-padding); @toast-default-width: var(--win-toast-default-width); @toast-default-min-height: var(--win-toast-default-min-height); @toast-position-top-distance: var(--win-toast-position-top-distance); @toast-position-bottom-distance: var(--win-toast-position-bottom-distance); @tree-select-font-size: var(--win-tree-select-font-size); @tree-select-nav-background-color: var(--win-tree-select-nav-background-color); @tree-select-content-background-color: var(--win-tree-select-content-background-color); @tree-select-nav-item-padding-v: var(--win-tree-select-nav-item-padding-v); @tree-select-nav-item-padding-h: var(--win-tree-select-nav-item-padding-h); @tree-select-item-height: var(--win-tree-select-item-height); @tree-select-item-active-color: var(--win-tree-select-item-active-color); @tree-select-item-disabled-color: var(--win-tree-select-item-disabled-color); @tree-select-item-selected-size: var(--win-tree-select-item-selected-size); @uploader-size: var(--win-uploader-size); @uploader-icon-size: var(--win-uploader-icon-size); @uploader-icon-color: var(--win-uploader-icon-color); @uploader-text-color: var(--win-uploader-text-color); @uploader-text-font-size: var(--win-uploader-text-font-size); @uploader-upload-background-color: var(--win-uploader-upload-background-color); @uploader-upload-active-color: var(--win-uploader-upload-active-color); @uploader-delete-color: var(--win-uploader-delete-color); @uploader-delete-icon-size: var(--win-uploader-delete-icon-size); @uploader-delete-background-color: var(--win-uploader-delete-background-color); @uploader-file-background-color: var(--win-uploader-file-background-color); @uploader-file-icon-size: var(--win-uploader-file-icon-size); @uploader-file-icon-color: var(--win-uploader-file-icon-color); @uploader-file-name-padding-v: var(--win-uploader-file-name-padding-v); @uploader-file-name-padding-h: var(--win-uploader-file-name-padding-h); @uploader-file-name-margin-top: var(--win-uploader-file-name-margin-top); @uploader-file-name-font-size: var(--win-uploader-file-name-font-size); @uploader-file-name-text-color: var(--win-uploader-file-name-text-color); @uploader-mask-background-color: var(--win-uploader-mask-background-color); @uploader-mask-icon-size: var(--win-uploader-mask-icon-size); @uploader-mask-message-font-size: var(--win-uploader-mask-message-font-size); @uploader-mask-message-line-height: var(--win-uploader-mask-message-line-height); @uploader-loading-icon-size: var(--win-uploader-loading-icon-size); @uploader-loading-icon-color: var(--win-uploader-loading-icon-color); @uploader-disabled-opacity: var(--win-uploader-disabled-opacity); @agree-disabled-opacity: var(--win-agree-disabled-opacity); @agree-fill: var(--win-agree-fill); @trade-keyboard-input-text-color: var(--win-trade-keyboard-input-text-color); @trade-keyboard-input-error-text-color: var(--win-trade-keyboard-input-error-text-color); @trade-keyboard-input-disabled-text-color: var(--win-trade-keyboard-input-disabled-text-color); @trade-keyboard-placeholder-text-color: var(--win-trade-keyboard-placeholder-text-color); @trade-keyboard-icon-size: var(--win-trade-keyboard-icon-size); @trade-keyboard-right-icon-color: var(--win-trade-keyboard-right-icon-color); @trade-keyboard-color: var(--win-trade-keyboard-color); @trade-keyboard-border-color: var(--win-trade-keyboard-border-color); @trade-keyboard-background-color: var(--win-trade-keyboard-background-color); @trade-keyboard-header-background-color: var(--win-trade-keyboard-header-background-color); @trade-keyboard-header-title-font-size: var(--win-trade-keyboard-header-title-font-size); @trade-keyboard-header-title-color: var(--win-trad