.sprat-mascot{--mascot-green:#5ef2a2;--mascot-white:#effaf2;--mascot-ink:#08251f;--mascot-size:440px;position:relative;display:block;width:min(100%,var(--mascot-size));aspect-ratio:1;isolation:isolate}
.sprat-mascot__button{--gaze-x:0px;--gaze-y:0px;position:absolute;inset:0;display:block;width:100%;height:100%;padding:0;margin:0;border:0;border-radius:0;background:none;color:var(--mascot-ink);cursor:pointer;-webkit-tap-highlight-color:transparent}
.sprat-mascot__button:focus-visible{outline:2px solid var(--mascot-green);outline-offset:5px}
.sprat-mascot__idle{position:absolute;inset:0;display:block;animation:sprat-mascot-idle 5.8s steps(3,end) infinite}
.sprat-mascot__art,.sprat-mascot__fallback{position:absolute;inset:0;width:100%;height:100%;display:block;image-rendering:pixelated;pointer-events:none}
.sprat-mascot__gaze{position:absolute;inset:0;display:block;transform:translate(var(--gaze-x),var(--gaze-y));transition:transform 140ms steps(2,end);pointer-events:none}
.sprat-mascot__eye{position:absolute;top:34.375%;width:6.25%;height:15.625%;background:var(--mascot-ink);transform-origin:50% 55%;animation:sprat-mascot-blink 5.2s steps(1,end) infinite}
.sprat-mascot__eye--left{left:50%}.sprat-mascot__eye--right{left:68.75%}
.sprat-mascot__button.is-blinking .sprat-mascot__eye{animation:none;transform:scaleY(.12)}
.sprat-mascot.is-paused .sprat-mascot__idle,.sprat-mascot.is-paused .sprat-mascot__eye{animation-play-state:paused}
.sprat-mascot[data-static] .sprat-mascot__idle,.sprat-mascot[data-static] .sprat-mascot__eye{animation:none}
@keyframes sprat-mascot-idle{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@keyframes sprat-mascot-blink{0%,39%,43%,100%{transform:scaleY(1)}40%,42%{transform:scaleY(.12)}}
@media(prefers-reduced-motion:reduce){.sprat-mascot__idle,.sprat-mascot__eye{animation:none}.sprat-mascot__gaze{transition:none}}