/* Element Chalk Variables */

// Special comment for theme configurator
// type|skipAutoTranslation|Category|Order
// skipAutoTranslation 1


// v1.0.5.1
// 主色
$--primary-6: #{"rgb(var(--primary-6))"} !default; // 常规
$--primary-5: #{"rgb(var(--primary-5))"} !default; // 悬浮(hover)
$--primary-7: #{"rgb(var(--primary-7))"} !default; // 点击(click)
$--primary-4: #{"rgb(var(--primary-4))"} !default; // 特殊场景
$--primary-3: #{"rgb(var(--primary-3))"} !default; // 一般禁用
$--primary-2: #{"rgb(var(--primary-2))"} !default; // 文字禁用
$--primary-1: #{"rgb(var(--primary-1))"} !default; // 浅色/白底悬浮
// 成功色
$--success-6: #{"rgb(var(--success-6))"} !default; // 常规
$--success-5: #{"rgb(var(--success-5))"} !default; // 悬浮(hover)
$--success-7: #{"rgb(var(--success-7))"} !default; // 点击(click)
$--success-4: #{"rgb(var(--success-4))"} !default; // 特殊场景
$--success-3: #{"rgb(var(--success-3))"} !default; // 一般禁用
$--success-2: #{"rgb(var(--success-2))"} !default; // 文字禁用
$--success-1: #{"rgb(var(--success-1))"} !default; // 浅色/白底悬浮
// 警示色
$--warning-6: #{"rgb(var(--warning-6))"} !default; // 常规
$--warning-5: #{"rgb(var(--warning-5))"} !default; // 悬浮(hover)
$--warning-7: #{"rgb(var(--warning-7))"} !default; // 点击(click)
$--warning-4: #{"rgb(var(--warning-4))"} !default; // 特殊场景
$--warning-3: #{"rgb(var(--warning-3))"} !default; // 一般禁用
$--warning-2: #{"rgb(var(--warning-2))"} !default; // 文字禁用
$--warning-1: #{"rgb(var(--warning-1))"} !default; // 浅色/白底悬浮
// 错误色
$--danger-6: #{"rgb(var(--danger-6))"} !default; // 常规
$--danger-5: #{"rgb(var(--danger-5))"} !default; // 悬浮(hover)
$--danger-7: #{"rgb(var(--danger-7))"} !default; // 点击(click)
$--danger-4: #{"rgb(var(--danger-4))"} !default; // 特殊场景
$--danger-3: #{"rgb(var(--danger-3))"} !default; // 一般禁用
$--danger-2: #{"rgb(var(--danger-2))"} !default; // 文字禁用
$--danger-1: #{"rgb(var(--danger-1))"} !default; // 浅色/白底悬浮
// 链接色
$--link-6: #{"rgb(var(--link-6))"} !default; // 常规
$--link-5: #{"rgb(var(--link-6))"} !default; // 悬浮(hover)
$--link-7: #{"rgb(var(--link-7))"} !default; // 点击(click)
$--link-4: #{"rgb(var(--link-4))"} !default; // 特殊场景
$--link-3: #{"rgb(var(--link-3))"} !default; // 一般禁用
$--link-2: #{"rgb(var(--link-2))"} !default; // 文字禁用
$--link-1: #{"rgb(var(--link-1))"} !default; // 浅色/白底悬浮
// 边框颜色
$--color-border-1: #{"rgb(var(--color-border-1))"} !default; // 浅
$--color-border-2: #{"rgb(var(--color-border-2))"} !default; // 分割线
$--color-border-3: #{"rgb(var(--color-border-3))"} !default; // 一般
$--color-border-4: #{"rgb(var(--color-border-4))"} !default; // 深、悬浮
$--color-border-5: #{"rgb(var(--color-border-5))"} !default; // 重、按钮描边
// 填充颜色
$--color-fill-1: #{"rgb(var(--color-fill-1))"} !default; // 筛选框背景
$--color-fill-2: #{"rgb(var(--color-fill-2))"} !default; // 浅、禁用
$--color-fill-3: #{"rgb(var(--color-fill-3))"} !default; // 一般、常规、白底悬浮
$--color-fill-4: #{"rgb(var(--color-fill-4))"} !default; // 深、灰底悬浮
$--color-fill-5: #{"rgb(var(--color-fill-5))"} !default; // 重、特殊场景、禁用
$--color-fill-6: #{"rgb(var(--color-fill-6))"} !default; // 强调、图标、特殊场景
// 文字颜色
$--color-text-1: #{"rgb(var(--color-text-1))"} !default; // 强调、正文标题
$--color-text-2: #{"rgb(var(--color-text-2))"} !default; // 次强调、正文标题
$--color-text-3: #{"rgb(var(--color-text-3))"} !default; // 次要信息
$--color-text-4: #{"rgb(var(--color-text-4))"} !default; // 置灰信息
// 背景颜色
$--color-bg-1: #{"rgb(var(--color-bg-1))"} !default; // 筛选框背景
$--color-bg-2: #{"rgb(var(--color-bg-2))"} !default; // 浅、禁用
$--color-bg-3: #{"rgb(var(--color-bg-3))"} !default; // 一般、常规、白底悬浮
$--color-bg-4: #{"rgb(var(--color-bg-4))"} !default; // 深、灰底悬浮
$--color-bg-5: #{"rgb(var(--color-bg-5))"} !default; // 重、特殊场景、禁用
$--color-bg-6: #{"rgb(var(--color-bg-6))"} !default; // 强调、图标、特殊场景

// 字体大小
$--font-size-body-3: var(--font-size-body-3) !default; // 正文-常规-大
$--font-size-body-2: var(--font-size-body-2) !default; // 正文-常规-小
$--font-size-body-1: var(--font-size-body-1) !default; // 辅助文案/次要文案
$--font-size-body-4: var(--font-size-body-4) !default; // 正文段落-常规-大

$--font-size-title-1: var(--font-size-title-1) !default; // 标题-小
$--font-size-title-2: var(--font-size-title-2) !default; // 标题-中
$--font-size-title-3: var(--font-size-title-3) !default; // 标题-大

$--font-size-display-1: var(--font-size-display-1) !default; // 运营标题-小
$--font-size-display-2: var(--font-size-display-2) !default; // 运营标题-中
$--font-size-display-3: var(--font-size-display-3) !default; // 运营标题-大

// 字重
$--font-weight-400: var(--font-weight-400) !default; // 常规
$--font-weight-500: var(--font-weight-500) !default; // 中等（加粗）
$--font-weight-600: var(--font-weight-600) !default; // 半粗
$--font-weight-700: var(--font-weight-700) !default; // 粗体
$--font-weight-800: var(--font-weight-800) !default; // 中黑

// 尺寸
$--size-none: 0 !default; // 常规
$--size-1: 4px !default; // 4px
$--size-2: 8px !default; // 8px
$--size-3: 12px !default; // 12px
$--size-4: 16px !default; // 16px
$--size-5: 20px !default; // 20px
$--size-6: 24px !default; // 20px
$--size-7: 28px !default; // 20px
$--size-8: 32px !default; // 20px
$--size-9: 36px !default; // 20px
$--size-10: 40px !default; // 20px
$--size-11: 44px !default; // 20px
$--size-12: 48px !default; // 20px
$--size-13: 52px !default; // 20px
$--size-14: 56px !default; // 20px
$--size-15: 60px !default; // 20px
$--size-16: 64px !default; // 20px
$--size-17: 68px !default; // 20px
$--size-18: 72px !default; // 20px
$--size-19: 76px !default; // 20px
$--size-20: 80px !default; // 20px
$--size-21: 84px !default; // 20px
$--size-22: 88px !default; // 20px
$--size-23: 92px !default; // 20px
$--size-24: 96px !default; // 20px
$--size-25: 100px !default; // 20px
$--size-26: 104px !default; // 20px
$--size-27: 108px !default; // 20px
$--size-28: 112px !default; // 20px
$--size-29: 116px !default; // 20px
$--size-30: 120px !default; // 20px
$--size-31: 124px !default; // 20px
$--size-32: 128px !default; // 20px
$--size-33: 132px !default; // 20px
$--size-34: 136px !default; // 20px
$--size-35: 140px !default; // 20px
$--size-36: 144px !default; // 20px
$--size-37: 148px !default; // 20px
$--size-38: 152px !default; // 20px
$--size-39: 156px !default; // 20px
$--size-40: 160px !default; // 20px
$--size-41: 164px !default; // 20px
$--size-42: 168px !default; // 20px
$--size-43: 172px !default; // 20px
$--size-44: 176px !default; // 20px
$--size-45: 180px !default; // 20px
$--size-46: 184px !default; // 20px
$--size-47: 188px !default; // 20px
$--size-48: 192px !default; // 20px
$--size-49: 196px !default; // 20px
// $--size-N: (4 * N)px !default; // 变量对应的值为 (4 * N)px 大小
$--size-50: 200px !default; // 常规


