.toast{box-sizing:border-box;padding:.75rem;background-color:#00a9b7;position:relative;cursor:pointer;transition:transform .3s ease-in-out;overflow:hidden}.toast-container[data-position$=-right] .toast{transform:translate(110%)}.toast-container[data-position$=-left] .toast{transform:translate(-110%)}.toast-container[data-position=top-center] .toast{transform:translateY(-100vh)}.toast-container[data-position=bottom-center] .toast{transform:translateY(100vh)}.toast-container .toast.show{transform:translate(0)}.toast.progress:before{content:"";position:absolute;height:.25rem;width:calc(100% * var(--progress));background-color:#fff;bottom:0;left:0;right:0}.toast.can-close:after{content:"❌";position:absolute;top:.374rem;right:.375rem;border-radius:.375rem;padding:.25rem;background-color:#fff}.toast-container{position:fixed;margin:10px;width:max(30vw,25rem);display:flex;flex-direction:column;gap:.5rem;max-width:80vw}.toast-container[data-position^=top-]{top:0}.toast-container[data-position^=bottom-]{bottom:0}.toast-container[data-position$=-right]{right:0}.toast-container[data-position$=-left]{left:0}.toast-container[data-position$=-center]{left:50%;transform:translate(-50%)}