@use 'mixins/mixins' as *;
@use 'mixins/utils' as *;

@include b(message) {
  border-radius: getCssVarWebexCom('border', 'radius', 'core', 'medium');
  background-color: getCssVarWebex('background', 'solid', 'primary', 'normal');
  border-color: getCssVarWebex('outline', 'secondary', 'normal');
  color: getCssVarWebex('text', 'primary', 'normal');
  padding: var(--mds-spacing-core-x-small);
  @include e(group) {
    p {
        color: getCssVarWebex('text', 'primary', 'normal');
    }
  }
  .el-message-error i {
    color: getCssVarWebex('text', 'error', 'normal');
  }
  .el-message-success i {
    color: getCssVarWebex('text', 'success', 'normal');
  }
  .el-message-warning i {
    color: getCssVarWebex('text', 'warning', 'normal');
  }
  .el-message-message i {
    color: getCssVarWebex('text', 'accent', 'normal');
  }
}

