@import '../index.less';
@btri-alert: ~'@{ant-prefix}-btri-alert';
@btri-alert-box: ~'@{btri-alert}-box';

.@{btri-alert-box} {
  &.@{ant-prefix}-alert {
    padding: var(--padding-base);
    line-height: 22px;
    &.@{ant-prefix}-alert-with-description {
      align-items: center;
      .@{ant-prefix}-alert-message {
        font-size: var(--font-size-base);
      }
    }

    &.@{ant-prefix}-alert-info {
      &.@{ant-prefix}-alert-no-icon {
        .@{ant-prefix}-alert-message {
          color: var(--primary-6);
        }
      }
      .@{ant-prefix}-alert-close-icon {
        color: var(--primary-3);
      }
    }
    &.@{ant-prefix}-alert-success {
      &.@{ant-prefix}-alert-no-icon {
        .@{ant-prefix}-alert-message {
          color: var(--green-7);
        }
      }
      .@{ant-prefix}-alert-close-icon {
        color: var(--green-3);
      }
    }
    &.@{ant-prefix}-alert-warning {
      &.@{ant-prefix}-alert-no-icon {
        .@{ant-prefix}-alert-message {
          color: var(--orange-7);
        }
      }
      .@{ant-prefix}-alert-close-icon {
        color: var(--orange-3);
      }
    }
    &.@{ant-prefix}-alert-error {
      &.@{ant-prefix}-alert-no-icon {
        .@{ant-prefix}-alert-message {
          color: var(--red-7);
        }
      }
      .@{ant-prefix}-alert-close-icon {
        color: var(--red-3);
      }
    }
    .@{ant-prefix}-alert-message {
      margin-bottom: 0;
    }
    &.@{btri-alert}-has-description .@{ant-prefix}-alert-icon {
      align-self: start;
    }
    .@{ant-prefix}-alert-icon {
      font-size: var(--h1-font-size);
    }
    .@{ant-prefix}-btri-icon-box {
      margin-right: 0;
    }
    .@{ant-prefix}-alert-close-icon {
      font-size: var(--banner-font-size);
    }
    &.@{ant-prefix}-alert-no-icon {
      padding: var(--padding-xs) var(--padding-base);
    }
    .@{ant-prefix}-alert-message {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
    }
    .@{ant-prefix}-alert-description {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      color: var(--caption-font);
      margin-top: 8px;
    }
  }
}