/* Inline form errors and the toast message. */

.alert-error {
    background: #fbeaea;
    border: 1px solid var(--status-unconfirmed);
    color: #8a2b2e;
    border-radius: var(--radius-sm);
    padding: 8px 12px;
    font-size: .82rem;
}

.alert-error-list {
    margin: 0;
    padding-left: 1.1em;
}

.alert-error-list li + li {
    margin-top: 2px;
}

/* ---------- Toast ---------- */

.toast {
    position: fixed;
    left: 50%;
    bottom: 28px;
    transform: translate(-50%) translateY(10px);
    background: var(--ink);
    color: var(--bg);
    padding: .625rem 1.125rem;
    border-radius: 999px;
    font-size: .86rem;
    font-weight: 600;
    opacity: 0;
    pointer-events: none;
    transition: opacity .18s ease, transform .18s ease;
    z-index: 20;
}

.toast.is-open {
    opacity: 1;
    transform: translate(-50%) translateY(0);
}