@layer components{@keyframes nn-state-in{0%{opacity:0;transform:translateY(4px)}}.nn-state-in{animation:nn-state-in var(--dur-standard) var(--ease-out) backwards;animation-delay:calc(var(--i,0) * var(--stagger-step))}@keyframes nn-rise{0%{opacity:0;transform:translateY(10px)}}.nn-rise{animation:nn-rise var(--dur-panel) var(--ease-out) var(--stagger-step) backwards}.nn-fibres{position:relative;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 24% 76%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 24% 76%,#0000 100%)}.nn-fibres-lost{-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 22% 58%,#0000 92%);mask-image:linear-gradient(90deg,#0000 0%,#000 22% 58%,#0000 92%)}@keyframes nn-fibre-breathe{0%{transform:translate3d(calc(var(--drift,1.5px) * -1), 0, 0) scaleY(var(--open-from,.9))}to{transform:translate3d(var(--drift,1.5px), 0, 0) scaleY(var(--open-to,1.08))}}.nn-fibre-layer{transform-origin:50%;width:100%;height:100%;animation:nn-fibre-breathe var(--period,8s) var(--ease-loop) var(--phase,0s) infinite alternate;position:absolute;inset:0;overflow:visible}@keyframes nn-light-window{0%{transform:translate(-100%)}72%,to{transform:translate(277.78%)}}@keyframes nn-light-content{0%{transform:translate(36%)}72%,to{transform:translate(-100%)}}.nn-fibre-light{width:36%;animation:nn-light-window var(--tempo-slow) var(--ease-scene) infinite;position:absolute;top:0;bottom:0;left:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 45% 55%,#0000);mask-image:linear-gradient(90deg,#0000,#000 45% 55%,#0000)}.nn-fibre-light>svg{width:277.78%;height:100%;animation:nn-light-content var(--tempo-slow) var(--ease-scene) infinite;position:absolute;top:0;left:0;overflow:visible}@keyframes nn-ember{0%,to{opacity:.35}50%{opacity:.9}}.nn-fibre-embers{animation:nn-ember var(--tempo-slow) var(--ease-loop) infinite}.nn-skels{container-type:inline-size}.nn-skel{border-radius:var(--radius-sm);background:var(--color-ink-3);display:block;position:relative;overflow:hidden}.nn-skel:before{content:"";border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff09}@keyframes nn-skel-pass{0%{transform:translate(-260px)skew(-24deg)}68%,to{transform:translate(calc(100cqw + 60px))skew(-24deg)}}.nn-skel:after{content:"";width:220px;animation:nn-skel-pass var(--tempo-slow) var(--ease-scene) infinite;animation-delay:calc(var(--row,0) * 90ms);background:linear-gradient(90deg,#0000,#f2f0eb0a 30%,#f2f0eb1c 50%,#f2f0eb0a 70%,#0000);position:absolute;top:0;bottom:0;left:0;transform:translate(-260px)skew(-24deg)}@keyframes nn-skels-late{0%{opacity:0}}.nn-skels[data-late]{animation:nn-skels-late var(--dur-instant) linear var(--dur-micro) backwards}@keyframes nn-sound-bar{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.nn-sound-bar{background:var(--color-brand);transform-origin:50% 100%;width:3px;height:100%;animation:nn-sound-bar var(--tempo-quick) var(--ease-loop) infinite;animation-delay:calc(var(--bar,0) * .15s);border-radius:9999px;display:block}[data-paused] .nn-fibre-layer,[data-paused] .nn-fibre-light,[data-paused] .nn-fibre-light>svg,[data-paused] .nn-fibre-embers,[data-paused] .nn-skel:after,.nn-skel[data-paused]:after,[data-paused] .nn-sound-bar{animation-play-state:paused}@keyframes nn-state-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.nn-state-in,.nn-rise{animation:nn-state-fade var(--dur-instant) linear backwards}.nn-fibre-layer,.nn-fibre-embers{animation:none}.nn-fibre-light,.nn-skel:after{opacity:0;animation:none}.nn-sound-bar{animation:none;transform:scaleY(.6)}}}