.chart-mascot{pointer-events:none;display:none}.chart-mascot:is([data-out],[data-scrub]){display:block}.chart-mascot :is(.gear,.puff,.pole,.flame,.stick){transform-box:fill-box;transform-origin:50%}.chart-mascot .lid{transform:rotate(14deg)scaleY(0)}.chart-mascot :is(.lid,.cheek){transition:transform .32s cubic-bezier(.77,0,.175,1)}.chart-mascot[data-awake] .in{transform:scale(1)}.chart-mascot[data-awake] .nose{transform:scale(.69)}.chart-mascot :is(.pop,.gaze,.gaze-n){transition:transform .2s}.chart-mascot:is([data-happy],[data-eyes=surprised],[data-eyes=sceptical]) .pop{transition:transform .32s cubic-bezier(.77,0,.175,1)}.chart-mascot[data-out] .eye{animation:4s infinite chart-mascot-blink}.chart-mascot .ring-over{transition:opacity .16s}.chart-mascot[data-gear=ski] .ring-over{opacity:0}.chart-mascot[data-happy] .cheek{transform:scale(1)}.chart-mascot[data-happy] .pop{transform:scale(1.6,1.25)}.chart-mascot[data-eyes=surprised] .pop{transform:scale(1.28)}.chart-mascot[data-eyes=surprised] .nose{transform:scale(.5)}.chart-mascot[data-eyes=sceptical] .l .lid{transform:rotate(14deg)scaleY(.8)}.chart-mascot[data-eyes=sceptical] .r .pop{transform:scale(1.12)}.chart-mascot:is([data-happy],[data-eyes=surprised],[data-eyes=sceptical]) .eye{animation:none}.chart-mascot .sweat{opacity:0}.chart-mascot .gear{opacity:0;transition:opacity .16s,transform .24s cubic-bezier(.3,1.6,.5,1);transform:scale(.3)}:is(.chart-mascot[data-gear=ski] .g-ski,.chart-mascot[data-gear=hike] .g-hike,.chart-mascot[data-gear=board] .g-board,.chart-mascot[data-gear=jet] .g-jet,.chart-mascot[data-gear=chute] .g-chute){opacity:1;transform:scale(1)}.chart-mascot[data-out] .pole{transform-origin:10%;animation:.6s ease-in-out infinite alternate chart-mascot-pole}.chart-mascot[data-out] .flame{transform-origin:50% 0;animation:.12s ease-in-out infinite alternate chart-mascot-flick}.chart-mascot[data-out] .stick{transform-origin:50% 0;animation:.5s ease-in-out infinite alternate chart-mascot-swing}.chart-mascot .puff{opacity:0}@keyframes chart-mascot-blink{0%,88%,96%,to{transform:scaleY(1)}92%{transform:scaleY(.08)}}@keyframes chart-mascot-pole{0%{transform:rotate(-2deg)}to{transform:rotate(2.5deg)}}@keyframes chart-mascot-flick{0%{transform:scaleY(.7)}to{transform:scaleY(1.15)}}@keyframes chart-mascot-swing{0%{transform:rotate(-9deg)}to{transform:rotate(9deg)}}