// 尺寸
$--size-mini: $--size-6 !default; // 迷你（24px）
$--size-small: $--size-7 !default; // 较小（28px）
$--size-default: $--size-8 !default; // 中等（32px）
$--size-large: $--size-9 !default; // 较大（36px）

// 边框宽度
$--border-none: var(--border-none) !default; // 无边框
$--border-1: var(--border-1) !default; // 常规
$--border-2: var(--border-2) !default; // 较粗
$--border-3: var(--border-3) !default; // 粗

// 边框圆角
$--border-radius-none: var(--border-radius-none) !default; // 直角
$--border-radius-small: var(--border-radius-small) !default; // 圆角-常规
$--border-radius-medium: var(--border-radius-medium) !default; // 圆角-中等
$--border-radius-large: var(--border-radius-large) !default; // 圆角-较大
$--border-radius-circle: var(--border-radius-circle) !default; // 圆角-全圆角

// 阴影
$--shadow1-center: var(--shadow1-center) !default; // 阴影样式1
$--shadow2-center: var(--shadow2-center) !default; // 阴影样式2
$--shadow3-center: 3px 0 5px rgba(0,0,0,0.05) !default;
$--shadow4-center: -3px 0 5px rgba(0,0,0,0.05) !default;


  // 完整色盘
  // 碧涛青 Cyan
  $--cyan-6: #{"rgb(var(--cyan-6))"} !default;
  $--cyan-5: #{"rgb(var(--cyan-5))"} !default;
  $--cyan-7: #{"rgb(var(--cyan-7))"} !default;
  $--cyan-3: #{"rgb(var(--cyan-3))"} !default;
  $--cyan-2: #{"rgb(var(--cyan-2))"} !default;
  $--cyan-1: #{"rgb(var(--cyan-1))"} !default;

  // 晚秋红 Orange Red
  $--orangered-6: #{"rgb(var(--orangered-6))"} !default;
  $--orangered-5: #{"rgb(var(--orangered-5))"} !default;
  $--orangered-7: #{"rgb(var(--orangered-7))"} !default;
  $--orangered-3: #{"rgb(var(--orangered-3))"} !default;
  $--orangered-2: #{"rgb(var(--orangered-2))"} !default;
  $--orangered-1: #{"rgb(var(--orangered-1))"} !default;

  // 黄昏 Gold
  $--gold-6: #{"rgb(var(--gold-6))"} !default;
  $--gold-5: #{"rgb(var(--gold-5))"} !default;
  $--gold-7: #{"rgb(var(--gold-7))"} !default;
  $--gold-3: #{"rgb(var(--gold-3))"} !default;
  $--gold-2: #{"rgb(var(--gold-2))"} !default;
  $--gold-1: #{"rgb(var(--gold-1))"} !default;

  // 海蔚蓝 Blue
  $--blue-6: #{"rgb(var(--blue-6))"} !default;
  $--blue-5: #{"rgb(var(--blue-5))"} !default;
  $--blue-7: #{"rgb(var(--blue-7))"} !default;
  $--blue-3: #{"rgb(var(--blue-3))"} !default;
  $--blue-2: #{"rgb(var(--blue-2))"} !default;
  $--blue-1: #{"rgb(var(--blue-1))"} !default;

  // 暗夜紫 Purple
  $--purple-6: #{"rgb(var(--purple-6))"} !default;
  $--purple-5: #{"rgb(var(--purple-5))"} !default;
  $--purple-7: #{"rgb(var(--purple-7))"} !default;
  $--purple-3: #{"rgb(var(--purple-3))"} !default;
  $--purple-2: #{"rgb(var(--purple-2))"} !default;
  $--purple-1: #{"rgb(var(--purple-1))"} !default;

  // 柠檬黄 Yellow
  $--yellow-6: #{"rgb(var(--yellow-6))"} !default;
  $--yellow-5: #{"rgb(var(--yellow-5))"} !default;
  $--yellow-7: #{"rgb(var(--yellow-7))"} !default;
  $--yellow-3: #{"rgb(var(--yellow-3))"} !default;
  $--yellow-2: #{"rgb(var(--yellow-2))"} !default;
  $--yellow-1: #{"rgb(var(--yellow-1))"} !default;

  // 新生绿 lime
  $--lime-6: #{"rgb(var(--lime-6))"} !default;
  $--lime-5: #{"rgb(var(--lime-5))"} !default;
  $--lime-7: #{"rgb(var(--lime-7))"} !default;
  $--lime-3: #{"rgb(var(--lime-3))"} !default;
  $--lime-2: #{"rgb(var(--lime-2))"} !default;
  $--lime-1: #{"rgb(var(--lime-1))"} !default;

  // 青春紫 Pink Purple
  $--pinkpurple-6: #{"rgb(var(--pinkpurple-6))"} !default;
  $--pinkpurple-5: #{"rgb(var(--pinkpurple-5))"} !default;
  $--pinkpurple-7: #{"rgb(var(--pinkpurple-7))"} !default;
  $--pinkpurple-3: #{"rgb(var(--pinkpurple-3))"} !default;
  $--pinkpurple-2: #{"rgb(var(--pinkpurple-2))"} !default;
  $--pinkpurple-1: #{"rgb(var(--pinkpurple-1))"} !default;

  // 品红 magenta
  $--magenta-6: #{"rgb(var(--magenta-6))"} !default;
  $--magenta-5: #{"rgb(var(--magenta-5))"} !default;
  $--magenta-7: #{"rgb(var(--magenta-7))"} !default;
  $--magenta-3: #{"rgb(var(--magenta-3))"} !default;
  $--magenta-2: #{"rgb(var(--magenta-2))"} !default;
  $--magenta-1: #{"rgb(var(--magenta-1))"} !default;

  // 中性灰 grey
  $--grey-6: #{"rgb(var(--grey-6))"} !default;
  $--grey-5: #{"rgb(var(--grey-5))"} !default;
  $--grey-7: #{"rgb(var(--grey-7))"} !default;
  $--grey-3: #{"rgb(var(--grey-3))"} !default;
  $--grey-2: #{"rgb(var(--grey-2))"} !default;
  $--grey-1: #{"rgb(var(--grey-1))"} !default;


/* Transition
-------------------------- */

$--all-transition: all .3s cubic-bezier(.645, .045, .355, 1) !default;
$--fade-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) !default;
$--fade-linear-transition: opacity 200ms linear !default;
$--md-fade-transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1),
opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) !default;
$--border-transition-base: border-color .2s cubic-bezier(.645, .045, .355, 1) !default;
$--color-transition-base: color .2s cubic-bezier(.645, .045, .355, 1) !default;

/* Color
-------------------------- */
//warning-light-bg
$--warning-light-bg: $--warning-1; // #FFF7E8;
/// color|1|Brand Color|0
$--color-primary: $--primary-6 !default; // #165DFF
/// color|1|Background Color|4
$--color-white: #FFFFFF !default;
/// color|1|Background Color|4
$--color-transparent: transparent!default;
$--color-F4F7FF: $--link-1 !default; // #F4F7FF;
$--color-black: #000000 !default;
// $--color-primary-light-1: mix($--color-white, $--primary-6, 10%) !default;

/* 53a8ff */

// $--color-primary-light-2: mix($--color-white, --primary-6, 20%) !default;

/* 66b1ff */

// $--color-primary-light-3: mix($--color-white, $--primary-6, 30%) !default;

/* 79bbff */

// $--color-primary-light-4: mix($--color-white, $--primary-6, 40%) !default;

/* 8cc5ff */

// $--color-primary-light-5: mix($--color-white, $--primary-6, 50%) !default;

/* a0cfff */

// $--color-primary-light-6: mix($--color-white, $--primary-6, 60%) !default;

/* b3d8ff */

// $--color-primary-light-7: mix($--color-white, $--primary-6, 70%) !default;

/* c6e2ff */

// $--color-primary-light-8: mix($--color-white, $--primary-6, 80%) !default;

/* d9ecff */

// $--color-primary-light-9: mix($--color-white, $--primary-6, 90%) !default;

