.toasts{position:fixed;inset-block-end:max(16px,env(safe-area-inset-bottom));inset-inline:0;margin-inline:auto;width:min(384px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:4px;z-index:1000;pointer-events:none}.toasts[data-position=top],.toasts[data-position^="top-"]{inset-block-start:max(16px,env(safe-area-inset-top));inset-block-end:auto}.toast-list{display:grid;gap:8px}.toast{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid var(--finish-edge,var(--line));border-inline-start:3px solid var(--accent);border-radius:var(--radius);background:var(--finish-image,none) var(--finish-surface,var(--surface));backdrop-filter:var(--finish-blur,none);color:var(--ink);box-shadow:0 8px 24px #0002;pointer-events:auto;overflow-wrap:anywhere;animation:toast-in var(--motion-normal) var(--motion-ease)}.toast-body{flex:1;min-width:0;display:grid;gap:8px}.toast-body strong{font-size:1rem}.toast-body p{margin:0;color:var(--muted);font-size:.875rem;line-height:1.5}.toast-body .btn{justify-self:start}.toast-close{flex:none;width:44px;height:44px;display:grid;place-items:center;padding:0;border:0;border-radius:6px;background:transparent;color:var(--muted);font:inherit;font-size:24px;cursor:pointer}.toast-close:hover{background:var(--soft);color:var(--ink)}.toast-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.toast-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@keyframes toast-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.toast{animation:none}}[data-motion=none] .toast{animation:none}.toast-icon{flex:none;width:20px;height:20px;margin-block-start:2px;color:var(--accent)}.toast-icon svg{display:block;width:20px;height:20px}.toasts[data-position$="-start"]{inset-inline-start:16px;inset-inline-end:auto}.toasts[data-position$="-center"]{inset-inline:0;margin-inline:auto}.toast-body strong{line-height:1.5}.toast-close{margin-block:-8px;margin-inline-end:-8px}.toast:not(:has(p)):not(:has(.btn)){align-items:center}.toast-icon{width:32px;height:32px;margin-block-start:0;border-radius:50%;background:var(--soft);display:grid;place-items:center}.toasts[data-position^="bottom-"]{inset-block-start:auto;inset-block-end:max(16px,env(safe-area-inset-bottom))}.toasts:is([data-position=top],[data-position$="-end"]){inset-inline-start:auto;inset-inline-end:16px}