.mascote{--s:4;width:calc(32px * var(--s));height:calc(48px * var(--s));background-image:url(/mascote/mascote-sheet.png);background-size:calc(128px * var(--s)) calc(192px * var(--s));background-repeat:no-repeat;background-position-x:0;image-rendering:pixelated;animation:mascote-quadros var(--dur,.8s) steps(4) infinite}@keyframes mascote-quadros{0%{background-position-x:0}to{background-position-x:calc(-128px * var(--s))}}.mascote--idle{background-position-y:0;--dur:1.6s}.mascote--pensando{background-position-y:calc(-48px * var(--s));--dur:1.2s}.mascote--comemorando{background-position-y:calc(-96px * var(--s));--dur:0.6s;animation-iteration-count:2}.mascote--caminhando{background-position-y:calc(-144px * var(--s));--dur:0.5s}@media (prefers-reduced-motion:reduce){.mascote{animation:none}.mascote--caminhando,.mascote--comemorando{background-position-y:0}}