.sota-toaster{--sota-toast-duration:5s}.sota-toaster .sota-toast[data-styled=true]{--sota-toast-status:var(--brand);min-height:68px;color:var(--popover-foreground);background:var(--popover);border-color:var(--border);box-shadow:var(--shadow-popover);border-radius:14px;align-items:center;gap:14px;padding:14px;overflow:hidden}.sota-toaster .sota-toast[data-type=success]{--sota-toast-status:var(--success)}.sota-toaster .sota-toast[data-type=error]{--sota-toast-status:var(--destructive)}.sota-toaster .sota-toast[data-type=warning]{--sota-toast-status:var(--warning)}.sota-toaster .sota-toast[data-type=info]{--sota-toast-status:var(--info)}.sota-toaster .sota-toast[data-styled=true] [data-icon]{order:0;width:40px;height:40px;margin:0}.sota-toaster .sota-toast[data-styled=true] [data-icon] svg{margin:0}.sota-toast-brand-icon{width:40px;height:40px;color:var(--sota-toast-status);background:var(--brand);border-radius:11px;flex:none;justify-content:center;align-items:center;display:flex;position:relative}.sota-toast-brand-icon>img{object-fit:contain;filter:brightness(0)invert();width:18px;height:14px}.sota-toast-status-icon{border:2px solid var(--popover);background:var(--popover);border-radius:999px;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;bottom:-5px;right:-5px}.sota-toast-status-icon>svg{width:12px;height:12px}.sota-toaster .sota-toast[data-styled=true] [data-content]{flex:1;order:1;gap:2px;min-width:0}.sota-toaster .sota-toast[data-styled=true] [data-title]{min-width:0;color:var(--popover-foreground);letter-spacing:-.01em;align-items:baseline;gap:7px;font-size:12px;font-weight:600;line-height:1.35;display:flex}.sota-toaster .sota-toast[data-type=success] [data-title]:after,.sota-toaster .sota-toast[data-type=error] [data-title]:after,.sota-toaster .sota-toast[data-type=warning] [data-title]:after,.sota-toaster .sota-toast[data-type=info] [data-title]:after{color:var(--sota-toast-status);letter-spacing:0;flex:none;font-size:9px;font-weight:650;line-height:1}.sota-toaster .sota-toast[data-type=success] [data-title]:after{content:"Success"}.sota-toaster .sota-toast[data-type=error] [data-title]:after{content:"Error"}.sota-toaster .sota-toast[data-type=warning] [data-title]:after{content:"Warning"}.sota-toaster .sota-toast[data-type=info] [data-title]:after{content:"Info"}.sota-toaster .sota-toast[data-styled=true] [data-description]{color:var(--muted-foreground);text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.4;overflow:hidden}.sota-toaster .sota-toast[data-styled=true] [data-button]{white-space:nowrap;border:0;border-radius:999px;height:29px;margin:0;padding:0 13px;font-size:10px;font-weight:650}.sota-toaster .sota-toast[data-styled=true] [data-action]{color:var(--brand-soft-foreground);background:var(--brand-soft);order:3;margin-left:auto}.sota-toaster .sota-toast[data-styled=true] [data-cancel]{color:var(--muted-foreground);background:var(--muted);order:2;margin-left:auto}.sota-toaster .sota-toast[data-styled=true] [data-cancel]+[data-action]{margin-left:-10px}.sota-toaster .sota-toast[data-styled=true] [data-button]:focus-visible,.sota-toaster .sota-toast[data-styled=true] [data-close-button]:focus-visible{box-shadow:0 0 0 2px var(--ring)}.sota-toaster .sota-toast[data-styled=true] [data-close-button]{width:26px;height:26px;color:var(--muted-foreground);background:0 0;border:0;flex:none;order:4;margin-left:-4px;position:static;transform:none}.sota-toaster .sota-toast[data-styled=true]:hover [data-close-button]:hover{color:var(--foreground);background:var(--muted);border-color:#0000}.sota-toaster .sota-toast[data-styled=true] [data-content]:before,.sota-toaster .sota-toast[data-styled=true] [data-content]:after{content:"";pointer-events:none;border-radius:999px 999px 0 0;height:3px;position:absolute;bottom:0;left:14px;right:14px}.sota-toaster .sota-toast[data-styled=true] [data-content]:before{background:color-mix(in oklab, var(--sota-toast-status) 18%, transparent)}.sota-toaster .sota-toast[data-styled=true] [data-content]:after{background:var(--sota-toast-status);transform-origin:0;animation:sota-toast-progress var(--sota-toast-duration) linear forwards;transform:scaleX(1)}.sota-toaster:hover .sota-toast [data-content]:after,.sota-toaster:focus-within .sota-toast [data-content]:after,.sota-toaster .sota-toast[data-expanded=true] [data-content]:after{animation-play-state:paused}.sota-toaster .sota-toast[data-type=loading] [data-content]:before,.sota-toaster .sota-toast[data-type=loading] [data-content]:after,.sota-toaster .sota-toast[data-promise=true] [data-content]:before,.sota-toaster .sota-toast[data-promise=true] [data-content]:after,.sota-toaster .sota-toast.sota-toast-persistent [data-content]:before,.sota-toaster .sota-toast.sota-toast-persistent [data-content]:after{display:none}.sota-toaster .sota-toast[data-mounted=false]{--y:translateX(-44px)}.sota-toaster .sota-toast[data-removed=true][data-swipe-out=false]{--y:translateX(-110%);opacity:0;transition:transform .2s cubic-bezier(.4,0,1,1),opacity .16s}@keyframes sota-toast-progress{to{transform:scaleX(0)}}@media (width<=600px){.sota-toaster[data-x-position=center]{right:max(12px, env(safe-area-inset-right,0px));left:max(12px, env(safe-area-inset-left,0px));width:auto}.sota-toaster[data-y-position=bottom]{bottom:max(12px, env(safe-area-inset-bottom,0px), var(--keyboard-inset,0px))}.sota-toaster .sota-toast[data-styled=true]{border-radius:13px;gap:12px;width:100%;min-height:68px;padding:12px}.sota-toaster .sota-toast[data-styled=true] [data-action],.sota-toaster .sota-toast[data-styled=true] [data-cancel]{min-width:44px;height:44px;padding:0 12px}.sota-toaster .sota-toast[data-styled=true] [data-close-button]{width:44px;height:44px;margin-left:-8px}.sota-toaster .sota-toast[data-styled=true] [data-content]:before,.sota-toaster .sota-toast[data-styled=true] [data-content]:after{left:12px;right:12px}}@media (width<=359px){.sota-toaster .sota-toast[data-styled=true]{gap:10px}.sota-toaster .sota-toast[data-type=success] [data-title]:after,.sota-toaster .sota-toast[data-type=error] [data-title]:after,.sota-toaster .sota-toast[data-type=warning] [data-title]:after,.sota-toaster .sota-toast[data-type=info] [data-title]:after{display:none}.sota-toaster .sota-toast[data-styled=true]:has([data-action]) [data-close-button]{display:none}.sota-toaster .sota-toast[data-styled=true] [data-action]{padding:0 10px}}@media (prefers-reduced-motion:reduce){.sota-toaster .sota-toast [data-content]:after{animation:none}}
