/* alerts */
.kzvn-alert {
    width: 100%;
    padding: .7rem 1rem;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    border-radius: var(--border-radius);
}

.alert-warning {
    background-color: var(--alert-warning-bkg-color);
    color: var(--alert-warning-text-color);
    border: var(--border-alert-warning);
}

.alert-error {
    background-color: var(--alert-danger-bkg-color);
    color: var(--alert-danger-text-color);
    border: var(--border-alert-danger);
}

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


@media (min-width: 1080px) {
    .kzvn-alert {
        max-width: 26rem;
    }

    .kzvn-alert.width-100 {
        max-width: 100%;
    }
}