/**
* 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-option-group() {
  // 分组分割线填充色
  --ti-option-group-line-dividing-bg-color: var(--ti-common-color-line-dividing, #dfe1e6);
  // 分组标题字号
  --ti-option-group-title-font-size: var(--ti-common-font-size-base, 12px);
  // 分组标题字重
  --ti-option-group-title-font-weight: var(--ti-common-font-weight-bold, 700);
  // 分组标题字体颜色
  --ti-option-group-title-text-color: var(--ti-common-color-text-weaken, #8a8e99);
  // 分组标题行高
  --ti-option-group-title-line-height: 30px;
  // 分组标题高度
  --ti-option-group-title-height: 30px;
  // 分组标题水平方向外边距
  --ti-option-group-title-padding-horizontal: var(--ti-common-space-10, 10px);
  // 分组标题顶部外边距
  --ti-option-group-title-margin-top: var(--ti-common-space-0, 0px);
  // 分组第一个标题顶部外边距
  --ti-option-group-title-margin-top-first: var(--ti-common-space-0, 0px);
  // 分组分割线高度
  --ti-option-group-line-dividing-height: var(--ti-common-size-0, 0px);
  // 分组底部内边距
  --ti-option-group-padding-bottom: var(--ti-common-space-0, 0px);
}
