.toasts{inset:auto 10px calc(max(var(--bar-h,0px), env(safe-area-inset-bottom)) + 10px);width:auto;height:var(--toast-h,0px);color:var(--ink);font-family:var(--font);transition:height .3s var(--ease-out);background:0 0;border:0;margin:0;padding:0;position:fixed;overflow:visible}.toast{z-index:0;border:1px solid var(--line);border-radius:var(--radius-m);background:var(--raise);max-width:480px;color:var(--ink);box-shadow:0 14px 36px -10px rgb(var(--shadow) / .45);touch-action:none;transform-origin:bottom;transform:translateY(calc(-1 * var(--y,0px))) scale(var(--s,1));flex-wrap:wrap;align-items:flex-start;gap:8px 10px;margin-inline:auto;padding:12px 8px 12px 14px;font-size:15px;line-height:1.4;transition:transform .38s cubic-bezier(.21,1.02,.73,1),translate .38s cubic-bezier(.21,1.02,.73,1),scale .2s,opacity .38s;display:flex;position:absolute;inset:auto 0 0;overflow:hidden}@starting-style{.toast{opacity:0;translate:0 110%}}.toast[data-drag]{transition:none}.toast[data-leaving]{opacity:0;pointer-events:none;scale:.96}.toast[data-behind]{height:var(--fh)}.toast>*{transition:opacity .2s}.toast[data-behind]>*{opacity:0}.t-ico{margin-top:1px}[data-type=success] .t-ico{color:var(--ok)}[data-type=error] .t-ico{color:var(--alert)}.t-tx{flex:1;min-width:0;padding-right:6px}.t-msg{font-weight:650}.t-desc{color:var(--muted);margin-top:2px;font-size:13.5px}.t-x{border-radius:var(--radius-s);width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;margin-top:-5px;padding:0;display:none}.t-x .ico{width:16px;height:16px}.toast[data-sticky] .t-x{display:grid}.t-acts{flex-basis:100%;order:9;justify-content:flex-end;padding-right:6px;display:flex}.t-act{border:1px solid var(--line);border-radius:var(--radius-s);min-height:36px;color:var(--ink);cursor:pointer;background:0 0;padding:0 14px;font-size:14px;font-weight:700}[data-type=error] .t-act{border-color:var(--ink);background:var(--ink);color:var(--bg)}@media (prefers-reduced-motion:reduce){.toast{transition:opacity .15s}@starting-style{.toast{translate:none}}.toast[data-leaving]{scale:none}}@media (width>=960px){.toasts{inset:auto 24px max(var(--bar-h,0px) + 10px, 24px) auto;width:356px}.t-x{opacity:0;transition:opacity .15s;display:grid}.toasts:is(:hover,:focus-within) .t-x,.toast[data-sticky] .t-x{opacity:1}}