.cm{z-index:25;pointer-events:none;--cm-size:76px;--cm-from:5cqw;--cm-span:70cqw;--cm-leg:2.7s;width:100%;height:0;position:absolute;left:0;container-type:inline-size}@media (min-width:768px){.cm{--cm-size:100px;--cm-from:50cqw;--cm-span:36cqw;--cm-leg:2.6s}}@media (min-width:1280px){.cm{--cm-size:108px;--cm-from:40cqw;--cm-span:44cqw;--cm-leg:3.5s}}.cm-mascot{left:var(--cm-from);bottom:calc(var(--cm-size) * -.098);width:var(--cm-size);height:var(--cm-size);appearance:none;cursor:pointer;pointer-events:auto;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transform:translateX(calc(var(--cm-b) * var(--cm-span)));background:0 0;border:0;border-radius:50%;margin:0;padding:0;position:absolute}.cm-mascot:focus-visible{outline-offset:-4px;outline:3px solid #2296d2}.cm-fill{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.cm-hop,.cm-wiggle,.cm-breathe{transform-origin:41.5% 89%}.cm-cookie{filter:drop-shadow(0 3px 3px #4027222e)}.cm-spark,.cm-eye,.cm-cheeks,.cm-foot,.cm-crumb,.cm-heart,.cm-twinkle,.cm-z,.cm-stareye,.cm-spiral{transform-box:fill-box;transform-origin:50%}.cm-crumb{opacity:0}@media (prefers-reduced-motion:no-preference){.cm-breathe{will-change:transform;animation:3.4s ease-in-out infinite cm-breathe}.cm-eye{animation:5.3s linear infinite cm-blink}.cm-spark{animation:1.9s ease-in-out infinite cm-spark}.cm-spark-2{animation-delay:.16s}.cm-spark-3{animation-delay:.32s}.cm-hop{will-change:transform;transition:transform .3s ease-out}.cm-face{transition:transform .38s cubic-bezier(.3,.7,.3,1)}.cm-mascot:is([data-rest="0"],[data-rest="2"]) .cm-hop{animation:3.6s ease-in-out cm-hop}.cm-mascot{will-change:transform}.cm-mascot[data-walk=a]{animation:cm-walk-a var(--cm-leg) cubic-bezier(.4, .05, .6, .95) forwards}.cm-mascot[data-walk=b]{animation:cm-walk-b var(--cm-leg) cubic-bezier(.4, .05, .6, .95) forwards}.cm-mascot[data-dir="-1"]{--cm-dir:-1}.cm-mascot[data-dir="1"]{--cm-dir:1}.cm-mascot[data-dir="-1"] .cm-hop{transform:rotate(-4deg)}.cm-mascot[data-dir="1"] .cm-hop{transform:rotate(4deg)}.cm-mascot[data-walk] .cm-breathe{animation:.42s ease-in-out infinite cm-bob}.cm-mascot[data-walk] .cm-foot{animation:.42s ease-in-out infinite cm-step}.cm-mascot[data-walk] .cm-foot-r{animation-delay:-.21s}.cm-mascot[data-busy]{animation-play-state:paused}.cm-mascot[data-busy] .cm-foot{animation:none}.cm-mascot[data-busy] .cm-breathe{animation:3.4s ease-in-out infinite cm-breathe}@media (hover:hover){.cm-mascot:hover .cm-wiggle{animation:.75s ease-in-out cm-wiggle}.cm-mascot:hover{animation-play-state:paused}.cm-mascot:hover .cm-foot{animation:none}}.cm-cheeks{transition:transform .2s ease-out}.cm-mascot:is([data-mood=happy],[data-mood=love],[data-mood=sparkle],[data-mood=star],[data-mood=laugh]) .cm-cheeks{transform:scale(1.14)}.cm-mascot:is([data-mood=love],[data-mood=sparkle]) .cm-hop{animation:.7s ease-out both cm-bounce}.cm-heart{animation:1.6s ease-out both cm-heart}.cm-twinkle{animation:.8s ease-in-out infinite alternate both cm-twinkle}.cm-twinkle-2{animation-delay:.22s}.cm-twinkle-3{animation-delay:.44s}.cm-mascot[data-mood=star] .cm-hop{animation:1.1s cubic-bezier(.3,.1,.3,1) both cm-jump}.cm-mascot[data-mood=star] .cm-crumb{animation:.95s cubic-bezier(.3,0,.7,.6) .18s both cm-crumb}.cm-stareye{animation:.5s ease-in-out infinite alternate cm-starpop}.cm-crumb-1{--cm-dx:46px;--cm-dy:120px}.cm-crumb-2{--cm-dx:70px;--cm-dy:92px}.cm-crumb-3{--cm-dx:22px;--cm-dy:138px}.cm-crumb-4{--cm-dx:84px;--cm-dy:60px}.cm-mascot[data-mood=laugh] .cm-hop{animation:1s ease-in-out both cm-giggle}.cm-mascot[data-mood=laugh] .cm-foot-l{animation:.25s ease-in-out 4 cm-patter}.cm-mascot[data-mood=laugh] .cm-foot-r{animation:.25s ease-in-out .125s 4 cm-patter}.cm-mascot[data-mood=dizzy] .cm-hop{animation:2.1s ease-in-out both cm-dizzy}.cm-spiral{animation:.9s linear infinite cm-spin}.cm-mascot[data-mood=surprised] .cm-hop{animation:.45s ease-out both cm-startle}.cm-mascot[data-mood=content] .cm-hop{animation:2.4s ease-in-out both cm-sway}.cm-mascot[data-mood=sleep] .cm-hop{animation:none;transform:rotate(5deg)}.cm-mascot[data-mood=sleep] .cm-breathe{animation:4.6s ease-in-out infinite cm-snooze}.cm-z{animation:2.7s ease-in-out infinite both cm-z}.cm-z-2{animation-delay:.5s}.cm-z-3{animation-delay:1s}}@keyframes cm-walk-a{0%{transform:translateX(calc(var(--cm-a) * var(--cm-span)))}to{transform:translateX(calc(var(--cm-b) * var(--cm-span)))}}@keyframes cm-walk-b{0%{transform:translateX(calc(var(--cm-a) * var(--cm-span)))}to{transform:translateX(calc(var(--cm-b) * var(--cm-span)))}}@keyframes cm-spark{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.74)}}@keyframes cm-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.022,.976)}}@keyframes cm-hop{0%,56%{transform:none}62%{transform:scale(1.06,.92)}70%{transform:translateY(-9%)scale(.97,1.04)rotate(-4deg)}78%{transform:scale(1.06,.93)}84%{transform:translateY(-3%)scale(.99,1.02)rotate(1deg)}90%,to{transform:none}}@keyframes cm-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2.2%)}}@keyframes cm-step{0%,to{transform:translate(0)}50%{transform:translate(calc(var(--cm-dir,1) * 6px), -8px)}}@keyframes cm-blink{0%,40%,44%,86%,90%,94%,to{transform:scaleY(1)}42%,88%,92%{transform:scaleY(.1)}}@keyframes cm-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-6deg)}55%{transform:rotate(4deg)}80%{transform:rotate(-2deg)}}@keyframes cm-jump{0%{transform:none}14%{transform:scale(1.12,.84)}36%{transform:translateY(-24%)scale(.94,1.08)rotate(7deg)}50%{transform:translateY(-29%)scale(1)rotate(-3deg)}70%{transform:scale(1.1,.86)}84%{transform:translateY(-5%)scale(.98,1.03)}to{transform:none}}@keyframes cm-crumb{0%{opacity:0;transform:translate(0)}12%{opacity:1}75%{opacity:1}to{transform:translate(var(--cm-dx), var(--cm-dy));opacity:0}}@keyframes cm-giggle{0%,to{transform:none}12%{transform:rotate(-6deg)scale(1.04,.96)}30%{transform:rotate(5deg)scale(.98,1.02)}48%{transform:rotate(-5deg)scale(1.04,.96)}66%{transform:rotate(4deg)scale(.98,1.02)}84%{transform:rotate(-2deg)}}@keyframes cm-patter{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes cm-heart{0%{opacity:0;transform:translateY(16px)scale(.2)}22%{opacity:1;transform:translateY(0)scale(1.18)}34%{transform:scale(1)}80%{opacity:1;transform:translateY(-6px)scale(1)}to{opacity:0;transform:translateY(-14px)scale(.9)}}@keyframes cm-bounce{0%,to{transform:none}25%{transform:scale(1.07,.92)}55%{transform:translateY(-6%)scale(.98,1.03)}80%{transform:scale(1.03,.97)}}@keyframes cm-twinkle{0%{opacity:.7;transform:scale(.55)rotate(-12deg)}to{opacity:1;transform:scale(1.08)rotate(10deg)}}@keyframes cm-starpop{0%{transform:scale(.9)}to{transform:scale(1.12)}}@keyframes cm-dizzy{0%,to{transform:none}12%{transform:rotate(-9deg)translate(-3%)}30%{transform:rotate(8deg)translate(3%)}48%{transform:rotate(-7deg)translate(-2%)}66%{transform:rotate(6deg)translate(2%)}84%{transform:rotate(-3deg)}}@keyframes cm-spin{to{transform:rotate(360deg)}}@keyframes cm-startle{0%{transform:none}30%{transform:translateY(-7%)scale(.95,1.07)}65%{transform:scale(1.04,.96)}to{transform:none}}@keyframes cm-sway{0%,to{transform:none}30%{transform:rotate(-3deg)}70%{transform:rotate(3deg)}}@keyframes cm-snooze{0%,to{transform:scale(1)}50%{transform:scale(1.035,.96)}}@keyframes cm-z{0%{opacity:0;transform:translate(-8px,10px)scale(.6)}25%{opacity:1}70%{opacity:1}to{opacity:0;transform:translate(8px,-12px)scale(1.05)}}
.ha{aspect-ratio:1596/985;width:100%;position:relative;container-type:inline-size}.ha-scene{filter:drop-shadow(0 24px 30px #4027222e);width:100%;height:auto;display:block}.ha-layer{pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.ha-tag{transform-origin:17% 92%;pointer-events:none;width:20.05%;position:absolute;top:11.168%;left:61.717%}.ha-tag-img{filter:drop-shadow(0 3px 4px #40272233);width:100%;height:auto;display:block}.ha-steams{pointer-events:none;filter:blur(.32cqw);width:11.278%;height:35.533%;position:absolute;top:19.289%;left:45.739%;overflow:visible}.ha-steam{opacity:0}.ha-spark{transform-box:fill-box;transform-origin:50%}@media (prefers-reduced-motion:no-preference){.ha-tag{will-change:transform;animation:5.6s ease-in-out infinite ha-swing}.ha-steam{animation:5.2s ease-in-out infinite ha-steam}.ha-steam-2{animation-duration:6s;animation-delay:-1.9s}.ha-steam-3{animation-duration:6.6s;animation-delay:-3.4s}.ha-spark{animation:1.9s ease-in-out infinite ha-spark}.ha-spark-2{animation-delay:.16s}.ha-spark-3{animation-delay:.32s}}@keyframes ha-swing{0%,to{transform:rotate(-1.3deg)}50%{transform:rotate(1.7deg)}}@keyframes ha-steam{0%{opacity:0;transform:translateY(16px)scaleX(.85)}30%{opacity:.8}70%{opacity:.35}to{opacity:0;transform:translateY(-48px)scaleX(1.2)}}@keyframes ha-spark{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.74)}}
