// @import "./icon.scss";
// @import "../_utils.scss";
.#{$message-prefix-cls} {
  font-size: $font-size-small;
  position: fixed;
  z-index: $zindex-message;
  width: 100%;
  top: $message-top;
  left: $message-left;

  &-notice {
    width: auto;
    vertical-align: middle;
    position: absolute;
    left: 50%;
    pointer-events: none;

    &-close {
      position: absolute;
      right: $message-notice-close-right;
      top: $message-notice-close-top;
      color: $message-notice-close-color;

      @include theme-color($__message-close_icon-color);
      outline: none;

      i.iconfont {
        @include close-base(-1px,14px);
      }
    }
  }

  &-notice-content {
    position: relative;
    right: 50%;
    padding: $message-notice-content-padding;
    //border: 1px solid $border-color-split;
    border-radius: $border-radius-small;
    box-shadow: $message-notice-content-box-shadow;
    background: $message-notice-content-background;

    @include theme-box-shadow($__message_box-shadow);
    @include theme-background-color($__message-content_background-color);
    display: block;
    pointer-events: auto;

    &-text {
      display: inline-block;

      span {
        color: $text-color;

        @include theme-font-color($__message-text_font-color);
        font-size: $message-content-font-size;
      }
    }
  }

  &-notice-closable {
    .#{$message-prefix-cls}-notice-content-text {
      padding-right: $message-notice-content-text-padding-right;
    }
  }

  &-success .#{$icon-prefix-cls} {
    color: $success-color;

    @include theme-font-color($__message-success_icon-color);
  }

  &-error .#{$icon-prefix-cls} {
    color: $error-color;

    @include theme-font-color($__message-error_icon-color);
  }

  &-warning .#{$icon-prefix-cls} {
    color: $warning-color;

    @include theme-font-color($__message-warning_icon-color);
  }

  &-info .#{$icon-prefix-cls},
  &-loading .#{$icon-prefix-cls} {
    color: $primary-color;

    @include theme-font-color($__message-info_icon-color);
  }

  .#{$icon-prefix-cls} {
    margin-right: $message-icon-margin-right;
    font-size: $message-icon-font-size;
    top: $message-icon-top;
    position: relative;
  }
}