.flash-message {
    opacity: 0;
    transform: translateY(-24px);
    animation: flashIn 0.4s cubic-bezier(0.16, 1, 0.3, 1) 0.05s forwards,
    flashOut 0.4s cubic-bezier(0.4, 0, 1, 1) 3.6s forwards;
}

.flash-message.notice {
    background-color: var(--current-fade-green-color);
    color: var(--current-green-color);
    border: 1px solid #7272722b;
}

.flash-message.alert {
    background-color: var(--current-fade-red-color);
    color: var(--current-red-color);
    border: 1px solid #7272722b;
}

@keyframes flashIn {
    from {
        opacity: 0;
        transform: translateY(-24px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes flashOut {
    from {
        opacity: 1;
        transform: translateY(0);
    }
    to {
        opacity: 0;
        transform: translateY(-12px);
    }
}