.toasts{bottom:var(--sp-5);right:var(--sp-5);gap:var(--sp-2);z-index:50;flex-direction:column;max-width:min(90vw,360px);display:flex;position:fixed}.toasts__live{gap:var(--sp-2);flex-direction:column;display:flex}.toasts__live:empty{display:none}.toast{align-items:center;gap:var(--sp-2);text-align:left;padding:var(--sp-3);border-radius:var(--radius-sm);font-size:var(--fs-md);color:var(--toast-ink);box-shadow:var(--shadow-pop);border:none;font-weight:600;animation:.2s both toast-in;display:flex}.toast__text{flex:1;min-width:0}.toast__action{font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;margin:0;padding:0}.toast--action{cursor:pointer}.toast__action:focus-visible{outline-offset:2px;border-radius:2px;outline:2px solid}.toast__close{background:var(--toast-close-bg);width:28px;height:28px;color:inherit;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .15s;display:inline-flex}.toast__close:hover{background:var(--toast-close-bg-hover)}.toast__close:focus-visible{outline-offset:2px;outline:2px solid}.toast--success{background:var(--success)}.toast--error{background:var(--danger)}.toast--info{background:var(--ink)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.toast{animation:none}}@media (width<=720px){.toasts{bottom:4.75rem;left:var(--sp-4);right:var(--sp-4);max-width:none}}