/* ecf5ff */
$--icon-success: $--success-6; // #00B42A;
$--color-primary-hover: $--primary-5 !default;
$--color-primary-active: $--primary-7 !default;
$--color-secondary-active: $--color-text-4 !default; // #C9CDD4
$--color-linear-hover: $--primary-1 !default; // #E8F3FF
$--color-linear-active: $--primary-2 !default; // #BEDAFF
/// color|1|Functional Color|1
$--color-success: $--success-6 !default; // #00B42A
$--background-color-success: $--success-1 !default; // #E8FFEA
$--color-hover-success: $--success-4 !default; // #AFF0B5
/// color|1|Functional Color|1
$--color-warning: $--warning-6 !default; // #ff7d00
$--background-color-warning: $--warning-1 !default; // #FFF7E8
$--color-hover-warning: $--warning-2 !default; // #FFE4BA
/// color|1|Functional Color|1
$--color-danger: $--danger-6 !default; // #F53F3F
$--background-color-danger: $--danger-1 !default; // #FFECE8
$--color-hover-danger: $--danger-2 !default; // #FDCDC5
/// color|1|Functional Color|1
$--color-info: $--primary-6 !default; // #165DFF
$--color-info-semi: $--color-text-3 !default; // #86909C
$--color-info2: #3491FA !default;
$--color-info3: $--color-fill-5 !default; // #C9CDD4
$--background-color-info2: #E8F7FF !default;
$--color-hover-info2: #C3E7FE !default;
$--color-secondary: $--color-fill-3 !default; // #f2f3f5
// $--color-success-light: mix($--color-white, $--success-6, 80%) !default;
// $--color-warning-light: mix($--color-white, $--warning-6, 80%) !default;
// $--color-danger-light: mix($--color-white, $--danger-6, 80%) !default;
// $--color-info-light: mix($--color-white, $--primary-6, 80%) !default;
// $--color-success-lighter: mix($--color-white, $--success-6, 90%) !default;
// $--color-warning-lighter: mix($--color-white, $--warning-6, 90%) !default;
// $--color-danger-lighter: mix($--color-white, $--danger-6, 90%) !default;
// $--color-info-lighter: mix($--color-white, $--primary-6, 90%) !default;
/// color|1|Font Color|2
$--color-text-primary: $--color-text-1 !default;
/// color|1|Font Color|2
$--color-text-regular: $--color-text-1 !default; // #1D2129
/// color|1|Font Color|2
$--color-text-secondary: $--color-text-2 !default;
/// color|1|Font Color|2
$--color-disabled-border: $--color-border-3 !default;
$--color-text-placeholder: $--color-text-3 !default; // #86909C
$--color-disabled-background: $--primary-3 !default;
//$--color-secondary-disabled-background: #F7F8FA !default;
$--color-secondary-disabled-background: $--color-fill-2 !default;
$--color-text-active: $--color-border-3 !default;
/// color|1|Border Color|3
$--border-color-base: $--color-border-3 !default;
/// color|1|Border Color|3
$--border-color-light: $--color-border-3 !default;
/// color|1|Border Color|3
$--border-color-lighter: $--color-border-2 !default;
/// color|1|Border Color|3
$--border-color-extra-light: $--primary-3 !default; // #94BFFF
// Background
/// color|1|Background Color|4
$--background-color-base: #F5F7FA !default;
$--background-input-color-base: $--color-border-2 !default;
// close-icon
$--color-close-icon: $--color-text-3 !default; // #86909C
$--background-color-close: #F3F4F5 !default;
$--color-hover-close: #E7E9EB !default;
/* Link
-------------------------- */

// $--link-color: mix($--color-white, $--primary-6, 20%) !default;
$--link-hover-color: $--primary-6 !default;

/* Border
-------------------------- */

$--border-width-base: $--border-1 !default; // 1px
$--border-style-base: solid !default;
$--border-style-dashed: dashed !default;
$--border-color-hover: $--color-text-3 !default;
$--border-base: $--border-1 $--border-style-base $--border-color-base !default;
/// borderRadius|1|Radius|0
$--border-radius-base: $--border-radius-medium !default;
/// borderRadius|1|Radius|0
// $--border-radius-small: 2px !default;
$--border-radius-dialog: $--border-radius-large !default; // 8px
/// borderRadius|1|Radius|0
// $--border-radius-circle: 100% !default;
/// borderRadius|1|Radius|0
$--border-radius-zero: $--border-radius-none !default; // 0
// Box-shadow
/// boxShadow|1|Shadow|1
$--box-shadow-base: 0 2px 4px rgba(0, 0, 0, .12),
0 0 6px rgba(0, 0, 0, .04) !default;
// boxShadow|1|Shadow|1
$--box-shadow-dark: 0 2px 4px rgba(0, 0, 0, .12),
0 0 6px rgba(0, 0, 0, .12) !default;
/// boxShadow|1|Shadow|1
$--box-shadow-light: $--shadow2-center !default;

$--popover-shadow-light: 0px 4px 16px 0px rgba(78, 89, 105, 0.16) !default;
$--box-shadow: 0px 2px 10px 0px rgba(78, 89, 105, 0.1) !default;
//el-icon-success


/* Fill
-------------------------- */

$--fill-base: $--color-white !default;

/* Typography
-------------------------- */

$--font-path: 'fonts' !default;
$--font-display: 'auto' !default;
/// fontSize|1|Font Size|0
$--font-size-extra-large: $--font-size-title-2 !default; // 20px
/// fontSize|1|Font Size|0
$--font-size-large: 18px !default;
/// fontSize|1|Font Size|0
$--font-size-extra-medium: $--font-size-title-2 !default; // 20px
/// fontSize|1|Font Size|0
$--font-size-operate-small: $--font-size-display-1 !default; // 36px
/// fontSize|1|Font Size|0
$--font-size-operate-medium: $--font-size-display-2 !default; // 48px
/// fontSize|1|Font Size|0
$--font-size-operate-large: $--font-size-display-3 !default; // 56px
/// fontSize|1|Font Size|0
$--font-size-medium: $--font-size-title-1 !default; // 16px
/// fontSize|1|Font Size|0
$--font-size-base: $--font-size-body-3 !default; // 14px
/// fontSize|1|Font Size|0
$--font-size-small: $--font-size-body-2 !default; // 23px
/// fontSize|1|Font Size|0
$--font-size-minimum: 10px !default;
/// fontSize|1|Font Size|0
$--font-size-extra-small: $--font-size-body-1 !default; // 12px
/// fontWeight|1|Font Weight|1
$--font-weight-primary: $--font-weight-400 !default; // 100
$--font-weight-large: $--font-weight-500 !default; // 500
/// fontWeight|1|Font Weight|1
$--font-weight-secondary: 100 !default;
/// fontWeight|1|Font Weight|1
$--font-weight: $--font-weight-600 !default; // 600
/// fontLineHeight|1|Line Height|2
$--font-line-height-primary: 24px !default;
$--font-line-height-title: 26px !default;
/// fontLineHeight|1|Line Height|2
$--font-line-height-secondary: 16px !default;
$--font-color-disabled-base: #bbb !default;

/* Size
-------------------------- */

$--size-base: $--font-size-body-3 !default;
$--size-small: $--font-size-body-1 !default;

/* z-index
-------------------------- */

$--index-normal: 1 !default;
$--index-top: 1000 !default;
$--index-popper: 2000 !default;

/* Disable base
-------------------------- */

$--disabled-fill-base: $--background-color-base !default;
$--disabled-color-base: $--color-text-3 !default;
$--disabled-border-base: $--border-color-light !default;

/* Icon
-------------------------- */

$--icon-color: #666 !default;
$--icon-color-base: $--primary-6 !default;

/* Checkbox
-------------------------- */

