.mascot{display:inline-block;overflow:visible}.mascot *{transform-box:fill-box;transform-origin:50%}.mascot .f-body{transform-origin:50% 100%}.mascot .f-lid{transform-origin:50% 0;transform:scaleY(0)}.mascot .f-ring,.mascot .f-lash{opacity:0}.mood-sleep .f-lid{transform:scaleY(1)}.mood-sleep .f-lash{opacity:1}.mood-idle .f-float{animation:2.4s cubic-bezier(.45,0,.55,1) infinite m-float}.mood-idle .f-glow{animation:2.4s cubic-bezier(.45,0,.55,1) infinite m-glow}.mood-idle .f-look{animation:7s cubic-bezier(.45,0,.55,1) infinite m-look}.mood-idle .f-lid{animation:5s linear infinite m-blink}.mood-cheer .f-body{animation:.8s linear m-hop-f}.mood-cheer .f-glow{animation:.8s cubic-bezier(.45,0,.55,1) m-glow}.mood-cheer .f-spark{opacity:0;animation:.8s cubic-bezier(.34,1.56,.64,1) both m-burst}.mood-cheer .f-spark:nth-of-type(2){animation-delay:.1s}.mood-cheer .f-spark:nth-of-type(3){animation-delay:.2s}.mood-cheer .f-spark:nth-of-type(4){animation-delay:.3s}.mood-tickle .f-body{animation:.48s cubic-bezier(.45,0,.55,1) m-wiggle-f}.mood-level .f-body{transform-origin:50% 55%;animation:.9s linear m-spin-f}.mood-level .f-ring{animation:.9s cubic-bezier(.2,.7,.3,1) .25s both m-ring}.mood-level .f-glow{animation:.9s cubic-bezier(.45,0,.55,1) m-glow}.mood-sleep .f-lid{animation:.9s cubic-bezier(.45,0,.55,1) both m-lid}.mood-sleep .f-lash{animation:.3s ease-out .65s both m-lash}.mood-sleep .f-z{animation:2.4s ease-in both m-zzz}.mood-sleep .f-z:nth-of-type(2){animation-delay:.9s}.mood-cheer .fl-star{animation:.6s ease-out m-flash}.mascot .fl-shine{opacity:0}.mood-cheer .fl-shine{animation:.6s ease-out m-shine}@keyframes m-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes m-look{0%,38%,to{transform:translate(0)}48%,84%{transform:translate(4px)}}@keyframes m-blink{0%,93%,to{transform:scaleY(0)}96%{transform:scaleY(1)}}@keyframes m-glow{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@keyframes m-hop-f{0%{animation-timing-function:cubic-bezier(.36,0,.66,-.56);transform:translateY(0)scale(1)}15%{animation-timing-function:cubic-bezier(.2,.7,.3,1);transform:translateY(0)scale(1.1,.88)}52%{animation-timing-function:cubic-bezier(.55,0,.9,.6);transform:translateY(-34px)scale(.92,1.1)}70%{animation-timing-function:cubic-bezier(.34,1.56,.64,1);transform:translateY(0)scale(1.08,.9)}85%{animation-timing-function:cubic-bezier(.45,0,.55,1);transform:translateY(-4px)scale(.98,1.03)}to{transform:translateY(0)scale(1)}}@keyframes m-wiggle-f{0%,to{transform:rotate(0)}16%{transform:rotate(-9deg)}33%{transform:rotate(9deg)}50%{transform:rotate(-9deg)}66%{transform:rotate(9deg)}83%{transform:rotate(-4deg)}}@keyframes m-spin-f{0%{animation-timing-function:cubic-bezier(.36,0,.66,-.56);transform:rotate(0)scale(1)}28%{animation-timing-function:cubic-bezier(.45,0,.2,1);transform:rotate(-14deg)scale(1.06,.92)}to{transform:rotate(360deg)scale(1)}}@keyframes m-ring{0%{opacity:.9;transform:scale(.8)}to{opacity:0;transform:scale(1.5)}}@keyframes m-lid{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes m-lash{0%{opacity:0}to{opacity:1}}@keyframes m-burst{0%{opacity:0;transform:scale(.2)rotate(-30deg)}30%{opacity:1;transform:scale(1.25)rotate(0)}60%{opacity:1;transform:scale(1)rotate(10deg)}to{opacity:0;transform:scale(1.3)rotate(25deg)}}@keyframes m-zzz{0%{opacity:0;transform:translate(0)}30%{opacity:1}to{opacity:0;transform:translate(18px,-44px)}}@keyframes m-shine{0%,to{opacity:0}50%{opacity:1}}@keyframes m-flash{0%{transform:scale(1)}35%{transform:scale(1.08)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.mascot,.mascot *{animation:none!important}.mascot .f-spark,.mascot .f-z{opacity:1}.mood-sleep .f-lid{transform:scaleY(1)}.mood-sleep .f-lash{opacity:1}}.mascot.still:not(.mood-cheer):not(.mood-tickle):not(.mood-level) *{animation:none!important}.mascot.paused,.mascot.paused *{animation-play-state:paused!important}.mascot.mood-sleep.paused,.mascot.mood-sleep.paused *{animation-play-state:running!important}