.mascot{vertical-align:bottom;pointer-events:none;flex:none;display:inline-block;overflow:visible}.mascot path,.mascot rect,.mascot ellipse,.mascot text{fill:currentColor}.mascot .m-gap{fill:none;stroke:var(--mascot-gap,#fff);stroke-width:30px;stroke-linejoin:round}.mascot .m-all,.mascot .m-squash{transform-origin:265px 990px}.mascot .m-leg--front{transform-origin:205px 589px}.mascot .m-leg--back{transform-origin:190px 670px}.mascot .m-body{transform-origin:265px 590px}.mascot .m-pupil{transform-origin:316px 283px}.mascot .m-look{transform:translate(var(--m-lx,0px), var(--m-ly,0px));transition:transform .22s cubic-bezier(.22,.61,.36,1)}.mascot .m-lid{transition:transform .16s ease-out;transform:scaleY(0)}.mascot .m-lid--top{transform-origin:0 150px}.mascot .m-lid--bot{transform-origin:0 418px}.mascot .m-cheek{transform:translateY(200px)}.mascot .m-flash{fill:none;stroke:var(--mascot-accent,#fc272b);stroke-width:26px;opacity:0;transform-origin:307.5px 283px}.mascot .m-zzz text,.mascot .m-ask{font-family:var(--font-poppins), ui-sans-serif, system-ui, sans-serif;font-weight:700}.mascot .m-zzz text{transform-box:fill-box;transform-origin:50%;font-size:130px}.mascot .m-zzz text:first-child{opacity:.85;font-size:110px}.mascot .m-zzz text:nth-child(2){opacity:.6;font-size:135px}.mascot .m-zzz text:nth-child(3){opacity:.35;font-size:160px}.mascot .m-ask{transform-box:fill-box;transform-origin:50% 100%;font-size:260px}.mascot--sleep .m-pupil,.mascot--shy .m-pupil{opacity:0}.mascot--sleep .m-lid,.mascot--shy .m-lid{transform:scaleY(1)}.mascot--sleep .m-all{transform:rotate(3deg)}.mascot--idle[data-live] .m-body{animation:3.6s ease-in-out infinite alternate m-breathe}.mascot--idle[data-live] .m-lid,.mascot--walk[data-live] .m-lid,.mascot--lost[data-live] .m-lid{animation:m-blink var(--m-blink,5.2s) linear infinite}.mascot--idle[data-live]:not([data-follow]) .m-pupil{animation:9s ease-in-out 2s infinite m-glance}.mascot--walk[data-live] .m-leg--front{animation:m-walk-front var(--m-step,.56s) linear infinite}.mascot--walk[data-live] .m-leg--back{animation:m-walk-back var(--m-step,.56s) linear infinite}.mascot--walk[data-live] .m-body{animation:m-bob var(--m-step,.56s) linear infinite}.mascot--wave[data-live] .m-all{animation:m-wave-lean 2.8s var(--m-delay,0s) ease-in-out infinite}.mascot--wave[data-live] .m-leg--front{animation:m-wave-leg 2.8s var(--m-delay,0s) ease-in-out infinite}.mascot--wave[data-live] .m-cheek{animation:m-smile 2.8s var(--m-delay,0s) ease-in-out infinite}.mascot--photo[data-live] .m-squash{animation:m-photo-crouch 3.4s var(--m-delay,0s) ease-in-out infinite}.mascot--photo[data-live] .m-pupil{animation:m-photo-pupil 3.4s var(--m-delay,0s) ease-in-out infinite}.mascot--photo[data-live] .m-lid{animation:m-photo-shutter 3.4s var(--m-delay,0s) linear infinite}.mascot--photo[data-live] .m-flash{animation:m-photo-flash 3.4s var(--m-delay,0s) ease-out infinite}.mascot--happy[data-live] .m-all{animation:m-jump 2.2s var(--m-delay,0s) cubic-bezier(.33, 0, .3, 1) infinite}.mascot--happy[data-live] .m-squash{animation:m-jump-squash 2.2s var(--m-delay,0s) ease-in-out infinite}.mascot--happy[data-live] .m-leg--front{animation:m-tuck-front 2.2s var(--m-delay,0s) ease-in-out infinite}.mascot--happy[data-live] .m-leg--back{animation:m-tuck-back 2.2s var(--m-delay,0s) ease-in-out infinite}.mascot--wave[data-live] .m-look{animation:m-smile-pupil 2.8s var(--m-delay,0s) ease-in-out infinite}.mascot--happy[data-live] .m-look{animation:m-smile-pupil-jump 2.2s var(--m-delay,0s) ease-in-out infinite}.mascot--happy[data-live] .m-cheek{animation:m-smile-jump 2.2s var(--m-delay,0s) ease-in-out infinite}.mascot--sleep[data-live] .m-body{animation:4s ease-in-out infinite alternate m-breathe-deep}.mascot--sleep[data-live] .m-zzz text{animation:3.6s ease-out infinite backwards m-z}.mascot--sleep[data-live] .m-zzz text:nth-child(2){animation-delay:1.2s}.mascot--sleep[data-live] .m-zzz text:nth-child(3){animation-delay:2.4s}.mascot--lost[data-live] .m-pupil{animation:3.6s ease-in-out infinite m-lost-look}.mascot--lost[data-live] .m-body{animation:3.6s ease-in-out infinite m-lost-tilt}.mascot--lost[data-live] .m-ask{animation:3.6s ease-in-out infinite m-ask}.m-hop-host:has(a:hover,button:hover) .mascot[data-live] .m-all{animation:2.2s cubic-bezier(.33,0,.3,1) m-jump}.m-hop-host:has(a:hover,button:hover) .mascot[data-live] .m-squash{animation:2.2s ease-in-out m-jump-squash}.m-hop-host:has(a:hover,button:hover) .mascot[data-live] .m-leg--front{animation:2.2s ease-in-out m-tuck-front}.m-hop-host:has(a:hover,button:hover) .mascot[data-live] .m-leg--back{animation:2.2s ease-in-out m-tuck-back}.m-hop-host:has(a:hover,button:hover) .mascot[data-live] .m-cheek{animation:2.2s ease-in-out m-smile-jump}.m-hop-host:has(a:hover,button:hover) .mascot[data-live] .m-look{animation:2.2s ease-in-out m-smile-pupil-jump}@media (hover:hover){.m-wake-host:hover .mascot--sleep .m-lid{transform:scaleY(0)}.m-wake-host:hover .mascot--sleep .m-zzz{opacity:0}.m-wake-host:hover .mascot--sleep .m-all{transform:none}.mascot--sleep .m-zzz,.mascot--sleep .m-all{transition:opacity .2s ease-out,transform .3s ease-out}}@keyframes m-breathe{0%{transform:scale(1)}to{transform:scale(1.01,1.018)}}@keyframes m-breathe-deep{0%{transform:scale(1)}to{transform:scale(1.02,1.035)}}@keyframes m-blink{0%,93%{transform:scaleY(0)}95.5%{transform:scaleY(1)}98%,to{transform:scaleY(0)}}@keyframes m-glance{0%,40%{transform:translate(0)}46%,58%{transform:translate(-58px,6px)}64%,to{transform:translate(0)}}@keyframes m-walk-front{0%,to{transform:translateY(0)skew(0)scaleY(1)}25%{transform:translateY(-12px)skew(-6.6deg)scaleY(1.03)}50%{transform:translateY(0)skew(-13.4deg)scaleY(1)}75%{transform:translateY(-12px)skew(-7.7deg)scaleY(.88)}}@keyframes m-walk-back{0%,to{transform:translateY(0)skew(0)scaleY(1)}25%{transform:translateY(-12px)skew(9.9deg)scaleY(.85)}50%{transform:translateY(0)skew(16.5deg)scaleY(1)}75%{transform:translateY(-12px)skew(8.1deg)scaleY(1.04)}}@keyframes m-bob{0%,50%,to{transform:translateY(0)}25%,75%{transform:translateY(-12px)}}@keyframes m-wave-lean{0%,66%,to{transform:rotate(0)}12%,36%{transform:rotate(-7deg)}24%,48%{transform:rotate(5deg)}58%{transform:rotate(-2deg)}}@keyframes m-wave-leg{0%,66%,to{transform:skew(0)scaleY(1)}12%,36%{transform:skew(16deg)scaleY(.84)}24%,48%{transform:skew(0)scaleY(1)}}@keyframes m-smile{0%,66%,to{transform:translateY(200px)}10%,56%{transform:translateY(0)}}@keyframes m-photo-crouch{0%,34%,70%,to{transform:scale(1)}42%,60%{transform:scale(1.025,.965)}}@keyframes m-photo-pupil{0%,36%,72%,to{transform:translate(0)scale(1)rotate(0)}42%{transform:translate(-8px)scale(1)rotate(0)}52%,60%{transform:translate(-8px)scale(.42)rotate(45deg)}}@keyframes m-photo-shutter{0%,53%{transform:scaleY(0)}55.5%,57%{transform:scaleY(1)}60%,to{transform:scaleY(0)}}@keyframes m-photo-flash{0%,55%{opacity:0;transform:scale(.5)}56%{opacity:1;transform:scale(.6)}80%,to{opacity:0;transform:scale(2.6)}}@keyframes m-jump{0%,12%{transform:translateY(0)}30%{transform:translateY(-150px)}36%{transform:translateY(-160px)}54%,to{transform:translateY(0)}}@keyframes m-jump-squash{0%{transform:scale(1)}12%{transform:scale(1.08,.88)}22%{transform:scale(.96,1.05)}40%{transform:scale(1)}54%{transform:scale(1.1,.86)}64%{transform:scale(.98,1.03)}74%,to{transform:scale(1)}}@keyframes m-tuck-front{0%,16%,50%,to{transform:skew(0)scaleY(1)}30%,40%{transform:skew(14deg)scaleY(.82)}}@keyframes m-tuck-back{0%,16%,50%,to{transform:skew(0)scaleY(1)}30%,40%{transform:skew(-14deg)scaleY(.8)}}@keyframes m-smile-pupil{0%,66%,to{opacity:1}8%,58%{opacity:0}}@keyframes m-smile-pupil-jump{0%,8%,84%,to{opacity:1}16%,74%{opacity:0}}@keyframes m-smile-jump{0%,8%,84%,to{transform:translateY(200px)}18%,70%{transform:translateY(0)}}@keyframes m-z{0%{opacity:0;transform:translate(0)scale(.6)}25%{opacity:.9}to{opacity:0;transform:translate(60px,-120px)scale(1.1)}}@keyframes m-lost-look{0%,8%,88%,to{transform:translate(0)}16%,36%{transform:translate(-64px,4px)}50%,72%{transform:translate(52px,-14px)}}@keyframes m-lost-tilt{0%,8%,88%,to{transform:rotate(0)}16%,36%{transform:rotate(-3deg)}50%,72%{transform:rotate(3deg)}}@keyframes m-ask{0%,40%{opacity:0;transform:scale(.4)rotate(0)}48%{opacity:1;transform:scale(1.1)rotate(-8deg)}56%,80%{opacity:1;transform:scale(1)rotate(6deg)}90%,to{opacity:0;transform:scale(.8)rotate(0)}}@media (prefers-reduced-motion:reduce){.mascot,.mascot *{transition:none!important;animation:none!important}}
