/* Generated by scripts/make-page-art.ts: the cats, with the app's own frame timings. */
.spr { display: inline-block; width: calc(var(--w) * var(--s, 4) * 1px); height: calc(var(--h) * var(--s, 4) * 1px);
  background-repeat: no-repeat; background-size: auto 100%; image-rendering: pixelated; animation-timing-function: step-end;
  animation-iteration-count: infinite; flex: none; }
@media (prefers-reduced-motion: reduce) { .spr { animation: none !important; } }
.spr-tiemie-loaf { --w: 32; --h: 32; background-image: url(tiemie-loaf.png); animation-name: spr-tiemie-loaf; animation-duration: 10060ms; }
@keyframes spr-tiemie-loaf { 0.000% { background-position-x: 0.000%; } 27.833% { background-position-x: 20.000%; } 29.125% { background-position-x: 40.000%; } 60.934% { background-position-x: 60.000%; } 74.851% { background-position-x: 80.000%; } 98.708% { background-position-x: 100.000%; } 100% { background-position-x: 100%; } }
.spr-tiemie-happy { --w: 32; --h: 32; background-image: url(tiemie-happy.png); animation-name: spr-tiemie-happy; animation-duration: 440ms; }
@keyframes spr-tiemie-happy { 0.000% { background-position-x: 0.000%; } 50.000% { background-position-x: 100.000%; } 100% { background-position-x: 100%; } }
.spr-tiemie-alert { --w: 32; --h: 32; background-image: url(tiemie-alert.png); animation-name: spr-tiemie-alert; animation-duration: 3650ms; }
@keyframes spr-tiemie-alert { 0.000% { background-position-x: 0.000%; } 14.247% { background-position-x: 20.000%; } 24.658% { background-position-x: 40.000%; } 38.904% { background-position-x: 60.000%; } 71.781% { background-position-x: 80.000%; } 75.342% { background-position-x: 100.000%; } 100% { background-position-x: 100%; } }
.spr-tiemie-eat { --w: 32; --h: 32; background-image: url(tiemie-eat.png); animation-name: spr-tiemie-eat; animation-duration: 480ms; }
@keyframes spr-tiemie-eat { 0.000% { background-position-x: 0.000%; } 50.000% { background-position-x: 100.000%; } 100% { background-position-x: 100%; } }
.spr-tiemie-focus { --w: 32; --h: 32; background-image: url(tiemie-focus.png); animation-name: spr-tiemie-focus; animation-duration: 5730ms; }
@keyframes spr-tiemie-focus { 0.000% { background-position-x: 0.000%; } 31.414% { background-position-x: 33.333%; } 33.682% { background-position-x: 66.667%; } 72.077% { background-position-x: 100.000%; } 100% { background-position-x: 100%; } }
.spr-tiemie-sleep { --w: 36; --h: 33; background-image: url(tiemie-sleep.png); animation-name: spr-tiemie-sleep; animation-duration: 3000ms; }
@keyframes spr-tiemie-sleep { 0.000% { background-position-x: 0.000%; } 50.000% { background-position-x: 100.000%; } 100% { background-position-x: 100%; } }
.spr-tiemie-party { --w: 32; --h: 32; background-image: url(tiemie-party.png); animation-name: spr-tiemie-party; animation-duration: 640ms; }
@keyframes spr-tiemie-party { 0.000% { background-position-x: 0.000%; } 25.000% { background-position-x: 33.333%; } 50.000% { background-position-x: 66.667%; } 75.000% { background-position-x: 100.000%; } 100% { background-position-x: 100%; } }
.spr-light-look { --w: 32; --h: 32; background-image: url(light-look.png); animation-name: spr-light-look; animation-duration: 3630ms; }
@keyframes spr-light-look { 0.000% { background-position-x: 0.000%; } 24.793% { background-position-x: 20.000%; } 35.813% { background-position-x: 40.000%; } 60.606% { background-position-x: 60.000%; } 74.380% { background-position-x: 80.000%; } 96.419% { background-position-x: 100.000%; } 100% { background-position-x: 100%; } }
.spr-light-purr { --w: 32; --h: 32; background-image: url(light-purr.png); animation-name: spr-light-purr; animation-duration: 1400ms; }
@keyframes spr-light-purr { 0.000% { background-position-x: 0.000%; } 35.714% { background-position-x: 50.000%; } 71.429% { background-position-x: 100.000%; } 100% { background-position-x: 100%; } }
.spr-light-walk { --w: 32; --h: 32; background-image: url(light-walk.png); animation-name: spr-light-walk; animation-duration: 600ms; }
@keyframes spr-light-walk { 0.000% { background-position-x: 0.000%; } 25.000% { background-position-x: 33.333%; } 50.000% { background-position-x: 66.667%; } 75.000% { background-position-x: 100.000%; } 100% { background-position-x: 100%; } }
.spr-light-focus { --w: 32; --h: 32; background-image: url(light-focus.png); animation-name: spr-light-focus; animation-duration: 5730ms; }
@keyframes spr-light-focus { 0.000% { background-position-x: 0.000%; } 31.414% { background-position-x: 33.333%; } 33.682% { background-position-x: 66.667%; } 72.077% { background-position-x: 100.000%; } 100% { background-position-x: 100%; } }
.spr-heart { --w: 7; --h: 7; background-image: url(heart.png); }
.spr-heartSmall { --w: 5; --h: 5; background-image: url(heartSmall.png); }
.spr-fish { --w: 10; --h: 5; background-image: url(fish.png); }
.spr-sparkle { --w: 5; --h: 5; background-image: url(sparkle.png); }
.spr-z { --w: 5; --h: 6; background-image: url(z.png); }
.spr-drop { --w: 5; --h: 7; background-image: url(drop.png); }