@import "../variate.less";

.@{elNamespace}-alert {
  --@{elNamespace}-alert-title-font-size: 12px;
  --@{elNamespace}-alert-padding: 5px 16px;
  --@{elNamespace}-alert-border-radius-base: 0px;
  &__content {
    height: 22px;
    .@{elNamespace}-alert__title {
      font-weight: 400;
      line-height: 22px;
      color: var(~'--@{elNamespace}-text-color-regular');
    }
    .@{elNamespace}-alert__close-btn {
      top: 10px;
    }
  }
  &--warning {
    --@{elNamespace}-alert-bg-color: #ffede0;
  }
  &--error {
    --@{elNamespace}-alert-bg-color: #ffe6e7;
  }
  &--error.is-light {
    color: #ff5b63;
  }
  &--info.is-light {
    background-color: #e6efff;
    color: var(~'--@{elNamespace}-color-primary');
  }
}