@layer components{.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:100;display:flex;flex-direction:column;gap:.5rem;max-width:24rem}.toast{display:flex;align-items:center;justify-content:space-between;gap:.75rem;box-shadow:0 4px 12px rgba(0,0,0,.2);animation:toast-in .2s ease-out}.toast.toast--dismissing{opacity:0;transform:translateY(0.25rem);transition:opacity .2s ease-in,transform .2s ease-in}@media(prefers-reduced-motion: reduce){.toast{animation:none}.toast.toast--dismissing{transition:none}}.toast__dismiss{flex-shrink:0;background:none;border:none;color:inherit;font-size:1.125rem;line-height:1;cursor:pointer;padding:0;opacity:.6}.toast__dismiss:hover{opacity:1}@keyframes toast-in{from{opacity:0;transform:translateY(0.5rem)}to{opacity:1;transform:translateY(0)}}}