@charset "UTF-8";
/*
  @component select-drawer
  @display SelectDrawer
  @chinese 选择抽屉
  @family utils
*/
:root {
  /*
    @desc padding(t,b)
    @namespace  size/small
    @semantic  上下内边距
  */
  --select-drawer-small-padding-tb: var(--s-1);
  /*
    @desc padding(t,b)
    @namespace  size/medium
    @semantic  上下内边距
  */
  --select-drawer-medium-padding-tb: var(--s-2);
  /*
    @desc padding(t,b)
    @namespace  size/large
    @semantic  上下内边距
  */
  --select-drawer-large-padding-tb: var(--s-3);
  /*
    @desc padding(l,r)
    @namespace  size/normal
    @semantic  左右内边距
  */
  --select-drawer-padding-lr: var(--s-4);
  /*
    @desc color
    @namespace  statement/normal
    @semantic  内容颜色
  */
  --select-drawer-normal-color: var(--color-text1-4);
  /*
    @desc  color
    @namespace  statement/inverse
    @semantic  内容颜色
  */
  --select-drawer-inverse-color: var(--color-text2-4);
  /*
    @desc  disabled-color
    @namespace  statement/normal
    @semantic  禁用颜色
  */
  --select-drawer-disabled-color: var(--color-text1-1);
  /*
    @desc  disabled-color
    @namespace  statement/inverse
    @semantic  内容颜色
  */
  --select-drawer-inverse-disabled-color: var(--color-text2-1);
  /*
    @desc  icon-color
    @namespace  statement/normal
    @semantic  箭头颜色
  */
  --select-drawer-normal-icon-color: var(--color-text1-2);
  /*
    @desc  icon-color
    @namespace  statement/inverse
    @semantic  箭头颜色
  */
  --select-drawer-inverse-icon-color: var(--color-text2-2);
  /*
    @desc  icon-disabled-color
    @namespace  statement/inverse
    @semantic  箭头禁用颜色
  */
  --select-drawer-inverse-disabled-icon-color: var(--color-text2-1);
  /*
    @desc  title-color
    @namespace  statement/normal
    @semantic  标题颜色
  */
  --select-drawer-title-color: var(--color-text1-4);
  /*
    @desc  placeholder-color
    @namespace  statement/normal
    @semantic  占位颜色
  */
  --select-drawer-normal-placeholder-color: var(--color-text1-2);
  /*
    @desc  placeholder-color
    @namespace  statement/inverse
    @semantic  占位颜色
  */
  --select-drawer-inverse-placeholder-color: var(--color-text2-2);
  /*
    @desc  font-size
    @namespace  size/large
    @semantic  字体大小
  */
  --select-drawer-large-font-size: var(--p-subhead-font-size);
  /*
    @desc  font-size
    @namespace  size/medium
    @semantic  字体大小
  */
  --select-drawer-medium-font-size: var(--p-body-2-font-size);
  /*
    @desc  font-size
    @namespace  size/small
    @semantic  字体大小
  */
  --select-drawer-small-font-size: var(--p-body-1-font-size);
  /*
    @desc  icon-size
    @namespace  size/large
    @semantic  图标大小
  */
  --select-drawer-large-icon-size: var(--icon-s);
  /*
    @desc  icon-size
    @namespace  size/medium
    @semantic  图标大小
  */
  --select-drawer-medium-icon-size: var(--icon-xs);
  /*
    @desc  icon-size
    @namespace  size/small
    @semantic  图标大小
  */
  --select-drawer-small-icon-size: var(--icon-xxs);
  /*
    @desc  padding(l,r)
    @namespace  state/empty
    @semantic  空选项时弹出框左右内边距
  */
  --select-drawer-empty-padding-lr: var(--s-5);
  /*
    @desc  padding(t,b)
    @namespace  state/empty
    @semantic  空选项时弹出框上下内边距
  */
  --select-drawer-empty-padding-tb: var(--s-10);
  /*
    @desc  content-font-color
    @namespace  state/empty
    @semantic  空选项弹出框提示文案字体颜色
  */
  --select-drawer-empty-font-color: var(--color-text1-2);
  /*
    @desc  content-font-size
    @namespace  state/empty
    @semantic  空选项弹出框提示文案字体大小
  */
  --select-drawer-empty-font-size: var(--p-body-1-font-size); }
