diff --git a/.gitignore b/.gitignore
index ff5ef51f27..f3ead07d99 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,6 +1,5 @@
 .DS_Store
 website/build
-website/raw_sprites/spritesmith
 website/transpiled-babel/
 website/common/transpiled-babel/
 node_modules
diff --git a/.gitmodules b/.gitmodules
new file mode 100644
index 0000000000..dcb44942ec
--- /dev/null
+++ b/.gitmodules
@@ -0,0 +1,3 @@
+[submodule "habitica-images"]
+	path = habitica-images
+	url = https://github.com/HabitRPG/habitica-images
diff --git a/gulp/gulp-sprites.js b/gulp/gulp-sprites.js
index d9210eb757..27aebce2c8 100644
--- a/gulp/gulp-sprites.js
+++ b/gulp/gulp-sprites.js
@@ -4,7 +4,6 @@ import spritesmith from 'gulp.spritesmith';
 import clean from 'rimraf';
 import sizeOf from 'image-size';
 import mergeStream from 'merge-stream';
-import { basename } from 'path';
 import { sync } from 'glob';
 import { each } from 'lodash';
 import vinylBuffer from 'vinyl-buffer';
@@ -118,47 +117,12 @@ function createSpritesStream (name, src) {
 }
 
 gulp.task('sprites:main', () => {
-  const mainSrc = sync('website/raw_sprites/spritesmith/**/*.png');
+  const mainSrc = sync('habitica-images/**/*.png');
   return createSpritesStream('main', mainSrc);
 });
 
-gulp.task('sprites:largeSprites', () => {
-  const largeSrc = sync('website/raw_sprites/spritesmith_large/**/*.png');
-  return createSpritesStream('largeSprites', largeSrc);
-});
-
 gulp.task('sprites:clean', done => {
   clean(`${IMG_DIST_PATH}spritesmith*,${CSS_DIST_PATH}spritesmith*}`, done);
 });
 
-gulp.task('sprites:checkCompiledDimensions', gulp.series('sprites:main', done => {
-  console.log('Verifying that images do not exceed max dimensions'); // eslint-disable-line no-console
-
-  let numberOfSheetsThatAreTooBig = 0;
-
-  const distSpritesheets = sync(`${IMG_DIST_PATH}*.png`);
-
-  each(distSpritesheets, img => {
-    const spriteSize = calculateImgDimensions(img);
-
-    if (spriteSize > MAX_SPRITESHEET_SIZE) {
-      numberOfSheetsThatAreTooBig += 1;
-      const name = basename(img, '.png');
-      console.error(`WARNING: ${name} might be too big - ${spriteSize} > ${MAX_SPRITESHEET_SIZE}`); // eslint-disable-line no-console
-    }
-  });
-
-  if (numberOfSheetsThatAreTooBig > 0) {
-    // https://github.com/HabitRPG/habitica/pull/6683#issuecomment-185462180
-    console.error( // eslint-disable-line no-console
-      `${numberOfSheetsThatAreTooBig} sheets might too big for mobile Safari to be able to handle
-      them, but there is a margin of error in these calculations so it is probably okay. Mention
-      this to an admin so they can test a staging site on mobile Safari after your PR is merged.`,
-    );
-  } else {
-    console.log('All images are within the correct dimensions'); // eslint-disable-line no-console
-  }
-  done();
-}));
-
-gulp.task('sprites:compile', gulp.series('sprites:clean', 'sprites:checkCompiledDimensions', done => done()));
+gulp.task('sprites:compile', gulp.series('sprites:clean', 'sprites:main', done => done()));
diff --git a/habitica-images b/habitica-images
new file mode 160000
index 0000000000..0d994d9344
--- /dev/null
+++ b/habitica-images
@@ -0,0 +1 @@
+Subproject commit 0d994d9344be0f20d5ce09ca5edcbed0cb2d0518
diff --git a/website/client/src/assets/css/sprites/spritesmith-main-31.css b/website/client/src/assets/css/sprites/spritesmith-main-31.css
index 80022a7dd0..15cdd166fc 100644
--- a/website/client/src/assets/css/sprites/spritesmith-main-31.css
+++ b/website/client/src/assets/css/sprites/spritesmith-main-31.css
@@ -282,61 +282,61 @@
 }
 .Pet-TRex-Base {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -984px -500px;
+  background-position: -984px -600px;
   width: 81px;
   height: 99px;
 }
 .Pet-TRex-CottonCandyBlue {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -984px -600px;
+  background-position: -984px -700px;
   width: 81px;
   height: 99px;
 }
 .Pet-TRex-CottonCandyPink {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -984px -700px;
+  background-position: -984px -800px;
   width: 81px;
   height: 99px;
 }
 .Pet-TRex-Desert {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -984px -800px;
+  background-position: 0px -900px;
   width: 81px;
   height: 99px;
 }
 .Pet-TRex-Golden {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: 0px -900px;
+  background-position: -82px -900px;
   width: 81px;
   height: 99px;
 }
 .Pet-TRex-Red {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -82px -900px;
+  background-position: -164px -900px;
   width: 81px;
   height: 99px;
 }
 .Pet-TRex-Shade {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -164px -900px;
+  background-position: -246px -900px;
   width: 81px;
   height: 99px;
 }
 .Pet-TRex-Skeleton {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -246px -900px;
+  background-position: -328px -900px;
   width: 81px;
   height: 99px;
 }
 .Pet-TRex-White {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -328px -900px;
+  background-position: -410px -900px;
   width: 81px;
   height: 99px;
 }
 .Pet-TRex-Zombie {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -410px -900px;
+  background-position: -492px -900px;
   width: 81px;
   height: 99px;
 }
