:is(.mascot,.chart-mascot) :is(.eye,.lid,.cheek,.nose){transform-box:fill-box;transform-origin:50%}:is(.mascot,.chart-mascot) .l :is(.in,.pop){transform-origin:36px 34px}:is(.mascot,.chart-mascot) .r :is(.in,.pop){transform-origin:64px 34px}:is(.mascot,.chart-mascot) .in{transform:scale(0)}:is(.mascot,.chart-mascot) .lid{transform-origin:50% 0;transform:scaleY(0)}:is(.mascot,.chart-mascot) .cheek{transform:scale(0)}:is(.mascot,.chart-mascot) :is(.in,.nose){transition:transform .28s cubic-bezier(.3,1.5,.5,1)}.mascot{flex:none;transition:transform .3s cubic-bezier(.3,0,.3,1);display:block;overflow:visible}.mascot :is(.t,.b){transform-origin:50px 95px}.mascot :is(.pop,.cheek){transition:transform .32s cubic-bezier(.77,0,.175,1)}.mascot[data-awake=timer] .in{animation:7s both mascot-in}.mascot[data-awake=timer] .nose{animation:7s both mascot-nose}:is(.mascot[data-awake],.chart-mascot[data-out]) .dx{animation:4.4s ease-in-out infinite alternate mascot-dx}:is(.mascot[data-awake],.chart-mascot[data-out]) .dy{animation:3.4s ease-in-out infinite alternate mascot-dy}:is(.mascot[data-awake],.chart-mascot[data-out]) .dx.r{animation-duration:4.75s;animation-delay:-1.6s}:is(.mascot[data-awake],.chart-mascot[data-out]) .dy.r{animation-duration:3.6s;animation-delay:-2.2s}.mascot[data-kind=nav][data-awake=timer]{animation:7s cubic-bezier(.3,0,.3,1) both mascot-grow}.mascot[data-kind=nav][data-awake=timer] .gaze{animation:7s cubic-bezier(.5,0,.2,1) both mascot-nav-gaze}.mascot[data-kind=nav][data-awake=timer] .gaze-n{animation:7s cubic-bezier(.5,0,.2,1) .12s both mascot-nav-gaze-n}.mascot[data-kind=nav][data-awake=timer] .eye{animation:7s both mascot-nav-eye}.mascot[data-kind=nav][data-awake=timer] .l .lid{animation:7s ease-in-out both mascot-nav-lid-l}.mascot[data-kind=nav][data-awake=timer] .r .lid{animation:7s ease-in-out both mascot-nav-lid-r}.mascot[data-kind=nav][data-awake=timer] .b{animation:7s ease-in-out both mascot-nav-rock,7s ease-in-out both mascot-nav-nod}.mascot[data-kind=empty][data-awake=timer] .gaze{animation:7s cubic-bezier(.5,0,.2,1) both mascot-empty-gaze}.mascot[data-kind=empty][data-awake=timer] .gaze-n{animation:7s cubic-bezier(.5,0,.2,1) .12s both mascot-empty-gaze-n}.mascot[data-kind=empty][data-awake=timer] .eye{animation:7s both mascot-empty-eye}.mascot[data-kind=empty][data-awake=timer] .l .lid{animation:7s ease-in-out both mascot-empty-lid-l}.mascot[data-kind=empty][data-awake=timer] .r .lid{animation:7s ease-in-out both mascot-empty-lid-r}.mascot[data-kind=empty][data-awake=timer] .r .pop{animation:7s cubic-bezier(.77,0,.175,1) both mascot-empty-wide}.mascot[data-kind=empty][data-awake=timer] .t{animation:7s cubic-bezier(.77,0,.175,1) both mascot-empty-tilt}.mascot[data-kind=empty][data-awake=timer] .b{animation:7s ease-in-out both mascot-empty-rock,7s ease-in-out both mascot-empty-nod}.mascot[data-awake=hover]{transform:scale(1.4)}.mascot[data-awake=hover] .in{transform:scale(1)}.mascot[data-awake=hover] .nose{transform:scale(.69)}.mascot[data-awake=hover] .cheek{transform:scale(1)}.mascot[data-awake=hover] .pop{transform:scale(1.6,1.25)}.mascot[data-awake=hover] .b{animation:.8s cubic-bezier(.3,0,.4,1) infinite mascot-hop}@keyframes mascot-in{0%,1%{transform:scale(0)}6%{transform:scale(1.2)}9%,92%{transform:scale(1)}98%,to{transform:scale(0)}}@keyframes mascot-nose{0%{transform:scale(1)}5%{transform:scale(.62)}9%,92%{transform:scale(.69)}97%{transform:scale(1.07)}to{transform:scale(1)}}@keyframes mascot-grow{0%,to{transform:scale(1)}9%,92%{transform:scale(1.4)}}@keyframes mascot-dx{0%{transform:translate(-.9px)}to{transform:translate(.9px)}}@keyframes mascot-dy{0%{transform:translateY(-.7px)}to{transform:translateY(.7px)}}@keyframes mascot-hop{0%,to{transform:translateY(0)scale(1.06,.94)}45%{transform:translateY(-14px)scale(.97,1.04)}}@keyframes mascot-nav-gaze{0%,15%{transform:translate(0)}17.5%,31%{transform:translate(-6px,1.5px)}33.5%,40.5%{transform:translate(-3px,-2.5px)}43.5%,57%{transform:translate(6px,1px)}60%,to{transform:translate(0)}}@keyframes mascot-nav-gaze-n{0%,15%{transform:translate(0)}17.5%,31%{transform:translate(-2.6px,.7px)}33.5%,40.5%{transform:translate(-1.3px,-1px)}43.5%,57%{transform:translate(2.6px,.5px)}60%,to{transform:translate(0)}}@keyframes mascot-nav-eye{0%,14.5%{transform:scaleY(1)}16%{transform:scaleY(.08)}18%{transform:scaleY(1.07)}20%,40%{transform:scaleY(1)}41.5%{transform:scaleY(.08)}43.5%{transform:scaleY(1.07)}45.5%,56.5%{transform:scaleY(1)}58%{transform:scaleY(.08)}60%{transform:scaleY(1.07)}62%,65%{transform:scaleY(1)}71%{transform:scaleY(.85)}84%,98%{transform:scaleY(.08)}to{transform:scaleY(1)}}@keyframes mascot-nav-lid-l{0%,64%{transform:rotate(-10deg)scaleY(0)}72%,98%{transform:rotate(-10deg)scaleY(1.05)}to{transform:rotate(-10deg)scaleY(0)}}@keyframes mascot-nav-lid-r{0%,64%{transform:rotate(10deg)scaleY(0)}72%,98%{transform:rotate(10deg)scaleY(1.05)}to{transform:rotate(10deg)scaleY(0)}}@keyframes mascot-nav-rock{0%,10%,62%,to{translate:0;rotate:0deg}26%{translate:0 -.8px;rotate:-2deg}46%{translate:0 .8px;rotate:2deg}}@keyframes mascot-nav-nod{0%,80%{transform:translateY(0)rotate(0)}87%,92%{transform:translateY(2.5px)rotate(-7deg)}98%,to{transform:translateY(0)rotate(0)}}@keyframes mascot-empty-gaze{0%,13%{transform:translate(0)}15.5%,27%{transform:translate(-6px,1.5px)}30%,42%{transform:translate(6px,1px)}46%,66%{transform:translate(1.5px,3px)}70%,to{transform:translate(0)}}@keyframes mascot-empty-gaze-n{0%,13%{transform:translate(0)}15.5%,27%{transform:translate(-2.6px,.7px)}30%,42%{transform:translate(2.6px,.5px)}46%,66%{transform:translate(.6px,1.3px)}70%,to{transform:translate(0)}}@keyframes mascot-empty-eye{0%,12.5%{transform:scaleY(1)}14%{transform:scaleY(.08)}16%{transform:scaleY(1.07)}18%,26.5%{transform:scaleY(1)}28%{transform:scaleY(.08)}30%{transform:scaleY(1.07)}32%,42.5%{transform:scaleY(1)}44%{transform:scaleY(.08)}46%{transform:scaleY(1.07)}48%,70%{transform:scaleY(1)}76%{transform:scaleY(.85)}87%,98%{transform:scaleY(.08)}to{transform:scaleY(1)}}@keyframes mascot-empty-wide{0%,44%{transform:scale(1)}49%,65%{transform:scale(1.15)}70%,to{transform:scale(1)}}@keyframes mascot-empty-tilt{0%,44%{transform:rotate(0)}49%,65%{transform:rotate(9deg)}70%,to{transform:rotate(0)}}@keyframes mascot-empty-lid-l{0%,70%{transform:rotate(-10deg)scaleY(0)}77%,98%{transform:rotate(-10deg)scaleY(1.05)}to{transform:rotate(-10deg)scaleY(0)}}@keyframes mascot-empty-lid-r{0%,70%{transform:rotate(10deg)scaleY(0)}77%,98%{transform:rotate(10deg)scaleY(1.05)}to{transform:rotate(10deg)scaleY(0)}}@keyframes mascot-empty-rock{0%,10%,44%,to{translate:0;rotate:0deg}19%{translate:0 -.8px;rotate:-2deg}34%{translate:0 .8px;rotate:2deg}}@keyframes mascot-empty-nod{0%,83%{transform:translateY(0)rotate(0)}89%,93%{transform:translateY(2.5px)rotate(-7deg)}98%,to{transform:translateY(0)rotate(0)}}@media (prefers-reduced-motion:reduce){.mascot,.mascot *{transition:none!important;animation:none!important}}
