.flash {

    margin-bottom: var(--sp-4);
    padding: var(--sp-3) var(--sp-4);
    border-radius: var(--radius);
    font-size: var(--text-sm);
    text-align: center;

}

.flash.success {

    border: 1px solid #86efac;
    background: #dcfce7;
    color: #166534;

}

.flash.warning {

    border: 1px solid #fcd34d;
    background: #fef3c7;
    color: #92400e;

}

.flash.error {

    border: 1px solid #fca5a5;
    background: #fee2e2;
    color: #991b1b;

}