@charset "UTF-8";
/*
  @component number-picker
  @display NumberPicker
  @chinese 数字输入框
  @family data-entry
*/
:root {
  /**
    @desc large-font-size
    @semantic 大尺寸字号
    @namespace size/font
  */
  --numberpicker-large-font-size: var(--p-subhead-font-size);
  /**
    @desc medium-font-size
    @semantic 中尺寸字号
    @namespace size/font
  */
  --numberpicker-medium-font-size: var(--p-body-2-font-size);
  /**
    @desc small-font-size
    @semantic 小尺寸字号
    @namespace size/font
  */
  --numberpicker-small-font-size: var(--p-caption-font-size);
  /*
    @desc small-width
    @semantic 输入框宽度
    @namespace size/input
  */
  --numberpicker-small-input-width: var(--s-14);
  /*
    @desc medium-width
    @semantic 输入框宽度
    @namespace size/input
  */
  --numberpicker-medium-input-width: var(--s-16);
  /*
    @desc large-width
    @semantic 输入框宽度
    @namespace size/input
  */
  --numberpicker-large-input-width: var(--s-18);
  /*
     @desc small-height
     @semantic 高度
     @namespace size/input
     @type enum
     @enum size
     @configurable
   */
  --numberpicker-small-height: calc( 2 * var(--box-small-spacing)  + 2px + var(--numberpicker-small-font-size));
  /*
      @desc medium-height
      @semantic 高度
      @namespace size/input
      @type enum
      @enum size
      @configurable
    */
  --numberpicker-medium-height: calc( 2 * var(--box-medium-spacing) + 2px + var(--numberpicker-medium-font-size));
  /*
      @desc large-height
      @semantic 高度
      @namespace size/input
      @type enum
      @enum size
      @configurable
    */
  --numberpicker-large-height: calc( 2 * var(--box-large-spacing) + 2px + var(--numberpicker-large-font-size));
  /*
    @desc margin
    @semantic 间距
    @namespace size/bounding
    @type number
  */
  --numberpicker-small-margin: 1.0666666666666667vw;
  /*
    @desc margin
    @semantic 间距
    @namespace size/bounding
    @type number
  */
  --numberpicker-medium-margin: 2.1333333333333333vw;
  /*
    @desc margin
    @semantic 间距
    @namespace size/bounding
    @type number
  */
  --numberpicker-large-margin: 3.2vw;
  /**
    @desc height
    @semantic 高度
    @namespace size/bounding
  */
  --numberpicker-height: var(--s-4);
  /**
    @desc input-border-color
    @semantic 输入框边框颜色
    @namespace state/input
  */
  --numberpicker-input-border-color: var(--color-line1-4);
  /**
    @desc input-font-color
    @semantic 输入框文字颜色
    @namespace state/normal
  */
  --numberpicker-input-color: var(--color-text1-4);
  /*
    @desc button-corner
    @semantic 按钮圆角
    @namespace size/button
  */
  --numberpicker-button-corner: var(--corner-1);
  /**
    @desc border-width
    @semantic 按钮边框尺寸
    @namespace size/button
  */
  --numberpicker-button-border-width: var(--line-1);
  /**
    @desc button-border-color
    @semantic 按钮边框颜色
    @namespace state/normal
  */
  --numberpicker-button-border-color: var(--color-line1-4);
  /**
    @desc icon-color
    @semantic 图标颜色
    @namespace state/normal
  */
  --numberpicker-button-icon-color: var(--color-text1-4);
  /**
    @desc input-color
    @semantic 禁用输入框文字颜色
    @namespace state/disabled
  */
  --numberpicker-disabled-input-color: var(--color-text1-1);
  /**
    @desc icon-color
    @semantic 禁用图标颜色
    @namespace state/disabled
  */
  --numberpicker-disabled-button-icon-color: var(--color-text1-1); }