/// fontSize||Font|1
$--checkbox-font-size: $--font-size-body-3 !default; // 14px
/// fontWeight||Font|1
$--checkbox-font-weight: $--font-weight-primary !default;
/// color||Color|0
$--checkbox-font-color: $--color-text-1 !default;
$--checkbox-input-background-hover: $--color-fill-3 !default;
$--checkbox-input-border-radius-hover: 50% !default;
$--checkbox-input-height-hover: 24px !default;
$--checkbox-input-width-hover: 24px !default;
$--checkbox-input-inner-height: 14px !default;
$--checkbox-input-inner-width: 14px !default;
/// borderRadius||Border|2
$--checkbox-border-radius: $--border-radius-small !default;
/// color||Color|0
$--checkbox-background-color: $--color-white !default;
$--checkbox-input-border: $--border-2 $--border-style-base $--color-border-3 !default;
/// color||Color|0
$--checkbox-disabled-border-color: $--color-border-3 !default;
$--checkbox-disabled-input-fill: $--color-fill-3 !default;
$--checkbox-disabled-icon-color: $--color-text-3 !default;
$--checkbox-disabled-checked-input-fill: $--primary-3 !default;
$--checkbox-disabled-checked-input-border-color: $--primary-3 !default;
$--checkbox-disabled-checked-icon-color: $--color-white !default;
$--checkbox-disabled-checked-input-color: $--color-white !default;
/// color||Color|0
$--checkbox-checked-font-color: $--primary-6 !default;
$--checkbox-checked-input-border-color: $--primary-6 !default;
/// color||Color|0
$--checkbox-checked-background-color: $--primary-6 !default;
$--checkbox-checked-icon-color: $--fill-base !default;
$--checkbox-input-border-color-hover: $--color-text-4 !default;
/// height||Other|4
$--checkbox-bordered-height: 40px !default;
/// padding||Spacing|3
$--checkbox-bordered-padding: 9px 20px 9px 10px !default;
/// padding||Spacing|3
$--checkbox-bordered-medium-padding: 7px 20px 7px 10px !default;
/// padding||Spacing|3
$--checkbox-bordered-small-padding: 5px 15px 5px 10px !default;
/// padding||Spacing|3
$--checkbox-bordered-mini-padding: 2px 15px 2px 10px !default;
$--checkbox-bordered-medium-input-height: 14px !default;
$--checkbox-bordered-medium-input-width: 14px !default;
/// height||Other|4
$--checkbox-bordered-medium-height: 36px !default;
$--checkbox-bordered-small-input-height: 12px !default;
$--checkbox-bordered-small-input-width: 12px !default;
/// height||Other|4
$--checkbox-bordered-small-height: 32px !default;
$--checkbox-bordered-mini-input-height: 12px !default;
$--checkbox-bordered-mini-input-width: 12px !default;
/// height||Other|4
$--checkbox-bordered-mini-height: 28px !default;
/// color||Color|0
$--checkbox-button-checked-background-color: $--primary-6 !default;
/// color||Color|0
$--checkbox-button-checked-font-color: $--color-white !default;
/// color||Color|0
$--checkbox-button-checked-border-color: $--primary-6 !default;

/* Radio
-------------------------- */

/// fontSize||Font|1
$--radio-font-size: $--font-size-medium !default;
/// fontWeight||Font|1
$--radio-font-weight: $--font-weight-primary !default;
/// color||Color|0
$--radio-font-color: $--color-text-1 !default;
$--radio-input-height: 14px !default;
$--radio-input-width: 14px !default;
/// borderRadius||Border|2
$--radio-input-border-radius: $--border-radius-circle !default;
/// color||Color|0
$--radio-input-background-color: $--color-white !default;
$--radio-input-border: $--border-base !default;
/// color||Color|0
$--radio-input-border-color: $--border-color-base !default;
/// color||Color|0
$--radio-icon-color: $--color-white !default;
$--radio-disabled-input-border-color: $--disabled-border-base !default;
$--radio-disabled-input-fill: $--disabled-fill-base !default;
$--radio-disabled-icon-color: $--disabled-fill-base !default;
$--radio-disabled-checked-input-border-color: $--disabled-border-base !default;
$--radio-disabled-checked-input-fill: $--primary-3 !default;
$--radio-disabled-checked-icon-color: $--color-white !default;
/// color||Color|0
$--radio-checked-font-color: $--primary-6 !default;
/// color||Color|0
$--radio-checked-input-border-color: $--primary-6 !default;
/// color||Color|0
$--radio-checked-input-background-color: $--color-white !default;
/// color||Color|0
$--radio-checked-icon-color: $--primary-6 !default;
$--radio-input-border-color-hover: $--color-text-4 !default;
$--radio-bordered-height: 40px !default;
$--radio-bordered-padding: 9px 20px 9px 10px !default;
$--radio-bordered-medium-padding: 7px 20px 9px 10px !default;
$--radio-bordered-small-padding: 5px 15px 0 10px !default;
$--radio-bordered-mini-padding: 6px 15px 0 10px !default;
$--radio-bordered-medium-input-height: 14px !default;
$--radio-bordered-medium-input-width: 14px !default;
$--radio-bordered-medium-height: 36px !default;
$--radio-bordered-small-input-height: 12px !default;
$--radio-bordered-small-input-width: 12px !default;
$--radio-bordered-small-height: 32px !default;
$--radio-bordered-mini-input-height: 12px !default;
$--radio-bordered-mini-input-width: 12px !default;
$--radio-bordered-mini-height: 28px !default;
/// fontSize||Font|1
$--radio-button-font-size: $--font-size-base !default;
/// color||Color|0
$--radio-button-checked-background-color: $--primary-6 !default;
/// color||Color|0
$--radio-button-checked-font-color: $--color-white !default;
/// color||Color|0
$--radio-button-checked-border-color: $--primary-6 !default;
$--radio-button-disabled-checked-fill: $--primary-3 !default;

$--radio-group-button-border-color: $--color-border-3 !default;
$--radio-group-button-disabled-text-color: $--color-text-4 !default;

/* Select
-------------------------- */

$--select-border-color-hover: $--border-color-hover !default;
$--select-disabled-border: $--disabled-border-base !default;
$--select-border-color: $--color-border-3 !default;
/// fontSize||Font|1
$--select-font-size: $--font-size-base !default;
$--select-close-hover-color: $--color-text-2 !default;
$--select-input-color: $--color-text-2 !default;
$--select-multiple-input-color: #666 !default;
/// color||Color|0
$--select-input-focus-border-color: $--primary-6 !default;
/// fontSize||Font|1
$--select-input-font-size: $--font-size-title-1 !default;
$--select-option-color: $--color-text-1 !default;
$--select-option-disabled-color: $--color-text-4 !default;
$--select-option-disabled-background: $--color-white !default;
/// height||Other|4
$--select-option-height: 36px !default;
$--select-option-hover-background: $--color-fill-3 !default;
/// color||Color|0
$--select-option-selected-font-color: $--primary-6 !default;
$--select-option-selected-hover: $--background-color-base !default;
$--select-group-color: $--color-text-3 !default;
$--select-group-height: 36px !default;
$--select-group-font-size: $--font-size-body-1 !default;
$--select-dropdown-background: $--color-white !default;
$--select-dropdown-shadow: $--box-shadow-light !default;
$--select-dropdown-empty-color: #{"rgb(var(--grey-6))"} !default;
/// height||Other|4
$--select-dropdown-max-height: 274px !default;
$--select-dropdown-padding: 4px 0 !default;
$--select-dropdown-empty-padding: 7px 12px !default;
$--select-dropdown-border: solid 1px $--border-color-lighter !default;

/* Alert
-------------------------- */

$--alert-padding: 8px 16px !default;
/// borderRadius||Border|2
$--alert-border-radius: $--border-radius-base !default;
/// fontSize||Font|1
$--alert-title-font-size: 13px !default;
/// fontSize||Font|1
$--alert-description-font-size: $--font-size-body-1 !default;
/// fontSize||Font|1
$--alert-close-font-size: $--font-size-body-1 !default;
/// fontSize||Font|1
$--alert-close-customed-font-size: 13px !default;
// $--alert-success-color: $--color-success-lighter !default;
// $--alert-info-color: $--color-info-lighter !default;
// $--alert-warning-color: $--color-warning-lighter !default;
// $--alert-danger-color: $--color-danger-lighter !default;
/// height||Other|4
$--alert-icon-size: 16px !default;
/// height||Other|4
$--alert-icon-large-size: 28px !default;

/* Container
--------------------------*/
$--container-header-box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2) !default;
/* MessageBox
-------------------------- */

/// color||Color|0
$--messagebox-title-color: $--color-text-1 !default;
$--msgbox-width: 420px !default;
$--msgbox-border-radius: 4px !default;
$--msgbox-content-border-color: $--background-input-color-base !default;
/// fontSize||Font|1
$--messagebox-font-size: $--font-size-large !default;
/// fontSize||Font|1
$--messagebox-content-font-size: $--font-size-base !default;
/// color||Color|0
$--messagebox-content-color: $--color-text-1 !default;
/// fontSize||Font|1
$--messagebox-error-font-size: 12px !default;
$--msgbox-padding-primary: 24px !default;
/// color||Color|0
$--messagebox-success-color: $--success-6 !default;
/// color||Color|0
$--messagebox-info-color: $--primary-6 !default;
/// color||Color|0
$--messagebox-warning-color: $--warning-6 !default;
/// color||Color|0
$--messagebox-danger-color: $--danger-6 !default;

