@keyframes toast-slide-up {
    0% {
        transform: translateY(40px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes toast-slide-down {
    0% {
        transform: translateY(0);
        opacity: 1;
    }
    100% {
        transform: translateY(40px);
        opacity: 0;
    }
}

#toast-container > div {
    animation-duration: 0.6s !important;
    animation-fill-mode: both;
    border-radius: 0.75rem !important; 
    box-shadow: none !important;
}

.toast.fadeIn {
    animation-name: toast-slide-up !important;
}

.toast.fadeOut {
    animation-name: toast-slide-down !important;
}