@layer local{.toasts{top:var(--space-4);right:var(--space-4);z-index:var(--z-toast);align-items:flex-end;gap:var(--space-2);width:100%;max-width:calc(100vw - 2rem);padding-top:env(safe-area-inset-top);pointer-events:none;flex-direction:column-reverse;display:flex;position:fixed}.toast{align-items:start;gap:var(--space-2);width:100%;padding:var(--space-2-5) var(--space-3);border:1px solid var(--toast-border);border-radius:var(--radius-lg);background-color:var(--toast-bg);box-shadow:var(--shadow-lg);font-size:var(--text-sm);line-height:var(--leading-sm);color:var(--toast-fg);pointer-events:auto;grid-template-columns:auto 1fr auto;display:grid}.toast--success{--toast-bg:var(--color-green-50);--toast-border:var(--color-green-200);--toast-fg:var(--color-green-800)}.toast--error{--toast-bg:var(--color-red-50);--toast-border:var(--color-red-200);--toast-fg:var(--color-red-800)}.toast--info{--toast-bg:var(--color-blue-50);--toast-border:var(--color-blue-200);--toast-fg:var(--color-blue-800)}:where(.dark) .toast--success{--toast-bg:color-mix(in oklab, var(--color-green-900) 40%, transparent);--toast-border:var(--color-green-700);--toast-fg:var(--color-green-200)}:where(.dark) .toast--error{--toast-bg:color-mix(in oklab, var(--color-red-900) 40%, transparent);--toast-border:var(--color-red-700);--toast-fg:var(--color-red-200)}:where(.dark) .toast--info{--toast-bg:color-mix(in oklab, var(--color-blue-900) 40%, transparent);--toast-border:var(--color-blue-700);--toast-fg:var(--color-blue-200)}.toast__icon,.toast__close{justify-content:center;align-items:center;height:1.25rem;display:inline-flex}.toast__message{overflow-wrap:break-word;min-width:0;line-height:1.25rem}.toast__close{margin-right:calc(var(--space-1) * -1);opacity:.6}@media (hover:hover){.toast__close:hover{opacity:1}}@media (width>=40rem){.toasts{top:var(--space-6);right:var(--space-6);width:auto;max-width:var(--container-sm)}}}