#toastContainer {
    position: fixed;

    top: 25px;
    right: 25px;

    z-index: 3000000;

    display: flex;
    flex-direction: column;
    gap: 12px;

    pointer-events: none;
}

#toastContainer .toast {
    pointer-events: auto;
}

.toast{

    min-width:280px;

    padding:18px 22px;

    border-radius:14px;

    color:white;

    font-weight:600;

    transform:translateX(120%);

    opacity:0;

    transition:.35s;

    box-shadow:0 15px 35px rgba(0,0,0,.35);

}

.toast.show{

    transform:translateX(0);

    opacity:1;

}

.toast.success{

    background:#28a745;

}

.toast.error{

    background:#dc3545;

}

.toast.warning{

    background:#d4a000;

    color:#111;

}