body {
}
.toast-slide-in {
    animation: toastIn 0.55s cubic-bezier(0.22, 1, 0.36, 1) forwards;
}

.toast-slide-out {
    animation: toastOut 0.45s cubic-bezier(0.55, 0, 0.55, 0.2) forwards;
}

@keyframes toastIn {
    0% {
        transform: translateY(120%) scale(0.95);
        opacity: 0;
    }

    60% {
        transform: translateY(-10%) scale(1);
        opacity: 1;
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes toastOut {
    0% {
        transform: translateY(0);
        opacity: 1;
    }

    100% {
        transform: translateY(120%);
        opacity: 0;
    }
}