@import './variables.scss';
@import '~@alifd/next/lib/core/style/_global';
@import '~@alifd/next/lib/core/style/_motion';
@import '~@alifd/next/lib/core/util/_mixin';

.#{$css-prefix}notification {
  .#{$css-prefix}message::before {
    content: '';
    width: 100%;
    height: 3px;
    position: absolute;
    top: 0;
    left: 0;
  }
  .#{$css-prefix}message.#{$css-prefix}message-success::before {
    background: $b-design-notification-message-success-before;
  }
  .#{$css-prefix}message.#{$css-prefix}message-warning::before {
    background: $b-design-notification-message-warning-before;
  }
  .#{$css-prefix}message.#{$css-prefix}message-error::before {
    background: $b-design-notification-message-error-before;
  }
  .#{$css-prefix}message.#{$css-prefix}message-notice::before {
    background: $b-design-notification-message-notice-before;
  }
  .#{$css-prefix}message.#{$css-prefix}message-loading::before {
    background: $b-design-notification-message-loading-before;
  }
}