:where(.sprig-nav-icon [class*=ni-]){transform-box:fill-box;transform-origin:50% 50%}.ni-sparkle{fill:rgb(0 0 0/0);transition:fill var(--sprig-motion) var(--sprig-ease-out)}[data-playing=true] .ni-sparkle{fill:currentColor;animation:ni-sparkle-bob var(--sprig-motion-slow) var(--sprig-ease-out)}@keyframes ni-sparkle-bob{0%{transform:translateY(0)}33%{transform:translateY(-1px)}66%,to{transform:translateY(0)}}[data-playing=true] .ni-star{animation:ni-star-blink var(--sprig-motion-slow) var(--sprig-stagger) var(--sprig-ease-out) backwards}@keyframes ni-star-blink{0%{opacity:0}33.3%{opacity:1}66.7%{opacity:0}to{opacity:1}}.ni-draw{stroke-dasharray:1 1;stroke-dashoffset:0}[data-playing=true] .ni-draw{animation:ni-draw var(--sprig-motion-slow) var(--sprig-ease-out),ni-fade-in var(--sprig-motion-quick) var(--sprig-ease-out)}[data-playing=true] .ni-draw--pop{animation:ni-draw var(--sprig-motion-slow) var(--sprig-ease-out),ni-fade-in var(--sprig-motion-quick) var(--sprig-ease-out),ni-pop var(--sprig-motion-slow) var(--sprig-ease-out)}[data-playing=true] .ni-draw--late{animation-delay:var(--sprig-motion-slow);animation-fill-mode:backwards}@keyframes ni-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes ni-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ni-pop{0%{transform:scale(.5)}to{transform:scale(1)}}[data-playing=true] .ni-person{animation:ni-person-in var(--sprig-motion-slow) var(--sprig-stagger) var(--sprig-ease-settle) backwards}@keyframes ni-person-in{0%{transform:translateX(-6px)}to{transform:translateX(0)}}.ni-folder-back,.ni-folder-front{transition:transform var(--sprig-motion-slow) var(--sprig-ease-settle),opacity var(--sprig-motion-slow) var(--sprig-ease-settle)}[data-playing=true] .ni-folder-front{transform:translate(-2px,2px)}[data-playing=true] .ni-folder-back{transform:translate(2px,-2px) scale(.9);opacity:0}[data-playing=true] .ni-dot{animation:ni-dot-dim var(--sprig-motion-slow) calc(var(--ni-i) * var(--sprig-stagger)) var(--sprig-ease-out)}@keyframes ni-dot-dim{0%,to{opacity:1}50%{opacity:.3}}[data-playing=true] .ni-partial{animation:ni-fade-in var(--sprig-motion-slow) calc(var(--ni-i) * var(--sprig-stagger)) var(--sprig-ease-out) backwards}.ni-slider-knob,.ni-slider-stretch{transition:transform var(--sprig-motion-slow) var(--sprig-ease-out)}[data-playing=true] .ni-slider-stretch{transform:scaleX(var(--ni-stretch))}[data-playing=true] .ni-slider-knob{transform:translateX(var(--ni-knob))}[data-playing=true] .ni-filter-bar{animation:ni-filter-bar var(--sprig-motion-slow) calc(var(--ni-i) * var(--sprig-stagger)) var(--sprig-ease-in-out)}@keyframes ni-filter-bar{0%,to{transform:scaleX(1);opacity:1}50%{transform:scaleX(.55);opacity:.65}}[data-playing=true] .ni-pen{animation:ni-pen var(--sprig-motion-slow) var(--sprig-ease-out)}@keyframes ni-pen{0%,to{transform:translate(0)}40%{transform:translate(1.2px,-1.2px)}}[data-playing=true] .ni-lid{animation:ni-lid var(--sprig-motion-slow) var(--sprig-ease-out)}@keyframes ni-lid{0%,to{transform:translateY(0) rotate(0)}40%{transform:translateY(-1.5px) rotate(-6deg)}}.ni-add,.ni-alert,.ni-message-rock,.ni-message-scale,.ni-pause,.ni-play,.ni-press,.ni-reopen,.ni-ring,.ni-skip,.ni-spin{transform-origin:12px 12px}[data-playing=true] .ni-play{animation:ni-play var(--sprig-motion-slow) var(--sprig-ease-out)}@keyframes ni-play{0%,to{transform:translateX(0) scale(1)}40%{transform:translateX(.6px) scale(1.08)}}[data-playing=true] .ni-pause{animation:ni-pause var(--sprig-motion-slow) var(--sprig-ease-out)}@keyframes ni-pause{0%,to{transform:scaleY(1)}40%{transform:scaleY(.86)}}[data-playing=true] .ni-press{animation:ni-press var(--sprig-motion-slow) var(--sprig-ease-out)}@keyframes ni-press{0%,to{transform:scale(1)}40%{transform:scale(.82)}}[data-playing=true] .ni-drop{animation:ni-drop var(--sprig-motion-slow) var(--sprig-ease-out)}@keyframes ni-drop{0%,to{transform:translateY(0)}40%{transform:translateY(2.5px)}}[data-playing=true] .ni-lift{animation:ni-lift var(--sprig-motion-slow) var(--sprig-ease-out)}@keyframes ni-lift{0%,to{transform:translateY(0)}40%{transform:translateY(-2.5px)}}[data-playing=true] .ni-nudge-right{animation:ni-nudge-right var(--sprig-motion-slow) var(--sprig-ease-out)}@keyframes ni-nudge-right{0%,to{transform:translateX(0)}40%{transform:translateX(2px)}}.ni-add,.ni-reopen,.ni-skip{transition:transform var(--sprig-motion-slow) var(--sprig-ease-settle)}.ni-reopen{transition-timing-function:var(--sprig-ease-settle)}[data-playing=true] .ni-skip--forward{transform:rotate(24deg)}[data-playing=true] .ni-skip--back{transform:rotate(-24deg)}[data-playing=true] .ni-reopen{transform:rotate(-50deg)}.ni-add{transition-timing-function:var(--sprig-ease-settle)}[data-playing=true] .ni-add{transform:rotate(180deg)}[data-playing=true] .ni-ring{animation:ni-ring-rotate var(--sprig-motion-slow) var(--sprig-ease-out),ni-ring-scale var(--sprig-motion-slow) var(--sprig-ease-out)}@keyframes ni-ring-rotate{0%,to{rotate:0deg}50%{rotate:12deg}}@keyframes ni-ring-scale{0%,to{scale:1}50%{scale:1.05}}.ni-message-scale{transition:transform var(--sprig-motion-slow) var(--sprig-ease-settle)}[data-playing=true] .ni-message-scale{transform:scale(1.05)}[data-playing=true] .ni-message-rock{animation:ni-message-rock var(--sprig-motion-slow) var(--sprig-ease-in-out)}@keyframes ni-message-rock{0%,to{transform:rotate(0)}33.3%{transform:rotate(-7deg)}66.7%{transform:rotate(7deg)}}[data-playing=true] .ni-alert{animation:ni-alert-scale var(--sprig-motion-slow) var(--sprig-ease-in-out),ni-alert-rotate var(--sprig-motion-slow) var(--sprig-ease-in-out)}@keyframes ni-alert-scale{0%,to{scale:1}20%,60%{scale:1.1}}@keyframes ni-alert-rotate{0%,to{rotate:0deg}20%{rotate:-3deg}40%{rotate:3deg}60%{rotate:-2deg}80%{rotate:2deg}}[data-playing=true] .ni-spin{animation:ni-spin var(--sprig-spin) linear infinite}@keyframes ni-spin{to{transform:rotate(1turn)}}[data-playing=true] .ni-mic{animation:ni-mic var(--sprig-motion-slow) var(--sprig-ease-in-out)}@keyframes ni-mic{0%,50%,to{transform:translateY(0)}25%{transform:translateY(-3px)}75%{transform:translateY(-2px)}}.ni-send{transition:transform var(--sprig-motion) var(--sprig-ease-out)}[data-playing=true] .ni-send{transform:translate(3px,-3px) scale(.8);transition-duration:var(--sprig-motion-slow)}[data-playing=true] .ni-out{animation:ni-out var(--sprig-motion-slow) var(--sprig-ease-in-out)}@keyframes ni-out{0%,to{transform:translate(0) scale(1)}50%{transform:translate(2px,-2px) scale(.92)}}[data-playing=true] .ni-shaft{animation:ni-shaft var(--sprig-motion-slow) var(--sprig-ease-out)}[data-playing=true] .ni-shaft--vertical{animation-name:ni-shaft-vertical}@keyframes ni-shaft{0%,to{transform:scaleX(1)}50%{transform:scaleX(.643)}}@keyframes ni-shaft-vertical{0%,to{transform:scaleY(1)}50%{transform:scaleY(.643)}}[data-playing=true] .ni-head-back{animation:ni-head-back var(--sprig-motion-slow) var(--sprig-ease-out)}@keyframes ni-head-back{0%,to{transform:translateX(0)}50%{transform:translateX(-3px)}}[data-playing=true] .ni-head-forward{animation:ni-head-forward var(--sprig-motion-slow) var(--sprig-ease-out)}@keyframes ni-head-forward{0%,to{transform:translateX(0)}50%{transform:translateX(3px)}}[data-playing=true] .ni-head-up{animation:ni-head-up var(--sprig-motion-slow) var(--sprig-ease-out)}@keyframes ni-head-up{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.sprig-nav-icon [class*=ni-]{animation:none!important;transition:none!important}}