#snackbar-container{position:fixed;bottom:30px;right:30px;z-index:1000;display:flex;flex-direction:column;gap:10px}#snackbar{visibility:hidden;min-width:250px;margin-left:-125px;background-color:#333;color:#fff;text-align:center;padding:5px;position:fixed;z-index:1056;right:1rem;top:30px;font-size:16px;border-radius:5px;transition:opacity .5s , transform .5s;opacity:0;transform:translateY(20px)}#snackbar.success{background:#0c0!important}#snackbar.error{background:#cd0808!important}#snackbar p{margin:0;color:#fff}#snackbar.show{visibility:visible;opacity:1;transform:translateY(0)}@-webkit-keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }
    to {
        bottom: 30px;
        opacity: 1;
    }
}@keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }
    to {
        bottom: 30px;
        opacity: 1;
    }
}@-webkit-keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1;
    }
    to {
        bottom: 0;
        opacity: 0;
    }
}@keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1;
    }
    to {
        bottom: 0;
        opacity: 0;
    }
}