.toast-container{position:fixed;z-index:9999;display:flex;flex-direction:column;gap:1vw}.toast-container.top-right{top:2vw;right:2vw;align-items:flex-end}.toast-container.top-left{top:2vw;left:2vw;align-items:flex-start}.toast-container.bottom-right{bottom:2vw;right:2vw;align-items:flex-end}.toast-container.bottom-left{bottom:2vw;left:2vw;align-items:flex-start}.toast{display:flex;align-items:center;justify-content:space-between;background-color:#1f1f1f;border-radius:1vw;padding:1vw;min-width:25vw;max-width:35vw;color:#fff;font-size:1vw;font-weight:300;box-shadow:0 .5vw 1vw rgba(0,0,0,.2);animation:slideIn .3s ease forwards}.toast .toast-icon svg{width:2vw;height:2vw}.toast .toast-message{flex-grow:1;margin-left:1vw}.toast .toast-close{background:transparent;border:none;color:#dadada;font-size:1.5vw;cursor:pointer}.toast.slide-out{animation:slideOut .3s ease forwards}@keyframes slideIn{0%{transform:translateX(10vw);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOut{0%{transform:translateX(0);opacity:1}to{transform:translateX(10vw);opacity:0}}@media only screen and (max-width:700px){.toast-container{gap:3vw}.toast-container.top-right{top:3vw;right:3vw}.toast-container.top-left{top:3vw;left:3vw}.toast-container.bottom-right{bottom:3vw;right:3vw}.toast-container.bottom-left{bottom:3vw;left:3vw}.toast{border-radius:3vw;padding:3vw;min-width:80vw;max-width:90vw;color:#fff;font-size:4vw}.toast .toast-icon svg{width:4vw;height:4vw}.toast .toast-message{margin-left:2vw}.toast .toast-close{font-size:6vw}}