@charset "UTF-8";
/*
  @component message
  @display Message
  @chinese 信息反馈
  @family feedback
*/
:root {
  /**
   @desc spacing
   @semantic 元素间距
   @namespace size/bounding
  */
  --message-spacing: var(--box-medium-spacing);
  /*
   @desc corner
   @semantic 圆角尺寸
   @namespace size/bounding
  */
  --message-corner: var(--corner-zero);
  /**
   @desc elevation
   @semantic 海拔
   @namespace size/elevation
  */
  --message-elevation: var(--elevation-4);
  /**
   @desc font-large
   @semantic 标题字号
   @namespace size/medium
  */
  --message-font-large: var(--p-body-2-font-size);
  /**
   @desc font-small
   @semantic 内容字号

   @namespace size/medium
  */
  --message-font-small: var(--p-body-1-font-size);
  /**
   @desc title-color
   @semantic 标题颜色
   @namespace color/normal
  */
  --message-title-color: var(--color-text1-4);
  /**
   @desc bg
   @semantic 背景色
   @namespace color/success
  */
  --message-bg-success: var(--color-success-1);
  /**
   @desc bg
   @semantic 背景色
   @namespace color/warning
  */
  --message-bg-warning: var(--color-warning-1);
  /**
   @desc bg
   @semantic 背景色
   @namespace color/error
  */
  --message-bg-error: var(--color-error-1);
  /**
   @desc bg
   @semantic 背景色
   @namespace color/notice
  */
  --message-bg-notice: var(--color-notice-1);
  /**
   @desc bg
   @semantic 背景色
   @namespace color/help
  */
  --message-bg-help: var(--color-help-1);
  /**
   @desc bg
   @semantic 背景色
   @namespace color/loading
  */
  --message-bg-loading: var(--color-white);
  /**
   @desc icon
   @semantic 图标色
   @namespace color/success
  */
  --message-icon-success: var(--color-success-3);
  /**
   @desc icon
   @semantic 图标色
   @namespace color/warning
  */
  --message-icon-warning: var(--color-warning-4);
  /**
   @desc icon
   @semantic 图标色
   @namespace color/error
  */
  --message-icon-error: var(--color-error-3);
  /**
   @desc icon
   @semantic 图标色
   @namespace color/notice
  */
  --message-icon-notice: var(--color-help-3);
  /**
   @desc icon
   @semantic 图标色
   @namespace color/help
  */
  --message-icon-help: var(--color-notice-3);
  /**
   @desc icon
   @semantic 图标色
   @namespace color/loading
  */
  --message-icon-loading: var(--color-brand-3);
  /**
   @desc bg
   @semantic 背景色
   @namespace color/toast
  */
  --message-toast-bg: rgba(0, 0, 0, 0.6);
  /**
   @desc min-width
   @semantic 最小宽度
   @namespace size/toast
  */
  --message-toast-min-width: var(--s-20);
  /**
   @desc color
   @semantic 文本颜色
   @namespace color/toast
  */
  --message-toast-color: var(--color-white);
  /**
   @desc padding
   @semantic 边距
   @namespace size/toast
  */
  --message-toast-spacing: 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-headline-icon-size); }
