.editor:where(.astro-nqj7wxic){--cycle: 8s}.asset:where(.astro-nqj7wxic){animation:asset var(--cycle) ease-in-out infinite;animation-delay:calc(var(--i) * -1.3s)}@keyframes asset{0%,90%,to{background:#ffffff0a}94%{background:#818cf840}}.sun:where(.astro-nqj7wxic){animation:sun 6s ease-in-out infinite}@keyframes sun{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.06)}}.cloud:where(.astro-nqj7wxic){animation:cloud 14s linear infinite}@keyframes cloud{0%{transform:translate(-30px)}to{transform:translate(260px)}}.character:where(.astro-nqj7wxic){animation:bob 2.4s ease-in-out infinite;transform-origin:bottom center}@keyframes bob{0%,to{transform:translateY(0) scaleY(1)}50%{transform:translateY(-3px) scaleY(1.02)}}.arm:where(.astro-nqj7wxic){animation:wave-arm 1.6s ease-in-out infinite}@keyframes wave-arm{0%,to{transform:rotate(0)}50%{transform:rotate(-38deg)}}.eye:where(.astro-nqj7wxic){animation:blink-eye 4s infinite;transform-origin:center}@keyframes blink-eye{0%,92%,to{transform:scaleY(1)}96%{transform:scaleY(.1)}}.bubble:where(.astro-nqj7wxic){transform-origin:bottom left;animation:bubble var(--cycle) cubic-bezier(.34,1.56,.64,1) infinite}@keyframes bubble{0%,8%{transform:scale(0);opacity:0}14%,45%{transform:scale(1);opacity:1}52%,to{transform:scale(0);opacity:0}}.typing:where(.astro-nqj7wxic){display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom;animation:typing var(--cycle) steps(9) infinite}@keyframes typing{0%,14%{width:0}24%,to{width:4.2em}}.cursor:where(.astro-nqj7wxic){animation:cursor var(--cycle) cubic-bezier(.45,0,.2,1) infinite}.prop:where(.astro-nqj7wxic){animation:prop var(--cycle) cubic-bezier(.45,0,.2,1) infinite}@keyframes cursor{0%,45%{left:-6%;top:62%;opacity:0}50%{left:8%;top:62%;opacity:1}68%{left:62%;top:26%;opacity:1}74%{left:62%;top:26%;opacity:1;transform:scale(.8)}82%,to{left:90%;top:80%;opacity:0}}@keyframes prop{0%,50%{left:6%;top:62%;opacity:0;transform:scale(.6) rotate(0)}52%{opacity:1;transform:scale(1) rotate(0)}68%{left:60%;top:24%;transform:scale(1) rotate(180deg)}74%{left:60%;top:24%;transform:scale(1.3) rotate(360deg)}78%{transform:scale(1) rotate(360deg)}96%{left:60%;top:24%;opacity:1}to{left:60%;top:24%;opacity:0}}.selection:where(.astro-nqj7wxic){animation:selection var(--cycle) ease-in-out infinite}@keyframes selection{0%,10%,40%,to{opacity:0}14%,36%{opacity:1}}.slider:where(.astro-nqj7wxic){width:30%;animation:slider 3s ease-in-out infinite;animation-delay:calc(var(--i) * -.9s)}@keyframes slider{0%,to{width:30%}50%{width:85%}}.playhead:where(.astro-nqj7wxic){animation:playhead var(--cycle) linear infinite}@keyframes playhead{0%{left:0%}to{left:100%}}.price-block:where(.astro-j7pv25f6){animation:price-in .5s cubic-bezier(.22,1,.36,1) both}@keyframes price-in{0%{opacity:0;transform:translateY(10px) scale(.96);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}.typewriter:where(.astro-j7pv25f6){display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom;max-width:0;animation:type 6s steps(38) infinite}.caret:where(.astro-j7pv25f6){display:inline-block;width:2px;height:1em;margin-left:2px;vertical-align:bottom;background:#6366f1;animation:blink .9s step-end infinite}@keyframes type{0%{max-width:0}45%,85%{max-width:100%}to{max-width:0}}.scene:where(.astro-j7pv25f6){position:relative;overflow:hidden}.scene-1:where(.astro-j7pv25f6) .tpl:where(.astro-j7pv25f6){animation:tpl 6s ease-in-out infinite;animation-delay:calc(var(--i) * .12s)}.scene-1:where(.astro-j7pv25f6) .tpl-check:where(.astro-j7pv25f6){transform:scale(0);animation:tplcheck 6s cubic-bezier(.34,1.56,.64,1) infinite}.scene-1:where(.astro-j7pv25f6) .tpl:where(.astro-j7pv25f6):nth-child(5){animation-name:tpl-pick}.scene-1:where(.astro-j7pv25f6) .tpl:where(.astro-j7pv25f6):nth-child(5) .tpl-check:where(.astro-j7pv25f6){animation-name:tplcheck-pick}@keyframes tpl{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes tpl-pick{0%,45%{transform:scale(1);box-shadow:none}55%,85%{transform:scale(1.06);box-shadow:0 0 0 2px #34d399,0 20px 40px -10px #34d39980}to{transform:scale(1);box-shadow:none}}@keyframes tplcheck{0%,to{transform:scale(0)}}@keyframes tplcheck-pick{0%,52%{transform:scale(0)}60%,85%{transform:scale(1)}to{transform:scale(0)}}.scene-1:where(.astro-j7pv25f6) .scene-cursor:where(.astro-j7pv25f6){animation:cursor1 6s cubic-bezier(.45,0,.2,1) infinite}@keyframes cursor1{0%{left:95%;top:95%;opacity:0}15%{opacity:1}45%,60%{left:52%;top:62%;opacity:1}55%{transform:scale(.8)}90%,to{left:95%;top:95%;opacity:0}}.scene-2:where(.astro-j7pv25f6) .char:where(.astro-j7pv25f6){animation:bob 2.4s ease-in-out infinite;transform-origin:bottom center}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.scene-2:where(.astro-j7pv25f6) .hat:where(.astro-j7pv25f6){transform-origin:40px 14px;animation:hat 7s cubic-bezier(.34,1.56,.64,1) infinite}@keyframes hat{0%,40%{transform:translate(-60px,-40px) rotate(-30deg);opacity:0}55%,90%{transform:none;opacity:1}to{transform:translate(-60px,-40px) rotate(-30deg);opacity:0}}.scene-2:where(.astro-j7pv25f6) .scene-cursor:where(.astro-j7pv25f6){animation:cursor2 7s cubic-bezier(.45,0,.2,1) infinite}@keyframes cursor2{0%,20%{left:8%;top:18%;opacity:0}28%{left:8%;top:18%;opacity:1}55%{left:46%;top:22%;opacity:1}62%{left:46%;top:22%;transform:scale(.8)}90%,to{left:90%;top:90%;opacity:0}}.scene-2:where(.astro-j7pv25f6) .palette:where(.astro-j7pv25f6) span:where(.astro-j7pv25f6):first-child{animation:palette 7s ease-in-out infinite}@keyframes palette{0%,24%,34%,to{transform:scale(1)}28%{transform:scale(1.25)}}.scene-3:where(.astro-j7pv25f6) .bar:where(.astro-j7pv25f6){transform-origin:center;animation:wave 1.2s ease-in-out infinite;animation-delay:calc(var(--i) * -.07s)}@keyframes wave{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.typewriter-sub:where(.astro-j7pv25f6){display:inline-block;overflow:hidden;white-space:nowrap;vertical-align:bottom;animation:type 7s steps(34) infinite}.scene-3:where(.astro-j7pv25f6) .progress:where(.astro-j7pv25f6){width:0;animation:progress 7s ease-in-out infinite}@keyframes progress{0%,10%{width:0}70%,95%{width:100%}to{width:0}}.scene-3:where(.astro-j7pv25f6) .pct:where(.astro-j7pv25f6){animation:pct 7s steps(1) infinite}@keyframes pct{0%{color:#cbd5e1}70%{color:#34d399}}.scene-3:where(.astro-j7pv25f6) .done:where(.astro-j7pv25f6){transform:scale(0);animation:done 7s cubic-bezier(.34,1.56,.64,1) infinite}@keyframes done{0%,70%{transform:scale(0)}76%,95%{transform:scale(1)}to{transform:scale(0)}}