@layer components{.ns-toasts{--ns-toasts-width:22rem;--ns-toasts-offset:1.5rem;--ns-toasts-gap:.625rem;--ns-toasts-peek:.625rem;--ns-toasts-shrink:.05;--ns-toasts-visible:3;--ns-toasts-count:0;--ns-toasts-front:0px;--ns-toasts-sum:0px;--ns-toasts-dir:-1;--ns-toasts-shown:min(var(--ns-toasts-count), var(--ns-toasts-visible));right:var(--ns-toasts-offset);bottom:var(--ns-toasts-offset);z-index:var(--z-toast,30);box-sizing:border-box;width:min(var(--ns-toasts-width), 100vw - var(--ns-toasts-offset) * 2);border-radius:calc(var(--radius,.625rem) * 1.2);font-family:var(--font-sans,system-ui, sans-serif);position:fixed}.ns-toasts[data-y=top]{--ns-toasts-dir:1;top:var(--ns-toasts-offset);bottom:auto}.ns-toasts[data-x=left]{right:auto;left:var(--ns-toasts-offset)}.ns-toasts[data-x=center]{margin-inline:auto;left:0;right:0}.ns-toasts__list{height:max(0px, var(--ns-toasts-front) + (var(--ns-toasts-shown) - 1) * var(--ns-toasts-peek));margin:0;padding:0;list-style:none;position:relative}.ns-toasts[data-expanded] .ns-toasts__list{height:max(0px, var(--ns-toasts-sum) + (var(--ns-toasts-shown) - 1) * var(--ns-toasts-gap))}.ns-toast{--ns-toast-depth:min(var(--ns-toast-index), var(--ns-toasts-visible) - 1);--ns-toast-x:calc(var(--ns-toast-swipe,0) * 1px);--ns-toast-y:calc(var(--ns-toast-depth) * var(--ns-toasts-peek) * var(--ns-toasts-dir));--ns-toast-nudge:0px;--ns-toast-move:var(--duration-spring,.4s) var(--ease-spring,ease-out);z-index:calc(var(--ns-toasts-count) + 1 - var(--ns-toast-index));box-sizing:border-box;height:var(--ns-toasts-front);border-radius:calc(var(--radius,.625rem) * 1.2);background:var(--face,#fff);color:var(--text-body,#444);box-shadow:0 0 0 1px var(--face-line,#0000001a), var(--float,0 8px 24px -10px #00000024);translate:var(--ns-toast-x) calc(var(--ns-toast-y) + var(--ns-toast-nudge));rotate:calc(var(--ns-toast-swipe,0) * .02deg);scale:calc(1 - var(--ns-toast-depth) * var(--ns-toasts-shrink));transform-origin:50% 0;touch-action:pan-y;transition:translate var(--ns-toast-move), rotate var(--ns-toast-move), scale var(--duration-spring,.4s) var(--ease-spring,ease-out), height var(--duration-spring,.4s) var(--ease-spring,ease-out), opacity var(--duration,.2s) var(--ease,ease-out);position:absolute;bottom:0;left:0;right:0;overflow:clip}@supports (color:lab(0% 0 0)){.ns-toast{box-shadow:0 0 0 1px var(--face-line,lab(0% 0 0/.1)), var(--float,0 8px 24px -10px lab(0% 0 0/.14))}}.ns-toasts[data-y=top] .ns-toast{transform-origin:50% 100%;top:0;bottom:auto}@starting-style{.ns-toast{translate:0 calc(var(--ns-toasts-dir) * -100%);opacity:0}}.ns-toast[data-front],.ns-toasts[data-expanded] .ns-toast{height:var(--ns-toast-height,auto)}.ns-toasts[data-expanded] .ns-toast{--ns-toast-y:calc((var(--ns-toast-offset,0px) + var(--ns-toast-depth) * var(--ns-toasts-gap)) * var(--ns-toasts-dir));scale:1}.ns-toast__body{align-items:flex-start;gap:var(--space-3,.75rem);padding:var(--space-3,.75rem) var(--space-3,.75rem) var(--space-3,.75rem) var(--space-4,1rem);transition:opacity var(--duration,.2s) var(--ease,ease-out);display:flex}.ns-toasts:not([data-expanded]) .ns-toast:not([data-front]) .ns-toast__body{opacity:0}.ns-toast[data-hidden],.ns-toast[data-leaving]{opacity:0;pointer-events:none}.ns-toast[data-leaving=drop]{--ns-toast-nudge:calc(var(--ns-toasts-dir) * -.75rem);scale:.94}.ns-toast:is([data-leaving=left],[data-leaving=right]){--ns-toast-move:calc(var(--duration-spring,.4s) * .75) var(--ease,ease-out)}.ns-toast[data-leaving=left]{--ns-toast-x:calc(-100% - var(--ns-toasts-offset))}.ns-toast[data-leaving=right]{--ns-toast-x:calc(100% + var(--ns-toasts-offset))}.ns-toast[data-swiping]{--ns-toast-move:0s;-webkit-user-select:none;user-select:none}.ns-toast__icon{width:1.25rem;height:1.25rem;color:var(--text-sub,#5c5c5c);animation:ns-toast-pop var(--duration-bounce,.64s) var(--ease-bounce,ease-out) both;flex:none;place-items:center;display:grid}.ns-toast__icon svg{width:1.125rem;height:1.125rem}.ns-toast[data-tone=success] .ns-toast__icon{color:var(--success,#1a7f37)}.ns-toast[data-tone=error] .ns-toast__icon{color:var(--error,#cf222e)}.ns-toast__spinner{animation:ns-toast-spin calc(var(--duration-spring,.4s) * 2) linear infinite}.ns-toast__text{flex:1;gap:.125rem;min-width:0;display:grid}.ns-toast__title{color:var(--text-heading,#111);font-size:var(--type-sm,.875rem);font-weight:var(--weight-medium,500);line-height:var(--leading-tight,1.43)}.ns-toast__description{color:var(--text-sub,#5c5c5c);font-size:var(--type-sm,.875rem);line-height:var(--leading-tight,1.43)}.ns-toast__action{height:1.75rem;padding:0 var(--space-3,.75rem);border-radius:calc(var(--radius,.625rem) * .8);background:var(--ink,#111);color:var(--on-ink,#fff);font:inherit;font-size:var(--type-xs,.75rem);font-weight:var(--weight-medium,500);cursor:pointer;transition:background-color var(--duration,.2s) var(--ease,ease-out);border:0;flex:none;align-self:center}.ns-toast__action:hover{background:color-mix(in srgb, var(--ink,#111) 82%, var(--face,#fff))}.ns-toast__close{border-radius:calc(var(--radius,.625rem) * .7);width:1.5rem;height:1.5rem;color:var(--text-sub,#5c5c5c);cursor:pointer;opacity:0;transition:opacity var(--duration,.2s) var(--ease,ease-out), background-color var(--duration,.2s) var(--ease,ease-out), color var(--duration,.2s) var(--ease,ease-out);background:0 0;border:0;flex:none;place-items:center;margin:-.125rem -.25rem 0 0;padding:0;display:grid}.ns-toast__close svg{width:.875rem;height:.875rem}.ns-toast:hover .ns-toast__close,.ns-toast__close:focus-visible{opacity:1}.ns-toast__close:hover{background:var(--bg-hover,#ececec);color:var(--text-heading,#111)}@media (hover:none){.ns-toast__close{opacity:1}}@keyframes ns-toast-pop{0%{opacity:0;scale:.4}}@keyframes ns-toast-spin{to{rotate:1turn}}@media (forced-colors:active){.ns-toast{outline-offset:-1px;outline:1px solid canvastext}}}