/* Message
-------------------------- */

$--message-shadow: $--box-shadow-base !default;
$--message-min-width: 380px !default;
$--message-background-color: #fff !default;
$--message-padding: 15px 16px !default;
/// color||Color|0
$--message-close-icon-color: $--color-text-3 !default;
/// height||Other|4
$--message-close-size: 16px !default;
/// color||Color|0
$--message-close-hover-color: $--color-text-2 !default;
/// color||Color|0
$--message-success-font-color: $--success-6 !default;
/// color||Color|0
$--message-info-font-color: $--primary-6 !default;
/// color||Color|0
$--message-warning-font-color: $--warning-6 !default;
/// color||Color|0
$--message-danger-font-color: $--danger-6 !default;

/* Notification
-------------------------- */

$--notification-width: 400px !default;
/// padding||Spacing|3
//$--notification-padding: 14px 26px 14px 13px !default;
$--notification-padding: 16px !default;
$--notification-radius: 4px !default;
$--notification-shadow: 0 4px 16px 0 rgba(78, 89, 105, 0.16) !default;
/// footer||width
$--notification-footer-width: 348px !default;
/// footer||top
$--notification-footer-top: 16px !default;
/// color||Color|0
$--notification-border-color: #E9EBF2 !default;
$--notification-icon-size: 16px !default;
$--notification-close-font-size: $--message-close-size !default;
$--notification-group-margin-left: 13px !default;
$--notification-group-margin-right: 8px !default;
/// fontSize||Font|1
$--notification-content-font-size: $--font-size-base !default;
/// color||Color|0
$--notification-content-color: $--color-text-2 !default;
/// fontSize||Font|1
$--notification-title-font-size: 16px !default;
/// color||Color|0
$--notification-title-color: $--color-text-1 !default;
/// color||Color|0
$--notification-close-color: $--color-text-3 !default;
/// color||Color|0
$--notification-close-hover-color: $--color-text-1 !default;
/// color||Color|0
$--notification-success-icon-color: $--success-6 !default;
/// color||Color|0
$--notification-info-icon-color: $--primary-6 !default;
/// color||Color|0
$--notification-warning-icon-color: $--warning-6 !default;
/// color||Color|0
$--notification-danger-icon-color: $--danger-6 !default;
/// padding
$--notification-icon-padding: 4px 6px 0 0 !default;
$--notification-icon-margin-right: 8px !default;

/* Input
-------------------------- */

$--input-font-size: $--font-size-medium !default;
/// color||Color|0
$--input-font-color: $--color-text-1 !default;
/// height||Other|4
$--input-width: 140px !default;
/// height||Other|4
$--input-height: 36px !default;
$--input-line-height: 36px !default;
$--input-border: $--border-1 solid $--color-border-3 !default;
$--input-border-color: $--border-color-base !default;
/// borderRadius||Border|2
$--input-border-radius: $--border-radius-base !default;
$--input-border-color-hover: $--color-linear-hover !default;
$--input-background-color-hover: $--color-fill-3 !default;
/// color||Color|0
$--input-background-color: $--color-white !default;
$--input-fill-disabled: $--disabled-fill-base !default;
$--input-color-disabled: $--font-color-disabled-base !default;
/// color||Color|0
$--input-icon-color: $--color-text-active !default;
$--input-icon-font-size: $--font-size-title-1 !default;
$--input-text-font-size: $--font-size-body-3 !default;
$--input-icon-bg-color-hover: #E9EBF2 !default;
/// color||Color|0
$--input-placeholder-color: $--color-text-3 !default;
$--input-max-width: 314px !default;
$--input-hover-border: $--border-color-base !default;
$--input-clear-hover-color: $--color-text-2 !default;
$--input-clear-hover-background-color: $--color-text-active !default;
$--input-focus-border: $--primary-6 !default;
$--input-focus-fill: $--color-white !default;

$--input-disabled-fill: $--color-fill-2 !default;
$--input-disabled-border: $--color-border-3 !default;
$--input-disabled-color: $--color-text-4 !default;
$--input-disabled-placeholder-color: $--color-text-4 !default;
/// fontSize||Font|1
$--input-medium-font-size: $--font-size-body-3 !default; // 14px 输入框等icon的字体默认是16px
/// height||Other|4
$--input-large-height: 36px !default;
/// fontSize||Font|1
$--input-small-font-size: $--font-size-body-2 !default; // 13px
/// height||Other|4
$--input-medium-height: 32px !default;
/// fontSize||Font|1
$--input-mini-font-size: $--font-size-body-1 !default; // 12px
/// height||Other|4
$--input-small-height: 28px !default;
$--input-mini-height: 24px !default;

/* Cascader
-------------------------- */

/// color||Color|0
$--cascader-menu-font-color: $--color-text-1 !default;
/// color||Color|0
$--cascader-menu-selected-font-color: $--primary-6 !default;
$--cascader-menu-fill: $--fill-base !default;
$--cascader-menu-font-size: $--font-size-base !default;
$--cascader-menu-radius: $--border-radius-base !default;
$--cascader-menu-border: $--border-1 solid $--color-border-3 !default;
$--cascader-menu-shadow: $--box-shadow-light !default;
$--cascader-node-background-hover: $--color-fill-3 !default;
$--cascader-node-color-disabled: $--color-text-4 !default;
$--cascader-color-empty:$--color-text-3 !default;
$--cascader-tag-background: $--cascader-node-background-hover;

/* Group
-------------------------- */

$--group-option-flex: 0 0 (1/5) * 100% !default;
$--group-option-offset-bottom: 12px !default;
$--group-option-fill-hover: rgba($--color-black, 0.06) !default;
$--group-title-color: $--color-black !default;
$--group-title-font-size: $--font-size-base !default;
$--group-title-width: 66px !default;

/* Tab
-------------------------- */

$--tab-font-size: $--font-size-base !default;
$--tab-border-line: 1px solid #e4e4e4 !default;
$--tab-header-color-active: $--color-text-2 !default;
$--tab-header-color-hover: $--color-text-1 !default;
$--tab-header-color: $--color-text-1 !default;
$--tab-header-fill-active: rgba($--color-black, 0.06) !default;
$--tab-header-fill-hover: rgba($--color-black, 0.06) !default;
$--tab-vertical-header-width: 90px !default;
$--tab-vertical-header-count-color: $--color-white !default;
$--tab-vertical-header-count-fill: $--color-text-2 !default;

/* Button
-------------------------- */

/// fontSize||Font|1
$--button-font-size: 0 !default;
$--button-inner-font-size: $--font-size-base !default;
/// fontWeight||Font|1
$--button-font-weight: $--font-weight-primary !default;
/// borderRadius||Border|2
$--button-border-radius: $--border-radius-base !default;
/// padding||Spacing|3
$--button-padding-vertical: 10px !default;
/// padding||Spacing|3
$--button-padding-horizontal: 19px !default;
$--button-icon-border-radius: $--border-radius-base !default;
$--button-icon-padding-vertical: 9px !default;
$--button-icon-padding-horizontal: 10px !default;
/// fontSize||Font|1
$--button-large-font-size: $--font-size-base !default;
/// borderRadius||Border|2
$--button-large-border-radius: $--border-radius-base !default;
/// padding||Spacing|3
$--button-large-padding-vertical: 10px !default;
$--button-large-padding-horizontal: 20px !default;
$--button-large-no-border-padding-vertical: 11px !default;
$--button-no-border-padding-horizontal: 20px !default;
/// fontSize||Font|1
$--button-medium-font-size: $--font-size-base !default;
/// borderRadius||Border|2
$--button-medium-border-radius: $--border-radius-base !default;
/// padding||Spacing|3
$--button-medium-padding-vertical: 8px !default;
$--button-medium-no-border-padding-vertical: 9px !default;
/// padding||Spacing|3
$--button-medium-padding-horizontal: 15px !default;
$--button-medium-no-border-padding-horizontal: 16px !default;
/// fontSize||Font|1
$--button-small-font-size: $--size-base !default;
$--button-small-border-radius: $--border-radius-base !default;
/// padding||Spacing|3
$--button-small-padding-vertical: 6px !default;
$--button-small-no-border-padding-vertical: 7px !default;
/// padding||Spacing|3
$--button-small-padding-horizontal: 15px !default;
$--button-small-no-border-padding-horizontal: 16px !default;

