/* generated by tools/build_download_page_cast.py - do not edit by hand */
.cast .spr { display: block; margin: 0 auto; background-repeat: no-repeat;
             image-rendering: pixelated; image-rendering: crisp-edges;
             filter: drop-shadow(2px 2px 0 rgba(0,0,0,.5)); }
.cast .kid .spr { width: 48px; height: 69px; background-image: url("cast_kid.png"); background-size: 96px 69px; }
@keyframes cast-kid { from { background-position: -48px 0; } to { background-position: -96px 0; } }
.cast .kid:hover .spr, .cast .kid:focus-within .spr { background-position: -48px 0; }
@media (prefers-reduced-motion: reduce) { .cast .kid:hover .spr { animation: none; background-position: -48px 0; } }
.cast .pom .spr { width: 64px; height: 64px; background-image: url("cast_pom.png"); background-size: 128px 64px; }
@keyframes cast-pom { from { background-position: -64px 0; } to { background-position: -128px 0; } }
.cast .pom:hover .spr, .cast .pom:focus-within .spr { background-position: -64px 0; }
@media (prefers-reduced-motion: reduce) { .cast .pom:hover .spr { animation: none; background-position: -64px 0; } }
.cast .pina .spr { width: 56px; height: 56px; background-image: url("cast_pina.png"); background-size: 224px 56px; }
@keyframes cast-pina { from { background-position: -56px 0; } to { background-position: -224px 0; } }
.cast .pina:hover .spr, .cast .pina:focus-within .spr { animation: cast-pina 0.38s steps(3) infinite; }
@media (prefers-reduced-motion: reduce) { .cast .pina:hover .spr { animation: none; background-position: -56px 0; } }
.cast .rat .spr { width: 96px; height: 110px; background-image: url("cast_rat.png"); background-size: 672px 110px; }
@keyframes cast-rat { from { background-position: -96px 0; } to { background-position: -672px 0; } }
.cast .rat:hover .spr, .cast .rat:focus-within .spr { animation: cast-rat 0.60s steps(6) infinite; }
@media (prefers-reduced-motion: reduce) { .cast .rat:hover .spr { animation: none; background-position: -96px 0; } }