.mascot-eye svg,.mark-eye svg{width:100%;height:100%;display:block;overflow:visible}.mascot{--orb:160px;--lx:0px;--ly:0px;width:var(--orb);height:var(--orb);flex:none;display:inline-block;position:relative}.mascot-body{animation:5s ease-in-out infinite m-float;position:absolute;inset:0}.mascot-cloud{width:100%;height:100%;filter:drop-shadow(0 0 calc(var(--orb) * .018) #96d2fff2) drop-shadow(0 0 calc(var(--orb) * .06) #3c96ff73);position:absolute;inset:0;overflow:visible}.mascot-eye{width:18%;height:10.5%;transform:translate(var(--lx), var(--ly));transform-origin:50%;transition:transform .15s ease-out,height .15s,top .15s;animation:5.2s infinite m-blink;display:block;position:absolute;top:34%}.mascot-eye:first-of-type{left:29%}.mascot-eye:last-of-type{right:29%}@keyframes m-float{0%,to{translate:0}50%{translate:0 calc(var(--orb) * -.035)}}@keyframes m-blink{0%,94%,to{scale:1}97%{scale:1 .15}}.m-think .mascot-eye{animation:5.2s infinite m-blink,1.6s ease-in-out infinite m-look}@keyframes m-look{0%,to{translate:0}30%{translate:calc(var(--orb) * -.05) calc(var(--orb) * -.02)}65%{translate:calc(var(--orb) * .05) 0}}.m-happy .mascot-eye{animation:.6s ease-in-out infinite alternate m-hop;top:32%}@keyframes m-hop{to{translate:0 calc(var(--orb) * -.02)}}.m-wink .mascot-eye:first-of-type{border-radius:var(--r-pill);background:#fff;height:4%;animation:none;top:40%}.m-wink .mascot-eye:first-of-type svg{display:none}@media (prefers-reduced-motion:reduce){.mascot *{animation:none!important}}