/* Animated outfit sprite sheets - Auto-generated */

/* Entrepreneur - 471 */
.outfit-anim-471 {
  width: 64px;
  height: 64px;
  background-image: url('animated/471_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-471 1.2s steps(12) infinite;
}

@keyframes outfit-walk-471 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Champion - 632 */
.outfit-anim-632 {
  width: 64px;
  height: 64px;
  background-image: url('animated/632_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-632 1.2s steps(12) infinite;
}

@keyframes outfit-walk-632 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Conjurer - 635 */
.outfit-anim-635 {
  width: 64px;
  height: 64px;
  background-image: url('animated/635_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-635 1.2s steps(12) infinite;
}

@keyframes outfit-walk-635 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Beastmaster - 636 */
.outfit-anim-636 {
  width: 64px;
  height: 64px;
  background-image: url('animated/636_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-636 1.2s steps(12) infinite;
}

@keyframes outfit-walk-636 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Chaos_Acolyte - 664 */
.outfit-anim-664 {
  width: 64px;
  height: 64px;
  background-image: url('animated/664_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-664 1.2s steps(12) infinite;
}

@keyframes outfit-walk-664 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Death_Herald - 666 */
.outfit-anim-666 {
  width: 64px;
  height: 64px;
  background-image: url('animated/666_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-666 1.2s steps(12) infinite;
}

@keyframes outfit-walk-666 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Ranger - 683 */
.outfit-anim-683 {
  width: 64px;
  height: 64px;
  background-image: url('animated/683_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-683 1.2s steps(12) infinite;
}

@keyframes outfit-walk-683 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Ceremonial_Garb - 694 */
.outfit-anim-694 {
  width: 64px;
  height: 64px;
  background-image: url('animated/694_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-694 1.2s steps(12) infinite;
}

@keyframes outfit-walk-694 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Puppeteer - 696 */
.outfit-anim-696 {
  width: 64px;
  height: 64px;
  background-image: url('animated/696_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-696 1.2s steps(12) infinite;
}

@keyframes outfit-walk-696 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Spirit_Caller - 698 */
.outfit-anim-698 {
  width: 64px;
  height: 64px;
  background-image: url('animated/698_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-698 1.2s steps(12) infinite;
}

@keyframes outfit-walk-698 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Evoker - 724 */
.outfit-anim-724 {
  width: 64px;
  height: 64px;
  background-image: url('animated/724_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-724 1.2s steps(12) infinite;
}

@keyframes outfit-walk-724 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Seaweaver - 732 */
.outfit-anim-732 {
  width: 64px;
  height: 64px;
  background-image: url('animated/732_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-732 1.2s steps(12) infinite;
}

@keyframes outfit-walk-732 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Sea_Dog - 749 */
.outfit-anim-749 {
  width: 64px;
  height: 64px;
  background-image: url('animated/749_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-749 1.2s steps(12) infinite;
}

@keyframes outfit-walk-749 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Royal_Pumpkin - 759 */
.outfit-anim-759 {
  width: 64px;
  height: 64px;
  background-image: url('animated/759_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-759 1.2s steps(12) infinite;
}

@keyframes outfit-walk-759 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Winter_Warden - 852 */
.outfit-anim-852 {
  width: 64px;
  height: 64px;
  background-image: url('animated/852_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-852 1.2s steps(12) infinite;
}

@keyframes outfit-walk-852 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Philosopher - 874 */
.outfit-anim-874 {
  width: 64px;
  height: 64px;
  background-image: url('animated/874_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-874 1.2s steps(12) infinite;
}

@keyframes outfit-walk-874 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Arena_Champion - 885 */
.outfit-anim-885 {
  width: 64px;
  height: 64px;
  background-image: url('animated/885_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-885 1.2s steps(12) infinite;
}

@keyframes outfit-walk-885 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Lupine_Warden - 900 */
.outfit-anim-900 {
  width: 64px;
  height: 64px;
  background-image: url('animated/900_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-900 1.2s steps(12) infinite;
}

@keyframes outfit-walk-900 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Grove_Keeper - 909 */
.outfit-anim-909 {
  width: 64px;
  height: 64px;
  background-image: url('animated/909_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-909 1.2s steps(12) infinite;
}

@keyframes outfit-walk-909 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Pharaoh - 956 */
.outfit-anim-956 {
  width: 64px;
  height: 64px;
  background-image: url('animated/956_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-956 1.2s steps(12) infinite;
}

@keyframes outfit-walk-956 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Trophy_Hunter - 958 */
.outfit-anim-958 {
  width: 64px;
  height: 64px;
  background-image: url('animated/958_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-958 1.2s steps(12) infinite;
}

@keyframes outfit-walk-958 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Retro_Warrior - 963 */
.outfit-anim-963 {
  width: 64px;
  height: 64px;
  background-image: url('animated/963_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-963 1.2s steps(12) infinite;
}

@keyframes outfit-walk-963 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Retro_Summoner - 965 */
.outfit-anim-965 {
  width: 64px;
  height: 64px;
  background-image: url('animated/965_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-965 1.2s steps(12) infinite;
}

@keyframes outfit-walk-965 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Retro_Noblewoman - 967 */
.outfit-anim-967 {
  width: 64px;
  height: 64px;
  background-image: url('animated/967_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-967 1.2s steps(12) infinite;
}

@keyframes outfit-walk-967 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Retro_Mage - 969 */
.outfit-anim-969 {
  width: 64px;
  height: 64px;
  background-image: url('animated/969_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-969 1.2s steps(12) infinite;
}

@keyframes outfit-walk-969 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Retro_Knight - 971 */
.outfit-anim-971 {
  width: 64px;
  height: 64px;
  background-image: url('animated/971_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-971 1.2s steps(12) infinite;
}

@keyframes outfit-walk-971 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Retro_Hunter - 973 */
.outfit-anim-973 {
  width: 64px;
  height: 64px;
  background-image: url('animated/973_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-973 1.2s steps(12) infinite;
}

@keyframes outfit-walk-973 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Retro_Citizen - 975 */
.outfit-anim-975 {
  width: 64px;
  height: 64px;
  background-image: url('animated/975_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-975 1.2s steps(12) infinite;
}

@keyframes outfit-walk-975 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Herbalist - 1020 */
.outfit-anim-1020 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1020_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1020 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1020 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Sun_Priest - 1024 */
.outfit-anim-1024 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1024_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1024 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1024 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Siege_Master - 1050 */
.outfit-anim-1050 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1050_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1050 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1050 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Mercenary - 1057 */
.outfit-anim-1057 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1057_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1057 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1057 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Sinister_Archer - 1103 */
.outfit-anim-1103 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1103_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1103 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1103 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Pumpkin_Mummy - 1128 */
.outfit-anim-1128 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1128_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1128 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1128 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Owl_Keeper - 1174 */
.outfit-anim-1174 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1174_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1174 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1174 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Guidon_Bearer - 1187 */
.outfit-anim-1187 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1187_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1187 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1187 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Void_Master - 1203 */
.outfit-anim-1203 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1203_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1203 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1203 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Veteran_Paladin - 1205 */
.outfit-anim-1205 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1205_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1205 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1205 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Lion_of_War - 1207 */
.outfit-anim-1207 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1207_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1207 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1207 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Breezy_Garb - 1246 */
.outfit-anim-1246 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1246_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1246 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1246 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Herder - 1280 */
.outfit-anim-1280 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1280_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1280 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1280 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Dragon_Slayer - 1289 */
.outfit-anim-1289 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1289_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1289 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1289 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Trailblazer - 1293 */
.outfit-anim-1293 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1293_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1293 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1293 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Jouster - 1332 */
.outfit-anim-1332 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1332_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1332 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1332 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Moth_Cape - 1339 */
.outfit-anim-1339 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1339_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1339 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1339 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Merry_Garb - 1383 */
.outfit-anim-1383 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1383_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1383 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1383 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Rune_Master - 1385 */
.outfit-anim-1385 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1385_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1385 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1385 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Forest_Warden - 1416 */
.outfit-anim-1416 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1416_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1416 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1416 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Dragon_Knight - 1445 */
.outfit-anim-1445 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1445_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1445 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1445 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Arbalester - 1450 */
.outfit-anim-1450 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1450_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1450 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1450 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Royal_Costume - 1456 */
.outfit-anim-1456 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1456_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1456 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1456 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Formal_Dress - 1461 */
.outfit-anim-1461 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1461_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1461 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1461 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Ghost_Blade - 1490 */
.outfit-anim-1490 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1490_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1490 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1490 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Nordic_Chieftain - 1501 */
.outfit-anim-1501 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1501_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1501 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1501 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Fencer - 1576 */
.outfit-anim-1576 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1576_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1576 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1576 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Shadowlotus_Disciple - 1582 */
.outfit-anim-1582 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1582_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1582 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1582 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Frost_Tracer - 1613 */
.outfit-anim-1613 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1613_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1613 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1613 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Armoured_Archer - 1619 */
.outfit-anim-1619 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1619_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1619 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1619 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Darklight_Evoker - 1676 */
.outfit-anim-1676 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1676_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1676 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1676 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Flamefury_Mage - 1681 */
.outfit-anim-1681 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1681_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1681 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1681 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Doom_Knight - 1714 */
.outfit-anim-1714 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1714_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1714 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1714 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Celestial_Avenger - 1726 */
.outfit-anim-1726 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1726_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1726 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1726 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Blade_Dancer - 1746 */
.outfit-anim-1746 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1746_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1746 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1746 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Beekeeper - 1777 */
.outfit-anim-1777 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1777_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1777 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1777 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Winged_Druid - 1832 */
.outfit-anim-1832 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1832_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1832 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1832 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Entrepreneur - 472 */
.outfit-anim-472 {
  width: 64px;
  height: 64px;
  background-image: url('animated/472_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-472 1.2s steps(12) infinite;
}

@keyframes outfit-walk-472 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Champion - 633 */
.outfit-anim-633 {
  width: 64px;
  height: 64px;
  background-image: url('animated/633_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-633 1.2s steps(12) infinite;
}

@keyframes outfit-walk-633 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Conjurer - 634 */
.outfit-anim-634 {
  width: 64px;
  height: 64px;
  background-image: url('animated/634_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-634 1.2s steps(12) infinite;
}

@keyframes outfit-walk-634 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Beastmaster - 637 */
.outfit-anim-637 {
  width: 64px;
  height: 64px;
  background-image: url('animated/637_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-637 1.2s steps(12) infinite;
}

@keyframes outfit-walk-637 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Chaos_Acolyte - 665 */
.outfit-anim-665 {
  width: 64px;
  height: 64px;
  background-image: url('animated/665_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-665 1.2s steps(12) infinite;
}

@keyframes outfit-walk-665 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Death_Herald - 667 */
.outfit-anim-667 {
  width: 64px;
  height: 64px;
  background-image: url('animated/667_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-667 1.2s steps(12) infinite;
}

@keyframes outfit-walk-667 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Ranger - 684 */
.outfit-anim-684 {
  width: 64px;
  height: 64px;
  background-image: url('animated/684_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-684 1.2s steps(12) infinite;
}

@keyframes outfit-walk-684 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Ceremonial_Garb - 695 */
.outfit-anim-695 {
  width: 64px;
  height: 64px;
  background-image: url('animated/695_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-695 1.2s steps(12) infinite;
}

@keyframes outfit-walk-695 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Puppeteer - 697 */
.outfit-anim-697 {
  width: 64px;
  height: 64px;
  background-image: url('animated/697_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-697 1.2s steps(12) infinite;
}

@keyframes outfit-walk-697 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Spirit_Caller - 699 */
.outfit-anim-699 {
  width: 64px;
  height: 64px;
  background-image: url('animated/699_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-699 1.2s steps(12) infinite;
}

@keyframes outfit-walk-699 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Evoker - 725 */
.outfit-anim-725 {
  width: 64px;
  height: 64px;
  background-image: url('animated/725_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-725 1.2s steps(12) infinite;
}

@keyframes outfit-walk-725 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Seaweaver - 733 */
.outfit-anim-733 {
  width: 64px;
  height: 64px;
  background-image: url('animated/733_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-733 1.2s steps(12) infinite;
}

@keyframes outfit-walk-733 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Sea_Dog - 750 */
.outfit-anim-750 {
  width: 64px;
  height: 64px;
  background-image: url('animated/750_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-750 1.2s steps(12) infinite;
}

@keyframes outfit-walk-750 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Royal_Pumpkin - 760 */
.outfit-anim-760 {
  width: 64px;
  height: 64px;
  background-image: url('animated/760_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-760 1.2s steps(12) infinite;
}

@keyframes outfit-walk-760 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Winter_Warden - 853 */
.outfit-anim-853 {
  width: 64px;
  height: 64px;
  background-image: url('animated/853_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-853 1.2s steps(12) infinite;
}

@keyframes outfit-walk-853 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Philosopher - 873 */
.outfit-anim-873 {
  width: 64px;
  height: 64px;
  background-image: url('animated/873_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-873 1.2s steps(12) infinite;
}

@keyframes outfit-walk-873 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Arena_Champion - 884 */
.outfit-anim-884 {
  width: 64px;
  height: 64px;
  background-image: url('animated/884_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-884 1.2s steps(12) infinite;
}

@keyframes outfit-walk-884 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Lupine_Warden - 899 */
.outfit-anim-899 {
  width: 64px;
  height: 64px;
  background-image: url('animated/899_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-899 1.2s steps(12) infinite;
}

@keyframes outfit-walk-899 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Grove_Keeper - 908 */
.outfit-anim-908 {
  width: 64px;
  height: 64px;
  background-image: url('animated/908_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-908 1.2s steps(12) infinite;
}

@keyframes outfit-walk-908 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Pharaoh - 955 */
.outfit-anim-955 {
  width: 64px;
  height: 64px;
  background-image: url('animated/955_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-955 1.2s steps(12) infinite;
}

@keyframes outfit-walk-955 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Trophy_Hunter - 957 */
.outfit-anim-957 {
  width: 64px;
  height: 64px;
  background-image: url('animated/957_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-957 1.2s steps(12) infinite;
}

@keyframes outfit-walk-957 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Retro_Warrior - 962 */
.outfit-anim-962 {
  width: 64px;
  height: 64px;
  background-image: url('animated/962_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-962 1.2s steps(12) infinite;
}

@keyframes outfit-walk-962 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Retro_Summoner - 964 */
.outfit-anim-964 {
  width: 64px;
  height: 64px;
  background-image: url('animated/964_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-964 1.2s steps(12) infinite;
}

@keyframes outfit-walk-964 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Retro_Nobleman - 966 */
.outfit-anim-966 {
  width: 64px;
  height: 64px;
  background-image: url('animated/966_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-966 1.2s steps(12) infinite;
}

@keyframes outfit-walk-966 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Retro_Mage - 968 */
.outfit-anim-968 {
  width: 64px;
  height: 64px;
  background-image: url('animated/968_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-968 1.2s steps(12) infinite;
}

@keyframes outfit-walk-968 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Retro_Knight - 970 */
.outfit-anim-970 {
  width: 64px;
  height: 64px;
  background-image: url('animated/970_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-970 1.2s steps(12) infinite;
}

@keyframes outfit-walk-970 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Retro_Hunter - 972 */
.outfit-anim-972 {
  width: 64px;
  height: 64px;
  background-image: url('animated/972_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-972 1.2s steps(12) infinite;
}

@keyframes outfit-walk-972 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Retro_Citizen - 974 */
.outfit-anim-974 {
  width: 64px;
  height: 64px;
  background-image: url('animated/974_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-974 1.2s steps(12) infinite;
}

@keyframes outfit-walk-974 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Herbalist - 1021 */
.outfit-anim-1021 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1021_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1021 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1021 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Sun_Priest - 1023 */
.outfit-anim-1023 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1023_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1023 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1023 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Siege_Master - 1051 */
.outfit-anim-1051 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1051_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1051 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1051 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Mercenary - 1056 */
.outfit-anim-1056 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1056_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1056 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1056 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Sinister_Archer - 1102 */
.outfit-anim-1102 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1102_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1102 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1102 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Pumpkin_Mummy - 1127 */
.outfit-anim-1127 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1127_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1127 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1127 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Owl_Keeper - 1173 */
.outfit-anim-1173 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1173_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1173 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1173 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Guidon_Bearer - 1186 */
.outfit-anim-1186 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1186_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1186 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1186 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Void_Master - 1202 */
.outfit-anim-1202 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1202_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1202 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1202 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Veteran_Paladin - 1204 */
.outfit-anim-1204 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1204_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1204 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1204 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Lion_of_War - 1206 */
.outfit-anim-1206 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1206_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1206 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1206 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Breezy_Garb - 1245 */
.outfit-anim-1245 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1245_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1245 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1245 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Herder - 1279 */
.outfit-anim-1279 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1279_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1279 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1279 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Dragon_Slayer - 1288 */
.outfit-anim-1288 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1288_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1288 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1288 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Trailblazer - 1292 */
.outfit-anim-1292 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1292_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1292 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1292 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Jouster - 1331 */
.outfit-anim-1331 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1331_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1331 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1331 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Moth_Cape - 1338 */
.outfit-anim-1338 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1338_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1338 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1338 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Merry_Garb - 1382 */
.outfit-anim-1382 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1382_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1382 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1382 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Rune_Master - 1384 */
.outfit-anim-1384 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1384_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1384 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1384 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Forest_Warden - 1415 */
.outfit-anim-1415 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1415_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1415 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1415 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Dragon_Knight - 1444 */
.outfit-anim-1444 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1444_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1444 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1444 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Arbalester - 1449 */
.outfit-anim-1449 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1449_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1449 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1449 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Royal_Costume - 1457 */
.outfit-anim-1457 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1457_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1457 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1457 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Formal_Dress - 1460 */
.outfit-anim-1460 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1460_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1460 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1460 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Ghost_Blade - 1489 */
.outfit-anim-1489 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1489_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1489 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1489 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Nordic_Chieftain - 1500 */
.outfit-anim-1500 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1500_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1500 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1500 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Fencer - 1575 */
.outfit-anim-1575 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1575_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1575 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1575 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Shadowlotus_Disciple - 1581 */
.outfit-anim-1581 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1581_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1581 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1581 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Frost_Tracer - 1612 */
.outfit-anim-1612 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1612_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1612 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1612 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Armoured_Archer - 1618 */
.outfit-anim-1618 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1618_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1618 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1618 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Darklight_Evoker - 1675 */
.outfit-anim-1675 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1675_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1675 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1675 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Flamefury_Mage - 1680 */
.outfit-anim-1680 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1680_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1680 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1680 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Doom_Knight - 1713 */
.outfit-anim-1713 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1713_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1713 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1713 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Celestial_Avenger - 1725 */
.outfit-anim-1725 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1725_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1725 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1725 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Blade_Dancer - 1745 */
.outfit-anim-1745 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1745_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1745 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1745 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Beekeeper - 1776 */
.outfit-anim-1776 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1776_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1776 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1776 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}

/* Winged_Druid - 1831 */
.outfit-anim-1831 {
  width: 64px;
  height: 64px;
  background-image: url('animated/1831_sheet.png');
  background-size: 320px 192px;
  image-rendering: pixelated;
  display: inline-block;
  vertical-align: middle;
  animation: outfit-walk-1831 1.2s steps(12) infinite;
}

@keyframes outfit-walk-1831 {
  from { background-position: 0 0; }
  to { background-position: -320px -192px; }
}