/**
* Copyright (c) 2022 - present TinyVue Authors.
* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
*
* Use of this source code is governed by an MIT-style license.
*
* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
*
*/

.component-css-vars-select() {
  // 输入框悬浮时的边框色(hide)
  --ti-select-inner-border-color-active: var(--ti-common-color-line-active, #5e7ce0);
  // 可搜索输入框文本色
  --ti-select-input-text-color: var(--ti-common-color-text-primary, #252b3a);
  // 选择器输入框字号(hide)
  --ti-select-input-font-size: var(--ti-common-font-size-base, 12px);
  // 选择器尾部图标距离输入框的垂直距离
  --ti-select-input-icon-top: 14px;
  // 中型选择器尾部图标距离输入框的垂直距离
  --ti-select-input-icon-top-medium: var(--ti-common-space-5x, 20px);
  // 小型选择器尾部图标距离输入框的垂直距离
  --ti-select-input-icon-top-small: var(--ti-common-space-4x, 16px);
  // 迷你型选择器尾部图标距离输入框的垂直距离
  --ti-select-input-icon-top-mini: var(--ti-common-space-3x, 12px);
  // 选择器输入框尾部图标的颜色
  --ti-select-input-caret-icon-color: var(--ti-common-color-text-secondary, #575d6c);
  // 选择器输入框尾部图标悬浮时的颜色
  --ti-select-input-caret-hover-icon-color: var(--ti-common-color-icon-hover, #5e7ce0);
  // 选择器输入框尾部图标的尺寸
  --ti-select-input-caret-font-size: 10px;
  // 选择器输入框尾部关闭图标右侧外边距
  --ti-select-input-icon-close-margin-right: var(--ti-common-space-0, 0px);
  // 选择器输入框尾部图标禁用时的颜色（hide）
  --ti-select-input-disabled-caret-text-color: var(--ti-common-color-text-disabled, #adb0b8);
  // 输入框禁用且悬浮时的边框色
  --ti-select-input-disabled-hover-border-color: var(--ti-common-color-line-disabled, #dfe1e6);
  // 迷你型选择器输入框高度（hide）
  --ti-select-input-mini-height: var(--ti-common-size-6x, 24px);
  // 小型选择器输入框高度（hide）
  --ti-select-input-small-height: var(--ti-common-size-7x, 28px);
  // 中型选择器输入框高度（hide）
  --ti-select-input-medium-height: var(--ti-common-size-42);
  // 选择器多选标签容器的左侧内边距
  --ti-select-tags-wrap-padding-left: var(--ti-common-space-1, 1px);
  // 选择器多选标签容器的顶部内边距
  --ti-select-tags-wrap-padding-top: var(--ti-common-space-1, 1px);
  // 选择器多选标签容器的底部内边距
  --ti-select-tags-wrap-padding-bottom: var(--ti-common-space-1, 1px);
  // 选择器多选标签容器的右侧内边距
  --ti-select-tags-wrap-padding-right: var(--ti-common-space-0, 0px);
  // 选择器多选标签顶部外边距
  --ti-select-tags-margin-top: var(--ti-common-space-1, 1px);
  // 选择器多选标签右侧外边距
  --ti-select-tags-margin-right: var(--ti-common-space-1, 1px);
  // 选择器多选标签底部外边距
  --ti-select-tags-margin-bottom: var(--ti-common-space-1, 1px);
  // 选择器多选标签左侧外边距
  --ti-select-tags-margin-left: var(--ti-common-space-1, 1px);
  // 选择器多选标签单行的高度
  --ti-select-tags-height: 26px;
  // 选择器后缀图标显示状态
  --ti-select-suffix-display: 'inline-block';
}
