.mascot{--m1:#1170da;--m2:#2a84e8;--m3:#a9cdf7;--m4:#dcebfc;--m5:#0e57ae;--m6:#193860;--mk:#0b2447;--mg:#bfe9ff;--mb:#ff8fa8;--mt:#ff7a93;--mc:#ffc83d;--d:0s;overflow:visible}.mascot.on-dark{--m1:#2a84e8;--m2:#5ba3f2;--m5:#1170da;--m6:#0e3c7a}.mascot .f1{fill:var(--m1)}.mascot .f2{fill:var(--m2)}.mascot .f3{fill:var(--m3)}.mascot .f4{fill:var(--m4)}.mascot .f5{fill:var(--m5)}.mascot .f6{fill:var(--m6)}.mascot .fg{fill:var(--mg)}.mascot .k1,.mascot .k2,.mascot .k3,.mascot .k5,.mascot .k6,.mascot .kg{fill:none;stroke-linecap:round;stroke-linejoin:round}.mascot .k1{stroke:var(--m1)}.mascot .k2{stroke:var(--m2)}.mascot .k3{stroke:var(--m3)}.mascot .k5{stroke:var(--m5)}.mascot .k6{stroke:var(--m6)}.mascot .kg{stroke:var(--mg)}.mascot .ink{fill:var(--mk)}.mascot .line{fill:none;stroke:var(--mk);stroke-linecap:round;stroke-linejoin:round}.mascot .tongue{fill:var(--mt)}.mascot .blush{fill:var(--mb);opacity:.62}.mascot .fang{fill:#fff;stroke:var(--mk);stroke-width:1.3px;stroke-linejoin:round}.mascot .ground{fill:var(--m6);opacity:.14}.mascot .fx-star{fill:var(--mc)}.mascot .fx-dot{fill:var(--m3)}.mascot .fx-drop path{fill:#a9d6ff;stroke:var(--m5);stroke-width:2.5px;stroke-linejoin:round}.mascot .fx-z{fill:var(--m2)}.mascot .f1,.mascot .f2,.mascot .f3,.mascot .f4,.mascot .f5,.mascot .k1,.mascot .k2,.mascot .k3{transition:fill .45s,stroke .45s}.mascot .e,.mascot .m,.mascot .brow,.mascot .fx,.mascot .prop{transition:opacity .14s}.mascot .e,.mascot .m,.mascot .brow,.mascot .fx,.mascot .prop,.mascot .fang{opacity:0}.mascot .e-open,.mascot .m-smile,.mascot[data-mood=idle] .fang,.mascot[data-mood=teach] .fang,.mascot[data-mood=know] .fang{opacity:1}.mascot:not([data-mood=idle]):not([data-mood=rest]) .m-smile{opacity:0}.mascot[data-mood=hello] .m-open,.mascot[data-mood=cheer] .m-open{opacity:1}.mascot[data-mood=cheer] .e-open,.mascot[data-mood=rest] .e-open,.mascot[data-mood=teach] .e-open,.mascot[data-mood=know] .eye-r .e-open{opacity:0}.mascot[data-mood=cheer] .e-happy,.mascot[data-mood=cheer] .fx-cheer,.mascot[data-mood=teach] .e-flat,.mascot[data-mood=teach] .brow-teach,.mascot[data-mood=teach] .m-flat,.mascot[data-mood=teach] .prop-teach,.mascot[data-mood=know] .eye-r .e-happy,.mascot[data-mood=know] .m-smirk,.mascot[data-mood=know] .prop-know,.mascot[data-mood=think] .m-o,.mascot[data-mood=think] .brow-think,.mascot[data-mood=think] .fx-think,.mascot[data-mood=oops] .m-wobble,.mascot[data-mood=oops] .brow-oops,.mascot[data-mood=oops] .fx-oops,.mascot[data-mood=oops] .prop-oops,.mascot[data-mood=rest] .e-shut,.mascot[data-mood=rest] .fx-rest{opacity:1}.mascot .all{animation:m-breathe 2.8s ease-in-out var(--d) infinite}.mascot .eye{animation:m-blink 4.4s var(--d) infinite}.mascot .eye-look{animation:m-look 9s ease-in-out var(--d) infinite}.mascot .ground{animation:m-shadow 2.8s ease-in-out var(--d) infinite}@keyframes m-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.025,.965)}}@keyframes m-shadow{0%,to{transform:scale(1)}50%{transform:scaleX(1.03)}}@keyframes m-blink{0%,90%,to{transform:scaleY(1)}92.5%{transform:scaleY(.08)}95%{transform:scaleY(1)}}@keyframes m-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes m-look{0%,56%,to{transform:translate(0)}60%,72%{transform:translate(3px)}77%,90%{transform:translate(-3px,1px)}}.mascot[data-mood=hello] .all{animation:1.3s ease-in-out infinite alternate m-sway}.mascot[data-mood=hello] .arm-r{animation:.34s ease-in-out infinite alternate m-wave}@keyframes m-sway{0%{transform:rotate(-3.5deg)}to{transform:rotate(3.5deg)}}@keyframes m-wave{0%{transform:rotate(var(--wave-a,-108deg))}to{transform:rotate(var(--wave-b,-150deg))}}.mascot[data-mood=cheer] .all{animation:1.15s linear infinite m-jump}.mascot[data-mood=cheer] .ground{animation:1.15s linear infinite m-jump-shadow}.mascot[data-mood=cheer] .arm-l{transform:rotate(var(--up-l,135deg))}.mascot[data-mood=cheer] .arm-r{transform:rotate(var(--up-r,-135deg))}.mascot[data-mood=cheer] .fx-star{animation:m-pop 1.15s ease-out calc(var(--i) * .16s) infinite both}@keyframes m-jump{0%{animation-timing-function:cubic-bezier(.3,0,.7,1);transform:translateY(0)scale(1)}12%{animation-timing-function:cubic-bezier(.2,.7,.4,1);transform:translateY(0)scale(1.1,.87)}30%{animation-timing-function:cubic-bezier(.2,.6,.5,1);transform:translateY(-38px)scale(.93,1.09)}44%{animation-timing-function:cubic-bezier(.5,0,.9,.5);transform:translateY(-48px)scale(1)}60%{animation-timing-function:linear;transform:translateY(-6px)scale(.95,1.07)}66%{animation-timing-function:cubic-bezier(.2,.8,.4,1);transform:translateY(0)scale(1.13,.85)}78%{animation-timing-function:ease-in-out;transform:translateY(0)scale(.97,1.04)}90%,to{transform:translateY(0)scale(1)}}@keyframes m-jump-shadow{0%,12%,66%,to{opacity:.14;transform:scale(1)}44%{opacity:.07;transform:scale(.62,.8)}}@keyframes m-pop{0%,20%{transform:scale(0)rotate(-40deg)}45%{transform:scale(1.15)rotate(0)}60%{transform:scale(1)rotate(8deg)}to{transform:scale(0)rotate(40deg)}}.mascot[data-mood=teach] .all{animation:2.2s ease-in-out infinite m-stern}.mascot[data-mood=teach] .eye,.mascot[data-mood=teach] .eye-look{animation:none}.mascot[data-mood=teach] .arm-r{animation:.3s ease-in-out infinite alternate m-wag}@keyframes m-stern{0%,to{transform:rotate(0)scale(1)}18%{transform:rotate(1.6deg)scale(1.012,.985)}36%{transform:rotate(0)scale(1)}}@keyframes m-wag{0%{transform:rotate(var(--wag-a,-150deg))}to{transform:rotate(var(--wag-b,-172deg))}}.mascot[data-mood=know] .all{animation:3.4s ease-in-out infinite m-breathe}.mascot[data-mood=know] .eye-look{animation:none}.mascot[data-mood=know] .arm-l{transform:rotate(var(--show-l,112deg))}.mascot[data-mood=think] .all{animation:3.4s ease-in-out infinite m-ponder}.mascot[data-mood=think] .eye-look{animation:none;transform:translate(3px,-3px)}.mascot[data-mood=think] .fx-dot{animation:m-dot 1.8s ease-in-out calc(var(--i) * .28s) infinite both}@keyframes m-ponder{0%,to{transform:rotate(-4deg)scale(1)}50%{transform:rotate(-2.5deg)scale(1.02,.975)}}@keyframes m-dot{0%,to{opacity:.35;transform:scale(.55)}40%{opacity:1;transform:scale(1)}}.mascot[data-mood=oops] .all{animation:2.6s ease-in-out infinite m-oops}.mascot[data-mood=oops] .eye-look{animation:none;transform:translateY(2px)}.mascot[data-mood=oops] .fx-drop{animation:2.6s ease-in infinite m-drop}@keyframes m-oops{0%,to{transform:translate(0)scale(1)}4%{transform:translate(-4px)scale(1)}8%{transform:translate(4px)scale(1)}12%{transform:translate(-3px)scale(1)}16%{transform:translate(2px)scale(1)}22%{transform:translate(0)scale(1)}55%{transform:translate(0)scale(1.035,.955)}}@keyframes m-drop{0%,18%{opacity:0;transform:translateY(-8px)scale(.4)}30%{opacity:1;transform:translateY(0)scale(1)}70%{opacity:1;transform:translateY(16px)scale(1)}86%,to{opacity:0;transform:translateY(26px)scale(.8)}}.mascot[data-mood=rest] .all{animation:4.4s ease-in-out infinite m-sleep}.mascot[data-mood=rest] .ground{animation:4.4s ease-in-out infinite m-shadow}.mascot[data-mood=rest] .eye,.mascot[data-mood=rest] .eye-look{animation:none}.mascot[data-mood=rest] .fx-z{animation:m-z 3.3s ease-out calc(var(--i) * 1.1s) infinite both}@keyframes m-sleep{0%,to{transform:scale(1.03,.95)}50%{transform:scale(.99,1.01)}}@keyframes m-z{0%{opacity:0;transform:translate(-8px,10px)scale(.5)}25%{opacity:1}70%{opacity:1}to{opacity:0;transform:translate(8px,-14px)scale(1.05)}}@media (prefers-reduced-motion:reduce){.mascot *{transition:none!important;animation:none!important}}.m-pepa{--wave-a:-24deg;--wave-b:-62deg;--up-l:52deg;--up-r:-52deg;--show-l:44deg;--wag-a:-34deg;--wag-b:-58deg}.m-pepa .pp-ring{fill:none;stroke:var(--m3);stroke-width:5px;transition:stroke .45s}.m-pepa .pp-ring-s{stroke-width:3.6px}.m-pepa .pp-spec{fill:#fff;fill-opacity:.16;stroke:var(--mk);stroke-width:4px}.m-pepa .pp-spec-bridge{fill:none;stroke:var(--mk);stroke-width:4px;stroke-linecap:round}.m-pepa .pp-spec-glare{fill:none;stroke:#fff;stroke-width:3px;stroke-linecap:round;opacity:.85}.m-pepa .pp-ink circle{fill:var(--mk);opacity:.82}.m-pepa .pp-tip{transform-box:fill-box;transform-origin:50%}.m-pepa[data-mood=cheer]{--m1:#2a84e8;--m2:#62a9f4}.m-pepa[data-mood=teach]{--m1:#0d4a9c;--m2:#1c68c8;--m3:#bfe9ff;--m5:#0a3a7c}.m-pepa[data-mood=oops]{--m1:#6da8ec;--m2:#93c0f4}.m-pepa[data-mood=rest]{--m1:#4d83c8;--m2:#6e9cd8}.m-pepa.on-dark[data-mood=idle]{--m1:#2a84e8}.m-pepa .pp-arm{animation:pp-arm 2.6s ease-in-out calc(var(--d) + var(--i) * -.3s) infinite}.m-pepa .arm{animation:pp-hand 3.2s ease-in-out calc(var(--d) + var(--i) * -.2s) infinite}.m-pepa .head{animation:pp-head 2.8s ease-in-out var(--d) infinite}@keyframes pp-arm{0%,to{transform:rotate(calc(var(--dir) * -6deg))}50%{transform:rotate(calc(var(--dir) * 7deg))}}@keyframes pp-hand{0%,to{transform:rotate(calc(var(--dir) * -7deg))}50%{transform:rotate(calc(var(--dir) * 6deg))}}@keyframes pp-head{0%,to{transform:translateY(0)}50%{transform:translateY(2.5px)}}.m-pepa[data-mood=cheer] .pp-arm{animation:pp-fling .575s ease-in-out calc(var(--i) * 40ms) infinite alternate}.m-pepa[data-mood=cheer] .arm{animation:none}@keyframes pp-fling{0%{transform:rotate(calc(var(--dir) * -4deg))}to{transform:rotate(calc(var(--dir) * -30deg))}}.m-pepa[data-mood=teach] .pp-ring{animation:1.1s ease-in-out infinite pp-flash}.m-pepa[data-mood=teach] .pp-arm{animation:pp-drum .5s ease-in-out calc(var(--i) * 70ms) infinite}.m-pepa[data-mood=teach] .arm-l{animation:none;transform:rotate(-30deg)}.m-pepa[data-mood=teach] .head{animation:none}@keyframes pp-flash{0%,to{stroke:var(--m3);stroke-width:5px}50%{stroke:#fff;stroke-width:6.5px}}@keyframes pp-drum{0%,55%,to{transform:rotate(0)translateY(0)}25%{transform:rotate(calc(var(--dir) * -5deg)) translateY(-5px)}}.m-pepa[data-mood=know] .pp-tip{fill:var(--mg);animation:pp-tip 1.6s ease-in-out calc(var(--i) * .16s) infinite}.m-pepa[data-mood=know] .pp-ring{stroke:var(--mg)}.m-pepa[data-mood=know] .arm{animation:none}@keyframes pp-tip{0%,to{transform:scale(1)}40%{transform:scale(1.5)}}.m-pepa[data-mood=oops] .pp-ink{animation:2.6s ease-out infinite pp-ink}.m-pepa[data-mood=oops] .pp-arm{animation:2.6s ease-in-out infinite pp-tuck}@keyframes pp-ink{0%,6%{opacity:0;transform:scale(.3)}16%{opacity:1;transform:scale(1)}70%{opacity:.8;transform:scale(1.25)}to{opacity:0;transform:scale(1.45)}}@keyframes pp-tuck{0%,to{transform:rotate(calc(var(--dir) * 8deg))}50%{transform:rotate(calc(var(--dir) * 11deg))}}.m-pepa[data-mood=rest] .pp-arm{animation:4.4s ease-in-out infinite pp-tuck}.m-pepa[data-mood=rest] .arm{transform:rotate(calc(var(--dir) * 34deg));animation:none}.m-pepa[data-mood=think] .head{animation:none;transform:rotate(4deg)}.m-pepa[data-mood=hello] .arm-l{animation:none}.m-tico .tk-skin{fill:#fff;stroke:var(--m1);stroke-width:10px;stroke-linejoin:round;stroke-linecap:round;transition:fill .45s,stroke .45s}.m-tico .tk-gloss{fill:var(--m2);opacity:0;transition:opacity .45s}.m-tico .tk-light{fill:var(--m2);transition:fill .3s}.m-tico .tk-halo{fill:var(--m2);opacity:0}.m-tico .tk-tick-bg{fill:#fff;stroke:var(--m1);stroke-width:5px}.m-tico .tk-tick-mark{fill:none;stroke:var(--m1);stroke-width:6px;stroke-linecap:round;stroke-linejoin:round}.m-tico .tk-bubble-skin{fill:#fff;stroke:var(--m1);stroke-width:5px;stroke-linejoin:round}.m-tico .tk-dot{fill:var(--m1)}.m-tico .prop-checked{opacity:0;transition:opacity .14s}.m-tico .tk-float{animation:tk-float 3s ease-in-out var(--d) infinite}.m-tico .tk-ant{animation:tk-ant 2.6s ease-in-out var(--d) infinite}.m-tico .ground{animation:tk-shadow 3s ease-in-out var(--d) infinite}@keyframes tk-float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes tk-shadow{0%,to{opacity:.14;transform:scale(1)}50%{opacity:.09;transform:scaleX(.86)}}@keyframes tk-ant{0%,to{transform:rotate(-6deg)}30%{transform:rotate(8deg)}55%{transform:rotate(-3deg)}78%{transform:rotate(5deg)}}.m-tico[data-mood=think] .tk-halo{animation:1.2s ease-out infinite tk-halo}.m-tico[data-mood=think] .tk-light{animation:1.2s ease-in-out infinite tk-blink}@keyframes tk-halo{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(2.5)}}@keyframes tk-blink{0%,to{opacity:1}50%{opacity:.45}}.m-tico[data-mood=know] .tk-skin{stroke-dasharray:19 15;animation:.8s linear infinite tk-march}.m-tico[data-mood=know] .tk-dot{animation:tk-type 1s ease-in-out calc(var(--i) * .16s) infinite}.m-tico[data-mood=know] .tk-bubble{animation:3s ease-in-out infinite m-float}.m-tico[data-mood=know] .tk-light{animation:.5s ease-in-out infinite tk-blink}.m-tico[data-mood=know] .eye-r .e-open{opacity:1}.m-tico[data-mood=know] .eye-r .e-happy,.m-tico[data-mood=know] .m-smirk{opacity:0}.m-tico[data-mood=know] .m-open{opacity:1}.m-tico[data-mood=know] .mouth{animation:.34s ease-in-out infinite alternate tk-talk}.m-tico[data-mood=know] .eye-look{transform:translate(3px,-2px)}@keyframes tk-march{to{stroke-dashoffset:-34px}}@keyframes tk-type{0%,60%,to{opacity:.45;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}@keyframes tk-talk{0%{transform:scaleY(.35)}to{transform:scaleY(1)}}.m-tico[data-mood=checked] .tk-skin{fill:var(--m1)}.m-tico[data-mood=checked] .tk-gloss{opacity:1}.m-tico[data-mood=checked] .tk-light{fill:#fff;stroke:var(--m1);stroke-width:4px}.m-tico[data-mood=checked] .prop-checked{opacity:1}.m-tico[data-mood=checked] .tk-tick{animation:.55s cubic-bezier(.3,1.7,.5,1) both tk-pop}.m-tico[data-mood=checked] .e-open{opacity:0}.m-tico[data-mood=checked] .e-happy,.mascot.m-tico[data-mood=checked] .m-smile{opacity:1}@keyframes tk-pop{0%{transform:scale(0)rotate(-30deg)}to{transform:scale(1)rotate(0)}}.m-tico[data-mood=oops] .tk-light{animation:1.3s step-end infinite tk-flicker}.m-tico[data-mood=oops] .tk-ant{animation:none;transform:rotate(26deg)}@keyframes tk-flicker{0%,to{opacity:1}12%{opacity:.25}20%{opacity:1}46%{opacity:.3}52%{opacity:1}}.m-tico[data-mood=rest] .tk-skin{stroke:var(--m3)}.m-tico[data-mood=rest] .tk-light{fill:var(--m3)}.m-tico[data-mood=rest] .tk-ant{animation:none;transform:rotate(30deg)}.m-tico[data-mood=rest] .tk-float{animation-duration:5s}.m-tico[data-mood=rest] .k1{stroke:var(--m3)}.m-tico[data-mood=hello] .tk-ant{animation:.3s ease-in-out infinite alternate tk-wave}.m-tico[data-mood=cheer] .tk-ant{animation:.2s ease-in-out infinite alternate tk-wave}.m-tico[data-mood=cheer] .tk-float{animation:none}@keyframes tk-wave{0%{transform:rotate(-16deg)}to{transform:rotate(20deg)}}
:where(.dark) .mascot{--m1:#2a84e8;--m2:#5ba3f2;--m5:#1170da;--m6:#0e3c7a;--mk:#071a36}:where(.dark) .mascot .ground{fill:#000;opacity:.35}:where(.dark) .m-pepa .pp-ink circle,.m-pepa.on-dark .pp-ink circle{fill:#4d6fa6;opacity:.9}:where(.dark) .m-pepa[data-mood=teach]{--m1:#1a5cb8;--m2:#2c78d6;--m5:#134a96}:where(.dark) .m-pepa[data-mood=rest]{--m1:#3f74b8;--m2:#5a8dcc}.mascot{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.mascot.mascot-crop{overflow:hidden}.mascot[data-crop=body]{overflow:visible}.mascot[data-crop=face] .ground{display:none}.mascot-rise{animation:mascot-rise .48s var(--ease-spring) both}@keyframes mascot-rise{0%{opacity:0;transform:translateY(28%)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}.mascot-paused .mascot *{animation-play-state:paused!important}.mascot-says{border:1px solid var(--border);background:var(--card);color:var(--card-foreground);border-radius:1rem;padding:.75rem 1rem;position:relative}.mascot-says:before{content:"";background:inherit;border:inherit;border-width:0 0 1px 1px;width:.75rem;height:.75rem;position:absolute;transform:rotate(45deg)}.mascot-says[data-tail=left]:before{top:1.1rem;left:-.42rem}.mascot-says[data-tail=right]:before{top:1.1rem;right:-.42rem;transform:rotate(225deg)}.mascot-says[data-tail=up]:before{top:-.42rem;left:1.5rem;transform:rotate(135deg)}.mascot-says[data-tail=down]:before{margin-left:-.375rem;bottom:-.42rem;left:50%;transform:rotate(-45deg)}.mascot-says[data-tail=down-left]:before{bottom:-.42rem;left:1.25rem;transform:rotate(-45deg)}@media (prefers-reduced-motion:reduce){.mascot-rise{animation:none!important}}