@charset "UTF-8";
/*
  @component tab
  @display Tab
  @chinese 标签页
  @family navigation
*/
:root {
  /*
   @desc small-icon-size
   @namespace size/icon
   @semantic 图标尺寸
  */
  --tab-small-icon-size: var(--icon-xxs);
  /*
   @desc medium-icon-size
   @namespace size/icon
   @semantic 图标尺寸
  */
  --tab-medium-icon-size: var(--icon-xs);
  /*
   @desc large-icon-size
   @namespace size/icon
   @semantic 图标尺寸
  */
  --tab-large-icon-size: var(--icon-s);
  /*
   @desc small-spacing
   @namespace size/common
   @semantic 内部间隙
  */
  --tab-small-spacing: var(--box-small-spacing);
  /*
   @desc medium-spacing
   @namespace size/common
   @semantic 内部间隙
  */
  --tab-medium-spacing: var(--box-medium-spacing);
  /*
   @desc large-spacing
   @namespace size/common
   @semantic 内部间隙
  */
  --tab-large-spacing: var(--box-large-spacing);
  /*
   @desc small-font-size
   @namespace size/font
   @semantic 文字尺寸
  */
  --tab-small-font-size: var(--p-body-1-font-size);
  /*
   @desc active-small-font-size
   @namespace size/font
   @semantic 选中项文字尺寸
  */
  --tab-small-active-font-size: var(--p-body-1-font-size);
  /*
   @desc medium-font-size
   @namespace size/font
   @semantic 文字尺寸
  */
  --tab-medium-font-size: var(--p-body-2-font-size);
  /*
   @desc active-medium-font-size
   @namespace size/font
   @semantic 选中项文字尺寸
  */
  --tab-medium-active-font-size: var(--p-body-2-font-size);
  /*
   @desc large-font-size
   @namespace size/font
   @semantic 文字尺寸
  */
  --tab-large-font-size: var(--p-subhead-font-size);
  /*
   @desc active-large-font-size
   @namespace size/font
   @semantic 选中项文字尺寸
  */
  --tab-large-active-font-size: var(--p-subhead-font-size);
  /*
   @desc small-height
   @namespace size/common
   @semantic 高度
  */
  --tab-small-height: var(--s-10);
  /*
   @desc medium-height
   @namespace size/common
   @semantic 高度
  */
  --tab-medium-height: var(--s-12);
  /*
   @desc large-height
   @namespace size/common
   @semantic 高度
  */
  --tab-large-height: var(--s-14);
  /*
     @desc {$size}-padding
     @namespace size/bounding
     @semantic 内边距
    */
  --tab-small-padding: var(--box-small-padding);
  /*
     @desc small-border-radius
     @namespace size/bounding
     @semantic 圆角尺寸
     */
  --tab-small-corner: var(--box-small-border-radius);
  /*
     @desc {$size}-padding
     @namespace size/bounding
     @semantic 内边距
    */
  --tab-medium-padding: var(--box-medium-padding);
  /*
     @desc medium-border-radius
     @namespace size/bounding
     @semantic 圆角尺寸
     */
  --tab-medium-corner: var(--box-medium-border-radius);
  /*
     @desc {$size}-padding
     @namespace size/bounding
     @semantic 内边距
    */
  --tab-large-padding: var(--box-large-padding);
  /*
     @desc large-border-radius
     @namespace size/bounding
     @semantic 圆角尺寸
     */
  --tab-large-corner: var(--box-large-border-radius);
  /*
   @desc bg-color
   @namespace style/common
   @semantic 背景色
  */
  --tab-bg-color: var(--box-normal-outline-background-color);
  /*
   @desc capsule-bg-color
   @namespace style/capsule
   @semantic 背景色
  */
  --tab-capsule-bg-color: var(--box-normal-outline-background-color);
  /*
   @desc active-bg-color
   @namespace style/capsule
   @semantic 选中背景色
  */
  --tab-capsule-active-bg-color: var(--box-primary-solid-background-color);
  /*
   @desc divider-color
   @namespace style/common
   @semantic 分割线颜色
  */
  --tab-divider-color: var(--box-normal-outline-border-color);
  /*
   @desc divider-height
   @namespace size/common
   @semantic 分割线高度
  */
  --tab-divider-height: var(--line-1);
  /*
   @desc active-line-height
   @namespace style/common
   @semantic 激活线高度
  */
  --tab-active-line-height: 0.5333333333333333vw;
  /*
   @desc normal-color
   @namespace style/common
   @semantic 普通文本颜色
  */
  --tab-normal-color: var(--box-normal-outline-font-color);
  /*
   @desc active-color
   @namespace style/common
   @semantic 选中文本颜色
  */
  --tab-active-color: var(--box-primary-text-font-color);
  /*
   @desc capsule-normal-color
   @namespace style/capsule
   @semantic 普通文本颜色
  */
  --tab-capsule-normal-color: var(--box-normal-outline-font-color);
  /*
   @desc capsule-color
   @namespace style/capsule
   @semantic 选中文本颜色
  */
  --tab-capsule-active-color: var(--box-primary-solid-font-color);
  /*
   @desc border-color
   @namespace style/capsule
   @semantic 边框颜色
  */
  --tab-capsule-border-color: var(--box-normal-outline-border-color); }
