.mascot{--h:var(--m-h);--w:var(--m-w);--u:var(--m-u);--ir:var(--m-ir);display:inline-block;line-height:0;touch-action:manipulation;user-select:none;-webkit-tap-highlight-color:transparent;cursor:pointer}@media (min-width:768px){.mascot{--h:var(--m-h2,var(--m-h));--w:var(--m-w2,var(--m-w));--u:var(--m-u2,var(--m-u));--ir:var(--m-ir2,var(--m-ir))}}.mascot-body{display:block;width:var(--w);height:var(--h);transition:transform .12s steps(2)}.mascot-win{display:block;width:100%;height:100%;overflow:hidden}.mascot-strip{display:block;height:100%;width:calc(var(--w) * 8);max-width:none;image-rendering:var(--ir);pointer-events:none;-webkit-user-drag:none;transform:translateX(-50%)}.mascot[data-state=sleep] .mascot-body{filter:saturate(.55) brightness(.9)}.dark .mascot-body{filter:drop-shadow(0 0 .6px rgb(255 255 255/.55)) drop-shadow(0 0 .6px rgb(255 255 255/.35))}.dark .mascot[data-state=sleep] .mascot-body{filter:saturate(.55) brightness(.9) drop-shadow(0 0 .6px rgb(255 255 255/.55)) drop-shadow(0 0 .6px rgb(255 255 255/.35))}@media (prefers-reduced-motion:no-preference){.mascot[data-state=celebrate] .mascot-strip,.mascot[data-state=idle] .mascot-strip{animation:mascot-idle 1s step-end infinite}.mascot[data-state=celebrate] .mascot-body{animation:mascot-hop 1s step-end 1}.mascot[data-vis="0"] .mascot-body,.mascot[data-vis="0"] .mascot-strip{animation-play-state:paused}}@media (hover:hover) and (prefers-reduced-motion:no-preference){.mascot:hover .mascot-body{transform:translateY(calc(var(--u) * -12px))}}@keyframes mascot-idle{0%{transform:translateX(0)}10%{transform:translateX(-12.5%)}23.333%{transform:translateX(-25%)}33.333%{transform:translateX(-37.5%)}43.333%{transform:translateX(-50%)}66.667%{transform:translateX(-62.5%)}76.667%{transform:translateX(-75%)}90%{transform:translateX(-87.5%)}}@keyframes mascot-hop{0%{transform:translateY(0)}7%{transform:translateY(calc(var(--u) * -12px))}14%{transform:translateY(calc(var(--u) * -24px))}21%{transform:translateY(calc(var(--u) * -36px))}28%{transform:translateY(calc(var(--u) * -24px))}35%{transform:translateY(calc(var(--u) * -12px))}42%{transform:translateY(0)}50%{transform:translateY(calc(var(--u) * -12px))}58%{transform:translateY(calc(var(--u) * -24px))}66%{transform:translateY(calc(var(--u) * -12px))}74%{transform:translateY(0)}}@keyframes hero-rise{0%{opacity:0;transform:translateY(10px)}}.hero-rise{animation:hero-rise .7s cubic-bezier(.2,.7,.2,1) backwards;animation-delay:calc(var(--i, 0) * 40ms)}:root.plotting .hero-rise,:root[data-bp-state]:not([data-bp-state=wipe]) .hero-rise,:root[data-plotting] .hero-rise{animation-play-state:paused}@media (max-width:47.99rem){:root[data-bp-state=rev]:not([data-bp-state=wipe]) .hero-rise{animation-play-state:running}}@media (prefers-reduced-motion:reduce){.hero-rise{animation:none}}