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

@include b(message-box) {
  background-color: getCssVarWebex('background', 'solid', 'primary', 'normal');
  border-color: getCssVarWebex('outline', 'secondary', 'normal');
  color: getCssVarWebex('text', 'primary', 'normal');
  border-radius: getCssVarWebexCom('border', 'radius', 'core', 'large');
  @include e(title) {
    color: getCssVarWebex('text', 'primary', 'normal');
  }
  @include e(headerbtn) {
    .el-message-box__close {
      color: getCssVarWebex('text', 'secondary', 'normal');
    }
    &:focus, &:hover {
      .el-message-box__close {
        color: getCssVarWebex('text', 'primary', 'normal');
      }
    }
  }
}
