chore(sprites): compile

website/client/src/assets/css/sprites/spritesmith-main-14.css

@@ -1102,222 +1102,228 @@
   width: 68px;
   height: 68px;
 }
-.inventory_quest_scroll_yarn {
+.inventory_quest_scroll_windup {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -759px -1392px;
   width: 68px;
   height: 68px;
 }
-.quest_bundle_aquaticAmigos {
+.inventory_quest_scroll_yarn {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -828px -1392px;
   width: 68px;
   height: 68px;
 }
-.quest_bundle_birdBuddies {
+.quest_bundle_aquaticAmigos {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -897px -1392px;
   width: 68px;
   height: 68px;
 }
-.quest_bundle_cuddleBuddies {
+.quest_bundle_birdBuddies {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -966px -1392px;
   width: 68px;
   height: 68px;
 }
-.quest_bundle_delightfulDinos {
+.quest_bundle_cuddleBuddies {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -1035px -1392px;
   width: 68px;
   height: 68px;
 }
-.quest_bundle_farmFriends {
+.quest_bundle_delightfulDinos {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -1104px -1392px;
   width: 68px;
   height: 68px;
 }
-.quest_bundle_featheredFriends {
+.quest_bundle_farmFriends {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -1173px -1392px;
   width: 68px;
   height: 68px;
 }
-.quest_bundle_forestFriends {
+.quest_bundle_featheredFriends {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -1242px -1392px;
   width: 68px;
   height: 68px;
 }
-.quest_bundle_hugabug {
+.quest_bundle_forestFriends {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -1311px -1392px;
   width: 68px;
   height: 68px;
 }
-.quest_bundle_jungleBuddies {
+.quest_bundle_hugabug {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -1380px -1392px;
   width: 68px;
   height: 68px;
 }
-.quest_bundle_mythicalMarvels {
+.quest_bundle_jungleBuddies {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -1449px -1392px;
   width: 68px;
   height: 68px;
 }
-.quest_bundle_oddballs {
+.quest_bundle_mythicalMarvels {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -1527px 0px;
   width: 68px;
   height: 68px;
 }
-.quest_bundle_rockingReptiles {
+.quest_bundle_oddballs {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -1527px -69px;
   width: 68px;
   height: 68px;
 }
-.quest_bundle_splashyPals {
+.quest_bundle_rockingReptiles {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -1527px -138px;
   width: 68px;
   height: 68px;
 }
-.quest_bundle_winterQuests {
+.quest_bundle_splashyPals {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -1527px -207px;
   width: 68px;
   height: 68px;
 }
-.quest_bundle_witchyFamiliars {
+.quest_bundle_winterQuests {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -1527px -276px;
   width: 68px;
   height: 68px;
 }
-.shop_gem {
+.quest_bundle_witchyFamiliars {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -1527px -345px;
   width: 68px;
   height: 68px;
 }
-.shop_opaquePotion {
+.shop_gem {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -1527px -414px;
   width: 68px;
   height: 68px;
 }
-.shop_petalFreePotion {
+.shop_opaquePotion {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -1527px -483px;
   width: 68px;
   height: 68px;
 }
-.shop_potion {
+.shop_petalFreePotion {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -1527px -552px;
   width: 68px;
   height: 68px;
 }
-.shop_salt {
+.shop_potion {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -1527px -621px;
   width: 68px;
   height: 68px;
 }
-.shop_sand {
+.shop_salt {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -1527px -690px;
   width: 68px;
   height: 68px;
 }
-.shop_seafoam {
+.shop_sand {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -1527px -759px;
   width: 68px;
   height: 68px;
 }
-.shop_shinySeed {
+.shop_seafoam {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -1527px -828px;
   width: 68px;
   height: 68px;
 }
-.shop_snowball {
+.shop_shinySeed {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -1527px -897px;
   width: 68px;
   height: 68px;
 }
-.shop_spookySparkles {
+.shop_snowball {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -1527px -966px;
   width: 68px;
   height: 68px;
 }
-.shop_mounts_Hippogriff-Hopeful {
+.shop_spookySparkles {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -1527px -1035px;
   width: 68px;
   height: 68px;
 }
-.shop_mounts_MagicalBee-Base {
+.shop_mounts_Hippogriff-Hopeful {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -1527px -1104px;
   width: 68px;
   height: 68px;
 }
-.shop_mounts_Mammoth-Base {
+.shop_mounts_MagicalBee-Base {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -1527px -1173px;
   width: 68px;
   height: 68px;
 }
-.shop_mounts_MantisShrimp-Base {
+.shop_mounts_Mammoth-Base {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -1527px -1242px;
   width: 68px;
   height: 68px;
 }
-.shop_mounts_Phoenix-Base {
+.shop_mounts_MantisShrimp-Base {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -1527px -1311px;
   width: 68px;
   height: 68px;
 }
-.shop_pets_Hippogriff-Hopeful {
+.shop_mounts_Phoenix-Base {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -1527px -1380px;
   width: 68px;
   height: 68px;
 }
-.shop_pets_MagicalBee-Base {
+.shop_pets_Hippogriff-Hopeful {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: 0px -1461px;
   width: 68px;
   height: 68px;
 }
-.shop_pets_Mammoth-Base {
+.shop_pets_MagicalBee-Base {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -69px -1461px;
   width: 68px;
   height: 68px;
 }
-.shop_pets_MantisShrimp-Base {
+.shop_pets_Mammoth-Base {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -138px -1461px;
   width: 68px;
   height: 68px;
 }
-.shop_pets_Phoenix-Base {
+.shop_pets_MantisShrimp-Base {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -207px -1461px;
   width: 68px;
   height: 68px;
 }
+.shop_pets_Phoenix-Base {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
+  background-position: -276px -1461px;
+  width: 68px;
+  height: 68px;
+}
 .shop_backStab {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -594px -1212px;
@@ -1416,587 +1422,581 @@
 }
 .Pet_Egg_Alligator {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -276px -1461px;
+  background-position: -345px -1461px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Armadillo {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -345px -1461px;
+  background-position: -414px -1461px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Axolotl {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -414px -1461px;
+  background-position: -483px -1461px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Badger {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -483px -1461px;
+  background-position: -552px -1461px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_BearCub {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -552px -1461px;
+  background-position: -621px -1461px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Beetle {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -621px -1461px;
+  background-position: -690px -1461px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Bunny {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -690px -1461px;
+  background-position: -759px -1461px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Butterfly {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -759px -1461px;
+  background-position: -828px -1461px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Cactus {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -828px -1461px;
+  background-position: -897px -1461px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Cheetah {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -897px -1461px;
+  background-position: -966px -1461px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Cow {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -966px -1461px;
+  background-position: -1035px -1461px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Cuttlefish {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1035px -1461px;
+  background-position: -1104px -1461px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Deer {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1104px -1461px;
+  background-position: -1173px -1461px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Dolphin {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1173px -1461px;
+  background-position: -1242px -1461px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Dragon {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1242px -1461px;
+  background-position: -1311px -1461px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Egg {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1311px -1461px;
+  background-position: -1380px -1461px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Falcon {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1380px -1461px;
+  background-position: -1449px -1461px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Ferret {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1449px -1461px;
+  background-position: -1518px -1461px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_FlyingPig {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1518px -1461px;
+  background-position: -1596px 0px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Fox {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1596px 0px;
+  background-position: -1596px -69px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Frog {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1596px -69px;
+  background-position: -1596px -138px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Gryphon {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1596px -138px;
+  background-position: -1596px -207px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_GuineaPig {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1596px -207px;
+  background-position: -1596px -276px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Hedgehog {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1596px -276px;
+  background-position: -1596px -345px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Hippo {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1596px -345px;
+  background-position: -1596px -414px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Horse {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1596px -414px;
+  background-position: -1596px -483px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Kangaroo {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1596px -483px;
+  background-position: -1596px -552px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_LionCub {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1596px -552px;
+  background-position: -1596px -621px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Monkey {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1596px -621px;
+  background-position: -1596px -690px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Nudibranch {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1596px -690px;
+  background-position: -1596px -759px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Octopus {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1596px -759px;
+  background-position: -1596px -828px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Owl {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1596px -828px;
+  background-position: -1596px -897px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_PandaCub {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1596px -897px;
+  background-position: -1596px -966px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Parrot {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1596px -966px;
+  background-position: -1596px -1035px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Peacock {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1596px -1035px;
+  background-position: -1596px -1104px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Penguin {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1596px -1104px;
+  background-position: -1596px -1173px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_PolarBear {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1596px -1173px;
+  background-position: -1596px -1242px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Pterodactyl {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1596px -1242px;
+  background-position: -1596px -1311px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Rat {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1596px -1311px;
+  background-position: -1596px -1380px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Robot {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1596px -1380px;
+  background-position: -1596px -1449px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Rock {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1596px -1449px;
+  background-position: 0px -1530px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Rooster {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: 0px -1530px;
+  background-position: -69px -1530px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Sabretooth {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -69px -1530px;
+  background-position: -138px -1530px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_SeaSerpent {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -207px -1530px;
+  background-position: -276px -1530px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Seahorse {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -138px -1530px;
+  background-position: -207px -1530px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Sheep {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -276px -1530px;
+  background-position: -345px -1530px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Slime {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -345px -1530px;
+  background-position: -414px -1530px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Sloth {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -414px -1530px;
+  background-position: -483px -1530px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Snail {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -483px -1530px;
+  background-position: -552px -1530px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Snake {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -552px -1530px;
+  background-position: -621px -1530px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Spider {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -621px -1530px;
+  background-position: -690px -1530px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Squirrel {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -690px -1530px;
+  background-position: -759px -1530px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_TRex {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -897px -1530px;
+  background-position: -966px -1530px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_TigerCub {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -759px -1530px;
+  background-position: -828px -1530px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Treeling {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -828px -1530px;
+  background-position: -897px -1530px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Triceratops {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -966px -1530px;
+  background-position: -1035px -1530px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Turtle {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1035px -1530px;
+  background-position: -1104px -1530px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Unicorn {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1104px -1530px;
+  background-position: -1173px -1530px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Velociraptor {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1173px -1530px;
+  background-position: -1242px -1530px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Whale {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1242px -1530px;
+  background-position: -1311px -1530px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Wolf {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1311px -1530px;
+  background-position: -1380px -1530px;
   width: 68px;
   height: 68px;
 }
 .Pet_Egg_Yarn {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1380px -1530px;
+  background-position: -1449px -1530px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_Cake_Base {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1449px -1530px;
+  background-position: -1518px -1530px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_Cake_CottonCandyBlue {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1518px -1530px;
+  background-position: -1587px -1530px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_Cake_CottonCandyPink {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1587px -1530px;
+  background-position: -1665px 0px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_Cake_Desert {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1665px 0px;
+  background-position: -1665px -69px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_Cake_Golden {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1665px -69px;
+  background-position: -1665px -138px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_Cake_Red {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1665px -138px;
+  background-position: -1665px -207px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_Cake_Shade {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1665px -207px;
+  background-position: -1665px -276px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_Cake_Skeleton {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1665px -276px;
+  background-position: -1665px -345px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_Cake_White {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1665px -345px;
+  background-position: -1665px -414px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_Cake_Zombie {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1665px -414px;
+  background-position: -1665px -483px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_Candy_Base {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1665px -483px;
+  background-position: -1665px -552px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_Candy_CottonCandyBlue {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1665px -552px;
+  background-position: -1665px -621px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_Candy_CottonCandyPink {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1665px -621px;
+  background-position: -1665px -690px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_Candy_Desert {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1665px -690px;
+  background-position: -1665px -759px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_Candy_Golden {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1665px -759px;
+  background-position: -1665px -828px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_Candy_Red {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1665px -828px;
+  background-position: -1665px -897px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_Candy_Shade {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1665px -897px;
+  background-position: -1665px -966px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_Candy_Skeleton {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1665px -966px;
+  background-position: -1665px -1035px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_Candy_White {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1665px -1035px;
+  background-position: -1665px -1104px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_Candy_Zombie {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1665px -1104px;
+  background-position: -1665px -1173px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_Chocolate {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1665px -1173px;
+  background-position: -1665px -1242px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_CottonCandyBlue {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1665px -1242px;
+  background-position: -1665px -1311px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_CottonCandyPink {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1665px -1311px;
+  background-position: -1665px -1380px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_Fish {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1665px -1380px;
+  background-position: -1665px -1449px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_Honey {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1665px -1449px;
+  background-position: -1665px -1518px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_Meat {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -1665px -1518px;
+  background-position: 0px -1599px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_Milk {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: 0px -1599px;
+  background-position: -69px -1599px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_Pie_Base {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -69px -1599px;
+  background-position: -138px -1599px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_Pie_CottonCandyBlue {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -138px -1599px;
+  background-position: -207px -1599px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_Pie_CottonCandyPink {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -207px -1599px;
+  background-position: -276px -1599px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_Pie_Desert {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -276px -1599px;
+  background-position: -345px -1599px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_Pie_Golden {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -345px -1599px;
+  background-position: -414px -1599px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_Pie_Red {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -414px -1599px;
+  background-position: -483px -1599px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_Pie_Shade {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -483px -1599px;
+  background-position: -552px -1599px;
   width: 68px;
   height: 68px;
 }
 .Pet_Food_Pie_Skeleton {
-  background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
-  background-position: -552px -1599px;
-  width: 68px;
-  height: 68px;
-}
-.Pet_Food_Pie_White {
   background-image: url('~@/assets/images/sprites/spritesmith-main-14.png');
   background-position: -621px -1599px;
   width: 68px;

website/client/src/assets/css/sprites/spritesmith-main-28.css

@@ -1,624 +1,888 @@
-.Pet-Whale-CottonCandyPink {
+.Pet-Triceratops-CottonCandyBlue {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: 0px 0px;
   width: 81px;
   height: 99px;
 }
-.Pet-Whale-Desert {
+.Pet-Triceratops-CottonCandyPink {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -82px 0px;
   width: 81px;
   height: 99px;
 }
-.Pet-Whale-Golden {
+.Pet-Triceratops-Desert {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -164px 0px;
   width: 81px;
   height: 99px;
 }
-.Pet-Whale-Red {
+.Pet-Triceratops-Golden {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: 0px -100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Whale-Shade {
+.Pet-Triceratops-Red {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -82px -100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Whale-Skeleton {
+.Pet-Triceratops-Shade {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -164px -100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Whale-White {
+.Pet-Triceratops-Skeleton {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -246px 0px;
   width: 81px;
   height: 99px;
 }
-.Pet-Whale-Zombie {
+.Pet-Triceratops-White {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -246px -100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Amber {
+.Pet-Triceratops-Zombie {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: 0px -200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Aquatic {
+.Pet-Turkey-Base {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -82px -200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Aurora {
+.Pet-Turkey-Gilded {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -164px -200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Base {
+.Pet-Turtle-Base {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -246px -200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-BirchBark {
+.Pet-Turtle-CottonCandyBlue {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -328px 0px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Bronze {
+.Pet-Turtle-CottonCandyPink {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -328px -100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Celestial {
+.Pet-Turtle-Desert {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -328px -200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-CottonCandyBlue {
+.Pet-Turtle-Golden {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: 0px -300px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-CottonCandyPink {
+.Pet-Turtle-Red {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -82px -300px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Cupid {
+.Pet-Turtle-Shade {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -164px -300px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Desert {
+.Pet-Turtle-Skeleton {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -246px -300px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Dessert {
+.Pet-Turtle-White {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -328px -300px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Ember {
+.Pet-Turtle-Zombie {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -410px 0px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Fairy {
+.Pet-Unicorn-Base {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -410px -100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Floral {
+.Pet-Unicorn-CottonCandyBlue {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -410px -200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Fluorite {
+.Pet-Unicorn-CottonCandyPink {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -410px -300px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Frost {
+.Pet-Unicorn-Desert {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -492px 0px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Ghost {
+.Pet-Unicorn-Golden {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -492px -100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Glass {
+.Pet-Unicorn-Red {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -492px -200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Glow {
+.Pet-Unicorn-Shade {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -492px -300px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Golden {
+.Pet-Unicorn-Skeleton {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: 0px -400px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Holly {
+.Pet-Unicorn-White {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -82px -400px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-IcySnow {
+.Pet-Unicorn-Zombie {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -164px -400px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Peppermint {
+.Pet-Velociraptor-Base {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -246px -400px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Rainbow {
+.Pet-Velociraptor-CottonCandyBlue {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -328px -400px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Red {
+.Pet-Velociraptor-CottonCandyPink {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -410px -400px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-RoseQuartz {
+.Pet-Velociraptor-Desert {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -492px -400px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-RoyalPurple {
+.Pet-Velociraptor-Golden {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -574px 0px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Ruby {
+.Pet-Velociraptor-Red {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -574px -100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-SandSculpture {
+.Pet-Velociraptor-Shade {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -574px -200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Shade {
+.Pet-Velociraptor-Skeleton {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -574px -300px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Shadow {
+.Pet-Velociraptor-White {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -574px -400px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Shimmer {
+.Pet-Velociraptor-Zombie {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: 0px -500px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Silver {
+.Pet-Whale-Base {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -82px -500px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Skeleton {
+.Pet-Whale-CottonCandyBlue {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -164px -500px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Spooky {
+.Pet-Whale-CottonCandyPink {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -246px -500px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-StarryNight {
+.Pet-Whale-Desert {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -328px -500px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Sunshine {
+.Pet-Whale-Golden {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -410px -500px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Thunderstorm {
+.Pet-Whale-Red {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -492px -500px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Veggie {
+.Pet-Whale-Shade {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -574px -500px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Veteran {
+.Pet-Whale-Skeleton {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -656px 0px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Watery {
+.Pet-Whale-White {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -656px -100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-White {
+.Pet-Whale-Zombie {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -656px -200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Zombie {
+.Pet-Wolf-Amber {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -656px -300px;
   width: 81px;
   height: 99px;
 }
-.Pet-Yarn-Base {
+.Pet-Wolf-Aquatic {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -656px -400px;
   width: 81px;
   height: 99px;
 }
-.Pet-Yarn-CottonCandyBlue {
+.Pet-Wolf-Aurora {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -656px -500px;
   width: 81px;
   height: 99px;
 }
-.Pet-Yarn-CottonCandyPink {
+.Pet-Wolf-Base {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: 0px -600px;
   width: 81px;
   height: 99px;
 }
-.Pet-Yarn-Desert {
+.Pet-Wolf-BirchBark {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -82px -600px;
   width: 81px;
   height: 99px;
 }
-.Pet-Yarn-Golden {
+.Pet-Wolf-Bronze {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -164px -600px;
   width: 81px;
   height: 99px;
 }
-.Pet-Yarn-Red {
+.Pet-Wolf-Celestial {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -246px -600px;
   width: 81px;
   height: 99px;
 }
-.Pet-Yarn-Shade {
+.Pet-Wolf-CottonCandyBlue {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -328px -600px;
   width: 81px;
   height: 99px;
 }
-.Pet-Yarn-Skeleton {
+.Pet-Wolf-CottonCandyPink {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -410px -600px;
   width: 81px;
   height: 99px;
 }
-.Pet-Yarn-White {
+.Pet-Wolf-Cupid {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -492px -600px;
   width: 81px;
   height: 99px;
 }
-.Pet-Yarn-Zombie {
+.Pet-Wolf-Desert {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -574px -600px;
   width: 81px;
   height: 99px;
 }
-.Pet_HatchingPotion_Amber {
+.Pet-Wolf-Dessert {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
   background-position: -656px -600px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Ember {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -738px 0px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Fairy {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -738px -100px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Floral {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -738px -200px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Fluorite {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -738px -300px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Frost {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -738px -400px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Ghost {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -738px -500px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Glass {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -738px -600px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Glow {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: 0px -700px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Golden {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -82px -700px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Holly {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -164px -700px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-IcySnow {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -246px -700px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Peppermint {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -328px -700px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Rainbow {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -410px -700px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Red {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -492px -700px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-RoseQuartz {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -574px -700px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-RoyalPurple {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -656px -700px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Ruby {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -738px -700px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-SandSculpture {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -820px 0px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Shade {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -820px -100px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Shadow {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -820px -200px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Shimmer {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -820px -300px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Silver {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -820px -400px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Skeleton {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -820px -500px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Spooky {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -820px -600px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-StarryNight {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -820px -700px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Sunshine {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: 0px -800px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Thunderstorm {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -82px -800px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Veggie {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -164px -800px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Veteran {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -246px -800px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Watery {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -328px -800px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-White {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -410px -800px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Windup {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -492px -800px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Zombie {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -574px -800px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Yarn-Base {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -656px -800px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Yarn-CottonCandyBlue {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -738px -800px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Yarn-CottonCandyPink {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -820px -800px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Yarn-Desert {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -902px 0px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Yarn-Golden {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -902px -100px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Yarn-Red {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -902px -200px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Yarn-Shade {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -902px -300px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Yarn-Skeleton {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -902px -400px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Yarn-White {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -902px -500px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Yarn-Zombie {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -902px -600px;
+  width: 81px;
+  height: 99px;
+}
+.Pet_HatchingPotion_Amber {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
+  background-position: -902px -700px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Aquatic {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -738px 0px;
+  background-position: -902px -769px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Aurora {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -738px -69px;
+  background-position: 0px -900px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Base {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -738px -138px;
+  background-position: -69px -900px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_BirchBark {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -738px -207px;
+  background-position: -138px -900px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Bronze {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -738px -276px;
+  background-position: -207px -900px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Celestial {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -738px -345px;
+  background-position: -276px -900px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_CottonCandyBlue {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -738px -414px;
+  background-position: -345px -900px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_CottonCandyPink {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -738px -483px;
+  background-position: -414px -900px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Cupid {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -738px -552px;
+  background-position: -483px -900px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Desert {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -738px -621px;
+  background-position: -552px -900px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Ember {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: 0px -700px;
+  background-position: -621px -900px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Fairy {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -69px -700px;
+  background-position: -690px -900px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Floral {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -138px -700px;
+  background-position: -759px -900px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Fluorite {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -207px -700px;
+  background-position: -828px -900px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Frost {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -276px -700px;
+  background-position: -897px -900px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Ghost {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -345px -700px;
+  background-position: -984px 0px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Glass {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -414px -700px;
+  background-position: -984px -69px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Glow {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -483px -700px;
+  background-position: -984px -138px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Golden {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -552px -700px;
+  background-position: -984px -207px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Holly {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -621px -700px;
+  background-position: -984px -276px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_IcySnow {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -690px -700px;
+  background-position: -984px -345px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Peppermint {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -807px 0px;
+  background-position: -984px -414px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Purple {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -807px -69px;
+  background-position: -984px -483px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Rainbow {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -807px -138px;
+  background-position: -984px -552px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Red {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -807px -207px;
+  background-position: -984px -621px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_RoseQuartz {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -807px -276px;
+  background-position: -984px -690px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_RoyalPurple {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -807px -345px;
+  background-position: -984px -759px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Ruby {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -807px -414px;
+  background-position: -984px -828px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_SandSculpture {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -807px -483px;
+  background-position: -984px -897px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Shade {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -807px -552px;
+  background-position: 0px -969px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Shadow {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -807px -621px;
+  background-position: -69px -969px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Shimmer {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -807px -690px;
+  background-position: -138px -969px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Silver {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: 0px -769px;
+  background-position: -207px -969px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Skeleton {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -69px -769px;
+  background-position: -276px -969px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Spooky {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -138px -769px;
+  background-position: -345px -969px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_StarryNight {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -207px -769px;
+  background-position: -414px -969px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Sunshine {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -276px -769px;
+  background-position: -483px -969px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Thunderstorm {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -345px -769px;
+  background-position: -552px -969px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Watery {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -414px -769px;
+  background-position: -621px -969px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_White {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -483px -769px;
+  background-position: -690px -969px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Zombie {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -552px -769px;
+  background-position: -759px -969px;
   width: 68px;
   height: 68px;
 }