/// fontSize||Font|1
$--button-mini-font-size: $--font-size-body-1 !default;
$--button-mini-border-radius: $--border-radius-small !default;
/// padding||Spacing|3
$--button-mini-padding-vertical: 4px !default;
$--button-mini-no-border-padding-vertical: 5px !default;
/// padding||Spacing|3
$--button-mini-padding-horizontal: 11px !default;
$--button-mini-no-border-padding-horizontal: 12px !default;
/// color||Color|0
$--button-default-font-color: $--color-text-1 !default;
/// color||Color|0
$--button-default-background-color: $--color-white !default;
/// color||Color|0
$--button-default-border-color: $--border-color-base !default;
$--button-disabled-font-color: $--color-white !default;
$--button-disabled-background-color: $--primary-3 !default;
$--button-disabled-border-color: $--primary-3 !default;
/// color||Color|0
$--button-primary-border-color: $--primary-6 !default;
/// color||Color|0
$--button-primary-font-color: $--color-white !default;
/// color||Color|0
$--button-primary-background-color: $--primary-6 !default;
$--button-secondary-border-color: $--color-fill-3 !default;
$--button-secondary-font-color: $--color-text-2 !default;
$--button-secondary-background-color: $--color-fill-3 !default;
$--button-secondary-hover: $--color-text-active !default;
$--button-secondary-active: $--color-text-4 !default;
$--button-secondary-disabled-font-color: $--color-text-4 !default;
$--button-secondary-disabled-background-color: $--color-fill-2 !default;
$--button-secondary-disabled-border-color: $--color-fill-2 !default;
$--button-linear-border-color: $--primary-6 !default;
$--button-linear-font-color: $--primary-6 !default;
$--button-linear-background-color: $--color-white !default;
$--button-linear-hover: $--color-linear-hover !default;
$--button-linear-active: $--primary-2 !default;
$--button-linear-disabled-font-color: $--primary-3 !default;
$--button-linear-disabled-background-color: $--color-white !default;
$--button-linear-disabled-border-color: $--primary-3 !default;
$--button-plain-border-color: $--color-text-active !default;
$--button-plain-font-color: $--color-text-2 !default;
$--button-plain-background-color: $--color-white !default;
$--button-plain-border-hover: $--color-text-4 !default;
$--button-plain-hover: $--color-fill-3 !default;
$--button-plain-border-active: $--color-text-4 !default;
$--button-plain-active: $--color-text-active !default;
$--button-plain-disabled-font-color: $--color-text-4 !default;
$--button-plain-disabled-background-color: $--color-white !default;
$--button-plain-disabled-border-color: $--border-color-base !default;
$--button-text-hover: $--color-fill-3 !default;
$--button-text-active: $--color-text-active !default;
$--button-text-disabled-font-color: $--primary-3 !default;
$--button-text-disabled-background-color: $--color-fill-3 !default;
$--button-text-disabled-border-color: $--color-fill-3 !default;
$--button-table-hover: $--primary-5 !default;
$--button-table-active: $--primary-7 !default;
$--button-table-disabled-font-color: $--color-text-4 !default;
$--button-icon-border-color: $--color-text-4 !default;
$--button-icon-font-color: $--color-text-2 !default;
$--button-icon-background-color: $--color-fill-3 !default;
$--button-icon-border-hover: $--color-text-4 !default;
$--button-icon-hover: $--color-text-active !default;
$--button-icon-border-active: $--primary-6 !default;
$--button-icon-font-active: $--primary-6 !default;
$--button-icon-active: $--color-white !default;
$--button-hover-tint-percent: 20% !default;
$--button-active-shade-percent: 10% !default;
$--button-medium-padding-vertical-drawer-default: 10px !default;
$--button-medium-padding-horizontal-drawer-default: 19px !default;
$--button--secondary-border-left-color: $--color-border-3 !default;

/* cascader
-------------------------- */

$--cascader-height: 200px !default;

/* Switch
-------------------------- */

/// color||Color|0
$--switch-on-color: $--primary-6 !default;
$--switch-on-disabled-color: $--color-fill-3 !default;
/// color||Color|0
$--switch-off-color: $--color-text-4 !default;
$--switch-off-disabled-color: $--color-fill-3 !default;
/// fontSize||Font|1
$--switch-font-size: $--font-size-extra-small !default;
$--switch-core-border-radius: 12px !default;
$--switch-core-small-border-radius: 10px !default;
// height||Other|4 TODO: width 代码写死的40px 所以下面这三个属性都没意义
$--switch-width: 44px !default;
$--switch-width-small: 28px !default;
// height||Other|4
$--switch-height: 24px !default;
$--switch-height-small: 16px !default;
// height||Other|4
$--switch-button-size: 16px !default;

/* Dialog
-------------------------- */

$--dialog-background-color: $--color-white !default;
$--dialog-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !default;
/// fontSize||Font|1
$--dialog-title-font-size: $--font-size-large !default;
/// fontSize||Font|1
$--dialog-content-font-size: 14px !default;
/// fontLineHeight||LineHeight|2
$--dialog-font-line-height: $--font-line-height-primary !default;
/// padding||Spacing|3
$--dialog-padding-primary: 20px !default;

/* Table
-------------------------- */

/// color||Color|0
$--table-border-color: $--color-border-3 !default;
$--table-border: $--border-1 solid $--table-border-color !default;
/// color||Color|0
$--table-font-color: $--color-text-1 !default;
/// color||Color|0
$--table-header-font-color: $--color-text-3 !default;
/// color||Color|0
$--table-row-hover-background-color: $--background-color-base !default;
// $--table-current-row-background-color: mix($--color-white, $--primary-6, 90%) !default;
$--table-current-row-background-color: $--primary-1 !default;
/// color||Color|0
$--table-header-background-color: $--primary-1 !default;
$--table-fixed-box-shadow: 0 0 10px rgba(0, 0, 0, .12) !default;
$--table-top-box-shadow: 0 10px 0 0 rgba(0, 0, 0, .12) !default;


/* Pagination
-------------------------- */

/// fontSize||Font|1
$--pagination-font-size: $--font-size-body-2 !default; // 13px
/// color||Color|0
$--pagination-background-color: $--color-white !default;
/// color||Color|0
$--pagination-font-color: $--color-text-primary !default;
$--pagination-border-radius: 3px !default;
/// color||Color|0
$--pagination-button-color: $--color-text-primary !default;
/// height||Other|4
$--pagination-button-width: 35.5px !default;
/// height||Other|4
$--pagination-button-height: 32px !default;
/// color||Color|0
$--pagination-button-disabled-color: $--color-text-4 !default;
/// color||Color|0
$--pagination-button-disabled-background-color: $--color-white !default;
/// color||Color|0
$--pagination-hover-color: $--primary-6 !default;

/* Popup
-------------------------- */

/// color||Color|0
$--popup-modal-background-color: $--color-black !default;
/// opacity||Other|1
$--popup-modal-opacity: 0.5 !default;

/* Popover
-------------------------- */

/// color||Color|0
$--popover-background-color: $--color-white !default;
/// fontSize||Font|1
$--popover-font-size: $--font-size-base !default;
/// color||Color|0
$--popover-border-color: $--border-color-lighter !default;
$--popover-arrow-size: 6px !default;
/// padding||Spacing|3
$--popover-padding: 12px !default;
$--popover-padding-large: 18px 20px !default;
$--grid-width: 600px !default;

/// fontSize||Font|1
$--popover-title-font-size: 12px !default;
/// color||Color|0
$--popover-title-font-color: $--color-text-1 !default;

/* Tooltip
-------------------------- */

/// color|1|Color|0
$--tooltip-fill: rgba(var(--color-neutral-9), 0.9) !default;
/// color|1|Color|0
$--tooltip-color: $--color-white !default;
/// fontSize||Font|1
$--tooltip-font-size: $--font-size-body-3 !default;
/// color||Color|0
$--tooltip-border-color: rgba(var(--color-neutral-9), 0.9) !default;
$--tooltip-arrow-size: 4px !default;
/// padding||Spacing|3
$--tooltip-padding: 8px 12px !default;

/* Tag
-------------------------- */

/// color||Color|0
$--tag-background-color: $--color-fill-3 !default;
$--tag-info-text-color: $--color-text-1 !default;
/// fontSize||Font|1
$--tag-font-size: 14px !default;
$--tag-border-radius: $--border-radius-medium !default; // 4px
$--tag-padding: 0 28px 0 8px !default;
$--tag-close-text-color: $--color-text-2 !default;
$--tag-close-hover-background-color: $--color-text-active !default;
$-tag-hit-hover-background: $--color-linear-hover !default;
$tag-dashed-border-color: $--color-text-4 !default;

