// @import '../../style/themes/index';
// @import '../../style/mixins/index';

// @alert-prefix-cls: ~'@{ant-prefix}-alert';

// .@{alert-prefix-cls} {
//   .reset-component();

//   position: relative;
//   display: flex;
//   align-items: center;
//   padding: 8px 15px;
//   word-wrap: break-word;
//   border-radius: @border-radius-base;

//   &-content {
//     flex: 1;
//     min-width: 0;
//   }

//   &-icon {
//     margin-right: @margin-xs;
//   }

//   &-description {
//     display: none;
//     font-size: @font-size-base;
//     line-height: @font-size-base + 8px;
//   }

//   &-success {
//     background-color: @alert-success-bg-color;
//     border: @border-width-base @border-style-base @alert-success-border-color;
//     .@{alert-prefix-cls}-icon {
//       color: @alert-success-icon-color;
//     }
//   }

//   &-info {
//     background-color: @alert-info-bg-color;
//     border: @border-width-base @border-style-base @alert-info-border-color;
//     .@{alert-prefix-cls}-icon {
//       color: @alert-info-icon-color;
//     }
//   }

//   &-warning {
//     background-color: @alert-warning-bg-color;
//     border: @border-width-base @border-style-base @alert-warning-border-color;
//     .@{alert-prefix-cls}-icon {
//       color: @alert-warning-icon-color;
//     }
//   }

//   &-error {
//     background-color: @alert-error-bg-color;
//     border: @border-width-base @border-style-base @alert-error-border-color;

//     .@{alert-prefix-cls}-icon {
//       color: @alert-error-icon-color;
//     }

//     .@{alert-prefix-cls}-description > pre {
//       margin: 0;
//       padding: 0;
//     }
//   }

//   &-action {
//     margin-left: @margin-xs;
//   }

//   &-close-icon {
//     margin-left: @margin-xs;
//     padding: 0;
//     overflow: hidden;
//     font-size: @font-size-sm;
//     line-height: @font-size-sm;
//     background-color: transparent;
//     border: none;
//     outline: none;
//     cursor: pointer;

//     .@{iconfont-css-prefix}-close {
//       color: @alert-close-color;
//       transition: color 0.3s;

//       &:hover {
//         color: @alert-close-hover-color;
//       }
//     }
//   }

//   &-close-text {
//     color: @alert-close-color;
//     transition: color 0.3s;

//     &:hover {
//       color: @alert-close-hover-color;
//     }
//   }

//   &-with-description {
//     align-items: flex-start;
//     padding: @alert-with-description-padding;
//   }

//   &-with-description&-no-icon {
//     padding: @alert-with-description-no-icon-padding-vertical 15px;
//   }

//   &-with-description &-icon {
//     margin-right: @alert-with-description-padding-vertical;
//     font-size: @alert-with-description-icon-size;
//   }

//   &-with-description &-message {
//     display: block;
//     margin-bottom: 4px;
//     color: @alert-message-color;
//     font-size: @font-size-lg;
//   }

//   &-message {
//     color: @alert-message-color;
//   }

//   &-with-description &-description {
//     display: block;
//   }

//   &&-motion-leave {
//     overflow: hidden;
//     opacity: 1;
//     transition: max-height 0.3s @ease-in-out-circ, opacity 0.3s @ease-in-out-circ,
//       padding-top 0.3s @ease-in-out-circ, padding-bottom 0.3s @ease-in-out-circ,
//       margin-bottom 0.3s @ease-in-out-circ;
//   }

//   &&-motion-leave-active {
//     max-height: 0;
//     margin-bottom: 0 !important;
//     padding-top: 0;
//     padding-bottom: 0;
//     opacity: 0;
//   }

//   &-banner {
//     margin-bottom: 0;
//     border: 0;
//     border-radius: 0;
//   }
// }

// @import './rtl';