[data-sonner-toaster] [data-sonner-toast].n-toast{border-radius:var(--r-overlay);border:1px solid var(--stroke-strong);background:var(--acrylic-strong);-webkit-backdrop-filter:blur(30px)saturate(1.6);backdrop-filter:blur(30px)saturate(1.6);width:min(368px,100vw - 24px);box-shadow:var(--sh-flyout);color:var(--ink);font-family:var(--font-text);transition:transform .46s var(--ease-spring), opacity .22s var(--ease-decel), height .3s var(--ease-out-expo), box-shadow var(--dur-normal);overflow:hidden}[data-sonner-toaster] [data-sonner-toast].n-toast[data-mounted=false]{--y:translateX(calc(100% + 24px))}[data-sonner-toaster] [data-sonner-toast].n-toast[data-removed=true][data-front=true][data-swipe-out=false]{--y:translateX(calc(100% + 24px));opacity:0;transition:transform .2s var(--ease-exit), opacity .16s var(--ease-exit)}[data-sonner-toaster] [data-sonner-toast].n-toast[data-expanded=false][data-front=false]>.nt{opacity:0}[data-sonner-toaster] [data-sonner-toast].n-toast[data-expanded=true]{box-shadow:var(--sh-dialog)}.nt{--nt-tone:var(--noba);--nt-ink:var(--noba-text);overflow-wrap:break-word;transition:opacity .3s var(--ease-decel);grid-template-columns:2rem minmax(0,1fr) 1.75rem;align-items:start;gap:.75rem;padding:.875rem .625rem 1rem .875rem;display:grid;position:relative}.nt[data-kind=success]{--nt-tone:var(--success);--nt-ink:var(--success)}.nt[data-kind=warning]{--nt-tone:var(--caution-dot);--nt-ink:var(--caution)}.nt[data-kind=error]{--nt-tone:var(--critical);--nt-ink:var(--critical)}.nt-mark{background:color-mix(in srgb, var(--nt-tone) 15%, transparent);width:2rem;height:2rem;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--nt-tone) 22%, transparent);color:var(--nt-ink);animation:nt-tile .42s var(--ease-spring) 80ms backwards;border-radius:.5rem;place-items:center;display:grid}.nt-mark svg{fill:none;stroke:currentColor;stroke-width:2.25px;stroke-linecap:round;stroke-linejoin:round;width:1.125rem;height:1.125rem}.nt-mark path{stroke-dasharray:1;animation:nt-draw .32s var(--ease-out-expo) .2s backwards}.nt-mark path+path{animation-delay:.3s}.nt-text{min-width:0;padding-top:.0625rem}.nt-title{text-wrap:pretty;font-size:.875rem;font-weight:700;line-height:1.25rem}.nt-detail{color:var(--ink-2);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-top:.125rem;font-size:.8125rem;line-height:1.125rem;display:-webkit-box;overflow:hidden}.nt-action{border-radius:var(--r-control);height:1.75rem;color:var(--nt-ink);cursor:pointer;transition:background-color var(--dur-fast), scale var(--dur-fast) var(--ease-decel);margin-top:.5rem;margin-left:-.5rem;padding:0 .5rem;font-size:.8125rem;font-weight:700}.nt-action:hover{background:color-mix(in srgb, var(--nt-tone) 12%, transparent)}.nt-action:active{scale:.97}.nt-close{border-radius:var(--r-control);width:1.75rem;height:1.75rem;color:var(--ink-3);cursor:pointer;opacity:0;transition:opacity var(--dur-normal), background-color var(--dur-fast), color var(--dur-fast);place-items:center;margin-top:-.25rem;display:grid}.nt-close svg{width:.875rem;height:.875rem}[data-sonner-toast]:hover .nt-close,.nt-close:focus-visible,[data-sonner-toast]:focus-within .nt-close{opacity:1}.nt-close:hover{background:var(--fill-subtle);color:var(--ink)}@media (hover:none){.nt-close{opacity:1}}.nt-life{background:color-mix(in srgb, var(--nt-tone) 12%, transparent);height:2px;position:absolute;inset:auto 0 0}.nt-life>i{background:var(--nt-tone);opacity:.75;transform-origin:0;animation:nt-life var(--nt-life) linear forwards;position:absolute;inset:0}[data-sonner-toast][data-expanded=true] .nt-life>i{animation-play-state:paused}@keyframes nt-tile{0%{opacity:0;scale:.4}}@keyframes nt-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes nt-life{to{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.nt-mark,.nt-mark path{animation:none}.nt-life{display:none}}