/* Tree
-------------------------- */

/// color||Color|0
$--tree-node-hover-background-color: $--background-color-base !default;
/// color||Color|0
$--tree-font-color: $--color-text-1 !default;
/// color||Color|0
$--tree-expand-icon-color: $--color-text-2 !default;
$--tree-node-label-padding: 12px 0;
$--tree-node-margin: auto 4px;

/* Dropdown
-------------------------- */

$--dropdown-menu-box-shadow: $--box-shadow-light !default;
// $--dropdown-menuItem-hover-fill: mix($--color-white, $--primary-6, 90%) !default;
// $--dropdown-menuItem-hover-color: $--link-color !default;
$--dropdown-menuItem-hover-fill: $--primary-1 !default;
$--dropdown-menuItem-hover-color: $--primary-5 !default;

/* Badge
-------------------------- */

/// color||Color|0
$--badge-background-color: $--danger-6 !default;
$--badge-disabled-background-color: $--color-text-active !default;
$--badge-disabled-font-color: $--color-text-3 !default;
$--badge-radius: 10px !default;
/// fontSize||Font|1
$--badge-font-size: $--font-size-body-1 !default; // 12px
/// padding||Spacing|3
$--badge-padding: 4.5px !default;
/// height||Other|4
$--badge-size: 16px !default;
$--badge-height: 20px !default;

/* Card
--------------------------*/

/// color||Color|0
$--card-border-color: $--border-color-lighter !default;
$--card-border-radius: $--border-radius-medium !default;
$--card-header-height: 64px !default;
$--card-header-second-height: 56px !default;
/// padding||Spacing|3
$--card-main-text-color: $--color-text-1 !default;
$--card-sub-text-color: $--color-text-3 !default;
$--card-footer-top: #E9EBF2 !default;
$--card-concise-height: 60px !default;
$--card-onlyheader-height: 80px !default;
$--card-concise-font-size: 12px !default;
$--card-title-font-size: 18px !default;

/* Slider
--------------------------*/

/// color||Color|0
$--slider-main-background-color: $--primary-6 !default;
/// color||Color|0
$--slider-runway-background-color: $--border-color-light !default;
// $--slider-button-hover-color: mix($--primary-6, black, 97%) !default;
$--slider-stop-background-color: $--color-white !default;
$--slider-disable-color: $--color-text-3 !default;
$--slider-disable-color-semi: $--color-disabled-border !default;
$--slider-margin: 16px 0 !default;
$--slider-border-radius: 3px !default;
/// height|1|Other|4
$--slider-height: 6px !default;
/// height||Other|4
$--slider-button-size: 16px !default;
$--slider-button-wrapper-size: 36px !default;
$--slider-button-wrapper-offset: -15px !default;
$--slider-button-wrapper-offset-set: -17px !default;

/* Steps
--------------------------*/

$--steps-border-color: $--disabled-border-base !default;
$--steps-border-radius: $--border-radius-medium !default;
$--steps-padding: 20px !default;
$--steps-default-line-bg: $--color-border-2 !default;

/* Menu
--------------------------*/

/// fontSize||Font|1
$--menu-item-font-size: $--font-size-base !default;
/// color||Color|0
$--menu-item-font-color: $--color-text-primary !default;
/// color||Color|0
$--menu-background-color: $--color-white !default;
$--menu-item-hover-fill: $--color-secondary !default;
$--menu-nav-border-color: #E5E6EB !default;
$--menu-normal-color: #4e5969 !default;

/* Comment
--------------------------*/
$--comment-text-color: #4e5969 !default;

$--rate-height: 20px !default;
/// fontSize||Font|1
$--rate-font-size: $--font-size-base !default;
/// height||Other|3
$--rate-icon-size-small: $--font-size-title-1 !default;
$--rate-icon-size-medium: $--font-size-title-2 !default;
$--rate-icon-size-large: $--font-size-title-3 !default;
/// margin||Spacing|2
$--rate-icon-margin: 6px !default;
$--rate-icon-color: $--color-text-3 !default;

/* DatePicker
--------------------------*/
$--datepicker-width: 200px !default;
$--datepicker-month-width: 280px !default;
$--datepicker-daterange-width: 320px !default;
$--datepicker-datetimerange-width: 400px !default;
$--datepicker-font-color: $--color-text-1 !default;
$--datepicker-separator-font-color: $--color-text-3 !default;
$--datepicker-type-font-color: $--color-text-2 !default;
/// color|1|Color|0
$--datepicker-off-font-color: $--color-text-4 !default;
/// color||Color|0
$--datepicker-header-font-color: $--color-text-1 !default;
$--datepicker-icon-color: $--color-text-primary !default;
$--datepicker-border-color: $--border-color-base !default;
$--datepicker-inner-border-color: $--color-border-2 !default;
/// color||Color|0
$--datepicker-inrange-background-color: $--color-linear-hover !default;
/// color||Color|0
$--datepicker-inrange-hover-background-color: $--color-linear-hover !default;
/// color||Color|0
$--datepicker-active-color: $--primary-6 !default;
/// color||Color|0
$--datepicker-hover-font-color: $--primary-6 !default;
$--datepicker-hover-background-color: $--color-fill-3 !default;
$--datepicker-cell-hover-color: $--color-white !default;
$--datepicker-today-border-color: $--primary-6 !default;
$--datepicker-current-font-color: $--color-white !default;
$--datepicker-border-radius: 13px !default;
$--datepicker-font-size-base: $--font-size-base !default;
$--datepicker-icon-lint-height: 43px !default;
$--datepicker-font-weight: $--font-weight-500 !default;
$--datepicker-select-type-height: 44px !default;
$--datepicker-header-height: 44px !default;
$--datepicker-footer-height: 44px !default;
$--datepicker-item-min-width: 56px !default;
$--datepicker-font-size: $--font-size-title-1 !default;
// $--datepicker-panel-border-color: #dcdcdc !default;
$--datepicker-th-font-color: $--color-text-3 !default;

/* Loading
--------------------------*/

/// height||Other|4
$--loading-spinner-size: 40px !default;
/// height||Other|4
$--loading-fullscreen-spinner-size: 50px !default;

/* Scrollbar
--------------------------*/

$--scrollbar-background-color: rgba(var(--color-text-2), .3) !default;
$--scrollbar-hover-background-color: rgba(var(--color-text-2), .5) !default;

/* Carousel
--------------------------*/

/// fontSize||Font|1
$--carousel-arrow-font-size: 12px !default;
$--carousel-arrow-size: 36px !default;
// $--carousel-arrow-background: rgba(var(--color-neutral-6),0.6000) !default;
// $--carousel-arrow-hover-background: rgba(31, 45, 61, 0.23) !default;
/// width||Other|4
$--carousel-indicator-width: 12px !default;
$--carousel-indicator-button-vertical-line-width: 4px !default;
/// height||Other|4
$--carousel-indicator-height: 4px !default;
$--carousel-indicator-padding-horizontal: 4px !default;
$--carousel-indicator-padding-vertical: 12px !default;
$--carousel-indicator-out-color: $--border-color-hover !default;
$--carousel-indicator-button-circle: 6px !default;
$--carousel-indicator-button-vertical-margin: 4px 22px !default;
$--carousel-indicator-button-vertical-line-height: 32px !default;

$--carousel-indicator-button-vertical-line-margin: 0px 20px !default;
$--carousel-indicator-button-margin: 22px 2px 22px !default;
$--carousel-indicator-button-line-margin-left: 0 20px !default;
$--carousel-indicator-button-line-margin:22px 0!default;

/* Collapse
--------------------------*/

/// color||Color|0
$--collapse-border-color: $--border-color-lighter !default;
/// height||Other|4
$--collapse-header-height: 22px !default;
/// color||Color|0
$--collapse-header-background-color: $--color-white !default;
/// color||Color|0
$--collapse-header-font-color: $--color-text-1 !default;
/// fontSize||Font|1
$--collapse-header-font-size: 13px !default;
/// color||Color|0
$--collapse-content-background-color: $--color-white !default;
/// fontSize||Font|1
$--collapse-content-font-size: 13px !default;
/// color||Color|0
$--collapse-content-font-color: $--color-text-primary !default;

/* Transfer
--------------------------*/

