/**
* 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-toast() {
  // 背景色
  --ti-mobile-toast-bg-color-primary: rgb(77 77 77 / 95%);
  // 文字颜色
  --ti-mobile-toast-text-color-primary: var(--ti-mobile-color-text-inverse, #fff);
  // 组件最大宽度
  --ti-mobile-toast-width-max: 90%;
  // 文字尺寸
  --ti-mobile-toast-text-font-size: var(--ti-mobile-font-size-m, 14px);
  // 图标尺寸
  --ti-mobile-toast-icon-size: 36px;
  // 阴影
  --ti-mobile-toast-shadow: var(--ti-mobile-shadow-s, 0 0 20px 0 rgb(0 0 0 / 8%));
  // 文字边距-水平
  --ti-mobile-toast-padding-size-horizontal: var(--ti-mobile-space-4x, 16px);
  // 文字边距-垂直
  --ti-mobile-toast-padding-size-veritical: var(--ti-mobile-space-2x, 8px);
  // 圆角尺寸
  --ti-mobile-toast-border-radius: var(--ti-mobile-border-radius-xl, 16px);
  // 图标下边距
  --ti-mobile-toast-padding-bottom: var(--ti-mobile-space-2x, 8px);
}
