.toasts.svelte-1kqkvb3{list-style:none;position:fixed;top:0;right:0;padding:0;margin:0;z-index:9999}.toasts.svelte-1kqkvb3>.toast:where(.svelte-1kqkvb3){display:flex;align-items:center;margin:1vh 1vw;min-width:98vw;position:relative;animation:svelte-1kqkvb3-animate-in .6s forwards;color:#fff;min-height:8vh}.toasts.svelte-1kqkvb3>.toast:where(.svelte-1kqkvb3)>button:where(.svelte-1kqkvb3){position:absolute;font-size:18px;right:0;margin:6px;color:#fff;outline:none;border:0;background-color:transparent}.toasts.svelte-1kqkvb3>.toast:where(.svelte-1kqkvb3)>.content:where(.svelte-1kqkvb3){padding:1vw;display:flex;font-weight:500;margin-right:20px}.toasts.svelte-1kqkvb3>.toast:where(.svelte-1kqkvb3)>.progress:where(.svelte-1kqkvb3){position:absolute;bottom:0;background-color:#0000004d;height:6px;width:100%;animation-name:svelte-1kqkvb3-shrink;animation-timing-function:linear;animation-fill-mode:forwards}.toasts.svelte-1kqkvb3>.toast:where(.svelte-1kqkvb3):before,.toasts.svelte-1kqkvb3>.toast:where(.svelte-1kqkvb3):after{content:"";position:absolute;z-index:-1;top:50%;bottom:0;left:1vw;right:1vw;border-radius:100px/10px}.toasts.svelte-1kqkvb3>.toast:where(.svelte-1kqkvb3):after{right:1vw;left:auto;transform:skew(8deg) rotate(3deg)}@keyframes svelte-1kqkvb3-animate-in{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes svelte-1kqkvb3-shrink{0%{width:98vw}to{width:0}}@media (min-width: 480px){@keyframes svelte-1kqkvb3-animate-in{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes svelte-1kqkvb3-shrink{0%{width:40vw}to{width:0}}}@media screen and (min-width: 600px){.toasts.svelte-1kqkvb3>.toast:where(.svelte-1kqkvb3){min-width:40vw;min-height:auto}.toasts.svelte-1kqkvb3>.toast:where(.svelte-1kqkvb3)>.content:where(.svelte-1kqkvb3){justify-content:flex-start}}.hidden.svelte-1kqkvb3{display:none}
