.mascot-wrap{display:inline-flex;align-items:center;justify-content:center}.mascot-wrap svg{display:block}@keyframes blink{0%,90%,to{transform:scaleY(1)}94%,96%{transform:scaleY(.05)}}.mascot-idle .mascot-eye-left,.mascot-idle .mascot-eye-right{transform-origin:center 880px;animation:blink 4s ease-in-out infinite}.mascot-idle .mascot-eye-right{animation-delay:.06s}@keyframes confused-look{0%{transform:translateX(0) scaleY(1)}10%{transform:translateX(-12px) scaleY(1)}30%{transform:translateX(-12px) scaleY(1)}35%{transform:translateX(0) scaleY(.05)}40%{transform:translateX(0) scaleY(1)}50%{transform:translateX(12px) scaleY(1)}70%{transform:translateX(12px) scaleY(1)}75%{transform:translateX(0) scaleY(.05)}80%{transform:translateX(0) scaleY(1)}to{transform:translateX(0) scaleY(1)}}.mascot-confused .mascot-eye-left,.mascot-confused .mascot-eye-right{transform-origin:center 880px;animation:confused-look 3.5s ease-in-out infinite}.mascot-confused .mascot-eye-right{animation-delay:.06s}@keyframes rapid-blink{0%,78%,to{transform:scaleY(1)}82%,88%{transform:scaleY(.05)}85%{transform:scaleY(.3)}}@keyframes worry-tremble{0%,to{transform:translateX(0)}25%{transform:translateX(-1px)}75%{transform:translateX(1px)}}.mascot-worried .mascot-eye-left,.mascot-worried .mascot-eye-right{transform-origin:center 880px;animation:rapid-blink 2s ease-in-out infinite}.mascot-worried .mascot-eye-right{animation-delay:.05s}.mascot-worried .mascot-mouth{animation:worry-tremble .3s ease-in-out infinite}@keyframes happy-eyes{0%,to{transform:scaleY(1) scaleX(1)}10%,30%{transform:scaleY(1.05) scaleX(1.02)}50%{transform:scaleY(.95) scaleX(1)}}@keyframes happy-blink{0%,88%,to{transform:scaleY(1)}92%,96%{transform:scaleY(.05)}}.mascot-happy .mascot-eye-left,.mascot-happy .mascot-eye-right{transform-origin:center 880px;animation:happy-blink 5s ease-in-out infinite}.mascot-happy .mascot-eye-right{animation-delay:.05s}.mascot-sleeping .mascot-eye-left,.mascot-sleeping .mascot-eye-right{transform-origin:center 880px;transform:scaleY(.05)}@keyframes sleep-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.mascot-sleeping svg{animation:sleep-breathe 3s ease-in-out infinite}.mascot-wrap:hover svg{filter:brightness(1.03);transition:filter .3s ease}@media (prefers-reduced-motion:reduce){.mascot-wrap *{animation:none!important;transition:none!important}.mascot-sleeping .mascot-eye-left,.mascot-sleeping .mascot-eye-right{transform:scaleY(.05)}}