.mascot{aspect-ratio:200/236;border-radius:40%;flex:none;display:block;position:relative}.mascot__svg{filter:drop-shadow(0 8px 12px #19083a26);width:100%;height:100%;overflow:visible}.mascot__breath{transform-origin:100px 226px;animation:6.8s ease-in-out infinite mascot-breathe}.mascot__float{transform-origin:100px 226px}.mascot__head{transform-origin:100px 145px;transition:rotate .45s cubic-bezier(.22,.72,.2,1),translate .45s cubic-bezier(.22,.72,.2,1);translate:0;rotate:0deg}.mascot__arms-rest{transition:opacity .24s}.mascot__ribbon{transform-origin:100px 27px;animation:6.8s ease-in-out infinite mascot-ribbon}.mascot__braid{animation:6.8s ease-in-out infinite mascot-braid}.mascot__braid--right{animation-delay:-1.8s}.mascot__sprig{transform-origin:0 0;animation:5.8s ease-in-out infinite mascot-sprig}.mascot__hat{transform-origin:124px 44px;animation:3.2s ease-in-out infinite mascot-hat}.mascot__blink-mask{transform-box:fill-box;transform-origin:50%;animation:6.7s linear infinite mascot-blink-lid}.mascot__blink-line{opacity:0;animation:6.7s linear infinite mascot-blink-line}.mascot__gesture{animation:.3s ease-out both mascot-gesture-in}.mascot__tail{transform-origin:145px 205px;animation:.9s ease-in-out 3 mascot-tail-flick}.mascot__delight-glints{animation:1.05s ease-in-out 3 mascot-twinkle}.mascot__eager-hands{animation:.3s ease-out both mascot-gesture-in,.74s ease-in-out 3 mascot-eager}.mascot__pestle{transform-origin:110px 183px;animation:5.6s ease-in-out infinite mascot-grind}.mascot__writing-hand{transform-origin:129px 174px;animation:.7s ease-in-out 5 mascot-write}.mascot__ink{stroke-dasharray:45;stroke-dashoffset:0;animation:3.3s ease-out mascot-ink}.mascot__question{animation:1.6s ease-in-out 2 mascot-question}.mascot__surprise{animation:.85s ease-out mascot-question}.mascot__sweat{animation:1.4s ease-in-out 2 mascot-sweat}.mascot__scent{animation:1.8s ease-in-out 2 mascot-scent}.mascot__zzz{font-weight:700;animation:4s ease-in-out infinite mascot-sleep-mark}.mascot[data-expression=thinking] .mascot__head{rotate:-3deg}.mascot[data-expression=writing] .mascot__head{translate:0 2px;rotate:3deg}.mascot[data-expression=skeptical] .mascot__head{animation:1.8s ease-in-out mascot-side-eye;rotate:4deg}.mascot[data-expression=shy] .mascot__head{animation:.95s ease-out mascot-shy;translate:0 1px;rotate:-3deg}.mascot[data-expression=sniff] .mascot__head{animation:1.8s ease-in-out 2 mascot-sniff}.mascot[data-expression=sniff] .mascot__sniff-hand{transform-origin:113px 177px;animation:.3s ease-out both mascot-gesture-in,1.8s ease-in-out 2 mascot-sniff-hand}.mascot[data-expression=herb] .mascot__float{animation:.74s cubic-bezier(.35,0,.2,1) 3 mascot-herb-gasp}.mascot[data-expression=herb] .mascot__braid{animation:.74s ease-in-out 3 mascot-braid-delight}.mascot[data-expression=poison] .mascot__float{transform-origin:100px 215px;animation:1.8s ease-in-out 2 mascot-treasure-sway}.mascot[data-expression=ew] .mascot__head{animation:.55s ease-in-out 2 mascot-displeased}.mascot[data-expression=curious] .mascot__head{animation:1.8s ease-in-out 2 mascot-inspect}.mascot[data-expression=pleased] .mascot__head{animation:1.2s ease-in-out 2 mascot-approve}.mascot[data-expression=startled] .mascot__float{animation:.85s cubic-bezier(.22,.72,.2,1) mascot-startle}.mascot[data-expression=sleepy] .mascot__head{animation:5.8s ease-in-out infinite mascot-drowsy}.mascot:is([data-expression=thinking],[data-expression=ew],[data-expression=skeptical],[data-expression=shy],[data-expression=sniff]) .mascot__pestle{animation:none}button.mascot:active .mascot__svg{scale:.985}.mascot__svg{transition:scale .25s ease-out}@keyframes mascot-breathe{0%,to{translate:0;scale:1}50%{translate:0 -.7px;scale:1.002 1.004}}@keyframes mascot-ribbon{0%,to{rotate:-.8deg}50%{rotate:1.8deg}}@keyframes mascot-braid{0%,to{rotate:-1deg}50%{rotate:1.5deg}}@keyframes mascot-braid-delight{0%,to{rotate:0deg}35%{rotate:-5deg}70%{rotate:3deg}}@keyframes mascot-blink-lid{0%,43%,46%,94%,97%,to{scale:1}44.2%,95.2%{scale:1 .015}}@keyframes mascot-blink-line{0%,43.5%,45.5%,94.5%,96.5%,to{opacity:0}44.2%,95.2%{opacity:1}}@keyframes mascot-sprig{0%,to{rotate:-2deg}50%{rotate:3deg}}@keyframes mascot-hat{0%,to{rotate:-2deg}50%{rotate:3deg}}@keyframes mascot-gesture-in{0%{opacity:0}to{opacity:1}}@keyframes mascot-twinkle{0%,to{opacity:.35;scale:.92}50%{opacity:.95;scale:1.04}}@keyframes mascot-herb-gasp{0%,to{translate:0;scale:1}20%{translate:0 1px;scale:1.01 .99}46%{translate:0 -6px;scale:.99 1.01}78%{translate:0 -.5px;scale:1.005 .995}}@keyframes mascot-treasure-sway{0%,to{rotate:0deg}30%{rotate:-3deg}70%{rotate:3deg}}@keyframes mascot-displeased{0%,to{translate:0}30%{translate:-1.7px}70%{translate:1.7px}}@keyframes mascot-eager{0%,to{translate:0}46%{translate:0 -2.5px}}@keyframes mascot-tail-flick{0%,to{rotate:0deg}40%{rotate:-10deg}75%{rotate:3deg}}@keyframes mascot-grind{0%,55%,to{rotate:0deg}15%,38%{rotate:-10deg}25%,48%{rotate:2deg}}@keyframes mascot-inspect{0%,to{translate:0;rotate:0deg}40%,62%{translate:1px -1px;rotate:-6deg}}@keyframes mascot-question{0%{opacity:.2;translate:0 4px}55%,to{opacity:1;translate:0}}@keyframes mascot-write{0%,to{translate:0;rotate:-4deg}35%{translate:-1.5px 1px;rotate:4deg}70%{translate:-.5px .5px;rotate:-1deg}}@keyframes mascot-ink{0%{stroke-dashoffset:45px}to{stroke-dashoffset:0}}@keyframes mascot-approve{0%,to{translate:0;rotate:0deg}40%{translate:0 2.5px;rotate:2deg}75%{translate:0 -.6px;rotate:-.5deg}}@keyframes mascot-startle{0%,to{translate:0;scale:1}16%{translate:0 1px;scale:1.01 .99}35%{translate:0 -7px;scale:.985 1.015}65%{translate:0 1px;scale:1.012 .99}82%{translate:0 -.6px;scale:1}}@keyframes mascot-sweat{0%{opacity:.25;translate:0 -2px}60%{opacity:.8}to{opacity:.3;translate:0 4px}}@keyframes mascot-scent{0%,to{opacity:.1;translate:0 3px}45%{opacity:.7;translate:-1px -1px}}@keyframes mascot-side-eye{0%{rotate:0deg}45%{rotate:5deg}to{rotate:4deg}}@keyframes mascot-shy{0%{translate:0;rotate:0deg}60%{translate:0 2px;rotate:-4deg}to{translate:0 1px;rotate:-3deg}}@keyframes mascot-sniff{0%,to{translate:0;rotate:0deg}35%,52%{translate:1px 2px;rotate:2deg}65%{translate:0 .5px;rotate:.5deg}}@keyframes mascot-sniff-hand{0%,to{rotate:0deg}35%,52%{rotate:-4deg}}@keyframes mascot-drowsy{0%,to{translate:0;rotate:0deg}65%,78%{translate:0 2px;rotate:3deg}}@keyframes mascot-sleep-mark{0%,to{opacity:.2;translate:0}60%{opacity:.7;translate:1px -5px}}.mascot[data-mascot-motion=off] *,.mascot[data-mascot-motion=off]:active .mascot__svg{transition-duration:0s!important;animation:none!important}.mascot[data-mascot-motion=off] .mascot__svg{scale:1}@media (prefers-reduced-motion:reduce){.mascot *,.mascot:active .mascot__svg{transition-duration:0s!important;animation:none!important}}