.toast.glass{--y:22px;--s:.9;--glass-tint:var(--glass-tint-words);--glass-blur:20px;left:calc(50% + var(--rail,0px) / 2);bottom:max(24px, env(safe-area-inset-bottom), calc(var(--tabbar,0px) + 12px));z-index:70;box-sizing:border-box;width:max-content;max-width:min(520px,100vw - 24px);min-height:48px;color:var(--fg);font:600 15px/20px var(--font);letter-spacing:-.01em;text-wrap:pretty;touch-action:none;-webkit-user-select:none;user-select:none;transform:translate(-50%, calc(var(--y) + var(--dy,0px))) scale(var(--s));opacity:0;pointer-events:none;transition:transform .26s var(--ease), opacity .2s var(--ease);border-radius:24px;align-items:center;gap:10px;padding:10px 20px;display:flex;position:fixed}.toast.glass[data-at=top]{--y:-18px;top:calc(var(--safe-top) + 64px);bottom:auto}@media (width>=981px){.toast.glass{--y:16px;max-width:380px;min-height:42px;transform:translate(0, calc(var(--y) + var(--dy,0px))) scale(var(--s));transform-origin:100% 100%;border-radius:22px;padding:9px 16px;font-size:14px;line-height:18px;bottom:24px;left:auto;right:24px}.toast.glass[data-at=top]{--y:-12px;left:calc(50% + var(--rail,0px) / 2);transform:translate(-50%, calc(var(--y) + var(--dy,0px))) scale(var(--s));transform-origin:50% 0;top:24px;bottom:auto;right:auto}}.toast.glass.show{--y:0px;--s:1;opacity:1;pointer-events:auto;transition:transform .56s var(--spring), opacity .2s var(--ease)}.toast.glass.dragging{transition:none}.toast.glass.has-lead{padding-left:12px}.toast.glass.has-media{padding-left:9px}.toast.glass.has-action{padding-right:7px}.toast-lead{flex:none;display:flex}.toast-text{min-width:0}.toast.glass.bump{animation:toast-bump .36s var(--ease)}.toast.glass.shake{animation:toast-shake .42s var(--ease)}@keyframes toast-bump{40%{scale:1.04}}@keyframes toast-shake{20%{translate:-6px}40%{translate:5px}60%{translate:-3px}80%{translate:2px}}.toast-icon{color:#fff;width:24px;height:24px;animation:pop-in .38s var(--spring) both;border-radius:999px;place-items:center;display:grid}.toast[data-tone=good] .toast-icon{background:var(--up)}.toast[data-tone=bad] .toast-icon{background:var(--down)}.toast-icon svg{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.toast[data-tone=good] .toast-icon path{stroke-dasharray:1;stroke-dashoffset:1px;animation:toast-tick .34s .15s var(--ease) forwards}@keyframes toast-tick{to{stroke-dashoffset:0}}.toast-spin{box-sizing:border-box;border:2px solid color-mix(in srgb, currentColor 20%, transparent);border-top-color:currentColor;border-radius:999px;width:20px;height:20px;margin:2px;animation:.7s linear infinite spin}.toast-media{display:block;position:relative}.toast-media>:first-child{display:block;box-shadow:0 2px 8px #00000047}.toast-media>:first-child:where(:not(.gicon)){border-radius:4px;width:auto;height:42px}.toast-media.developing>:first-child{animation:toast-develop 2.6s var(--ease) both}@keyframes toast-develop{0%{filter:brightness(.4)saturate(0)blur(1.5px)}}.toast-media .toast-icon{width:18px;height:18px;box-shadow:0 0 0 2px var(--bg);position:absolute;bottom:-6px;right:-7px}.toast-media .toast-icon svg{stroke-width:3px;width:14px;height:14px}.toast.glass button{appearance:none;background:color-mix(in srgb, var(--fg) 9%, transparent);height:34px;color:var(--fg);font:700 14px/1 var(--font);cursor:pointer;transition:background var(--dur-fast) var(--ease);border:0;border-radius:999px;flex:none;padding:0 14px}@media (hover:hover) and (pointer:fine){.toast.glass button:hover{background:color-mix(in srgb, var(--fg) 15%, transparent)}}@media (width>=981px){.toast.glass.has-lead{padding-left:10px}.toast.glass.has-action{padding-right:6px}.toast.glass button{height:30px;padding:0 12px;font-size:13px}}@media (prefers-reduced-motion:reduce){.toast.glass,.toast.glass[data-at=top],.toast.glass.show{--y:0px;--s:1;transition:opacity .2s linear}.toast.glass.bump,.toast.glass.shake,.toast-media.developing>:first-child{animation:none}}
