.cel{--k:1;position:relative;overflow:hidden}.cel[data-period=evening]{--k:1.35;background:color-mix(in srgb,rgb(var(--night,44 52 86)) 16%,rgb(var(--surface)/.7))}.cel-scene{place-items:center;width:11.4em;height:11.4em;margin:0 auto;font-size:calc(var(--d) / 10)}.cel-disc,.cel-scene{position:relative;display:grid;border-radius:50%}.cel-disc{place-items:center;width:10em;height:10em}.cel-clip{overflow:hidden}.cel-mover{display:grid;place-items:center;position:relative}.cel-hero{display:block;font-size:5.45em;line-height:1;transform-origin:50% 85%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cel-hero.cel-body{font-size:5.9em}.cel-hero.cel-letter{font-size:5em;color:#fff}.cel-photo{display:block;width:var(--d);height:var(--d);border-radius:50%;-o-object-fit:cover;object-fit:cover}.cel-cheer{opacity:1}.cel-play .cel-cheer{animation:cel-cheer calc(.6s * var(--k)) ease-out calc(var(--cel-d, 1.7s) * var(--k)) both}.cel-play[data-motion=fly],.cel-play[data-motion=hatch],.cel-play[data-motion=jump],.cel-play[data-motion=launch]{--cel-d:2.1s}@keyframes cel-cheer{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.cel-bubble,.cel-egg,.cel-fence,.cel-lines,.cel-note,.cel-puff,.cel-ring,.cel-rosette,.cel-spark,.cel-sun,.cel-zz{position:absolute;opacity:0;pointer-events:none}.cel-sun{left:50%;top:50%;width:19.3em;height:19.3em;margin:-9.65em 0 0 -9.65em;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgb(var(--star)/.45) 0deg 9deg,transparent 9deg 24deg);-webkit-mask:radial-gradient(circle,#000 30%,transparent 70%);mask:radial-gradient(circle,#000 30%,transparent 70%)}.cel-cloud{position:absolute;height:22px;border-radius:22px;background:rgb(var(--sunken));opacity:0;pointer-events:none}.cel-cloud:after,.cel-cloud:before{content:"";position:absolute;border-radius:50%;background:inherit}.cel-cloud:before{width:30px;height:30px;left:12px;top:-14px}.cel-cloud:after{width:22px;height:22px;left:34px;top:-9px}.cel-cloud.a{width:72px;left:10%;top:12%}.cel-cloud.b{width:60px;right:10%;top:32%}.cel-moon{left:6%;top:6%;width:34px;height:34px;box-shadow:inset 9px -5px 0 0 rgb(var(--star))}.cel-moon,.cel-twinkle{position:absolute;border-radius:50%;opacity:0;pointer-events:none}.cel-twinkle{width:6px;height:6px;background:rgb(var(--star))}.cel-twinkle.t1{right:18%;top:9%}.cel-twinkle.t2{right:9%;top:26%}.cel-twinkle.t3{left:12%;top:40%}.cel-twinkle.t4{right:24%;top:52%}.cel[data-period=morning] .cel-sun{opacity:.9}.cel[data-period=afternoon] .cel-cloud{opacity:1}.cel[data-period=evening] .cel-moon,.cel[data-period=evening] .cel-twinkle{opacity:.9}.cel-play .cel-sun{animation:cel-turn calc(6s * var(--k)) linear both}.cel-play .cel-cloud.a{animation:cel-drift calc(3s * var(--k)) ease-in-out both}.cel-play .cel-cloud.b{animation:cel-drift calc(3s * var(--k)) ease-in-out reverse both}.cel-play .cel-twinkle{animation:cel-twinkle calc(1.2s * var(--k)) ease-in-out 3 both}.cel-play .cel-twinkle.t2,.cel-play .cel-twinkle.t4{animation-delay:.5s}@keyframes cel-turn{to{transform:rotate(40deg)}}@keyframes cel-drift{0%{transform:translateX(-10px)}to{transform:translateX(14px)}}@keyframes cel-twinkle{0%,to{opacity:.9;transform:scale(1)}50%{opacity:.25;transform:scale(.5)}}.cel-puff{bottom:1em;left:50%;width:1em;height:1em;border-radius:50%;background:rgb(var(--surface))}.cel-puff.l{--dx:-3.6em}.cel-puff.r{--dx:2.6em}.cel-puff.l2{--dx:-2.5em}.cel-puff.l2,.cel-puff.r2{bottom:.45em;width:.7em;height:.7em}.cel-puff.r2{--dx:2em}.cel-ring{left:50%;top:50%;width:10em;height:10em;margin:-5em 0 0 -5em;border-radius:50%;border:.3em solid var(--m)}.cel-zz{font-family:Bricolage Grotesque,ui-sans-serif,system-ui,sans-serif;font-weight:800;line-height:1;color:color-mix(in srgb,var(--m) 70%,rgb(var(--ink)))}.cel-zz.z1{right:1em;top:1.9em;font-size:1.25em}.cel-zz.z2{right:.25em;top:.55em;font-size:1.6em}.cel-zz.z3{right:-.55em;top:-.9em;font-size:1.9em}.cel-note{font-family:Bricolage Grotesque,ui-sans-serif,system-ui,sans-serif;font-weight:800;line-height:1;color:color-mix(in srgb,var(--m) 70%,rgb(var(--ink)))}.cel-note.n1{left:.55em;top:1.1em;font-size:1.7em}.cel-note.n2{right:.7em;top:.35em;font-size:1.35em}.cel-note.n3{left:1.9em;top:-.8em;font-size:1.25em}.cel-spark{left:50%;top:50%;width:.55em;height:.55em;margin:-.275em;border-radius:2px;background:rgb(var(--star))}.cel-lines{right:-1.9em;top:46%;display:grid;gap:.4em}.cel-lines i{display:block;height:.23em;border-radius:.23em;background:rgb(var(--surface))}.cel-lines i:first-child{width:1.5em}.cel-lines i:nth-child(2){width:2.2em;margin-left:.45em}.cel-lines i:nth-child(3){width:1.25em}.cel-bubble{bottom:3em;width:.9em;height:.9em;border-radius:50%;border:.15em solid rgb(var(--surface))}.cel-bubble.b1{left:38%}.cel-bubble.b2{left:56%;width:.6em;height:.6em}.cel-bubble.b3{left:64%;width:.7em;height:.7em}.cel-play:is([data-motion=rear],[data-motion=toss],[data-motion=wiggle]) .cel-note{animation:cel-note calc(1.3s * var(--k)) ease-out both}.cel-play .cel-note.n1{animation-delay:calc(.3s * var(--k))}.cel-play .cel-note.n2{animation-delay:calc(.6s * var(--k))}.cel-play .cel-note.n3{animation-delay:calc(.9s * var(--k))}[data-period=evening] .cel-play .cel-note{animation:none}[data-period=evening] .cel-play:is([data-motion=roar],[data-motion=rear],[data-motion=toss],[data-motion=wiggle]) .cel-zz{animation:cel-zz calc(1.4s * var(--k)) ease-out both}[data-period=evening] .cel-play .cel-zz.z1{animation-delay:calc(.9s * var(--k))}[data-period=evening] .cel-play .cel-zz.z2{animation-delay:calc(1.2s * var(--k))}[data-period=evening] .cel-play .cel-zz.z3{animation-delay:calc(1.5s * var(--k))}@keyframes cel-note{0%{opacity:0;transform:translateY(.7em) scale(.6)}25%{opacity:1}to{opacity:0;transform:translateY(-1.7em) rotate(-12deg)}}@keyframes cel-zz{0%{opacity:0;transform:translateY(.6em) scale(.6)}30%{opacity:1}to{opacity:0;transform:translate(.8em,-1.5em) scale(1.1)}}@keyframes cel-yawn{0%{transform:none}25%{transform:rotate(-8deg) scale(1.08)}55%{transform:rotate(-10deg) scale(1.1)}75%{transform:rotate(4deg) scale(.98)}to{transform:none}}@keyframes cel-spark{0%,54%{opacity:0;transform:none}58%{opacity:1}80%,to{opacity:0;transform:rotate(var(--r)) translateY(-6.8em) rotate(45deg) scale(.6)}}@keyframes cel-spark-late{0%,84%{opacity:0;transform:none}88%{opacity:1}to{opacity:0;transform:rotate(var(--r)) translateY(-6.8em) rotate(45deg) scale(.6)}}.cel-play[data-motion=stomp] .cel-hero{animation:cel-stomp calc(2.4s * var(--k)) cubic-bezier(.3,.7,.4,1) both}.cel-play[data-motion=stomp] .cel-disc{animation:cel-quake calc(2.4s * var(--k)) linear both}.cel-play[data-motion=stomp] .cel-puff{animation:cel-puff calc(2.4s * var(--k)) ease-out both}@keyframes cel-stomp{0%{transform:none}12%{transform:translateY(-.25em) rotate(-7deg)}22%{transform:translateY(0) scale(1.14,.86)}30%{transform:none}42%{transform:translateY(-.25em) rotate(7deg)}52%{transform:translateY(0) scale(1.14,.86)}60%{transform:none}74%{transform:translateY(-.42em) scale(1.06)}86%{transform:translateY(0) scale(1.2,.8)}94%{transform:scale(.97,1.03)}to{transform:none}}@keyframes cel-quake{0%,21%,26%,51%,56%,85%,93%,to{transform:none}23%{transform:translate(-3px,2px)}24%{transform:translate(3px)}53%{transform:translate(3px,2px)}54%{transform:translate(-3px)}87%{transform:translate(-5px,3px)}89%{transform:translate(5px,-1px)}91%{transform:translate(-3px,1px)}}@keyframes cel-puff{0%,20%{opacity:0;transform:translateX(-50%) scale(.3)}23%{opacity:.95;transform:translateX(calc(-50% + var(--dx) * .5)) scale(1)}34%{opacity:0;transform:translateX(calc(-50% + var(--dx))) translateY(-.45em) scale(1.3)}50%{opacity:0;transform:translateX(-50%) scale(.3)}53%{opacity:.95;transform:translateX(calc(-50% + var(--dx) * .5)) scale(1)}64%{opacity:0;transform:translateX(calc(-50% + var(--dx))) translateY(-.45em) scale(1.3)}84%{opacity:0;transform:translateX(-50%) scale(.3)}87%{opacity:1;transform:translateX(calc(-50% + var(--dx) * .6)) scale(1.3)}to{opacity:0;transform:translateX(calc(-50% + var(--dx) * 1.3)) translateY(-.7em) scale(1.7)}}.cel-play[data-motion=roar] .cel-hero{animation:cel-roar calc(2.6s * var(--k)) ease-in-out both}.cel-play[data-motion=roar] .cel-ring{animation:cel-ring calc(1.1s * var(--k)) ease-out both}.cel-play[data-motion=roar] .cel-ring.r1{animation-delay:calc(.8s * var(--k))}.cel-play[data-motion=roar] .cel-ring.r2{animation-delay:calc(1.05s * var(--k))}.cel-play[data-motion=roar] .cel-ring.r3{animation-delay:calc(1.3s * var(--k))}[data-period=evening] .cel-play[data-motion=roar] .cel-ring{animation:none}@keyframes cel-roar{0%{transform:none}16%{transform:rotate(9deg) translateX(.06em) scale(.94)}30%{transform:rotate(-10deg) scale(1.2)}36%{transform:rotate(-12deg) scale(1.2) translateX(-.02em)}42%{transform:rotate(-9deg) scale(1.21) translateX(.02em)}48%{transform:rotate(-12deg) scale(1.2) translateX(-.02em)}54%{transform:rotate(-9deg) scale(1.21) translateX(.02em)}60%{transform:rotate(-11deg) scale(1.2)}76%{transform:none}86%{transform:translateY(-.08em)}to{transform:none}}@keyframes cel-ring{0%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.45)}}.cel-egg{left:50%;top:50%;width:6.4em;height:8em;margin:-3.75em 0 0 -3.2em}.cel-shell{position:absolute;inset:0;border-radius:50% 50% 48% 48%/58% 58% 42% 42%;background:radial-gradient(circle at 30% 30%,color-mix(in srgb,var(--m) 35%,transparent) 0 .4em,transparent .45em),radial-gradient(circle at 68% 62%,color-mix(in srgb,var(--m) 35%,transparent) 0 .5em,transparent .55em),radial-gradient(circle at 40% 78%,color-mix(in srgb,var(--m) 35%,transparent) 0 .3em,transparent .35em),rgb(253 250 240)}.cel-shell.top{clip-path:polygon(0 0,100% 0,100% 50%,88% 42%,76% 52%,64% 42%,52% 52%,40% 42%,28% 52%,16% 42%,0 50%)}.cel-shell.bottom{clip-path:polygon(0 50%,16% 42%,28% 52%,40% 42%,52% 52%,64% 42%,76% 52%,88% 42%,100% 50%,100% 100%,0 100%)}.cel-play[data-motion=hatch] .cel-egg{animation:cel-egg calc(3s * var(--k)) ease-in-out both}.cel-play[data-motion=hatch] .cel-shell.top{animation:cel-shell-top calc(3s * var(--k)) ease-in both}.cel-play[data-motion=hatch] .cel-shell.bottom{animation:cel-shell-bottom calc(3s * var(--k)) ease-in both}.cel-play[data-motion=hatch] .cel-hero{animation:cel-hatch calc(3s * var(--k)) cubic-bezier(.3,.7,.4,1) both}.cel-play[data-motion=hatch] .cel-spark{animation:cel-spark calc(3s * var(--k)) ease-out both}@keyframes cel-egg{0%{opacity:1;transform:none}8%{transform:rotate(-6deg)}16%{transform:rotate(6deg)}22%{transform:none}32%{transform:rotate(-10deg)}38%{transform:rotate(10deg)}44%{transform:rotate(-6deg)}50%{transform:none;opacity:1}80%{opacity:1}to{opacity:0}}@keyframes cel-shell-top{0%,52%{transform:none}70%{transform:translate(-1.7em,-4em) rotate(-40deg);opacity:1}82%,to{transform:translate(-2.3em,-5.1em) rotate(-55deg);opacity:0}}@keyframes cel-shell-bottom{0%,54%{transform:none;opacity:1}75%{transform:translateY(1.4em);opacity:.9}85%,to{transform:translateY(1.9em);opacity:0}}@keyframes cel-hatch{0%,52%{transform:translateY(.21em) scale(.2);opacity:0}56%{opacity:1}66%{transform:translateY(-.15em) scale(1.15)}76%{transform:scale(.96,1.04)}86%{transform:translateY(-.1em)}to{transform:none;opacity:1}}.cel-play[data-motion=gallop] .cel-mover{animation:cel-gallop calc(2.8s * var(--k)) linear both}.cel-play[data-motion=gallop] .cel-hero{animation:cel-bob calc(.35s * var(--k)) ease-in-out 8 both}.cel-play:is([data-motion=gallop],[data-motion=drive]) .cel-lines{animation:cel-lines calc(2.8s * var(--k)) linear both}@keyframes cel-gallop{0%,18%{transform:none}44%{transform:translateX(-9em)}44.01%{transform:translateX(9em)}76%{transform:translateX(0)}82%{transform:rotate(-12deg) translateY(-.35em)}90%{transform:rotate(3deg)}to{transform:none}}@keyframes cel-bob{0%,to{transform:translateY(0) rotate(0)}30%{transform:translateY(-.125em) rotate(6deg)}70%{transform:translateY(-.04em) rotate(-5deg)}}@keyframes cel-lines{0%,20%{opacity:0}26%,70%{opacity:.9}76%,to{opacity:0}}.cel-play[data-motion=drive] .cel-mover{animation:cel-gallop calc(2.8s * var(--k)) linear both}.cel-play[data-motion=drive] .cel-hero{animation:cel-rumble calc(.14s * var(--k)) linear 20 both}@keyframes cel-rumble{0%,to{transform:none}50%{transform:translateY(-.025em) rotate(-1deg)}}.cel-play[data-motion=rear] .cel-hero{transform-origin:78% 92%;animation:cel-rear calc(2.6s * var(--k)) ease-in-out both}.cel-play[data-motion=rear] .cel-puff{animation:cel-hoof calc(2.6s * var(--k)) ease-out both}@keyframes cel-rear{0%{transform:none}12%{transform:scale(1.04,.94)}28%{transform:rotate(24deg)}34%{transform:rotate(22deg) translateX(-.02em)}40%{transform:rotate(25deg)}46%{transform:rotate(22deg)}58%{transform:none}62%{transform:scale(1.06,.92)}74%{transform:translateY(-.125em)}84%{transform:scale(1.04,.96)}to{transform:none}}@keyframes cel-hoof{0%,56%{opacity:0;transform:translateX(-50%) scale(.3)}60%{opacity:.95;transform:translateX(calc(-50% + var(--dx) * .5)) scale(1)}76%,to{opacity:0;transform:translateX(calc(-50% + var(--dx))) translateY(-.45em) scale(1.3)}}.cel-fence{left:50%;bottom:1.4em;width:3.6em;height:2.5em;margin-left:-1.8em;transform-origin:50% 100%}.cel-fence:after,.cel-fence:before{content:"";position:absolute;bottom:0;width:.4em;height:2.5em;border-radius:.17em;background:rgb(var(--surface))}.cel-fence:before{left:.23em}.cel-fence:after{right:.23em}.cel-fence i{position:absolute;left:0;right:0;height:.35em;border-radius:.17em;background:repeating-linear-gradient(90deg,rgb(var(--surface)) 0 .55em,color-mix(in srgb,var(--m) 40%,rgb(var(--surface))) .55em 1.1em)}.cel-fence i:first-child{top:.45em}.cel-fence i:nth-child(2){top:1.35em}.cel-rosette{right:-.2em;top:-.2em;width:3em;height:3em}.cel-rosette .face{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,rgb(var(--star)) 0 .75em,rgb(var(--surface)) .8em .97em,transparent 1.02em),repeating-conic-gradient(rgb(var(--star)) 0 15deg,color-mix(in srgb,rgb(var(--star)) 70%,rgb(var(--surface))) 15deg 30deg)}.cel-rosette .tail{position:absolute;top:2.3em;width:.8em;height:1.5em;background:rgb(var(--star));clip-path:polygon(0 0,100% 0,100% 100%,50% 80%,0 100%)}.cel-rosette .tail.a{left:.7em;transform:rotate(14deg)}.cel-rosette .tail.b{right:.7em;transform:rotate(-14deg)}.cel-play[data-motion=jump] .cel-hero{animation:cel-jump calc(2.9s * var(--k)) ease-in-out both}.cel-play[data-motion=jump] .cel-fence{animation:cel-fence calc(2.9s * var(--k)) ease-out both}.cel-play[data-motion=jump] .cel-rosette{animation:cel-rosette calc(2.9s * var(--k)) cubic-bezier(.3,1.6,.5,1) both}@keyframes cel-jump{0%{transform:none}16%,28%{transform:translate(.46em,.23em) scale(.66)}40%{transform:translate(.23em,-.375em) scale(.7) rotate(14deg)}50%{transform:translate(-.06em,-.54em) scale(.7) rotate(2deg)}60%{transform:translate(-.44em,.23em) scale(.68) rotate(-10deg)}65%{transform:translate(-.44em,.23em) scale(.74,.6)}70%{transform:translate(-.44em,.21em) scale(.66)}84%,to{transform:none}}@keyframes cel-fence{0%,8%{opacity:0;transform:scaleY(0)}18%{opacity:1;transform:scaleY(1)}70%{opacity:1;transform:none}80%,to{opacity:0;transform:scaleY(.2)}}@keyframes cel-rosette{0%,76%{opacity:0;transform:scale(.2) rotate(-60deg)}88%,to{opacity:1;transform:none}}.cel-play[data-motion=toss] .cel-hero{animation:cel-toss calc(2.4s * var(--k)) ease-in-out both}@keyframes cel-toss{0%{transform:none}14%{transform:rotate(-16deg) translateY(-.1em)}24%{transform:rotate(12deg) translateY(-.04em)}34%{transform:rotate(-10deg)}44%{transform:rotate(7deg)}54%{transform:rotate(-3deg)}62%{transform:none}72%{transform:translateY(-.17em) scale(1.06)}80%{transform:scale(1.05,.95)}to{transform:none}}.cel-play[data-motion=hop] .cel-hero{animation:cel-hop calc(2.4s * var(--k)) ease-in-out both}.cel-play[data-motion=hop] .cel-spark{animation:cel-spark-late calc(2.4s * var(--k)) ease-out both}@keyframes cel-hop{0%{transform:none}8%{transform:scale(1.06,.92)}14%{transform:translateY(-.3em) scale(.94,1.08)}22%{transform:translateY(0) scale(1.1,.9)}28%{transform:none}36%{transform:scale(1.06,.92)}42%{transform:translateY(-.4em) scale(.94,1.08)}52%{transform:translateY(0) scale(1.1,.9)}58%{transform:none}66%{transform:scale(1.08,.9)}74%{transform:translateY(-.6em) rotate(-8deg) scale(.94,1.08)}86%{transform:translateY(0) scale(1.14,.86)}93%{transform:scale(.97,1.03)}to{transform:none}}.cel-play[data-motion=wiggle] .cel-hero{transform-origin:50% 90%;animation:cel-wiggle calc(2.6s * var(--k)) ease-in-out both}@keyframes cel-wiggle{0%{transform:none}10%{transform:rotate(-10deg) translateX(-.06em)}20%{transform:rotate(10deg) translateX(.06em)}30%{transform:rotate(-10deg) translateX(-.06em)}40%{transform:rotate(10deg) translateX(.06em)}50%{transform:rotate(-8deg)}60%{transform:rotate(8deg)}68%{transform:none}78%{transform:translateY(-.2em) scale(1.05)}88%{transform:scale(1.05,.95)}to{transform:none}}.cel-play[data-motion=spin] .cel-hero{transform-origin:50% 50%;animation:cel-spin calc(2.6s * var(--k)) ease-in-out both}.cel-play[data-motion=spin] .cel-spark{animation:cel-spark calc(2.6s * var(--k)) ease-out both}@keyframes cel-spin{0%{transform:none}15%{transform:rotate(-20deg) scale(.92)}55%{transform:rotate(1turn) scale(1.15) translateY(-.15em)}68%{transform:rotate(1turn) scale(.95)}78%{transform:rotate(1turn) scale(1.03)}to{transform:rotate(1turn)}}.cel-play[data-motion=peek] .cel-hero{animation:cel-peek calc(2.6s * var(--k)) ease-in-out both}.cel-play[data-motion=peek] .cel-spark{animation:cel-spark calc(2.6s * var(--k)) ease-out both}@keyframes cel-peek{0%{transform:none}12%{transform:translateY(-.08em) scale(1.04,.96)}28%,48%{transform:translateY(1.5em)}60%{transform:translateY(-.2em) scale(1.1)}68%{transform:rotate(-8deg)}76%{transform:rotate(7deg)}84%{transform:rotate(-3deg)}to{transform:none}}.cel-play[data-motion=fly] .cel-mover{animation:cel-fly calc(3s * var(--k)) ease-in-out both}.cel-play[data-motion=fly] .cel-hero{animation:cel-flap calc(.25s * var(--k)) ease-in-out 12 both}@keyframes cel-fly{0%{transform:none}15%{transform:translate(-2.5em,-2em) rotate(-10deg)}30%{transform:translate(2.5em,-3em) rotate(10deg)}45%{transform:translate(3em,1em) rotate(14deg)}60%{transform:translate(-2.5em,1.5em) rotate(-8deg)}75%{transform:translate(-1em,-1em)}88%{transform:translateY(-.5em)}to{transform:none}}@keyframes cel-flap{0%,to{transform:none}50%{transform:scale(1.06,.9) translateY(-.05em)}}.cel-play[data-motion=swim] .cel-mover{animation:cel-swim calc(3s * var(--k)) ease-in-out both}.cel-play[data-motion=swim] .cel-hero{animation:cel-sway calc(3s * var(--k)) ease-in-out both}.cel-play[data-motion=swim] .cel-bubble{animation:cel-bubble calc(1.6s * var(--k)) ease-out both}.cel-play[data-motion=swim] .cel-bubble.b2{animation-delay:calc(.6s * var(--k))}.cel-play[data-motion=swim] .cel-bubble.b3{animation-delay:calc(1.2s * var(--k))}@keyframes cel-swim{0%{transform:none}20%{transform:translate(-2em,.6em)}40%{transform:translateY(-.6em)}60%{transform:translate(2em,.6em)}80%{transform:translateY(-.3em)}to{transform:none}}@keyframes cel-sway{0%,to{transform:none}20%{transform:rotate(-12deg)}40%{transform:rotate(10deg)}60%{transform:rotate(-10deg)}80%{transform:rotate(6deg)}}@keyframes cel-bubble{0%{opacity:0;transform:none}20%{opacity:.9}to{opacity:0;transform:translateY(-4em) scale(1.3)}}.cel-play[data-motion=launch] .cel-hero{animation:cel-launch calc(2.8s * var(--k)) ease-in-out both}.cel-play[data-motion=launch] .cel-puff{animation:cel-smoke calc(2.8s * var(--k)) ease-out both}@keyframes cel-launch{0%{transform:none}6%{transform:translateX(-.03em)}10%{transform:translateX(.03em)}14%{transform:translateX(-.03em)}18%{transform:translateX(.03em)}22%{transform:none}26%{transform:translateY(.05em) scale(1.05,.95)}44%{transform:translateY(-2em)}44.01%{transform:translateY(2em)}66%{transform:translateY(-.15em)}74%{transform:translateY(.05em) scale(1.04,.96)}84%,to{transform:none}}@keyframes cel-smoke{0%,24%{opacity:0;transform:translateX(-50%) scale(.3)}30%{opacity:.95;transform:translateX(calc(-50% + var(--dx) * .5)) scale(1.2)}48%,to{opacity:0;transform:translateX(calc(-50% + var(--dx))) translateY(-.6em) scale(1.8)}}[data-period=evening] .cel-play:is([data-motion=roar],[data-motion=rear],[data-motion=toss]) .cel-hero{transform-origin:50% 85%;animation-name:cel-yawn}@media (prefers-reduced-motion:reduce){.cel *,.cel :after,.cel :before{animation-delay:0s!important;animation-iteration-count:1!important}}