.sg-toasts{position:fixed;z-index:20000;display:flex;flex-direction:column;gap:10px;width:min(400px,calc(100vw - 24px));pointer-events:none}.sg-toasts[data-position=bottom-left]{left:16px;bottom:16px}.sg-toasts[data-position=bottom-right]{right:16px;bottom:16px}.sg-toasts[data-position=top-right]{right:16px;top:16px}.sg-toasts[data-position=top-left]{left:16px;top:16px}.sg-toast{--sg-toast-accent:#3b82f6;--sg-toast-glow:rgba(59,130,246,0.35);pointer-events:auto;position:relative;overflow:hidden;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;padding:14px 14px 16px;border-radius:16px;color:#f8fafc;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02)),rgba(15,23,42,.94);border:1px solid rgba(255,255,255,.1);box-shadow:0 0 0 1px var(--sg-toast-glow),0 16px 40px rgba(0,0,0,.38);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);cursor:pointer;animation:sg-toast-in .42s cubic-bezier(.22,1,.36,1)}.sg-toast:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--sg-toast-accent)}.sg-toast[data-type=cart],.sg-toast[data-type=success]{--sg-toast-accent:#22c55e;--sg-toast-glow:rgba(34,197,94,0.32)}.sg-toast[data-type=error]{--sg-toast-accent:#ef4444;--sg-toast-glow:rgba(239,68,68,0.38)}.sg-toast[data-type=warning]{--sg-toast-accent:#f59e0b;--sg-toast-glow:rgba(245,158,11,0.34)}.sg-toast[data-type=info]{--sg-toast-accent:#38bdf8;--sg-toast-glow:rgba(56,189,248,0.3)}.sg-toast[data-type=loading]{--sg-toast-accent:#94a3b8;--sg-toast-glow:rgba(148,163,184,0.28)}.sg-toast-icon{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--sg-toast-accent) 22%,transparent);color:var(--sg-toast-accent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--sg-toast-accent) 45%,transparent)}.sg-toast-icon svg{width:18px;height:18px}.sg-toast-copy{min-width:0;padding-top:1px}.sg-toast-title{margin:0;font-size:14px;font-weight:800;letter-spacing:.01em;line-height:1.25}.sg-toast-body{margin:3px 0 0;font-size:13px;font-weight:500;line-height:1.4;color:#cbd5e1;overflow-wrap:anywhere}.sg-toast-close{appearance:none;border:0;background:transparent;color:#94a3b8;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;cursor:pointer;padding:0}.sg-toast-close:hover{color:#fff;background:rgba(255,255,255,.08)}.sg-toast-progress{position:absolute;left:0;right:0;bottom:0;height:3px;background:rgba(255,255,255,.08)}.sg-toast-progress>span{display:block;height:100%;width:100%;transform-origin:left center;background:var(--sg-toast-accent);animation:sg-toast-progress linear forwards}.sg-toast-icon.is-spin svg{animation:sg-toast-spin .9s linear infinite}@keyframes sg-toast-in{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes sg-toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes sg-toast-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.sg-toast,.sg-toast-icon.is-spin svg,.sg-toast-progress>span{animation:none}}