.toast-container{z-index:var(--z-toast);pointer-events:none;flex-direction:column-reverse;gap:.5rem;display:flex;position:fixed;bottom:1rem;right:1rem}.toast-container>*{pointer-events:auto}@media not (min-width:768px){.toast-container{left:1rem;right:1rem}}.toast{opacity:1;transition:opacity .3s ease-out,transform .3s ease-out;transform:translate(0)}.toast[data-starting-style],.toast[data-ending-style]{opacity:0;transform:translate(100%)}