@@ -496,1269 +496,1281 @@
   width: 81px;
   height: 99px;
 }
-.Pet-TigerCub-Moonglow {
+.Pet-TigerCub-Koi {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -246px -700px;
   width: 81px;
   height: 99px;
 }
-.Pet-TigerCub-MossyStone {
+.Pet-TigerCub-Moonglow {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -328px -700px;
   width: 81px;
   height: 99px;
 }
-.Pet-TigerCub-Onyx {
+.Pet-TigerCub-MossyStone {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -410px -700px;
   width: 81px;
   height: 99px;
 }
-.Pet-TigerCub-Peppermint {
+.Pet-TigerCub-Onyx {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -492px -700px;
   width: 81px;
   height: 99px;
 }
-.Pet-TigerCub-PolkaDot {
+.Pet-TigerCub-Peppermint {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -574px -700px;
   width: 81px;
   height: 99px;
 }
-.Pet-TigerCub-Rainbow {
+.Pet-TigerCub-PolkaDot {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -656px -700px;
   width: 81px;
   height: 99px;
 }
-.Pet-TigerCub-Red {
+.Pet-TigerCub-Rainbow {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -738px -700px;
   width: 81px;
   height: 99px;
 }
-.Pet-TigerCub-RoseQuartz {
+.Pet-TigerCub-Red {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -820px 0px;
   width: 81px;
   height: 99px;
 }
-.Pet-TigerCub-RoyalPurple {
+.Pet-TigerCub-RoseQuartz {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -820px -100px;
   width: 81px;
   height: 99px;
 }
-.Pet-TigerCub-Ruby {
+.Pet-TigerCub-RoyalPurple {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -820px -200px;
   width: 81px;
   height: 99px;
 }
-.Pet-TigerCub-SandSculpture {
+.Pet-TigerCub-Ruby {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -820px -300px;
   width: 81px;
   height: 99px;
 }
-.Pet-TigerCub-Shade {
+.Pet-TigerCub-SandSculpture {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -820px -400px;
   width: 81px;
   height: 99px;
 }
-.Pet-TigerCub-Shadow {
+.Pet-TigerCub-Shade {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -820px -500px;
   width: 81px;
   height: 99px;
 }
-.Pet-TigerCub-Shimmer {
+.Pet-TigerCub-Shadow {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -820px -600px;
   width: 81px;
   height: 99px;
 }
-.Pet-TigerCub-Silver {
+.Pet-TigerCub-Shimmer {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -820px -700px;
   width: 81px;
   height: 99px;
 }
-.Pet-TigerCub-Skeleton {
+.Pet-TigerCub-Silver {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: 0px -800px;
   width: 81px;
   height: 99px;
 }
-.Pet-TigerCub-SolarSystem {
+.Pet-TigerCub-Skeleton {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -82px -800px;
   width: 81px;
   height: 99px;
 }
-.Pet-TigerCub-Spooky {
+.Pet-TigerCub-SolarSystem {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -164px -800px;
   width: 81px;
   height: 99px;
 }
-.Pet-TigerCub-StainedGlass {
+.Pet-TigerCub-Spooky {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -246px -800px;
   width: 81px;
   height: 99px;
 }
-.Pet-TigerCub-StarryNight {
+.Pet-TigerCub-StainedGlass {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -328px -800px;
   width: 81px;
   height: 99px;
 }
-.Pet-TigerCub-Sunset {
+.Pet-TigerCub-StarryNight {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -410px -800px;
   width: 81px;
   height: 99px;
 }
-.Pet-TigerCub-Sunshine {
+.Pet-TigerCub-Sunset {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -492px -800px;
   width: 81px;
   height: 99px;
 }
-.Pet-TigerCub-Thunderstorm {
+.Pet-TigerCub-Sunshine {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -574px -800px;
   width: 81px;
   height: 99px;
 }
-.Pet-TigerCub-Turquoise {
+.Pet-TigerCub-Thunderstorm {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -656px -800px;
   width: 81px;
   height: 99px;
 }
-.Pet-TigerCub-Vampire {
+.Pet-TigerCub-Turquoise {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -738px -800px;
   width: 81px;
   height: 99px;
 }
-.Pet-TigerCub-Veggie {
+.Pet-TigerCub-Vampire {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -820px -800px;
   width: 81px;
   height: 99px;
 }
-.Pet-TigerCub-Watery {
+.Pet-TigerCub-Veggie {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -902px 0px;
   width: 81px;
   height: 99px;
 }
-.Pet-TigerCub-White {
+.Pet-TigerCub-Watery {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -902px -100px;
   width: 81px;
   height: 99px;
 }
-.Pet-TigerCub-Windup {
+.Pet-TigerCub-White {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -902px -200px;
   width: 81px;
   height: 99px;
 }
-.Pet-TigerCub-Zombie {
+.Pet-TigerCub-Windup {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -902px -300px;
   width: 81px;
   height: 99px;
 }
-.Pet-Treeling-Base {
+.Pet-TigerCub-Zombie {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -902px -400px;
   width: 81px;
   height: 99px;
 }
-.Pet-Treeling-CottonCandyBlue {
+.Pet-Treeling-Base {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -902px -500px;
   width: 81px;
   height: 99px;
 }
-.Pet-Treeling-CottonCandyPink {
+.Pet-Treeling-CottonCandyBlue {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -902px -600px;
   width: 81px;
   height: 99px;
 }
-.Pet-Treeling-Desert {
+.Pet-Treeling-CottonCandyPink {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -902px -700px;
   width: 81px;
   height: 99px;
 }
-.Pet-Treeling-Golden {
+.Pet-Treeling-Desert {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -902px -800px;
   width: 81px;
   height: 99px;
 }
-.Pet-Treeling-Red {
+.Pet-Treeling-Golden {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -984px 0px;
   width: 81px;
   height: 99px;
 }
-.Pet-Treeling-Shade {
+.Pet-Treeling-Red {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -984px -100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Treeling-Skeleton {
+.Pet-Treeling-Shade {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -984px -200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Treeling-White {
+.Pet-Treeling-Skeleton {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -984px -300px;
   width: 81px;
   height: 99px;
 }
-.Pet-Treeling-Zombie {
+.Pet-Treeling-White {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -984px -400px;
   width: 81px;
   height: 99px;
 }
-.Pet-Triceratops-Base {
+.Pet-Treeling-Zombie {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -492px -900px;
+  background-position: -984px -500px;
   width: 81px;
   height: 99px;
 }
-.Pet-Triceratops-CottonCandyBlue {
+.Pet-Triceratops-Base {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -574px -900px;
   width: 81px;
   height: 99px;
 }
-.Pet-Triceratops-CottonCandyPink {
+.Pet-Triceratops-CottonCandyBlue {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -656px -900px;
   width: 81px;
   height: 99px;
 }
-.Pet-Triceratops-Desert {
+.Pet-Triceratops-CottonCandyPink {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -738px -900px;
   width: 81px;
   height: 99px;
 }
-.Pet-Triceratops-Golden {
+.Pet-Triceratops-Desert {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -820px -900px;
   width: 81px;
   height: 99px;
 }
-.Pet-Triceratops-Red {
+.Pet-Triceratops-Golden {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -902px -900px;
   width: 81px;
   height: 99px;
 }
-.Pet-Triceratops-Shade {
+.Pet-Triceratops-Red {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -984px -900px;
   width: 81px;
   height: 99px;
 }
-.Pet-Triceratops-Skeleton {
+.Pet-Triceratops-Shade {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -1066px 0px;
   width: 81px;
   height: 99px;
 }
-.Pet-Triceratops-White {
+.Pet-Triceratops-Skeleton {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -1066px -100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Triceratops-Zombie {
+.Pet-Triceratops-White {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -1066px -200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Turkey-Base {
+.Pet-Triceratops-Zombie {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -1066px -300px;
   width: 81px;
   height: 99px;
 }
-.Pet-Turkey-Gilded {
+.Pet-Turkey-Base {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -1066px -400px;
   width: 81px;
   height: 99px;
 }
-.Pet-Turtle-Base {
+.Pet-Turkey-Gilded {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -1066px -500px;
   width: 81px;
   height: 99px;
 }
-.Pet-Turtle-CottonCandyBlue {
+.Pet-Turtle-Base {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -1066px -600px;
   width: 81px;
   height: 99px;
 }
-.Pet-Turtle-CottonCandyPink {
+.Pet-Turtle-CottonCandyBlue {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -1066px -700px;
   width: 81px;
   height: 99px;
 }
-.Pet-Turtle-Desert {
+.Pet-Turtle-CottonCandyPink {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -1066px -800px;
   width: 81px;
   height: 99px;
 }
-.Pet-Turtle-Golden {
+.Pet-Turtle-Desert {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -1066px -900px;
   width: 81px;
   height: 99px;
 }
-.Pet-Turtle-Red {
+.Pet-Turtle-Golden {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: 0px -1000px;
   width: 81px;
   height: 99px;
 }
-.Pet-Turtle-Shade {
+.Pet-Turtle-Red {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -82px -1000px;
   width: 81px;
   height: 99px;
 }
-.Pet-Turtle-Skeleton {
+.Pet-Turtle-Shade {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -164px -1000px;
   width: 81px;
   height: 99px;
 }
-.Pet-Turtle-White {
+.Pet-Turtle-Skeleton {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -246px -1000px;
   width: 81px;
   height: 99px;
 }
-.Pet-Turtle-Zombie {
+.Pet-Turtle-White {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -328px -1000px;
   width: 81px;
   height: 99px;
 }
-.Pet-Unicorn-Base {
+.Pet-Turtle-Zombie {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -410px -1000px;
   width: 81px;
   height: 99px;
 }
-.Pet-Unicorn-CottonCandyBlue {
+.Pet-Unicorn-Base {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -492px -1000px;
   width: 81px;
   height: 99px;
 }
-.Pet-Unicorn-CottonCandyPink {
+.Pet-Unicorn-CottonCandyBlue {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -574px -1000px;
   width: 81px;
   height: 99px;
 }
-.Pet-Unicorn-Desert {
+.Pet-Unicorn-CottonCandyPink {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -656px -1000px;
   width: 81px;
   height: 99px;
 }
-.Pet-Unicorn-Golden {
+.Pet-Unicorn-Desert {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -738px -1000px;
   width: 81px;
   height: 99px;
 }
-.Pet-Unicorn-Red {
+.Pet-Unicorn-Golden {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -820px -1000px;
   width: 81px;
   height: 99px;
 }
-.Pet-Unicorn-Shade {
+.Pet-Unicorn-Red {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -902px -1000px;
   width: 81px;
   height: 99px;
 }
-.Pet-Unicorn-Skeleton {
+.Pet-Unicorn-Shade {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -984px -1000px;
   width: 81px;
   height: 99px;
 }
-.Pet-Unicorn-White {
+.Pet-Unicorn-Skeleton {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -1066px -1000px;
   width: 81px;
   height: 99px;
 }
-.Pet-Unicorn-Zombie {
+.Pet-Unicorn-White {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -1148px 0px;
   width: 81px;
   height: 99px;
 }
-.Pet-Velociraptor-Base {
+.Pet-Unicorn-Zombie {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -1148px -100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Velociraptor-CottonCandyBlue {
+.Pet-Velociraptor-Base {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -1148px -200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Velociraptor-CottonCandyPink {
+.Pet-Velociraptor-CottonCandyBlue {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -1148px -300px;
   width: 81px;
   height: 99px;
 }
-.Pet-Velociraptor-Desert {
+.Pet-Velociraptor-CottonCandyPink {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -1148px -400px;
   width: 81px;
   height: 99px;
 }
-.Pet-Velociraptor-Golden {
+.Pet-Velociraptor-Desert {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -1148px -500px;
   width: 81px;
   height: 99px;
 }
-.Pet-Velociraptor-Red {
+.Pet-Velociraptor-Golden {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -1148px -600px;
   width: 81px;
   height: 99px;
 }
-.Pet-Velociraptor-Shade {
+.Pet-Velociraptor-Red {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -1148px -700px;
   width: 81px;
   height: 99px;
 }
-.Pet-Velociraptor-Skeleton {
+.Pet-Velociraptor-Shade {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -1148px -800px;
   width: 81px;
   height: 99px;
 }
-.Pet-Velociraptor-White {
+.Pet-Velociraptor-Skeleton {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -1148px -900px;
   width: 81px;
   height: 99px;
 }
-.Pet-Velociraptor-Zombie {
+.Pet-Velociraptor-White {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -1148px -1000px;
   width: 81px;
   height: 99px;
 }
-.Pet-Whale-Base {
+.Pet-Velociraptor-Zombie {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: 0px -1100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Whale-CottonCandyBlue {
+.Pet-Whale-Base {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -82px -1100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Whale-CottonCandyPink {
+.Pet-Whale-CottonCandyBlue {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -164px -1100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Whale-Desert {
+.Pet-Whale-CottonCandyPink {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -246px -1100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Whale-Golden {
+.Pet-Whale-Desert {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -328px -1100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Whale-Red {
+.Pet-Whale-Golden {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -410px -1100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Whale-Shade {
+.Pet-Whale-Red {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -492px -1100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Whale-Skeleton {
+.Pet-Whale-Shade {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -574px -1100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Whale-White {
+.Pet-Whale-Skeleton {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -656px -1100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Whale-Zombie {
+.Pet-Whale-White {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -738px -1100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Amber {
+.Pet-Whale-Zombie {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -820px -1100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Aquatic {
+.Pet-Wolf-Amber {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -902px -1100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Aurora {
+.Pet-Wolf-Aquatic {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -984px -1100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-AutumnLeaf {
+.Pet-Wolf-Aurora {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -1066px -1100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Base {
+.Pet-Wolf-AutumnLeaf {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -1148px -1100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-BirchBark {
+.Pet-Wolf-Base {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -1230px 0px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-BlackPearl {
+.Pet-Wolf-BirchBark {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -1230px -100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Bronze {
+.Pet-Wolf-BlackPearl {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -1230px -200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Celestial {
+.Pet-Wolf-Bronze {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -1230px -300px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-CottonCandyBlue {
+.Pet-Wolf-Celestial {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -1230px -400px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-CottonCandyPink {
+.Pet-Wolf-CottonCandyBlue {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -1230px -500px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Cupid {
+.Pet-Wolf-CottonCandyPink {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -1230px -600px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Desert {
+.Pet-Wolf-Cupid {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -1230px -700px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Dessert {
+.Pet-Wolf-Desert {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -1230px -800px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Ember {
+.Pet-Wolf-Dessert {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -1230px -900px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Fairy {
+.Pet-Wolf-Ember {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -1230px -1000px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Floral {
+.Pet-Wolf-Fairy {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -1230px -1100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Fluorite {
+.Pet-Wolf-Floral {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: 0px -1200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Frost {
+.Pet-Wolf-Fluorite {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -82px -1200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Ghost {
+.Pet-Wolf-Frost {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -164px -1200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Glass {
+.Pet-Wolf-Ghost {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -246px -1200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Glow {
+.Pet-Wolf-Glass {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -328px -1200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Golden {
+.Pet-Wolf-Glow {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -410px -1200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Holly {
+.Pet-Wolf-Golden {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -492px -1200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-IcySnow {
+.Pet-Wolf-Holly {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -574px -1200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Moonglow {
+.Pet-Wolf-IcySnow {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -656px -1200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-MossyStone {
+.Pet-Wolf-Koi {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -738px -1200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Onyx {
+.Pet-Wolf-Moonglow {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -820px -1200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Peppermint {
+.Pet-Wolf-MossyStone {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -902px -1200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-PolkaDot {
+.Pet-Wolf-Onyx {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -984px -1200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Rainbow {
+.Pet-Wolf-Peppermint {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -1066px -1200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Red {
+.Pet-Wolf-PolkaDot {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -1148px -1200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-RoseQuartz {
+.Pet-Wolf-Rainbow {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -1230px -1200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-RoyalPurple {
+.Pet-Wolf-Red {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -1312px 0px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Ruby {
+.Pet-Wolf-RoseQuartz {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -1312px -100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-SandSculpture {
+.Pet-Wolf-RoyalPurple {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -1312px -200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Shade {
+.Pet-Wolf-Ruby {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -1312px -300px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Shadow {
+.Pet-Wolf-SandSculpture {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -1312px -400px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Shimmer {
+.Pet-Wolf-Shade {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -1312px -500px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Silver {
+.Pet-Wolf-Shadow {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -1312px -600px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Skeleton {
+.Pet-Wolf-Shimmer {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -1312px -700px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-SolarSystem {
+.Pet-Wolf-Silver {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -1312px -800px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Spooky {
+.Pet-Wolf-Skeleton {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -1312px -900px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-StainedGlass {
+.Pet-Wolf-SolarSystem {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -1312px -1000px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-StarryNight {
+.Pet-Wolf-Spooky {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -1312px -1100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Sunset {
+.Pet-Wolf-StainedGlass {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -1312px -1200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Sunshine {
+.Pet-Wolf-StarryNight {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -1394px 0px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Thunderstorm {
+.Pet-Wolf-Sunset {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -1394px -100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Turquoise {
+.Pet-Wolf-Sunshine {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -1394px -200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Vampire {
+.Pet-Wolf-Thunderstorm {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -1394px -300px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Veggie {
+.Pet-Wolf-Turquoise {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -1394px -400px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Veteran {
+.Pet-Wolf-Vampire {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -1394px -500px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Watery {
+.Pet-Wolf-Veggie {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -1394px -600px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-White {
+.Pet-Wolf-Veteran {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -1394px -700px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Windup {
+.Pet-Wolf-Watery {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -1394px -800px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Zombie {
+.Pet-Wolf-White {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -1394px -900px;
   width: 81px;
   height: 99px;
 }
-.Pet-Yarn-Base {
+.Pet-Wolf-Windup {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -1394px -1000px;
   width: 81px;
   height: 99px;
 }
-.Pet-Yarn-CottonCandyBlue {
+.Pet-Wolf-Zombie {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -1394px -1100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Yarn-CottonCandyPink {
+.Pet-Yarn-Base {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -1394px -1200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Yarn-Desert {
+.Pet-Yarn-CottonCandyBlue {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: 0px -1300px;
   width: 81px;
   height: 99px;
 }
-.Pet-Yarn-Golden {
+.Pet-Yarn-CottonCandyPink {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -82px -1300px;
   width: 81px;
   height: 99px;
 }
-.Pet-Yarn-Red {
+.Pet-Yarn-Desert {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -164px -1300px;
   width: 81px;
   height: 99px;
 }
-.Pet-Yarn-Shade {
+.Pet-Yarn-Golden {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -246px -1300px;
   width: 81px;
   height: 99px;
 }
-.Pet-Yarn-Skeleton {
+.Pet-Yarn-Red {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -328px -1300px;
   width: 81px;
   height: 99px;
 }
-.Pet-Yarn-White {
+.Pet-Yarn-Shade {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -410px -1300px;
   width: 81px;
   height: 99px;
 }
-.Pet-Yarn-Zombie {
+.Pet-Yarn-Skeleton {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -492px -1300px;
   width: 81px;
   height: 99px;
 }
-.Pet_HatchingPotion_Amber {
+.Pet-Yarn-White {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
   background-position: -574px -1300px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Yarn-Zombie {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
+  background-position: -656px -1300px;
+  width: 81px;
+  height: 99px;
+}
+.Pet_HatchingPotion_Amber {
+  background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
+  background-position: -738px -1300px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Aquatic {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -643px -1300px;
+  background-position: -807px -1300px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Aurora {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -712px -1300px;
+  background-position: -876px -1300px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_AutumnLeaf {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -781px -1300px;
+  background-position: -945px -1300px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Base {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -850px -1300px;
+  background-position: -1014px -1300px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_BirchBark {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -919px -1300px;
+  background-position: -1083px -1300px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_BlackPearl {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -988px -1300px;
+  background-position: -1152px -1300px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Bronze {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -1057px -1300px;
+  background-position: -1221px -1300px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Celestial {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -1126px -1300px;
+  background-position: -1290px -1300px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_CottonCandyBlue {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -1195px -1300px;
+  background-position: -1359px -1300px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_CottonCandyPink {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -1264px -1300px;
+  background-position: 0px -1400px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Cupid {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -1333px -1300px;
+  background-position: -69px -1400px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Desert {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -1402px -1300px;
+  background-position: -138px -1400px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Ember {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: 0px -1400px;
+  background-position: -207px -1400px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Fairy {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -69px -1400px;
+  background-position: -276px -1400px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Floral {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -138px -1400px;
+  background-position: -345px -1400px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Fluorite {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -207px -1400px;
+  background-position: -414px -1400px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Frost {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -276px -1400px;
+  background-position: -483px -1400px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Ghost {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -345px -1400px;
+  background-position: -552px -1400px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Glass {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -414px -1400px;
+  background-position: -621px -1400px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Glow {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -483px -1400px;
+  background-position: -690px -1400px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Golden {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -552px -1400px;
+  background-position: -759px -1400px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Holly {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -621px -1400px;
+  background-position: -828px -1400px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_IcySnow {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -690px -1400px;
+  background-position: -897px -1400px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Moonglow {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -759px -1400px;
+  background-position: -966px -1400px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_MossyStone {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -828px -1400px;
+  background-position: -1035px -1400px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Onyx {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -897px -1400px;
+  background-position: -1104px -1400px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Peppermint {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -966px -1400px;
+  background-position: -1173px -1400px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_PolkaDot {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -1035px -1400px;
+  background-position: -1242px -1400px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Purple {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -1104px -1400px;
+  background-position: -1311px -1400px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Rainbow {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -1173px -1400px;
+  background-position: -1380px -1400px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Red {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -1242px -1400px;
+  background-position: -1476px 0px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_RoseQuartz {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -1311px -1400px;
+  background-position: -1476px -69px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_RoyalPurple {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -1380px -1400px;
+  background-position: -1476px -138px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Ruby {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -1476px 0px;
+  background-position: -1476px -207px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_SandSculpture {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -1476px -69px;
+  background-position: -1476px -276px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Shade {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -1476px -138px;
+  background-position: -1476px -345px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Shadow {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -1476px -207px;
+  background-position: -1476px -414px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Shimmer {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -1476px -276px;
+  background-position: -1476px -483px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Silver {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -1476px -345px;
+  background-position: -1476px -552px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Skeleton {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -1476px -414px;
+  background-position: -1476px -621px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_SolarSystem {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -1476px -483px;
+  background-position: -1476px -690px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Spooky {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -1476px -552px;
+  background-position: -1476px -759px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_StainedGlass {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -1476px -621px;
+  background-position: -1476px -828px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_StarryNight {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -1476px -690px;
+  background-position: -1476px -897px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Sunset {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -1476px -759px;
+  background-position: -1476px -966px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Sunshine {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -1476px -828px;
+  background-position: -1476px -1035px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Thunderstorm {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -1476px -897px;
+  background-position: -1476px -1104px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Turquoise {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -1476px -966px;
+  background-position: -1476px -1173px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Vampire {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -1476px -1035px;
+  background-position: -1476px -1242px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Watery {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -1476px -1104px;
+  background-position: -1476px -1311px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_White {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -1476px -1173px;
+  background-position: -1476px -1380px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Zombie {
   background-image: url('~@/assets/images/sprites/spritesmith-main-31.png');
-  background-position: -1476px -1242px;
+  background-position: 0px -1469px;
   width: 68px;
   height: 68px;
 }
diff --git a/website/client/src/assets/images/sprites/spritesmith-main-31.png b/website/client/src/assets/images/sprites/spritesmith-main-31.png
index bb16750a31..3fd94bc01a 100644
Binary files a/website/client/src/assets/images/sprites/spritesmith-main-31.png and b/website/client/src/assets/images/sprites/spritesmith-main-31.png differ