@charset "UTF-8";
/*
  @component message
  @display Message
  @chinese 信息反馈
  @family feedback
*/
:root {
  /*
   @desc spacing
   @semantic 内部元素间隙
   @namespace size/common
  */
  --message-spacing: var(--s-2);
  /*
   @desc padding-tb
   @semantic 上下内边距
   @namespace size/bounding
  */
  --message-padding-tb: var(--s-2);
  /*
   @desc padding-lr
   @semantic 左右内边距
   @namespace size/bounding
  */
  --message-padding-lr: var(--s-4);
  /*
   @desc corner
   @semantic 圆角尺寸
   @namespace size/bounding
  */
  --message-corner: var(--corner-zero);
  /*
   @desc min-width
   @semantic 最小尺寸
   @namespace size/bounding
  */
  --message-toast-min-width: var(--s-30);
  /*
   @desc font-large
   @semantic 标题字号
   @namespace size/common
  */
  --message-title-font-size: var(--p-body-2-font-size);
  /*
   @desc title-font-weight
   @semantic 标题字重
   @namespace size/common
  */
  --message-title-font-weight: 600;
  /*
   @desc content-font-size
   @semantic 内容字号
   @namespace size/common
  */
  --message-content-font-size: var(--p-body-1-font-size);
  /*
   @desc toast-font-size
   @semantic 内容字号
   @namespace size/toast
  */
  --message-toast-font-size: var(--p-body-1-font-size);
  /**
   @desc elevation
   @semantic 海拔
   @namespace style/common
  */
  --message-elevation: var(--elevation-4);
  /*
   @desc title-color
   @semantic 标题颜色
   @namespace style/common
  */
  --message-title-color: var(--color-text1-4);
  /*
   @desc content-color
   @semantic 内容字体颜色
   @namespace style/common
  */
  --message-content-color: var(--color-text1-3);
  /*
   @desc close-icon-color
   @semantic 默认关闭图标颜色
   @namespace style/common
  */
  --message-close-icon-color: var(--color-text1-3);
  /*
   @desc success-bg-color
   @semantic 成功背景色
   @namespace style/common
  */
  --message-success-bg-color: var(--color-success-1);
  /*
   @desc warning-bg-color
   @semantic 警告背景色
   @namespace style/common
  */
  --message-warning-bg-color: var(--color-warning-1);
  /*
   @desc error-bg-color
   @semantic 错误背景色
   @namespace style/common
  */
  --message-error-bg-color: var(--color-error-1);
  /*
   @desc notice-bg-color
   @semantic 通知背景色
   @namespace style/common
  */
  --message-notice-bg-color: var(--color-notice-1);
  /*
   @desc help-bg-color
   @semantic 帮助背景色
   @namespace style/common
  */
  --message-help-bg-color: var(--color-help-1);
  /*
   @desc loading-bg-color
   @semantic 加载背景色
   @namespace style/common
  */
  --message-loading-bg-color: var(--color-white);
  /*
   @desc success-color
   @semantic 成功字体色
   @namespace style/common
  */
  --message-success-color: var(--color-success-3);
  /*
   @desc warning-color
   @semantic 警告字体色
   @namespace style/common
  */
  --message-warning-color: var(--color-warning-3);
  /*
   @desc error-color
   @semantic 错误字体色
   @namespace style/common
  */
  --message-error-color: var(--color-error-3);
  /*
   @desc notice-color
   @semantic 通知字体色
   @namespace style/common
  */
  --message-notice-color: var(--color-notice-3);
  /*
   @desc help-color
   @semantic 帮助字体色
   @namespace style/common
  */
  --message-help-color: var(--color-help-3);
  /*
   @desc loading-color
   @semantic 加载中字体色
   @namespace style/common
  */
  --message-loading-color: var(--color-brand-3);
  /*
   @desc bg-color
   @semantic 背景色
   @namespace style/toast
  */
  --message-toast-bg: rgba(0, 0, 0, 0.6);
  /*
   @desc color
   @semantic 文本颜色
   @namespace style/toast
  */
  --message-toast-color: var(--color-white);
  /*
   @desc padding-tb
   @semantic 上下内边距
   @namespace size/toast
  */
  --message-toast-padding-tb: var(--s-2);
  /*
   @desc padding-lr
   @semantic 左右内边距
   @namespace size/toast
  */
  --message-toast-padding-lr: var(--s-3);
  /*
   @desc corner
   @semantic 圆角
   @namespace size/toast
  */
  --message-toast-corner: var(--corner-2);
  /*
   @desc icon-size
   @semantic 图标字号
   @namespace size/toast
  */
  --message-toast-icon-size: var(--p-display-1-font-size);
  /*
   @desc icon-gap
   @semantic 图标与文字的间隙
   @namespace size/toast
  */
  --message-toast-gap: var(--s-2); }
