.speaker-anim .layer{background-color:#383337;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.speaker-anim .fill{background-color:var(--background,#f5f7f2);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}[data-theme=dark] .speaker-anim .layer{background-color:var(--porcelain,#f5f7f2)}.speaker-anim{--noise-dur:1.8s}.speaker-anim .noise-near{--dx:11.1%;--dy:3.5%;animation-delay:0s}.speaker-anim .noise-mid{--dx:12.2%;--dy:-0.2%;animation-delay:calc(var(--noise-dur) / -3)}.speaker-anim .noise-far{--dx:10.4%;--dy:-4.4%;animation-delay:calc(var(--noise-dur) * -2 / 3)}@keyframes speaker-noise-emit{0%{transform:translate(calc(var(--dx) * -.5), calc(var(--dy) * -.5));opacity:0}20%{opacity:1}60%{opacity:.9}to{transform:translate(calc(var(--dx) * .5), calc(var(--dy) * .5));opacity:0}}.speaker-anim .noise{animation:speaker-noise-emit var(--noise-dur) linear infinite;opacity:0;will-change:transform, opacity}@media (prefers-reduced-motion:reduce){.speaker-anim .noise{opacity:1;animation:none;transform:none}}
.quill-anim .layer{background-color:#383337;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.quill-anim .fill{background-color:var(--mist,#dbd9db);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}[data-theme=dark] .quill-anim .layer{background-color:var(--porcelain,#f5f7f2)}.quill-anim{--write-dur:10s;--flip-dur:.59s}@keyframes quill-path{0%{transform:translate(0%)}12.5%{transform:translate(14.64%,5.93%)}14.29%{transform:translate(-4.43%,.93%)}26.79%{transform:translate(10.16%,8.43%)}28.57%{transform:translate(-8.8%,3.09%)}41.07%{transform:translate(6.2%,10.85%)}42.86%{transform:translate(-13.28%,5.38%)}55.36%{transform:translate(1.88%,13.52%)}57.14%{transform:translate(-16.09%,7.88%)}69.64%{transform:translate(-2.55%,16.4%)}71.43%{transform:translate(-20.21%,10.93%)}83.93%{transform:translate(-4.74%,18.73%)}85.71%{transform:translate(-24.64%,13.73%)}98.21%,to{transform:translate(-7.19%,21.61%)}}.quill-anim .quill{animation:quill-path var(--write-dur) linear infinite;will-change:transform}@keyframes quill-flip{0%,49.99%{opacity:1}50%,to{opacity:0}}.quill-anim .pose-a{animation:quill-flip var(--flip-dur) linear infinite}.quill-anim .pose-b{animation:quill-flip var(--flip-dur) linear infinite;animation-delay:calc(var(--flip-dur) / -2)}@keyframes write-1{0%{clip-path:inset(0 33.4% 0 0)}12.5%,to{clip-path:inset(0 17.7% 0 0)}}@keyframes write-2{0%,14.29%{clip-path:inset(0 37.8% 0 0)}26.79%,to{clip-path:inset(0 22.2% 0 0)}}@keyframes write-3{0%,28.57%{clip-path:inset(0 42.1% 0 0)}41.07%,to{clip-path:inset(0 26.1% 0 0)}}@keyframes write-4{0%,42.86%{clip-path:inset(0 46.6% 0 0)}55.36%,to{clip-path:inset(0 30.5% 0 0)}}@keyframes write-5{0%,57.14%{clip-path:inset(0 49.4% 0 0)}69.64%,to{clip-path:inset(0 34.9% 0 0)}}@keyframes write-6{0%,71.43%{clip-path:inset(0 53.5% 0 0)}83.93%,to{clip-path:inset(0 37.1% 0 0)}}@keyframes write-7{0%,85.71%{clip-path:inset(0 58% 0 0)}98.21%,to{clip-path:inset(0 39.5% 0 0)}}.quill-anim .stroke{will-change:clip-path;animation-duration:var(--write-dur);animation-timing-function:linear;animation-iteration-count:infinite}.quill-anim .stroke-1{animation-name:write-1}.quill-anim .stroke-2{animation-name:write-2}.quill-anim .stroke-3{animation-name:write-3}.quill-anim .stroke-4{animation-name:write-4}.quill-anim .stroke-5{animation-name:write-5}.quill-anim .stroke-6{animation-name:write-6}.quill-anim .stroke-7{animation-name:write-7}@media (prefers-reduced-motion:reduce){.quill-anim .stroke,.quill-anim .quill,.quill-anim .pose-a{opacity:1;clip-path:none;animation:none;transform:none}.quill-anim .pose-b{opacity:0;animation:none}}
.lego-anim .layer{background-color:#383337;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.lego-anim .fill{background-color:var(--background,#f5f7f2);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}[data-theme=dark] .lego-anim .layer{background-color:var(--porcelain,#f5f7f2)}.lego-anim{--stack-dur:4.5s}@keyframes lego-appear-1{0%{opacity:0}3%,to{opacity:1}}@keyframes lego-appear-2{0%,20%{opacity:0}23%,to{opacity:1}}@keyframes lego-appear-3{0%,40%{opacity:0}43%,to{opacity:1}}@keyframes lego-appear-4{0%,60%{opacity:0}63%,to{opacity:1}}@keyframes lego-appear-5{0%,80%{opacity:0}83%,to{opacity:1}}.lego-anim .brick{opacity:0;animation-duration:var(--stack-dur);will-change:opacity;animation-timing-function:linear;animation-iteration-count:infinite}.lego-anim .appear-1{animation-name:lego-appear-1}.lego-anim .appear-2{animation-name:lego-appear-2}.lego-anim .appear-3{animation-name:lego-appear-3}.lego-anim .appear-4{animation-name:lego-appear-4}.lego-anim .appear-5{animation-name:lego-appear-5}@media (prefers-reduced-motion:reduce){.lego-anim .brick{opacity:1;animation:none}}
.typing-anim .layer{background-color:#383337;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.typing-anim .fill{background-color:var(--background,#f5f7f2);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}[data-theme=dark] .typing-anim .layer{background-color:var(--porcelain,#f5f7f2)}@keyframes typing-key-down{0%,61.99%{opacity:0}62%,90%{opacity:1}90.01%,to{opacity:0}}@keyframes typing-key-up{0%,61.99%{opacity:1}62%,90%{opacity:0}90.01%,to{opacity:1}}.typing-anim .key-down{opacity:0;animation:1s linear infinite typing-key-down}.typing-anim .key-up{animation:1s linear infinite typing-key-up}@media (prefers-reduced-motion:reduce){.typing-anim .key-down{opacity:0;animation:none}.typing-anim .key-up{opacity:1;animation:none}}@keyframes typing-text-frame{0%,3.99%{opacity:1}4%,to{opacity:0}}@keyframes typing-text-frame-hold{0%,23.99%{opacity:1}24%,to{opacity:0}}.typing-anim .text-frame{opacity:0;animation:8s linear infinite typing-text-frame}.typing-anim .text-frame-final{animation-name:typing-text-frame-hold}@media (prefers-reduced-motion:reduce){.typing-anim .text-frame{opacity:0;animation:none}.typing-anim .text-frame-final{opacity:1}}
.guitar-anim .layer{background-color:#383337;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}[data-theme=dark] .guitar-anim .layer{background-color:var(--porcelain,#f5f7f2)}@keyframes guitar-string-vibrate{0%{transform:translate(-.32%)rotate(-.04deg)}to{transform:translate(.32%)rotate(.04deg)}}@keyframes guitar-note-turn{0%{transform:rotate(-17deg)}to{transform:rotate(17deg)}}.guitar-anim .string{animation:guitar-string-vibrate var(--dur) ease-in-out var(--delay) infinite alternate;will-change:transform}.guitar-anim .note{animation:guitar-note-turn var(--dur) ease-in-out var(--delay) infinite alternate;transform-origin:50%;will-change:transform}@media (prefers-reduced-motion:reduce){.guitar-anim .string,.guitar-anim .note{animation:none}}
.food-anim .layer{background-color:#383337;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}[data-theme=dark] .food-anim .layer{background-color:var(--porcelain,#f5f7f2)}@keyframes puff-1-build{0%,9.99%{opacity:0}10%,to{opacity:1}}@keyframes puff-2-build{0%,19.99%{opacity:0}20%,to{opacity:1}}@keyframes puff-3-build{0%,29.99%{opacity:0}30%,to{opacity:1}}@keyframes puff-4-build{0%,39.99%{opacity:0}40%,to{opacity:1}}@keyframes puff-5-build{0%,49.99%{opacity:0}50%,to{opacity:1}}@keyframes puff-6-build{0%,59.99%{opacity:0}60%,to{opacity:1}}@keyframes puff-7-build{0%,69.99%{opacity:0}70%,to{opacity:1}}@keyframes bagel-slot{0%,9.99%{opacity:1}10%,to{opacity:0}}@keyframes rav-turn{0%{transform:rotate(-12deg)}to{transform:rotate(12deg)}}.food-anim .puff{animation-duration:5s;animation-timing-function:linear;animation-iteration-count:infinite}.food-anim .bagel{animation:4.8s step-end infinite bagel-slot;animation-delay:var(--delay);opacity:0}.food-anim .rav{animation:rav-turn var(--dur) ease-in-out var(--delay) infinite alternate;transform-origin:50%;will-change:transform}@media (prefers-reduced-motion:reduce){.food-anim .puff,.food-anim .bagel,.food-anim .rav{opacity:1;animation:none}.food-anim .bagel:not(.bagel-first){opacity:0}}
.bike-anim .layer{background-color:#383337;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.bike-anim .fill{background-color:var(--background,#f5f7f2);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}[data-theme=dark] .bike-anim .layer{background-color:var(--porcelain,#f5f7f2)}.bike-anim{--spin-dur:2.3s;--chain-dur:.2s}@keyframes bike-wheel-spin{to{transform:rotate(360deg)}}@keyframes bike-chain-run{0%{transform:translate(0,0)}to{transform:translate(5%,.82%)}}.bike-anim .wheel{animation:bike-wheel-spin var(--spin-dur) linear infinite;transform-origin:50%;will-change:transform}.bike-anim .ring{animation:bike-wheel-spin var(--spin-dur) linear infinite;will-change:transform}.bike-anim .chain{animation:bike-chain-run var(--chain-dur) linear infinite;will-change:transform}@media (prefers-reduced-motion:reduce){.bike-anim .wheel,.bike-anim .ring,.bike-anim .chain{animation:none}}
.hug-anim .layer{background-color:#383337;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hug-anim .fill{background-color:var(--background,#f5f7f2);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}[data-theme=dark] .hug-anim .layer{background-color:var(--porcelain,#f5f7f2)}.hug-anim{--nuzzle-angle:3deg;--nuzzle-dur:1s;--wag-dur:.54s;--pant-dur:.55s;--pulse-dur:.85s}@keyframes hug-nuzzle{0%{transform:rotate(calc(-1 * var(--nuzzle-angle)))}to{transform:rotate(var(--nuzzle-angle))}}@keyframes hug-pant{0%{transform:translate(0,0)}to{transform:translateY(-1%)}}@keyframes hug-tail-flip{0%,49.99%{opacity:1}50%,to{opacity:0}}@keyframes hug-heart-pulse{0%{transform:scale(1)}to{transform:scale(1.06)}}.hug-anim .nuzzle{animation:hug-nuzzle var(--nuzzle-dur) ease-in-out infinite alternate;will-change:transform}.hug-anim .pant{animation:hug-pant var(--pant-dur) ease-in-out infinite alternate;will-change:transform}.hug-anim .tail-a{animation:hug-tail-flip var(--wag-dur) linear infinite}.hug-anim .tail-b{animation:hug-tail-flip var(--wag-dur) linear infinite;animation-delay:calc(var(--wag-dur) / -2)}.hug-anim .hearts{animation:hug-heart-pulse var(--pulse-dur) ease-in-out infinite alternate;transform-origin:50% 55%;will-change:transform}@media (prefers-reduced-motion:reduce){.hug-anim .nuzzle,.hug-anim .pant,.hug-anim .hearts{animation:none}.hug-anim .tail-a{opacity:1;animation:none}.hug-anim .tail-b{opacity:0;animation:none}}
.art-anim{--spin-dur:14s;--bob-amount:15px;container-type:inline-size}.art-anim .layer{background-color:#383337;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}[data-theme=dark] .art-anim .layer{background-color:var(--porcelain,#f5f7f2)}@keyframes supplies-scroll{0%{transform:translate(0)}to{transform:translate(140cqw)}}@keyframes supplies-bob{0%,to{transform:translateY(0)}25%{transform:translateY(calc(-1 * var(--bob-amount)))}75%{transform:translateY(var(--bob-amount))}}.art-anim .scroll{animation:supplies-scroll var(--spin-dur) linear infinite;will-change:transform}.art-anim .bob{will-change:transform;animation:2.6s ease-in-out infinite supplies-bob}@media (prefers-reduced-motion:reduce){.art-anim .scroll{transform:var(--rest);animation:none}.art-anim .bob{animation:none}}