{
  "$font-family-base": "\"Effra\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto,Oxygen, Ubuntu,Cantarell, \"Open Sans\",\"Helvetica Neue\",sans-serif",
  "$font-size-base": "16px",
  "$font-size-small": "14px",
  "$color-gray--000": "hsl(189, 23%, 96%)",
  "$color-gray--005": "hsl(189, 23%, 94%)",
  "$color-gray--010": "hsl(189, 23%, 92%)",
  "$color-gray--015": "hsl(189, 23%, 85%)",
  "$color-gray--020": "hsl(189, 23%, 80%)",
  "$color-gray--030": "hsl(189, 23%, 70%)",
  "$color-gray--040": "hsl(189, 23%, 60%)",
  "$color-gray--050": "hsl(189, 23%, 50%)",
  "$color-gray--060": "hsl(189, 23%, 32%)",
  "$color-gray--070": "hsl(189, 23%, 27%)",
  "$color-gray--080": "hsl(189, 23%, 22%)",
  "$color-gray--090": "hsl(189, 23%, 17%)",
  "$color-gray--100": "hsl(189, 23%, 12%)",
  "$color-brand--005": "hsl(189, 50%, 98%)",
  "$color-brand--010": "hsl(189, 50%, 96%)",
  "$color-brand--015": "hsl(189, 50%, 93%)",
  "$color-brand--020": "hsl(189, 50%, 87%)",
  "$color-brand--030": "hsl(189, 50%, 82%)",
  "$color-brand--040": "hsl(189, 50%, 74%)",
  "$color-brand--050": "hsl(189, 90%, 37%)",
  "$color-brand--055": "hsl(189, 90%, 32%)",
  "$color-brand--060": "hsl(189, 90%, 30%)",
  "$color-brand--070": "hsl(189, 90%, 20%)",
  "$color-brand--100": "hsl(189, 90%, 11%)",
  "$space1": ".25rem",
  "$space2": ".5rem",
  "$space3": ".75rem",
  "$space4": "1rem",
  "$space5": "1.5rem",
  "$space6": "2rem",
  "$space7": "3rem",
  "$space8": "4rem",
  "$space9": "6rem",
  "$space10": "8rem",
  "$color-secondary": "hsl(185, 26%, 94%)",
  "$color-secondary-light": "hsl(185, 26%, 97%)",
  "$color-secondary-medium": "hsl(185, 20%, 75%)",
  "$color-secondary-dark": "hsl(185, 30%, 31%)",
  "$color-highlight": "hsl(54, 95%, 43%)",
  "$color-highlight-light": "hsl(56, 100%, 97%)",
  "$color-success-light": "hsl(144, 43%, 94%)",
  "$color-success": "hsl(144, 43%, 65%)",
  "$color-success-dark": "hsl(144, 43%, 31%)",
  "$color-info-light": "hsl(209, 50%, 95%)",
  "$color-info": "hsl(209, 50%, 79%)",
  "$color-info-dark": "hsl(209, 50%, 38%)",
  "$color-warning-light": "hsl(22, 74%, 95%)",
  "$color-warning": "hsl(22, 75%, 75%)",
  "$color-warning-dark": "hsl(22, 75%, 40%)",
  "$color-danger-light": "hsl(0, 57%, 95%)",
  "$color-danger": "hsl(0, 57%, 75%)",
  "$color-danger-dark": "hsl(0, 57%, 45%)",
  "$color-white": "#fefefe",
  "$color-black": "$color-gray--100",
  "$color-base-black": "$color-gray--100",
  "$color-light-black": "$color-gray--090",
  "$color-extra-light-black": "$color-gray--080",
  "$color-base-silver": "$color-gray--030",
  "$color-light-silver": "$color-gray--020",
  "$color-extra-light-silver": "$color-gray--015",
  "$color-base-gray": "$color-gray--050",
  "$color-light-gray": "$color-gray--030",
  "$color-extra-light-gray": "$color-gray--005",
  "$font-color-base": "$color-base-black",
  "$z-index-fixed": "1000",
  "$z-index-doc-nav": "1999",
  "$screen-xs": "320px",
  "$screen-sm": "528px",
  "$screen-md": "768px",
  "$screen-lg": "1000px",
  "$screen-xs-min": "$screen-xs",
  "$screen-sm-min": "$screen-sm",
  "$screen-md-min": "$screen-md",
  "$screen-lg-min": "$screen-lg",
  "$screen-xs-max": "($screen-sm-min - 1)",
  "$screen-sm-max": "($screen-md-min - 1)",
  "$screen-md-max": "($screen-lg-min - 1)",
  "$font-family-monospace": "Menlo, Monaco, Consolas, \"Courier New\", monospace",
  "$--all-transition": "all .3s cubic-bezier(.645, .045, .355, 1)",
  "$--fade-transition": "opacity 300ms cubic-bezier(.23, 1, .32, 1)",
  "$--fade-linear-transition": "opacity 200ms linear",
  "$--md-fade-transition": "transform 300ms cubic-bezier(.23, 1, .32, 1) 100ms, opacity 300ms cubic-bezier(.23, 1, .32, 1) 100ms",
  "$--border-transition-base": "border-color .2s cubic-bezier(.645, .045, .355, 1)",
  "$--color-transition-base": "color .2s cubic-bezier(.645, .045, .355, 1)",
  "$--color-white": "$color-white",
  "$--color-black": "$color-black",
  "$--color-primary": "$color-brand--055",
  "$--color-primary--darker": "$color-brand--060",
  "$--color-primary-1": "$color-brand--005",
  "$--color-primary-2": "$color-brand--010",
  "$--color-primary-3": "$color-brand--015",
  "$--color-primary-4": "$color-brand--020",
  "$--color-primary-5": "$color-brand--030",
  "$--color-primary-6": "$color-brand--040",
  "$--color-primary-7": "$color-brand--050",
  "$--color-primary-8": "$color-brand--060",
  "$--color-primary-9": "$color-brand--070",
  "$--color-primary-10": "$color-brand--100",
  "$--color-text-primary": "$color-gray--100",
  "$--color-text-regular": "$color-gray--080",
  "$--color-text-secondary": "$color-gray--060",
  "$--color-text-placeholder": "$color-gray--040",
  "$--link-color": "$--color-primary",
  "$--link-hover-color": "$--color-primary--darker",
  "$--background-color-base": "$color-gray--005",
  "$--border-width-base": "1px",
  "$--border-style-base": "solid",
  "$--border-color-base": "$color-gray--030",
  "$--border-color-light": "$color-gray--020",
  "$--border-color-lighter": "$color-gray--015",
  "$--border-color-extra-light": "$color-gray--010",
  "$--border-color-hover": "$--color-text-placeholder",
  "$--border-base": "$--border-width-base $--border-style-base $--border-color-base",
  "$--border-radius-base": "4px",
  "$--border-radius-small": "2px",
  "$--border-radius-circle": "100%",
  "$--box-shadow-base": "0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04)",
  "$--box-shadow-dark": "0 2px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .12)",
  "$--box-shadow-light": "0 2px 12px 0 rgba(0, 0, 0, .1)",
  "$--fill-base": "$--color-white",
  "$--font-path": "\"fonts\"",
  "$--font-size-base": "$font-size-base",
  "$--font-size-small": "14px",
  "$--font-size-large": "18px",
  "$--font-color-disabled-base": "$color-gray--060",
  "$--font-weight-primary": "400",
  "$--font-line-height-primary": "24px",
  "$--size-base": "16px",
  "$--index-normal": "1",
  "$--index-top": "1000",
  "$--index-popper": "2000",
  "$--disabled-fill-base": "$--background-color-base",
  "$--disabled-color-base": "$--color-text-placeholder",
  "$--disabled-border-base": "$--border-color-light",
  "$--read-only-color-base": "$color-base-gray",
  "$--icon-color": "$color-gray--070",
  "$--icon-color-base": "$color-info-dark",
  "$--checkbox-font-size": "16px",
  "$--checkbox-font-weight": "$--font-weight-primary",
  "$--checkbox-color": "$--color-text-regular",
  "$--checkbox-input-height": "14px",
  "$--checkbox-input-width": "14px",
  "$--checkbox-input-border-radius": "$--border-radius-small",
  "$--checkbox-input-fill": "$--color-white",
  "$--checkbox-input-border": "$--border-base",
  "$--checkbox-input-border-color": "$--border-color-base",
  "$--checkbox-icon-color": "$--color-white",
  "$--checkbox-disabled-input-border-color": "$--border-color-base",
  "$--checkbox-disabled-input-fill": "$color-gray--010",
  "$--checkbox-disabled-icon-color": "$--color-text-placeholder",
  "$--checkbox-disabled-checked-input-fill": "$--border-color-extra-light",
  "$--checkbox-disabled-checked-input-border-color": "$--border-color-base",
  "$--checkbox-disabled-checked-icon-color": "$--color-text-placeholder",
  "$--checkbox-checked-text-color": "$--color-primary",
  "$--checkbox-checked-input-border-color": "$--color-primary",
  "$--checkbox-checked-input-fill": "$--color-primary",
  "$--checkbox-checked-icon-color": "$--fill-base",
  "$--checkbox-input-border-color-hover": "$--color-primary",
  "$--checkbox-bordered-height": "40px",
  "$--checkbox-bordered-padding": "9px 20px 9px 10px",
  "$--checkbox-bordered-medium-padding": "7px 20px 7px 10px",
  "$--checkbox-bordered-small-padding": "3px 15px 7px 10px",
  "$--checkbox-bordered-mini-padding": "1px 15px 5px 10px",
  "$--checkbox-bordered-medium-input-height": "14px",
  "$--checkbox-bordered-medium-input-width": "14px",
  "$--checkbox-bordered-medium-height": "36px",
  "$--checkbox-bordered-small-input-height": "12px",
  "$--checkbox-bordered-small-input-width": "12px",
  "$--checkbox-bordered-small-height": "32px",
  "$--checkbox-bordered-mini-input-height": "12px",
  "$--checkbox-bordered-mini-input-width": "12px",
  "$--checkbox-bordered-mini-height": "28px",
  "$--checkbox-button-font-size": "$--font-size-base",
  "$--checkbox-button-checked-fill": "$--color-primary",
  "$--checkbox-button-checked-color": "$--color-white",
  "$--checkbox-button-checked-border-color": "$--color-primary",
  "$--radio-font-size": "16px",
  "$--radio-font-weight": "$--font-weight-primary",
  "$--radio-color": "$--color-text-regular",
  "$--radio-input-height": "14px",
  "$--radio-input-width": "14px",
  "$--radio-input-border-radius": "$--border-radius-circle",
  "$--radio-input-fill": "$--color-white",
  "$--radio-input-border": "$--border-base",
  "$--radio-input-border-color": "$--border-color-base",
  "$--radio-icon-color": "$--color-white",
  "$--radio-disabled-input-border-color": "$--disabled-border-base",
  "$--radio-disabled-input-fill": "$--disabled-fill-base",
  "$--radio-disabled-icon-color": "$--disabled-fill-base",
  "$--radio-disabled-checked-input-border-color": "$--disabled-border-base",
  "$--radio-disabled-checked-input-fill": "$--disabled-fill-base",
  "$--radio-disabled-checked-icon-color": "$--color-text-placeholder",
  "$--radio-checked-text-color": "$--color-primary",
  "$--radio-checked-input-border-color": "$--color-primary",
  "$--radio-checked-input-fill": "$--color-white",
  "$--radio-checked-icon-color": "$--color-primary",
  "$--radio-input-border-color-hover": "$--color-primary",
  "$--radio-bordered-height": "40px",
  "$--radio-bordered-padding": "10px 20px 10px 10px",
  "$--radio-bordered-medium-padding": "8px 20px 8px 10px",
  "$--radio-bordered-small-padding": "6px 15px 6px 10px",
  "$--radio-bordered-mini-padding": "4px 15px 4px 10px",
  "$--radio-bordered-medium-input-height": "14px",
  "$--radio-bordered-medium-input-width": "14px",
  "$--radio-bordered-medium-height": "36px",
  "$--radio-bordered-small-input-height": "12px",
  "$--radio-bordered-small-input-width": "12px",
  "$--radio-bordered-small-height": "32px",
  "$--radio-bordered-mini-input-height": "12px",
  "$--radio-bordered-mini-input-width": "12px",
  "$--radio-bordered-mini-height": "28px",
  "$--radio-button-font-size": "$--font-size-base",
  "$--radio-button-checked-fill": "$--color-primary",
  "$--radio-button-checked-color": "$--color-white",
  "$--radio-button-checked-border-color": "$--color-primary",
  "$--radio-button-disabled-checked-fill": "$--border-color-extra-light",
  "$--select-border-color-hover": "$--border-color-hover",
  "$--select-disabled-border": "$--disabled-border-base",
  "$--select-font-size": "$--font-size-base",
  "$--select-close-hover-color": "$--color-text-secondary",
  "$--select-input-color": "$--color-text-placeholder",
  "$--select-multiple-input-color": "#666",
  "$--select-input-focus-background": "$--color-primary",
  "$--select-input-font-size": "16px",
  "$--select-tag-height": "24px",
  "$--select-tag-color": "$--color-white",
  "$--select-tag-background": "$--color-primary",
  "$--select-option-color": "$--color-text-regular",
  "$--select-option-disabled-color": "$--color-text-placeholder",
  "$--select-option-disabled-background": "$--color-white",
  "$--select-option-height": "34px",
  "$--select-option-hover-background": "$--background-color-base",
  "$--select-option-selected": "$--color-white",
  "$--select-option-selected-hover": "$--background-color-base",
  "$--select-group-color": "$color-info-dark",
  "$--select-group-height": "30px",
  "$--select-group-font-size": "12px",
  "$--select-dropdown-background": "$--color-white",
  "$--select-dropdown-shadow": "$--box-shadow-light",
  "$--select-dropdown-empty-color": "#999",
  "$--select-dropdown-max-height": "274px",
  "$--select-dropdown-padding": "6px 0",
  "$--select-dropdown-empty-padding": "10px 0",
  "$--select-dropdown-border": "solid 1px $--border-color-light",
  "$--alert-padding": ".8em 1em",
  "$--alert-border-radius": "$--border-radius-base",
  "$--alert-title-font-size": ".85em",
  "$--alert-description-font-size": ".85em",
  "$--alert-icon-size": "1.25em",
  "$--msgbox-width": "420px",
  "$--msgbox-border-radius": "4px",
  "$--msgbox-font-size": "$--font-size-large",
  "$--msgbox-content-font-size": "$--font-size-base",
  "$--msgbox-content-color": "$--color-text-regular",
  "$--msgbox-error-font-size": "12px",
  "$--msgbox-padding-primary": "15px",
  "$--msgbox-success-color": "$color-success-dark",
  "$--msgbox-info-color": "$color-info-dark",
  "$--msgbox-warning-color": "$color-warning-dark",
  "$--msgbox-danger-color": "$color-danger-dark",
  "$--message-shadow": "$--box-shadow-base",
  "$--message-min-width": "570px",
  "$--message-background-color": "#edf2fc",
  "$--message-padding": "15px 15px 15px 20px",
  "$--message-content-color": "$--color-text-regular",
  "$--message-close-color": "$--color-text-placeholder",
  "$--message-close-size": "16px",
  "$--message-close-hover-color": "$--color-text-secondary",
  "$--message-success-color": "$color-success-dark",
  "$--message-info-color": "$color-info-dark",
  "$--message-warning-color": "$color-warning-dark",
  "$--message-danger-color": "$color-danger-dark",
  "$--notification-width": "330px",
  "$--notification-padding": "14px 26px 14px 13px",
  "$--notification-radius": "8px",
  "$--notification-shadow": "$--box-shadow-light",
  "$--notification-border-color": "$--border-color-lighter",
  "$--notification-icon-size": "24px",
  "$--notification-close-font-size": "$--message-close-size",
  "$--notification-group-margin": "13px",
  "$--notification-font-size": "$--font-size-base",
  "$--notification-color": "$--color-text-regular",
  "$--notification-title-font-size": "16px",
  "$--notification-title-color": "$--color-text-primary",
  "$--notification-close-color": "$--color-text-secondary",
  "$--notification-close-hover-color": "$--color-text-regular",
  "$--notification-success-color": "$color-success-dark",
  "$--notification-info-color": "$color-info-dark",
  "$--notification-warning-color": "$color-warning-dark",
  "$--notification-danger-color": "$color-danger-dark",
  "$--input-font-size": "$--font-size-base",
  "$--input-color": "$--color-text-regular",
  "$--input-width": "140px",
  "$--input-height": "40px",
  "$--input-border": "$--border-base",
  "$--input-border-color": "$--border-color-base",
  "$--input-border-radius": "$--border-radius-base",
  "$--input-border-color-hover": "$--border-color-hover",
  "$--input-fill": "$--color-white",
  "$--input-fill-disabled": "$--disabled-fill-base",
  "$--input-color-disabled": "$--font-color-disabled-base",
  "$--input-icon-color": "$--color-text-placeholder",
  "$--input-placeholder-color": "$--color-text-placeholder",
  "$--input-max-width": "314px",
  "$--input-hover-border": "$--border-color-hover",
  "$--input-clear-hover-color": "$--color-text-secondary",
  "$--input-focus-border": "$--color-primary",
  "$--input-focus-fill": "$--color-white",
  "$--input-disabled-fill": "$--disabled-fill-base",
  "$--input-disabled-border": "$--disabled-border-base",
  "$--input-disabled-color": "$--disabled-color-base",
  "$--input-disabled-placeholder-color": "$--color-text-placeholder",
  "$--input-read-only-color": "$--read-only-color-base",
  "$--input-medium-font-size": "14px",
  "$--input-medium-height": "36px",
  "$--input-small-font-size": "13px",
  "$--input-small-height": "32px",
  "$--input-mini-font-size": "12px",
  "$--input-mini-height": "28px",
  "$--cascader-menu-font-color": "$--color-text-regular",
  "$--cascader-menu-selected-font-color": "$--color-primary",
  "$--cascader-menu-fill": "$--fill-base",
  "$--cascader-menu-font-size": "$--font-size-base",
  "$--cascader-menu-radius": "$--border-radius-base",
  "$--cascader-menu-border": "$--border-base",
  "$--cascader-menu-border-color": "$--border-color-base",
  "$--cascader-menu-border-width": "$--border-width-base",
  "$--cascader-menu-color": "$--color-text-regular",
  "$--cascader-menu-option-color-active": "$--color-text-secondary",
  "$--cascader-menu-option-fill-active": "rgba($--color-text-secondary, .12)",
  "$--cascader-menu-option-color-hover": "$--color-text-regular",
  "$--cascader-menu-option-fill-hover": "rgba($--color-text-primary, .06)",
  "$--cascader-menu-option-color-disabled": "#999",
  "$--cascader-menu-option-fill-disabled": "rgba($--color-black, .06)",
  "$--cascader-menu-option-empty-color": "#666",
  "$--cascader-menu-group-color": "#999",
  "$--cascader-menu-shadow": "0 1px 2px rgba($--color-black, .14), 0 0 3px rgba($--color-black, .14)",
  "$--cascader-menu-option-pinyin-color": "#999",
  "$--cascader-menu-submenu-shadow": "1px 1px 2px rgba($--color-black, .14), 1px 0 2px rgba($--color-black, .14)",
  "$--cascader-node-background-hover": "$--background-color-base",
  "$--cascader-node-color-disabled": "$--color-text-placeholder",
  "$--cascader-color-empty": "$--color-text-placeholder",
  "$--group-option-flex": "0 0 20%",
  "$--group-option-offset-bottom": "12px",
  "$--group-option-fill-hover": "rgba($--color-black, .06)",
  "$--group-title-color": "$--color-black",
  "$--group-title-font-size": "$--font-size-base",
  "$--group-title-width": "66px",
  "$--tab-font-size": "$--font-size-base",
  "$--tab-border-line": "1px solid #e4e4e4",
  "$--tab-header-color-active": "$--color-text-secondary",
  "$--tab-header-color-hover": "$--color-text-regular",
  "$--tab-header-color": "$--color-text-regular",
  "$--tab-header-fill-active": "rgba($--color-black, .06)",
  "$--tab-header-fill-hover": "rgba($--color-black, .06)",
  "$--tab-vertical-header-width": "90px",
  "$--tab-vertical-header-count-color": "$--color-white",
  "$--tab-vertical-header-count-fill": "$--color-text-secondary",
  "$--button-font-size": "16px",
  "$--button-font-weight": "$--font-weight-primary",
  "$--button-border-radius": "$--border-radius-base",
  "$--button-padding-vertical": "12px",
  "$--button-padding-horizontal": "20px",
  "$--button-medium-font-size": "14px",
  "$--button-medium-border-radius": "$--border-radius-base",
  "$--button-medium-padding-vertical": "10px",
  "$--button-medium-padding-horizontal": "20px",
  "$--button-small-font-size": "14px",
  "$--button-small-border-radius": "#{$--border-radius-base - 1}",
  "$--button-small-padding-vertical": "9px",
  "$--button-small-padding-horizontal": "15px",
  "$--button-mini-font-size": "12px",
  "$--button-mini-border-radius": "#{$--border-radius-base - 1}",
  "$--button-mini-padding-vertical": "7px",
  "$--button-mini-padding-horizontal": "15px",
  "$--button-default-color": "$--color-text-regular",
  "$--button-default-fill": "$--color-white",
  "$--button-default-border": "$--border-color-base",
  "$--button-disabled-color": "$--color-text-placeholder",
  "$--button-disabled-fill": "$--color-white",
  "$--button-disabled-border": "$--border-color-lighter",
  "$--button-primary-border": "$color-brand--060",
  "$--button-primary-color": "$--color-white",
  "$--button-primary-fill": "$--color-primary",
  "$--button-success-border": "$color-success-dark",
  "$--button-success-color": "$--color-white",
  "$--button-success-fill": "$color-success-dark",
  "$--button-warning-border": "$color-warning-dark",
  "$--button-warning-color": "$--color-white",
  "$--button-warning-fill": "$color-warning-dark",
  "$--button-danger-border": "$color-danger-dark",
  "$--button-danger-color": "$--color-white",
  "$--button-danger-fill": "$color-danger-dark",
  "$--button-info-border": "$color-info-dark",
  "$--button-info-color": "$--color-white",
  "$--button-info-fill": "$color-info-dark",
  "$--button-hover-tint-percent": "20%",
  "$--button-active-shade-percent": "10%",
  "$--cascader-height": "200px",
  "$--switch-on-color": "$--color-primary",
  "$--switch-off-color": "$--border-color-base",
  "$--switch-disabled-color": "$--border-color-lighter",
  "$--switch-disabled-text-color": "$--color-text-placeholder",
  "$--switch-font-size": "$--font-size-base",
  "$--switch-core-border-radius": "10px",
  "$--switch-width": "40px",
  "$--switch-height": "20px",
  "$--switch-button-size": "16px",
  "$--timeline-node-size-normal": "12px",
  "$--timeline-node-size-large": "14px",
  "$--timeline-node-color": "$--border-color-light",
  "$--dialog-background-color": "$--color-primary-3",
  "$--dialog-box-shadow": "0 1px 3px rgba(0, 0, 0, .3)",
  "$--dialog-close-hover-color": "$--color-primary",
  "$--dialog-title-font-size": "1.3em",
  "$--dialog-font-size": "16px",
  "$--dialog-line-height": "$--font-line-height-primary",
  "$--dialog-padding-primary": "15px",
  "$--dialog-padding-full": "$--dialog-padding-primary $--dialog-padding-primary + 5px",
  "$--table-border-color": "$--border-color-lighter",
  "$--table-border": "1px solid $--border-color-lighter",
  "$--table-text-color": "$--color-text-regular",
  "$--table-header-color": "$--color-text-secondary",
  "$--table-row-hover-background": "$color-gray--000",
  "$--table--tree-row-0-background": "$color-brand--005",
  "$--table-current-row-background": "$color-brand--010",
  "$--table-header-background": "transparent",
  "$--table-footer-background": "$--color-text-placeholder",
  "$--table-fixed-box-shadow": "0 0 10px rgba(0, 0, 0, .12)",
  "$--pagination-font-size": "14px",
  "$--pagination-fill": "$--color-white",
  "$--pagination-color": "$--color-text-primary",
  "$--pagination-border-radius": "3px",
  "$--pagination-button-color": "$--color-text-primary",
  "$--pagination-button-width": "35.5px",
  "$--pagination-button-height": "28px",
  "$--pagination-button-disabled-color": "$--color-text-placeholder",
  "$--pagination-button-disabled-fill": "$--color-white",
  "$--pagination-hover-fill": "$--color-primary",
  "$--pagination-hover-color": "$--color-white",
  "$--popover-fill": "$--color-white",
  "$--popover-font-size": "$--font-size-base",
  "$--popover-border-color": "$--border-color-lighter",
  "$--popover-arrow-size": "6px",
  "$--popover-padding": "12px",
  "$--popover-padding-large": "18px 20px",
  "$--popover-title-font-size": "16px",
  "$--popover-title-color": "$--color-text-primary",
  "$--tooltip-fill": "$--color-text-primary",
  "$--tooltip-color": "$--color-white",
  "$--tooltip-font-size": "12px",
  "$--tooltip-border-color": "$--color-text-primary",
  "$--tooltip-arrow-size": "6px",
  "$--tooltip-padding": "10px",
  "$--tag-padding": ".1rem .7rem",
  "$--tag-fill": "$color-brand--015",
  "$--tag-color": "$color-brand--100",
  "$--tag-border": "none",
  "$--tag-font-size": "1rem",
  "$--tag-border-radius": "1rem",
  "$--tag-info-fill": "rgba($color-info-dark, .1)",
  "$--tag-info-border": "rgba($color-info-dark, .2)",
  "$--tag-info-color": "$color-info-dark",
  "$--tag-primary-fill": "rgba($--color-primary, .1)",
  "$--tag-primary-border": "rgba($--color-primary, .2)",
  "$--tag-primary-color": "$--color-primary",
  "$--tag-success-fill": "rgba($color-success-dark, .1)",
  "$--tag-success-border": "rgba($color-success-dark, .2)",
  "$--tag-success-color": "$color-success-dark",
  "$--tag-warning-fill": "rgba($color-warning-dark, .1)",
  "$--tag-warning-border": "rgba($color-warning-dark, .2)",
  "$--tag-warning-color": "$color-warning-dark",
  "$--tag-danger-fill": "rgba($color-danger-dark, .1)",
  "$--tag-danger-border": "rgba($color-danger-dark, .2)",
  "$--tag-danger-color": "$color-danger-dark",
  "$--tree-node-hover-color": "$--background-color-base",
  "$--tree-text-color": "$--color-text-regular",
  "$--tree-expand-icon-color": "$--color-text-placeholder",
  "$--dropdown-menu-box-shadow": "$--box-shadow-dark",
  "$--dropdown-menuItem-hover-fill": "$--color-primary",
  "$--dropdown-menuItem-hover-color": "$--color-white",
  "$--badge-fill": "$color-danger-dark",
  "$--badge-radius": "10px",
  "$--badge-font-size": "12px",
  "$--badge-padding": "6px",
  "$--badge-size": "18px",
  "$--card-border-color": "$--border-color-lighter",
  "$--card-border-radius": "4px",
  "$--card-padding": "20px",
  "$--slider-main-background-color": "$--color-primary",
  "$--slider-runway-background-color": "$--border-color-light",
  "$--slider-button-hover-color": "mix($--color-primary, black, 97%)",
  "$--slider-stop-background-color": "$--color-white",
  "$--slider-disable-color": "$--color-text-placeholder",
  "$--slider-margin": "16px 0",
  "$--slider-border-radius": "3px",
  "$--slider-height": "6px",
  "$--slider-button-size": "16px",
  "$--slider-button-wrapper-size": "36px",
  "$--slider-button-wrapper-offset": "-15px",
  "$--steps-border-color": "$--disabled-border-base",
  "$--steps-border-radius": "4px",
  "$--steps-padding": "20px",
  "$--datepicker-color": "$--color-text-regular",
  "$--datepicker-off-color": "$--color-text-placeholder",
  "$--datepicker-header-color": "$--color-text-regular",
  "$--datepicker-icon-color": "$--color-text-primary",
  "$--datepicker-border-color": "$--disabled-border-base",
  "$--datepicker-inner-border-color": "#e4e4e4",
  "$--datepicker-inrange-color": "$--border-color-extra-light",
  "$--datepicker-inrange-hover-color": "$--border-color-extra-light",
  "$--datepicker-active-color": "$--color-primary",
  "$--datepicker-text-hover-color": "$--color-primary",
  "$--datepicker-cell-hover-color": "#fff",
  "$--loading-spinner-size": "42px",
  "$--loading-fullscreen-spinner-size": "50px",
  "$--scrollbar-background-color": "$color-gray--030",
  "$--scrollbar-hover-background-color": "$color-gray--040",
  "$--collapse-border-color": "$--border-color-lighter",
  "$--collapse-header-height": "48px",
  "$--collapse-header-padding": "20px",
  "$--collapse-header-fill": "$--color-white",
  "$--collapse-header-color": "$--color-text-primary",
  "$--collapse-header-size": "13px",
  "$--collapse-content-fill": "$--color-white",
  "$--collapse-content-size": "13px",
  "$--collapse-content-color": "$--color-text-primary",
  "$--transfer-border-color": "$--border-color-lighter",
  "$--transfer-border-radius": "$--border-radius-base",
  "$--transfer-panel-width": "200px",
  "$--transfer-panel-header-height": "40px",
  "$--transfer-panel-header-background": "$--background-color-base",
  "$--transfer-panel-footer-height": "40px",
  "$--transfer-panel-body-height": "246px",
  "$--transfer-item-height": "30px",
  "$--transfer-item-hover-background": "$--color-text-secondary",
  "$--transfer-filter-height": "32px",
  "$--header-height": "65px",
  "$--sm": "768px",
  "$--md": "992px",
  "$--lg": "1200px",
  "$--xl": "1920px"
}