@charset "UTF-8";
/*
  @component action-sheet
  @display ActionSheet
  @chinese 动作面板
  @family feedback
*/
:root {
  /**
    @desc padding(l,r)
    @semantic 左右内边距
    @namespace size/bounding
   */
  --action-sheet-padding-lr: var(--s-2);
  /**
    @desc padding(t,b)
    @semantic 上下内边距
    @namespace size/bounding
   */
  --action-sheet-padding-tb: var(--s-4);
  /*
    @desc bg-color
    @semantic 背景色
    @namespace style/common
   */
  --action-sheet-bg-color: var(--color-fill1-1);
  /*
    @desc msg-font-color
    @semantic 标题字体色
    @namespace style/title
   */
  --action-sheet-msg-font-color: var(--color-text1-3);
  /*
    @desc msg-font-size
    @semantic 标题字体大小
    @namespace size/title
   */
  --action-sheet-msg-font-size: var(--p-body-1-font-size);
  /**
    @desc msg-padding
    @semantic 标题内边距
    @namespace size/title
   */
  --action-sheet-msg-padding: var(--s-4);
  /*
    @desc bg-color
    @semantic 选择项背景色
    @namespace style/common
   */
  --action-sheet-option-bg-color: var(--color-white);
  /*
    @desc divider-color
    @semantic 分割线色
    @namespace style/content
   */
  --action-sheet-option-border-color: var(--color-line1-3);
  /*
    @desc item-font-color
    @semantic 字体色
    @namespace style/content
   */
  --action-sheet-option-font-color: var(--box-normal-solid-font-color);
  /*
    @desc active-item-font-color
    @semantic 字体色（激活）
    @namespace style/content
   */
  --action-sheet-option-font-color-hover: var(--box-normal-solid-font-color-hover);
  /*
    @desc disabled-item-font-color
    @semantic 字体色（禁用）
    @namespace style/content
   */
  --action-sheet-option-font-color-disabled: var(--box-normal-solid-font-color-disabled);
  /*
    @desc item-font-size
    @semantic 字体大小
    @namespace size/content
   */
  --action-sheet-option-font-size: var(--p-body-2-font-size);
  /*
    @desc cancel-gap-size
    @semantic 取消按钮间隙
    @namespace size/content
   */
  --action-sheet-gap-height: var(--s-2);
  /*
    @desc corner
    @semantic 圆角
    @namespace size/bounding
   */
  --action-sheet-corner: var(--corner-zero);
  /*
    @desc icon-color
    @semantic 图标圆角
    @namespace size/content
   */
  --action-sheet-icon-corner: var(--corner-1);
}