/* alert */

.alert {
    font-size: 16px;
    --bs-alert-bg: transparent;
    --bs-alert-padding-x: 32px;
    --bs-alert-padding-y: 32px;
    --bs-alert-margin-bottom: 16px;
    --bs-alert-color: inherit;
    --bs-alert-border-color: transparent;
    --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
    --bs-alert-border-radius: var(--bs-border-radius);
    --bs-alert-link-color: inherit;
    position: relative;
    padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
    margin-bottom: var(--bs-alert-margin-bottom);
    color: var(--bs-alert-color);
    background-color: var(--bs-alert-bg);
    border: 0;
    border-radius: var(--bs-alert-border-radius);
}

.alert-danger {
    --bs-alert-color: #ffffff;
    --bs-alert-bg: var(--brand);
    --bs-alert-link-color: #ffffff;
}

.alert-secondary {
    --bs-alert-color: var(--text-primary);
    --bs-alert-bg: var(--backgrounds-card-secondary);
    --bs-alert-link-color: var(--text-primary);
}

.alert-success {
    --bs-alert-color: var(--bs-success-text-emphasis);
    --bs-alert-bg: var(--bs-success-bg-subtle);
    --bs-alert-border-color: var(--bs-success-border-subtle);
    --bs-alert-link-color: var(--bs-success-text-emphasis);
}

.alert-info {
    --bs-alert-color: var(--bs-info-text-emphasis);
    --bs-alert-bg: var(--bs-info-bg-subtle);
    --bs-alert-border-color: var(--bs-info-border-subtle);
    --bs-alert-link-color: var(--bs-info-text-emphasis);
}

.alert-warning {
    --bs-alert-color: var(--bs-warning-text-emphasis);
    --bs-alert-bg: var(--bs-warning-bg-subtle);
    --bs-alert-border-color: var(--bs-warning-border-subtle);
    --bs-alert-link-color: var(--bs-warning-text-emphasis);
}

.alert-light {
    --bs-alert-color: var(--bs-light-text-emphasis);
    --bs-alert-bg: var(--bs-light-bg-subtle);
    --bs-alert-border-color: var(--bs-light-border-subtle);
    --bs-alert-link-color: var(--bs-light-text-emphasis);
}

.alert-dark {
    --bs-alert-color: var(--bs-dark-text-emphasis);
    --bs-alert-bg: var(--bs-dark-bg-subtle);
    --bs-alert-border-color: var(--bs-dark-border-subtle);
    --bs-alert-link-color: var(--bs-dark-text-emphasis);
}

.alert-content {
    position: relative;
    padding-left: calc(16px + 16px);
}

.alert i {
    font-size: 20px;
    line-height: 1.2;
    margin-right: 16px;
    position: absolute;
    top: 0;
    left: 0;
}

.alert ul li {
    margin-bottom: 0;
}

.alert ul li::marker {
    color: #ffffff;
}

.alert .errorlist > li:not(:last-of-type) {
    margin-bottom: 8px;
}

.alert .errorlist .errorlist {
    list-style: none;
    padding-left: 0;
}

.alert .errorlist .errorlist li {
    font-size: 14px;
}

@media (max-width: 1199px) {
    .alert {
        font-size: 14px;
        --bs-alert-padding-x: 20px;
        --bs-alert-padding-y: 20px;
    }
}

@media (max-width: 639px) {
    .alert {
        font-size: 12px;
        --bs-alert-padding-x: 20px;
        --bs-alert-padding-y: 20px;
    }

    .alert .errorlist > li {
        font-size: 14px;
    }

    .alert .errorlist .errorlist li {
        font-size: 12px;
    }

}