$--transfer-border-color: $--border-color-lighter !default;
// $--transfer-panel-border-radius: 4px 0 0 4px !default;
// $--transfer-view-border-radius: 0 4px 4px 0 !default;
/// height||Other|4
$--transfer-panel-width: 350px !default;
/// height||Other|4
$--transfer-panel-header-height: 50px !default;
/// color||Color|0
$--transfer-panel-header-background-color: $--color-white !default;
/// height||Other|4
$--transfer-panel-footer-height: 50px !default;
/// height||Other|4
$--transfer-panel-body-height: 382px !default;
/// height||Other|4
$--transfer-item-height: 44px !default;
/// height||Other|4
$--transfer-filter-height: 36px !default;

/* Header
  --------------------------*/

$--header-padding: 0 20px !default;

/* Footer
--------------------------*/

$--footer-padding: 0 20px !default;

/* Main
--------------------------*/

$--main-padding: 20px !default;

/* Timeline
--------------------------*/

$--timeline-node-size-normal: 6px !default;
$--timeline-node-size-large: 14px !default;
$--timeline-node-color: $--primary-6 !default;

/* Backtop
--------------------------*/

/// color||Color|0
$--backtop-background-color: $--color-white !default;
$--backtop-background-blue-color: $--primary-6 !default;
$--backtop-background-blue-hover-color: $--primary-5 !default;
$--backtop-background-gray-color: $--color-fill-3 !default;
$--backtop-background-gray-hover-color: $--color-bg-4 !default;
$--backtop-boder-gray-color: $--color-border-3 !default;
$--backtop-boder-gray-hover-color: $--color-fill-5 !default;
$--backtop-gray-color: $--color-text-3 !default;
/// color||Color|0
$--backtop-font-color: $--primary-6 !default;
/// color||Color|0
$--backtop-hover-background-color: $--primary-3 !default;

/* Link
--------------------------*/

/// fontSize||Font|1
$--link-font-size: $--font-size-base !default;
/// fontWeight||Font|1
$--link-font-weight: $--font-weight-primary !default;
$--link-padding: 4px !default;
$--link-hover-background-color: $--color-fill-3 !default;
$--link-active-background-color: $--color-text-active !default;
/// color||Color|0
$--link-default-font-color: $--primary-6 !default;
/// color||Color|0
$--link-default-active-color: $--primary-6 !default;
/// color||Color|0
$--link-disabled-font-color: $--color-text-3 !default;
/// color||Color|0
$--link-success-font-color: $--success-6 !default;
/// color||Color|0
$--link-warning-font-color: $--warning-6 !default;
/// color||Color|0
$--link-danger-font-color: $--danger-6 !default;

/* Calendar
--------------------------*/

/// border||Other|4
$--calendar-border: $--border-1 solid $--color-border-2 !default;
/// color||Other|4
// $--calendar-selected-background-color: #F2F8FE !default;
$--calendar-cell-width: 110px !default;
$--calendar-week-day-width: 60px !default;
$--calendar-week-border: $--border-color-base !default;
$--calendar-week-border-active: $--primary-6 !default;
$--calendar-week-color: $--color-text-3 !default;
// $--calendar-info-color: #C9CDD4 !default;
$--calendar-info-second-color: $--color-text-2 !default;

/* Form
-------------------------- */

/// fontSize||Font|1
$--form-label-font-size: $--font-size-base !default;

/* Avatar
--------------------------*/

/// color||Color|0
$--avatar-font-color: #fff !default;
/// color||Color|0
$--avatar-background-color: $--color-text-4 !default;
/// fontSize||Font Size|1
$--avatar-text-font-size: $--font-size-body-3 !default;
/// fontSize||Font Size|1
$--avatar-icon-font-size: 20px !default;
/// borderRadius||Border|2
$--avatar-border-radius: $--border-radius-base !default;
/// size|1|Avatar Size|3
$--avatar-large-size: 64px !default;
/// size|1|Avatar Size|3
$--avatar-medium-size: 40px !default;
/// size|1|Avatar Size|3
$--avatar-small-size: 32px !default;
$--avatar-mini-size: 24px !default;

/* Empty
-------------------------- */

$--empty-padding: 40px 0 !default;
$--empty-image-width: 160px !default;
$--empty-description-margin-top: 20px !default;
$--empty-bottom-margin-top: 20px !default;

/* image
-------------------------- */
$--image-border-color: #eff2f6 !default;
$--image-color: #8492a6 !default;

/* Descriptions
-------------------------- */

$--descriptions-header-margin-bottom: 20px !default;
$--descriptions-title-font-size: $--font-size-title-1 !default;
$--descriptions-table-border: $--border-1 $--border-style-base $--color-border-3 !default;
$--descriptions-item-bordered-label-background: $--color-fill-2 !default;

/* Skeleton
--------------------------*/

$--skeleton-color: #f2f3f5 !default;
$--skeleton-to-color: #e6e6e6 !default;

/* Svg
--------------- */

$--svg-monochrome-grey: #DCDDE0 !default;

/* Result
-------------------------- */

$--result-padding: 40px 30px !default;
$--result-icon-font-size: 40px !default;
$--result-icon-font-size-large: 92px !default;
$--result-title-font-size: $--font-size-title-1 !default;
$--result-icon-margin-bottom: 16px !default;
$--result-title-margin-top: 18px !default;
$--result-subtitle-margin-top: 8px !default;
$--result-extra-margin-top: 24px !default;
$--result-info-color: $--primary-6 !default;
$--result-success-color: $--success-6 !default;
$--result-warning-color: $--warning-6 !default;
$--result-danger-color: $--danger-6 !default;

/* Break-point
--------------------------*/

$--sm: 768px !default;
$--md: 992px !default;
$--lg: 1200px !default;
$--xl: 1920px !default;
$--breakpoints: ( 'xs': (max-width: $--sm - 1), 'sm': (min-width: $--sm), 'md': (min-width: $--md), 'lg': (min-width: $--lg), 'xl': (min-width: $--xl));
$--breakpoints-spec: ( 'xs-only': (max-width: $--sm - 1), 'sm-and-up': (min-width: $--sm), 'sm-only': "(min-width: #{$--sm}) and (max-width: #{$--md - 1})", 'sm-and-down': (max-width: $--md - 1), 'md-and-up': (min-width: $--md), 'md-only': "(min-width: #{$--md}) and (max-width: #{$--lg - 1})", 'md-and-down': (max-width: $--lg - 1), 'lg-and-up': (min-width: $--lg), 'lg-only': "(min-width: #{$--lg}) and (max-width: #{$--xl - 1})", 'lg-and-down': (max-width: $--xl - 1), 'xl-only': (min-width: $--xl), );


/* drawer
----------------*/

$--drawer-small-padding: 14px !default;
$--drawer-medium-padding: 19px !default;
$--drawer-large-padding: 24px !default;


/* radio-card
--------------------------*/

$--radio-card-margin: 24px !default;
$--progress-width: 199px !default;

/* trigger
----------------------------*/
$--trigger-size-arrow-width: 6px;
$--trigger-color-arrow-bg: $--danger-6;
$--trigger-border-color: #E5E6EB !default;
// $--trigger-border-arrow-radius: 2px;

/* organization
----------------------------*/
$--organization-text-color: $--color-text-1 !default;
$--organization-primary-text-color: $--primary-6 !default;
$--organization-background-hover-color: $--color-fill-3 !default;
$--organization-duty-color: $--success-6 !default;
$--organization-duty-background-color: #E6F7E6 !default;
$--organization-role-color: $--organization-primary-text-color;
$--organization-role-background-color: #E5F2FF !default;
$--organization-more-color: #74788D !default;
$--organization-more-background-color: #F4F4F5 !default;
$--organization-box-shadow-color: #E5E5E5 !default;
$--organization-remove-background-hover-color: #E5E6EB !default;
/* multiple - upload
--------------------------*/
$--multiple-border-color: $--color-border-3 !default;
$--multiple-text-color: red;
$--multiple-bor-dashed-color: #d9d9d9;
$--multiple-bg-hover-color: #e9ebf2;

/* date-quick-picker
--------------------------*/
$--date-quick-gray-color:#606266;
$--date-quick-bg-rgba-color: rgba(0, 0, 0, 0);
$--date-quick-border-color: #DCDCDC;
$--date-quick-bor-bot-color: rgba(0, 0, 0, 0.1);
$--date-quick-bor-rgba-color: rgba(0, 131, 255, 0);
$--date-quick-background-color: rgba(0, 131, 255, 0.1);


/* tag-select-dialog
--------------------------*/
$--tagselect-close-hover-collor: #3F79FB;

/* mark
--------------------------*/
$--mark: #{"rgb(var(--yellow-6))"} !default;