.mascot{shape-rendering:crispedges;width:76px;height:80px;display:block;overflow:visible}.mascot__px-k{fill:var(--neutral-800)}.mascot__px-b{fill:var(--blue-primary)}.mascot__px-d{fill:var(--blue-depressed)}.mascot__px-y{fill:var(--yellow-primary)}.mascot__px-o{fill:var(--orange-primary)}.mascot__px-w{fill:var(--card)}.mascot__px-e{fill:var(--neutral-900)}.mascot__px-m{fill:var(--red-primary)}.mascot__blink,.mascot__talk,.mascot__wave-a,.mascot__wave-b,.mascot__look-left,.mascot__look-right{opacity:0}.mascot{animation:.36s steps(4,end) both mascot-rise}.mascot.is-hello{animation-delay:.16s}:where(.mascot.is-hello) .mascot__arm{animation:1.08s step-end .52s mascot-hide}:where(.mascot.is-hello) .mascot__wave-a{animation:.36s step-end .52s 3 mascot-frame}:where(.mascot.is-hello) .mascot__wave-b{animation:.36s step-end .7s 3 mascot-frame}:where(.mascot.is-hello) .mascot__talk{animation:mascot-frame .34s step-end .6s var(--talks,4)}:where(.mascot.is-hello) .mascot__smile{animation:mascot-unframe .34s step-end .6s var(--talks,4)}:where(.mascot.is-work) .mascot__look-left{animation:1.6s step-end infinite mascot-look-left}:where(.mascot.is-work) .mascot__eyes{animation:1.6s step-end infinite mascot-look-ahead}:where(.mascot.is-work) .mascot__look-right{animation:1.6s step-end infinite mascot-look-right}:where(.mascot.is-talk) .mascot__talk{animation:.34s step-end infinite mascot-frame}:where(.mascot.is-talk) .mascot__smile{animation:.34s step-end infinite mascot-unframe}:where(.mascot.is-said) .mascot__talk{animation:.34s step-end 4 mascot-frame}:where(.mascot.is-said) .mascot__smile{animation:.34s step-end 4 mascot-unframe}:where(.mascot:not(.is-work,.is-catch)) .mascot__blink{animation:4s step-end 2.4s infinite mascot-blink}:where(.mascot:not(.is-work,.is-catch)) .mascot__eyes{animation:4s step-end 2.4s infinite mascot-unblink}@keyframes mascot-rise{0%{opacity:0;transform:translateY(16px)}}@keyframes mascot-hide{0%,to{opacity:0}}@keyframes mascot-frame{0%{opacity:1}50%,to{opacity:0}}@keyframes mascot-unframe{0%{opacity:0}50%,to{opacity:1}}@keyframes mascot-blink{0%{opacity:0}96%,to{opacity:1}}@keyframes mascot-unblink{0%{opacity:1}96%,to{opacity:0}}@keyframes mascot-look-left{0%{opacity:1}25%,to{opacity:0}}@keyframes mascot-look-ahead{0%{opacity:0}25%{opacity:1}50%{opacity:0}75%,to{opacity:1}}@keyframes mascot-look-right{0%{opacity:0}50%{opacity:1}75%,to{opacity:0}}.mascot__px-n{fill:var(--neutral-100)}.mascot__px-g{fill:var(--neutral-400)}.mascot__px-Y{fill:var(--yellow-primary)}.mascot__px-O{fill:var(--orange-primary)}.mascot__eyes-up,.mascot__eyes-down,.mascot__eyes-shut,.mascot__hmm,.mascot__tap-a,.mascot__tap-b,.mascot__run-a,.mascot__run-b,.mascot__book-open,.mascot__book-flip,.mascot__book-shut,.mascot__bulb,.mascot__glass-off,.mascot__glass-on,.mascot__rays,.mascot__puff-1,.mascot__puff-2,.mascot__cloud,.mascot__dot-1,.mascot__dot-2,.mascot__dot-3{opacity:0}.mascot.is-catch :is(.mascot__eyes-up,.mascot__eyes-down,.mascot__eyes-shut,.mascot__hmm,.mascot__tap-a,.mascot__book-open,.mascot__bulb,.mascot__glass-off,.mascot__puff-1,.mascot__puff-2,.mascot__cloud,.mascot__dot-1,.mascot__dot-2,.mascot__dot-3){opacity:1}.mascot.is-catch:not(.act-run) .mascot__eyes,.mascot.is-catch:is(.act-tap,.act-bulb) .mascot__smile,.mascot.is-catch.act-tap .mascot__arm{opacity:0}:where(.mascot.is-catch) .mascot__tap-a{animation:1.6s step-end infinite mascot-tap}:where(.mascot.is-catch) .mascot__tap-b{animation:1.6s step-end infinite mascot-untap}:where(.mascot.is-catch) .mascot__feet{animation:.28s step-end infinite mascot-hide}:where(.mascot.is-catch) .mascot__run-a{animation:.28s step-end infinite mascot-frame}:where(.mascot.is-catch) .mascot__run-b{animation:.28s step-end infinite mascot-unframe}:where(.mascot.is-catch.act-run) .mascot__talk{animation:.56s step-end infinite mascot-frame}:where(.mascot.is-catch.act-run) .mascot__smile{animation:.56s step-end infinite mascot-unframe}:where(.mascot.is-catch) .mascot__book-flip{animation:1.4s step-end infinite mascot-flip}:where(.mascot.is-catch) .mascot__glass-on{animation:2.4s step-end infinite mascot-flicker}:where(.mascot.is-catch) .mascot__puff-1{animation:.25s step-end mascot-hide}:where(.mascot.is-catch) .mascot__puff-2{animation:.5s step-end mascot-hide}:where(.mascot.is-catch) .mascot__cloud{animation:.75s step-end mascot-hide}:where(.mascot.is-catch) .mascot__dot-1{animation:1.2s step-end .75s infinite backwards mascot-dot-1}:where(.mascot.is-catch) .mascot__dot-2{animation:1.2s step-end .75s infinite backwards mascot-dot-2}:where(.mascot.is-catch) .mascot__dot-3{animation:1.2s step-end .75s infinite backwards mascot-dot-3}:where(.mascot.is-tell) .mascot__talk{animation:mascot-frame .34s step-end var(--talks,0)}:where(.mascot.is-tell) .mascot__smile{animation:mascot-unframe .34s step-end var(--talks,0)}:where(.mascot.is-tell.act-tap) .mascot__arm{animation:.48s step-end mascot-hide}:where(.mascot.is-tell.act-tap) .mascot__wave-a{animation:.48s step-end mascot-show}:where(.mascot.is-tell) .mascot__book-shut{animation:.4s step-end mascot-show}.mascot.is-tell :is(.mascot__bulb,.mascot__glass-on){opacity:1}:where(.mascot.is-tell) .mascot__rays{animation:1.6s step-end mascot-show}@keyframes mascot-show{0%,to{opacity:1}}@keyframes mascot-tap{0%,25%,50%{opacity:1}12.5%,37.5%,62.5%,to{opacity:0}}@keyframes mascot-untap{0%,25%,50%{opacity:0}12.5%,37.5%,62.5%,to{opacity:1}}@keyframes mascot-flip{0%{opacity:0}70%{opacity:1}80%,to{opacity:0}}@keyframes mascot-flicker{0%{opacity:0}40%{opacity:1}43%{opacity:0}70%{opacity:1}72%{opacity:0}76%{opacity:1}79%,to{opacity:0}}@keyframes mascot-dot-1{0%{opacity:0}25%,to{opacity:1}}@keyframes mascot-dot-2{0%{opacity:0}50%,to{opacity:1}}@keyframes mascot-dot-3{0%{opacity:0}75%,to{opacity:1}}.mascot.is-still,.mascot.is-still *{animation:none}@media (prefers-reduced-motion:reduce){.mascot,.mascot *{animation:none}}