.toast-stack{flex-direction:column;align-items:center;gap:8px;display:flex}.toast-stack[data-placed=true]{position:fixed;bottom:64px;left:50%;transform:translate(-50%)}.toast{--tone:#4fadff;--tone-fill:#0071cf91;--tone-ink:#a0c0ff;color:#f4f5f6;max-width:min(460px,100vw - 32px);font-family:var(--font-satoshi), "Kalvia Satoshi", sans-serif;align-items:center;gap:10px;font-size:13.5px;font-weight:700;line-height:1.4;animation:.28s cubic-bezier(.22,1,.36,1) both toast-in;display:flex;position:relative}.toast[data-kind=warn]{--tone:#ffc163;--tone-fill:#ff4d005c;--tone-ink:#ffb13b}.toast[data-kind=error]{--tone:#f53c44;--tone-fill:#f53c445c;--tone-ink:#ffbeb8}@supports (color:lab(0% 0 0)){.toast[data-kind=error]{--tone:lab(55.9888% 69.8481 41.3207);--tone-fill:lab(55.9888% 69.8481 41.3207/.36);--tone-ink:lab(82.9941% 24.885 13.0041)}}.toast-mark{flex:none;place-items:center;display:grid}.toast-text{overflow-wrap:anywhere;min-width:0}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)scale(.98)}}@keyframes toast-drain{to{transform:scaleX(0)}}@keyframes toast-playhead{to{left:100%}}.toast-stack[data-toast-look=slate] .toast{background:#1c1f20;border:1px solid #292d2f;border-radius:14px;padding:9px 16px 11px 9px;overflow:hidden;box-shadow:inset 0 5px 24.667px #8686862b,0 14px 34px -12px #000}.toast-stack[data-toast-look=slate] .toast-mark{border:.5px solid var(--tone);background:var(--tone-fill);width:30px;height:30px;color:var(--tone-ink);border-radius:9px}.toast-stack[data-toast-look=slate] .toast-life{background:#ffffff14;height:2px;position:absolute;inset:auto 0 0}.toast-stack[data-toast-look=slate] .toast-life>i{background:var(--tone);transform-origin:0;height:100%;animation:4.2s linear both toast-drain;display:block}.toast-stack[data-toast-look=glass] .toast{background:linear-gradient(#8f959c38,#8f959c38),#0b0c0d8c;border:1px solid #ffffff47;border-radius:99px;padding:8px 18px 8px 9px;box-shadow:inset 0 1px #ffffff38,0 18px 40px -16px #000}.toast-stack[data-toast-look=glass] .toast-mark{border:1.5px solid var(--tone);width:26px;height:26px;color:var(--tone-ink);border-radius:50%}.toast-stack[data-toast-look=badge] .toast{background:#151718;border:1px solid #292d2f;border-radius:12px;padding:8px 16px 8px 8px;box-shadow:1px 2px #000}.toast-word{border:.5px solid var(--tone);background:var(--tone-fill);height:20px;color:var(--tone-ink);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;border-radius:6px;flex:none;align-items:center;padding:0 7px;font-size:9.5px;font-weight:700;display:inline-flex}.toast-stack[data-toast-look=tint] .toast{border:1px solid color-mix(in oklch, var(--tone) 55%, transparent);background:linear-gradient(color-mix(in oklch, var(--tone) 28%, transparent), color-mix(in oklch, var(--tone) 14%, transparent)), #101112;box-shadow:inset 3px 0 0 var(--tone), 0 14px 34px -12px #000;color:#fff;border-radius:12px;padding:10px 18px 10px 15px}.toast-stack[data-toast-look=tint] .toast-mark{color:var(--tone-ink)}.toast-stack[data-toast-look=console] .toast{box-shadow:inset 2px 0 0 var(--tone), 0 14px 34px -12px #000;color:#e8e8e8;background:#0b0c0d;border:1px solid #ffffff1a;border-radius:8px;gap:12px;padding:9px 15px;font-size:13px;font-weight:500}.toast-code{color:var(--tone-ink);font:500 11.5px/1 var(--font-geist-mono), ui-monospace, monospace;white-space:nowrap;flex:none}.toast-code>time{color:#747474;margin-right:8px}.toast-stack[data-toast-look=ruler] .toast{background:#161616;border:1px solid #292d2f;border-radius:14px;padding:10px 16px 22px 11px;overflow:hidden;box-shadow:inset 0 5px 24px #8686861f,0 14px 34px -12px #000}.toast-stack[data-toast-look=ruler] .toast-mark{background:var(--tone-fill);width:26px;height:26px;color:var(--tone-ink);border-radius:50%}.toast-stack[data-toast-look=ruler] .toast-life{background:repeating-linear-gradient(90deg,#ffffff42 0 1px,#0000 1px 7px);height:7px;position:absolute;inset:auto 12px 7px}.toast-stack[data-toast-look=ruler] .toast-life>i{background:#fff;border-radius:1px;width:2px;animation:4.2s linear both toast-playhead;position:absolute;top:-3px;bottom:-3px;left:0;box-shadow:0 0 0 1px #00000080}@media (prefers-reduced-motion:reduce){.toast,.toast-life>i{animation:none}}
