.mascot-face{place-items:center;line-height:0;display:inline-grid}.mascot-face__live{transform-origin:50%;display:block}.mascot-face__eyes{transform-origin:20px 19px}.mascot-face[data-live=idle] .mascot-face__blink{transform-origin:20px 19px;animation:mascot-blink var(--mascot-blink-period,5.5s) ease-in-out infinite}.mascot-face[data-live=idle] .mascot-face__pupils{animation:7.2s ease-in-out infinite mascot-drift}.mascot-face[data-live=thinking] .mascot-face__live{animation:3.2s ease-in-out infinite mascot-sway}.mascot-face[data-live=working] .mascot-face__live{animation:1.6s ease-in-out infinite mascot-squash}.mascot-face[data-live=notify] .mascot-face__eyes{animation:2.4s ease-in-out infinite mascot-notify}@keyframes mascot-blink{0%,88%,to{transform:scaleY(1)}91%,93%{transform:scaleY(.08)}}@keyframes mascot-drift{0%,to{transform:translate(0)}30%{transform:translate(.35px,-.25px)}62%{transform:translate(-.3px,.2px)}}@keyframes mascot-sway{0%,to{transform:rotate(-2.5deg)}50%{transform:rotate(2.5deg)}}@keyframes mascot-squash{0%,to{transform:scale(1)}50%{transform:scale(1.018,.965)}}@keyframes mascot-notify{0%,to{transform:scale(1)}50%{transform:scale(1.04)}}@media (prefers-reduced-motion:reduce){.mascot-face__blink,.mascot-face__pupils,.mascot-face__live,.mascot-face__eyes{animation:none!important}}