.alert {
    --bs-alert-bg: var(--ad-surface-2, #141416);
    --bs-alert-color: inherit;
    --bs-alert-border-color: var(--ad-border-hairline, rgba(255, 255, 255, .08));
    border-radius: 16px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06);
}

.alert .alert-heading {
    color: #fff;
    font-size: 1.125rem;
    align-items: center;
}

.alert .alert-heading img {
    width: 22px;
    height: 22px;
}

.alert-warning {
    --bs-alert-border-color: rgba(252, 168, 68, .45);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 0 24px -12px rgba(252, 168, 68, .3);
}

.alert-danger {
    --bs-alert-border-color: rgba(238, 69, 36, .5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 0 24px -12px rgba(238, 69, 36, .35);
}

.alert-success {
    --bs-alert-border-color: rgba(2, 184, 4, .4);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .06), 0 0 24px -12px rgba(2, 184, 4, .3);
}

.alert-info {
    --bs-alert-border-color: var(--ad-border-strong, rgba(255, 255, 255, .14));
}