.nt-host{width:var(--width,380px);max-width:calc(100vw - 32px)}.nt{--nt-c:#2e5ae8;--nt-soft:#ebf0fe;--nt-ring:#c7d4fb;color:#101828;pointer-events:auto;background:#fff;border:1px solid #e4e7ec;border-radius:14px;grid-template-columns:34px 1fr auto;align-items:start;gap:12px;width:100%;padding:13px 12px 14px 14px;font:500 13px/1.45 Inter,system-ui,sans-serif;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 40px -16px #10182847,0 2px 6px #1018280f}.nt.ok{--nt-c:#12915b;--nt-soft:#e7f6ef;--nt-ring:#bfe6d1}.nt.bad{--nt-c:#d92d20;--nt-soft:#feeceb;--nt-ring:#f7c3be}.nt.warn{--nt-c:#b96e00;--nt-soft:#fbf1e2;--nt-ring:#f1d9b0}.nt.info{--nt-c:#2e5ae8;--nt-soft:#ebf0fe;--nt-ring:#c7d4fb}.nt.load{--nt-c:#667085;--nt-soft:#f2f4f7;--nt-ring:#e4e7ec}.nt:before{content:"";background:var(--nt-c);transform-origin:50%;border-radius:0 3px 3px 0;width:3px;animation:.45s cubic-bezier(.2,.8,.2,1) 80ms both nt-grow;position:absolute;top:10px;bottom:10px;left:0;transform:scaleY(0)}.nt-ic{background:var(--nt-soft);width:34px;height:34px;color:var(--nt-c);box-shadow:inset 0 0 0 1px var(--nt-ring);border-radius:11px;place-items:center;animation:.5s cubic-bezier(.2,.9,.3,1.3) both nt-pop;display:grid}.nt-ic svg{width:18px;height:18px}.nt.ok .nt-ic svg path,.nt.ok .nt-ic svg polyline{stroke-dasharray:60;stroke-dashoffset:60px;animation:.5s ease-out .18s forwards nt-draw}.nt.load .nt-ic svg{animation:1s linear infinite nt-spin}.nt-t{flex-direction:column;gap:2px;min-width:0;padding-top:1px;display:flex}.nt-t b{letter-spacing:-.005em;color:#101828;font-size:13.5px;font-weight:650;animation:.4s cubic-bezier(.2,.8,.2,1) 50ms both nt-rise}.nt-t span{color:#667085;overflow-wrap:anywhere;font-weight:450;animation:.4s cubic-bezier(.2,.8,.2,1) .12s both nt-rise}.nt-acts{align-items:center;gap:4px;margin-top:-2px;margin-right:-2px;display:flex}.nt-x{color:#98a2b3;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:26px;height:26px;transition:background .15s,color .15s;display:grid}.nt-x:hover{color:#101828;background:#f2f4f7}.nt-x svg{width:14px;height:14px}.nt-btn{border:1px solid var(--nt-ring);background:var(--nt-soft);height:28px;color:var(--nt-c);cursor:pointer;white-space:nowrap;border-radius:8px;padding:0 10px;font:600 12px Inter,system-ui,sans-serif;transition:filter .15s}.nt-btn:hover{filter:brightness(.96)}.nt-bar{background:var(--nt-soft);height:2px;position:absolute;bottom:0;left:0;right:0}.nt-bar i{background:var(--nt-c);transform-origin:0;height:100%;animation:nt-drain var(--nt-d,5s) linear forwards;display:block}.nt:hover .nt-bar i,[data-sonner-toaster][data-expanded=true] .nt-bar i{animation-play-state:paused}@keyframes nt-grow{to{transform:scaleY(1)}}@keyframes nt-pop{0%{opacity:0;transform:scale(.55)}60%{opacity:1}to{opacity:1;transform:scale(1)}}@keyframes nt-draw{to{stroke-dashoffset:0}}@keyframes nt-rise{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes nt-drain{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes nt-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.nt:before,.nt-ic,.nt-t b,.nt-t span{opacity:1;animation:none;transform:none}}.dark .nt{color:#f2f4f7;background:#1d2939;border-color:#344054;box-shadow:0 18px 40px -16px #0009}.dark .nt-t b{color:#f2f4f7}.dark .nt-t span{color:#98a2b3}.dark .nt-x:hover{color:#fff;background:#344054}