.toast{position:fixed;padding:8px 16px;min-width:300px;width:fit-content;max-width:95vw;text-wrap:wrap;border-radius:5px;color:#fff;font-size:16px;z-index:9999999;transition:opacity .5s ease;opacity:1;background-color:#000}.toast.toast-top{top:1rem;left:50%;transform:translateX(-50%)}.toast.toast-bottom{bottom:2rem;left:50%;transform:translateX(-50%)}.toast.toast-top-left{top:2rem;left:1rem}.toast.toast-bottom-left{bottom:2rem;left:1rem}.toast.toast-top-right{top:2rem;right:1rem}.toast.toast-bottom-right{bottom:2rem;right:1rem}.toast.toast-success{background-color:#4caf50}.toast.toast-error{background-color:#f44336}.toast.toast-info{background-color:#242424}.toast.toast-warning{background-color:#eeb508}