/* Alerts */

.alert {
    padding: 14px 16px;
    font-size: 1rem;
    font-weight: 300;
}

.alert.compact {
    font-size: var(--14px);
}

.alert.border {
    border: 1px solid transparent;
}

.alert.rounded {
    border-radius: 0.25rem;
}

.alert.round {
    border-radius: 999px;
}

.alert.shadow {
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.1);
}

.alert h3,
.alert h4 {
    margin-top: 0;
    color: inherit;
}

.alert > p,
.alert > ul {
    margin-bottom: 0;
}
.alert > p + p {
    margin-top: 5px;
}
.alert.bottom {
    margin-bottom: 20px;
}

.alert ul,
.alert ol {
    padding-left: 15px;
}


.alert ul > li,
.alert ol > li {
    line-height: 1.15em;
}

.alert ul > li:not(:last-child),
.alert ol > li:not(:last-child) {
    margin-bottom: 0.25em;
}



/* Info */

.alert-info,
.alert.is-info {
    color: var(--text-info);
    background-color: var(--alert-info);
    border-color: #bce8f1;
}
.alert-info hr,
.alert.is-info hr {
    border-top-color: #a6e1ec;
}
.alert-info .alert-link,
.alert.is-info .alert-link {
    color: #245269;
}



/* Warning */

.alert-warning,
.alert.is-warning {
    color: var(--text-warning);
    background-color: var(--alert-warning);
    border-color: #faebcc;
}
.alert-warning hr,
.alert.is-warning hr {
    border-top-color: #f7e1b5;
}
.alert-warning .alert-link,
.alert.is-warning .alert-link {
    color: #66512c;
}



/* Success */

.alert-success,
.alert.is-success {
    color: var(--text-success);
    background-color: var(--alert-success);
    border-color: #d6e9c6;
}
.alert-success,
.alert.is-success hr {
    border-top-color: #c9e2b3;
}
.alert-success,
.alert.is-success .alert-link {
    color: #2b542c;
}



/* Error */

.alert-danger,
.alert.is-error {
    color: var(--text-danger);
    background-color: var(--alert-danger);
    border-color: #ebccd1;
}
.alert-danger hr,
.alert.is-error hr {
    border-top-color: #e4b9c0;
}
.alert-danger .alert-link,
.alert.is-error .alert-link {
    color: #843534;
}