.scene{--t:12s;--beat:calc(var(--t) / 4)}.scene [data-a]{transform-box:fill-box;transform-origin:50%;animation-duration:var(--t);animation-iteration-count:infinite;animation-fill-mode:both;animation-timing-function:var(--ease-apple);animation-delay:calc(var(--beat) * var(--b,0) + var(--d,0s))}.scene [data-b="2"]{--b:1}.scene [data-b="3"]{--b:2}.scene [data-b="4"]{--b:3}.scene[data-paused] *,.scene[data-paused] :before{animation-play-state:paused!important}.scene [data-a=on]{animation-name:sc-on}.scene [data-a=hit]{animation-name:sc-hit}.scene [data-a=pulse]{animation-name:sc-pulse;animation-timing-function:ease-out}.scene [data-a=shake]{animation-name:sc-shake;animation-timing-function:linear}.scene [data-a=bob]{animation-name:sc-bob}.scene [data-a=eq]{animation-name:sc-eq;animation-timing-function:ease-in-out}.scene [data-a=rise]{animation-name:sc-rise}.scene [data-a=scan]{animation-name:sc-scan;animation-timing-function:ease-in-out}.scene [data-a=fly]{transform-box:view-box;transform-origin:0 0;offset-anchor:0 0;offset-rotate:0deg;animation-name:sc-fly;animation-timing-function:var(--ease-snap)}@keyframes sc-on{0%{opacity:0}3%,22%{opacity:1}25%,to{opacity:0}}@keyframes sc-hit{0%,11%{opacity:0;transform:scale(.4)}14%{opacity:1;transform:scale(1.1)}16%,22%{opacity:1;transform:scale(1)}25%,to{opacity:0;transform:scale(1)}}@keyframes sc-fly{0%{offset-distance:0%;opacity:0}2%{opacity:1}13%{offset-distance:100%;opacity:1}16%,to{offset-distance:100%;opacity:0}}@keyframes sc-pulse{0%{opacity:0;transform:scale(.55)}1%{opacity:.8}11%{opacity:0;transform:scale(1.2)}12%{opacity:0;transform:scale(.55)}13%{opacity:.8}23%,to{opacity:0;transform:scale(1.2)}}@keyframes sc-shake{0%,12%,to{transform:translate(0)}1%,3%,5%,7%,9%{transform:translate(-3px)}2%,4%,6%,8%,10%{transform:translate(3px)}}@keyframes sc-bob{0%,12%,25%,to{transform:translateY(0)}5%{transform:translateY(-9px)}17%{transform:translateY(-5px)}}@keyframes sc-eq{0%,25%,to{transform:scaleY(.2)}3%{transform:scaleY(1)}6%{transform:scaleY(.45)}9%{transform:scaleY(.85)}12%{transform:scaleY(.3)}15%{transform:scaleY(1)}18%{transform:scaleY(.5)}21%{transform:scaleY(.8)}}@keyframes sc-rise{0%{opacity:0;transform:translateY(16px)scale(.6)}4%{opacity:1;transform:translateY(0)scale(1)}15%{opacity:1;transform:translateY(-34px)scale(1)}20%,to{opacity:0;transform:translateY(-48px)scale(1)}}@keyframes sc-scan{0%{opacity:0;transform:translateY(-26px)}2%{opacity:1}10%{opacity:1;transform:translateY(26px)}18%{opacity:1;transform:translateY(-26px)}20%,to{opacity:0;transform:translateY(-26px)}}.scene [data-a=pop][data-b]{--b:0}.scene [data-a=pop][data-b="1"]{animation-name:sc-pop-1}.scene [data-a=pop][data-b="2"]{animation-name:sc-pop-2}.scene [data-a=pop][data-b="3"]{animation-name:sc-pop-3}.scene [data-a=pop][data-b="4"]{animation-name:sc-pop-4}.scene [data-a=draw][data-b]{--b:0;stroke-dasharray:1}.scene [data-a=draw][data-b="1"]{animation-name:sc-draw-1}.scene [data-a=draw][data-b="2"]{animation-name:sc-draw-2}.scene [data-a=draw][data-b="3"]{animation-name:sc-draw-3}.scene [data-a=draw][data-b="4"]{animation-name:sc-draw-4}.scene [data-a=until][data-b]{--b:0}.scene [data-a=until][data-b="1"]{animation-name:sc-until-1}.scene [data-a=until][data-b="2"]{animation-name:sc-until-2}.scene [data-a=until][data-b="3"]{animation-name:sc-until-3}@keyframes sc-pop-1{0%{opacity:0;transform:scale(.3)}3%{opacity:1;transform:scale(1.1)}5%,96%{opacity:1;transform:scale(1)}99%,to{opacity:0;transform:scale(1)}}@keyframes sc-pop-2{0%,25%{opacity:0;transform:scale(.3)}28%{opacity:1;transform:scale(1.1)}30%,96%{opacity:1;transform:scale(1)}99%,to{opacity:0;transform:scale(1)}}@keyframes sc-pop-3{0%,50%{opacity:0;transform:scale(.3)}53%{opacity:1;transform:scale(1.1)}55%,96%{opacity:1;transform:scale(1)}99%,to{opacity:0;transform:scale(1)}}@keyframes sc-pop-4{0%,75%{opacity:0;transform:scale(.3)}78%{opacity:1;transform:scale(1.1)}80%,96%{opacity:1;transform:scale(1)}99%,to{opacity:0;transform:scale(1)}}@keyframes sc-draw-1{0%{stroke-dashoffset:1px;opacity:1}18%,96%{stroke-dashoffset:0;opacity:1}99%,to{stroke-dashoffset:0;opacity:0}}@keyframes sc-draw-2{0%,25%{stroke-dashoffset:1px;opacity:1}43%,96%{stroke-dashoffset:0;opacity:1}99%,to{stroke-dashoffset:0;opacity:0}}@keyframes sc-draw-3{0%,50%{stroke-dashoffset:1px;opacity:1}68%,96%{stroke-dashoffset:0;opacity:1}99%,to{stroke-dashoffset:0;opacity:0}}@keyframes sc-draw-4{0%,75%{stroke-dashoffset:1px;opacity:1}93%,96%{stroke-dashoffset:0;opacity:1}99%,to{stroke-dashoffset:0;opacity:0}}@keyframes sc-until-1{0%{opacity:0}2%,22%{opacity:1}25%,to{opacity:0}}@keyframes sc-until-2{0%{opacity:0}2%,47%{opacity:1}50%,to{opacity:0}}@keyframes sc-until-3{0%{opacity:0}2%,72%{opacity:1}75%,to{opacity:0}}.scene [data-a=level],.scene [data-a=dial]{--b:0;animation-timing-function:ease-in-out}.scene [data-a=level]{animation-name:sc-level}.scene [data-a=level][data-axis=y]{transform-origin:50% 100%;animation-name:sc-level-y}.scene [data-a=level][data-axis=x]{transform-origin:0}.scene [data-a=dial]{stroke-dasharray:1;animation-name:sc-dial}@keyframes sc-level{0%{transform:scaleX(var(--l0))}20%,25%{transform:scaleX(var(--l1))}45%,50%{transform:scaleX(var(--l2))}70%,75%{transform:scaleX(var(--l3))}95%,to{transform:scaleX(var(--l4))}}@keyframes sc-level-y{0%{transform:scaleY(var(--l0))}20%,25%{transform:scaleY(var(--l1))}45%,50%{transform:scaleY(var(--l2))}70%,75%{transform:scaleY(var(--l3))}95%,to{transform:scaleY(var(--l4))}}@keyframes sc-dial{0%{stroke-dashoffset:calc(1 - var(--l0))}20%,25%{stroke-dashoffset:calc(1 - var(--l1))}45%,50%{stroke-dashoffset:calc(1 - var(--l2))}70%,75%{stroke-dashoffset:calc(1 - var(--l3))}95%,to{stroke-dashoffset:calc(1 - var(--l4))}}.scene .sc-spin{transform-box:fill-box;transform-origin:50%;animation:7s linear infinite spin}.scene .sc-breathe{transform-box:fill-box;transform-origin:50%;animation:5s ease-in-out infinite sc-breathe}@keyframes sc-breathe{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}.scene .sc-step{--b:var(--i);animation:sc-step var(--t) linear infinite both;animation-delay:calc(var(--beat) * var(--i))}.scene .sc-step:before{content:"";background:var(--color-orange-400);transform-origin:0;height:2px;animation:sc-step-bar var(--t) linear infinite both;animation-delay:calc(var(--beat) * var(--i));border-radius:1px;margin-bottom:.5rem;display:block}@keyframes sc-step{0%,25%,to{color:var(--color-subtle)}1%,24%{color:var(--color-fg)}}@keyframes sc-step-bar{0%{opacity:1;transform:scaleX(0)}25%{opacity:1;transform:scaleX(1)}26%,to{opacity:0;transform:scaleX(1)}}.scene .sc-device{fill:var(--color-ink-850);stroke:#7db6e880;stroke-width:1.5px}.scene .sc-panel{fill:var(--color-ink-900);stroke:#ffffff24;stroke-width:1px}.scene .sc-panel-lit{fill:#0f2c5a;stroke:#7db6e8bf;stroke-width:1.25px}.scene .sc-notch{fill:#ffffff29}.scene .sc-row{fill:#a3b3ca47}.scene .sc-row-cool{fill:var(--color-blue-400)}.scene .sc-row-hot{fill:var(--color-orange-400)}.scene .sc-track{fill:none;stroke:#7db6e866;stroke-width:1.5px;stroke-dasharray:2 7;stroke-linecap:round}.scene .sc-hot{fill:none;stroke:var(--color-orange-400);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.scene .sc-cool{fill:none;stroke:var(--color-blue-400);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.scene .sc-ring{fill:none;stroke:var(--color-orange-400);stroke-width:1.5px}.scene .sc-ring-cool{fill:none;stroke:var(--color-blue-400);stroke-width:1.5px}.scene .sc-faint{fill:none;stroke:#ffffff12;stroke-width:1px}.scene .sc-faint-blue{fill:none;stroke:#7db6e833;stroke-width:1.25px}@media (prefers-reduced-motion:reduce){.scene *,.scene :before{animation:none!important}.scene [data-a=on],.scene [data-a=hit],.scene [data-a=fly],.scene [data-a=pulse],.scene [data-a=rise],.scene [data-a=scan],.scene [data-a=until]{opacity:0}.scene [data-a=level]{transform:scaleX(var(--l4))}.scene [data-a=level][data-axis=y]{transform:scaleY(var(--l4))}.scene [data-a=dial]{stroke-dashoffset:calc(1 - var(--l4))}.scene [data-a=draw]{stroke-dashoffset:0}.scene .sc-step:before{display:none}}