.toast-region{inset-block-start:var(--space-4);inset-inline:var(--space-4);z-index:1000;align-items:center;gap:var(--space-3);pointer-events:none;flex-direction:column;max-width:24rem;margin-inline:auto;display:flex;position:fixed}.toast{align-items:flex-start;gap:var(--space-3);width:100%;padding:var(--space-3)var(--space-4);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-accent-strong);border-radius:var(--radius-md);box-shadow:0 .25rem 1rem var(--color-shadow);pointer-events:auto;animation:toast-enter var(--duration-normal)var(--ease-out)both;font-size:.875rem;line-height:1.5;display:flex}.toast--leaving{animation:toast-leave var(--duration-fast)var(--ease-in-out)both}.toast__message{flex:1;margin:0}.toast__dismiss{min-width:2.75rem;min-height:2.75rem;margin:calc(-1*var(--space-2));font:inherit;color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--duration-fast)var(--ease-out);background:0 0;border:none;flex-shrink:0;padding:0;font-size:1.25rem;line-height:1}.toast__dismiss:hover{color:var(--color-text)}.toast__dismiss:focus-visible{outline:2px solid var(--color-accent-strong);outline-offset:2px}@keyframes toast-enter{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes toast-leave{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-.25rem)}}@media (width>=40rem){.toast-region{inset-block-start:var(--space-6);inset-inline:var(--space-6)}}@media (prefers-reduced-motion:reduce){.toast{animation:none}.toast--leaving{opacity:0;animation:none}}