chore(sprites): compile

website/client/src/assets/css/sprites/spritesmith-largeSprites-0.css

@@ -1,90 +1,96 @@
 .promo_aquatic_amigos_bundle {
   background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: 0px -883px;
+  background-position: -1019px 0px;
   width: 423px;
   height: 147px;
 }
 .promo_armoire_backgrounds_202007 {
   background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: 0px -735px;
+  background-position: -1019px -148px;
   width: 423px;
   height: 147px;
 }
 .promo_mystery_202007 {
   background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: -848px -735px;
+  background-position: -1019px -444px;
   width: 282px;
   height: 147px;
 }
 .promo_sand_sculpture_potions {
   background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: -424px -735px;
+  background-position: -1019px -296px;
   width: 423px;
   height: 147px;
 }
 .promo_seafoam {
   background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: -340px -524px;
+  background-position: -259px -750px;
   width: 425px;
   height: 148px;
 }
 .promo_splashy_skins {
   background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: -409px -337px;
+  background-position: -340px -539px;
   width: 375px;
   height: 186px;
 }
 .customize-option.promo_splashy_skins {
   background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: -434px -352px;
+  background-position: -365px -554px;
   width: 60px;
   height: 60px;
 }
 .promo_summer_splash_2019 {
   background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: 0px -337px;
+  background-position: -445px -340px;
   width: 408px;
   height: 186px;
 }
 .promo_summer_splash_2020 {
   background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: -445px 0px;
+  background-position: 0px -340px;
   width: 444px;
   height: 198px;
 }
 .promo_take_this {
   background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: -1032px -389px;
+  background-position: -1302px -444px;
   width: 96px;
   height: 69px;
 }
 .scene_achievement {
   background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: 0px -524px;
+  background-position: 0px -539px;
   width: 339px;
   height: 210px;
 }
-.scene_hat_guild {
+.scene_basilist {
   background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png');
   background-position: 0px 0px;
+  width: 573px;
+  height: 339px;
+}
+.scene_hat_guild {
+  background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png');
+  background-position: -574px 0px;
   width: 444px;
   height: 336px;
 }
 .scene_hiking {
   background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: -890px 0px;
+  background-position: 0px -750px;
   width: 258px;
   height: 258px;
 }
 .scene_nakonana {
   background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: -890px -389px;
+  background-position: -1019px -722px;
   width: 141px;
   height: 169px;
 }
 .scene_strength {
   background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: -890px -259px;
+  background-position: -1019px -592px;
   width: 192px;
   height: 129px;
 }

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

@@ -18,13 +18,13 @@
 }
 .quest_amber {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -1100px -660px;
+  background-position: -220px 0px;
   width: 219px;
   height: 219px;
 }
 .quest_armadillo {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -880px -672px;
+  background-position: -440px 0px;
   width: 219px;
   height: 219px;
 }
@@ -48,13 +48,13 @@
 }
 .quest_axolotl {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -440px -232px;
+  background-position: 0px -232px;
   width: 219px;
   height: 219px;
 }
 .quest_badger {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -660px 0px;
+  background-position: -220px -232px;
   width: 219px;
   height: 219px;
 }
@@ -72,7 +72,7 @@
 }
 .quest_bronze {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -220px -452px;
+  background-position: -440px -232px;
   width: 219px;
   height: 219px;
 }
@@ -84,13 +84,13 @@
 }
 .quest_butterfly {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -660px -452px;
+  background-position: -660px 0px;
   width: 219px;
   height: 219px;
 }
 .quest_cheetah {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -880px 0px;
+  background-position: -660px -220px;
   width: 219px;
   height: 219px;
 }
@@ -102,7 +102,7 @@
 }
 .quest_dilatory {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -880px -440px;
+  background-position: -220px -452px;
   width: 219px;
   height: 219px;
 }
@@ -114,31 +114,31 @@
 }
 .quest_dilatoryDistress2 {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -1757px -573px;
+  background-position: -1757px -422px;
   width: 150px;
   height: 150px;
 }
 .quest_dilatoryDistress3 {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -440px -672px;
+  background-position: -440px -452px;
   width: 219px;
   height: 219px;
 }
 .quest_dilatory_derby {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -880px -220px;
+  background-position: 0px -452px;
   width: 219px;
   height: 219px;
 }
 .quest_dolphin {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -660px -672px;
+  background-position: -660px -452px;
   width: 219px;
   height: 219px;
 }
 .quest_dustbunnies {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -220px 0px;
+  background-position: -880px 0px;
   width: 219px;
   height: 219px;
 }
@@ -156,25 +156,25 @@
 }
 .quest_evilsanta2 {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -1100px -440px;
+  background-position: -880px -220px;
   width: 219px;
   height: 219px;
 }
 .quest_falcon {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -1320px 0px;
+  background-position: -880px -440px;
   width: 219px;
   height: 219px;
 }
 .quest_ferret {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: 0px -892px;
+  background-position: 0px -672px;
   width: 219px;
   height: 219px;
 }
 .quest_fluorite {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -220px -892px;
+  background-position: -220px -672px;
   width: 219px;
   height: 219px;
 }
@@ -186,13 +186,13 @@
 }
 .quest_ghost_stag {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -660px -892px;
+  background-position: -440px -672px;
   width: 219px;
   height: 219px;
 }
 .quest_goldenknight1 {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -880px -892px;
+  background-position: -660px -672px;
   width: 219px;
   height: 219px;
 }
@@ -210,19 +210,19 @@
 }
 .quest_gryphon {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -440px -1332px;
+  background-position: -223px -1332px;
   width: 216px;
   height: 177px;
 }
 .quest_guineapig {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -1320px -440px;
+  background-position: -880px -672px;
   width: 219px;
   height: 219px;
 }
 .quest_harpy {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -1320px -660px;
+  background-position: -1100px 0px;
   width: 219px;
   height: 219px;
 }
@@ -234,79 +234,79 @@
 }
 .quest_hippo {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: 0px -1112px;
+  background-position: -1100px -220px;
   width: 219px;
   height: 219px;
 }
 .quest_horse {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -220px -1112px;
+  background-position: -1100px -440px;
   width: 219px;
   height: 219px;
 }
 .quest_kangaroo {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -440px -1112px;
+  background-position: -1100px -660px;
   width: 219px;
   height: 219px;
 }
 .quest_kraken {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -223px -1332px;
+  background-position: -440px -1332px;
   width: 216px;
   height: 177px;
 }
 .quest_lostMasterclasser1 {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -1320px -880px;
+  background-position: 0px -892px;
   width: 219px;
   height: 219px;
 }
 .quest_lostMasterclasser2 {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -440px -892px;
+  background-position: -220px -892px;
   width: 219px;
   height: 219px;
 }
 .quest_lostMasterclasser3 {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -1100px -220px;
+  background-position: -440px -892px;
   width: 219px;
   height: 219px;
 }
 .quest_mayhemMistiflying1 {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -1757px -422px;
+  background-position: -1757px -573px;
   width: 150px;
   height: 150px;
 }
 .quest_mayhemMistiflying2 {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: 0px -452px;
+  background-position: -660px -892px;
   width: 219px;
   height: 219px;
 }
 .quest_mayhemMistiflying3 {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: 0px -232px;
+  background-position: -880px -892px;
   width: 219px;
   height: 219px;
 }
 .quest_monkey {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -440px 0px;
+  background-position: -1100px -892px;
   width: 219px;
   height: 219px;
 }
 .quest_moon1 {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -1540px -651px;
+  background-position: -1540px 0px;
   width: 216px;
   height: 216px;
 }
 .quest_moon2 {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -660px -1112px;
+  background-position: -1320px 0px;
   width: 219px;
   height: 219px;
 }
@@ -318,25 +318,25 @@
 }
 .quest_moonstone1 {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -1100px -892px;
+  background-position: -1320px -440px;
   width: 219px;
   height: 219px;
 }
 .quest_moonstone2 {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -440px -452px;
+  background-position: -1320px -660px;
   width: 219px;
   height: 219px;
 }
 .quest_moonstone3 {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -220px -232px;
+  background-position: -1320px -880px;
   width: 219px;
   height: 219px;
 }
 .quest_nudibranch {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -1540px -434px;
+  background-position: -1540px -217px;
   width: 216px;
   height: 216px;
 }
@@ -348,13 +348,13 @@
 }
 .quest_owl {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: 0px -672px;
+  background-position: 0px -1112px;
   width: 219px;
   height: 219px;
 }
 .quest_peacock {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -1540px 0px;
+  background-position: -1540px -434px;
   width: 216px;
   height: 216px;
 }
@@ -366,25 +366,25 @@
 }
 .quest_pterodactyl {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -1100px 0px;
+  background-position: -220px -1112px;
   width: 219px;
   height: 219px;
 }
 .quest_rat {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -220px -672px;
+  background-position: -440px -1112px;
   width: 219px;
   height: 219px;
 }
 .quest_robot {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -660px -220px;
+  background-position: -660px -1112px;
   width: 219px;
   height: 219px;
 }
 .quest_rock {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -1540px -217px;
+  background-position: -1540px -651px;
   width: 216px;
   height: 216px;
 }

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

@@ -1,12 +1,12 @@
 .Mount_Icon_Cactus-Frost {
   background-image: url('~@/assets/images/sprites/spritesmith-main-23.png');
-  background-position: -82px 0px;
+  background-position: 0px 0px;
   width: 81px;
   height: 99px;
 }
 .Mount_Icon_Cactus-Ghost {
   background-image: url('~@/assets/images/sprites/spritesmith-main-23.png');
-  background-position: -82px -1100px;
+  background-position: -82px 0px;
   width: 81px;
   height: 99px;
 }
@@ -996,7 +996,7 @@
 }
 .Mount_Icon_FlyingPig-Golden {
   background-image: url('~@/assets/images/sprites/spritesmith-main-23.png');
-  background-position: 0px 0px;
+  background-position: -82px -1100px;
   width: 81px;
   height: 99px;
 }

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

@@ -1,150 +1,150 @@
 .Pet-Dragon-Ember {
   background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
-  background-position: -492px -100px;
+  background-position: -82px 0px;
   width: 81px;
   height: 99px;
 }
 .Pet-Dragon-Fairy {
   background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
-  background-position: -82px -1103px;
+  background-position: -164px 0px;
   width: 81px;
   height: 99px;
 }
 .Pet-Dragon-Floral {
   background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
-  background-position: -164px 0px;
+  background-position: 0px -103px;
   width: 81px;
   height: 99px;
 }
 .Pet-Dragon-Fluorite {
   background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
-  background-position: 0px -103px;
+  background-position: -82px -103px;
   width: 81px;
   height: 99px;
 }
 .Pet-Dragon-Frost {
   background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
-  background-position: -82px -103px;
+  background-position: -164px -103px;
   width: 81px;
   height: 99px;
 }
 .Pet-Dragon-Ghost {
   background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
-  background-position: -164px -103px;
+  background-position: -246px 0px;
   width: 81px;
   height: 99px;
 }
 .Pet-Dragon-Glass {
   background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
-  background-position: -246px 0px;
+  background-position: -246px -100px;
   width: 81px;
   height: 99px;
 }
 .Pet-Dragon-Glow {
   background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
-  background-position: -246px -100px;
+  background-position: 0px -203px;
   width: 81px;
   height: 99px;
 }
 .Pet-Dragon-Golden {
   background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
-  background-position: 0px -203px;
+  background-position: -82px -203px;
   width: 81px;
   height: 99px;
 }
 .Pet-Dragon-Holly {
   background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
-  background-position: -82px -203px;
+  background-position: -164px -203px;
   width: 81px;
   height: 99px;
 }
 .Pet-Dragon-Hydra {
   background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
-  background-position: -164px -203px;
+  background-position: -246px -203px;
   width: 81px;
   height: 99px;
 }
 .Pet-Dragon-IcySnow {
   background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
-  background-position: -246px -203px;
+  background-position: -328px 0px;
   width: 81px;
   height: 99px;
 }
 .Pet-Dragon-Peppermint {
   background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
-  background-position: -328px 0px;
+  background-position: -328px -100px;
   width: 81px;
   height: 99px;
 }
 .Pet-Dragon-Rainbow {
   background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
-  background-position: -328px -100px;
+  background-position: -328px -200px;
   width: 81px;
   height: 99px;
 }
 .Pet-Dragon-Red {
   background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
-  background-position: -328px -200px;
+  background-position: 0px -303px;
   width: 81px;
   height: 99px;
 }
 .Pet-Dragon-RoseQuartz {
   background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
-  background-position: 0px -303px;
+  background-position: -82px -303px;
   width: 81px;
   height: 99px;
 }
 .Pet-Dragon-RoyalPurple {
   background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
-  background-position: -82px -303px;
+  background-position: -164px -303px;
   width: 81px;
   height: 99px;
 }
 .Pet-Dragon-Ruby {
   background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
-  background-position: -164px -303px;
+  background-position: -246px -303px;
   width: 81px;
   height: 99px;
 }
 .Pet-Dragon-SandSculpture {
   background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
-  background-position: -246px -303px;
+  background-position: -328px -303px;
   width: 81px;
   height: 99px;
 }
 .Pet-Dragon-Shade {
   background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
-  background-position: -328px -303px;
+  background-position: -410px 0px;
   width: 81px;
   height: 99px;
 }
 .Pet-Dragon-Shadow {
   background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
-  background-position: -410px 0px;
+  background-position: -410px -100px;
   width: 81px;
   height: 99px;
 }
 .Pet-Dragon-Shimmer {
   background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
-  background-position: -410px -100px;
+  background-position: -410px -200px;
   width: 81px;
   height: 99px;
 }
 .Pet-Dragon-Silver {
   background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
-  background-position: -410px -200px;
+  background-position: -410px -300px;
   width: 81px;
   height: 99px;
 }
 .Pet-Dragon-Skeleton {
   background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
-  background-position: -410px -300px;
+  background-position: -492px 0px;
   width: 81px;
   height: 99px;
 }
 .Pet-Dragon-Spooky {
   background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
-  background-position: -492px 0px;
+  background-position: -492px -100px;
   width: 81px;
   height: 99px;
 }
@@ -996,7 +996,7 @@
 }
 .Pet-Gryphon-Shade {
   background-image: url('~@/assets/images/sprites/spritesmith-main-26.png');
-  background-position: -82px 0px;
+  background-position: -82px -1103px;
   width: 81px;
   height: 99px;
 }

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

@@ -1,12 +1,12 @@
 .Pet-PandaCub-Glow {
   background-image: url('~@/assets/images/sprites/spritesmith-main-27.png');
-  background-position: -82px 0px;
+  background-position: 0px 0px;
   width: 81px;
   height: 99px;
 }
 .Pet-PandaCub-Golden {
   background-image: url('~@/assets/images/sprites/spritesmith-main-27.png');
-  background-position: -82px -1100px;
+  background-position: -82px 0px;
   width: 81px;
   height: 99px;
 }
@@ -996,7 +996,7 @@
 }
 .Pet-Snail-CottonCandyBlue {
   background-image: url('~@/assets/images/sprites/spritesmith-main-27.png');
-  background-position: 0px 0px;
+  background-position: -82px -1100px;
   width: 81px;
   height: 99px;
 }

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

@@ -1,12 +1,12 @@
 .Pet-Wolf-Dessert {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -82px 0px;
+  background-position: 0px 0px;
   width: 81px;
   height: 99px;
 }
 .Pet-Wolf-Ember {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -164px -500px;
+  background-position: -82px 0px;
   width: 81px;
   height: 99px;
 }
@@ -252,19 +252,19 @@
 }
 .Pet-Yarn-Zombie {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: 0px 0px;
+  background-position: -164px -500px;
   width: 81px;
   height: 99px;
 }
 .Pet_HatchingPotion_Amber {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -315px -500px;
+  background-position: -246px -500px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Aquatic {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -552px -600px;
+  background-position: -315px -500px;
   width: 68px;
   height: 68px;
 }
@@ -384,7 +384,7 @@
 }
 .Pet_HatchingPotion_IcySnow {
   background-image: url('~@/assets/images/sprites/spritesmith-main-28.png');
-  background-position: -246px -500px;
+  background-position: -552px -600px;
   width: 68px;
   height: 68px;
 }

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

@@ -12,25 +12,25 @@
 }
 .hair_bangs_2_pumpkin {
   background-image: url('~@/assets/images/sprites/spritesmith-main-3.png');
-  background-position: -91px 0px;
+  background-position: 0px 0px;
   width: 90px;
   height: 90px;
 }
 .customize-option.hair_bangs_2_pumpkin {
   background-image: url('~@/assets/images/sprites/spritesmith-main-3.png');
-  background-position: -116px -15px;
+  background-position: -25px -15px;
   width: 60px;
   height: 60px;
 }
 .hair_bangs_2_purple {
   background-image: url('~@/assets/images/sprites/spritesmith-main-3.png');
-  background-position: -728px -1092px;
+  background-position: -91px 0px;
   width: 90px;
   height: 90px;
 }
 .customize-option.hair_bangs_2_purple {
   background-image: url('~@/assets/images/sprites/spritesmith-main-3.png');
-  background-position: -753px -1107px;
+  background-position: -116px -15px;
   width: 60px;
   height: 60px;
 }
@@ -1500,13 +1500,13 @@
 }
 .hair_base_10_white {
   background-image: url('~@/assets/images/sprites/spritesmith-main-3.png');
-  background-position: 0px 0px;
+  background-position: -728px -1092px;
   width: 90px;
   height: 90px;
 }
 .customize-option.hair_base_10_white {
   background-image: url('~@/assets/images/sprites/spritesmith-main-3.png');
-  background-position: -25px -15px;
+  background-position: -753px -1107px;
   width: 60px;
   height: 60px;
 }

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

@@ -12,25 +12,25 @@
 }
 .hair_base_15_brown {
   background-image: url('~@/assets/images/sprites/spritesmith-main-4.png');
-  background-position: -91px 0px;
+  background-position: 0px 0px;
   width: 90px;
   height: 90px;
 }
 .customize-option.hair_base_15_brown {
   background-image: url('~@/assets/images/sprites/spritesmith-main-4.png');
-  background-position: -116px -0px;
+  background-position: -25px -0px;
   width: 60px;
   height: 60px;
 }
 .hair_base_15_candycane {
   background-image: url('~@/assets/images/sprites/spritesmith-main-4.png');
-  background-position: -728px -1092px;
+  background-position: -91px 0px;
   width: 90px;
   height: 90px;
 }
 .customize-option.hair_base_15_candycane {
   background-image: url('~@/assets/images/sprites/spritesmith-main-4.png');
-  background-position: -753px -1092px;
+  background-position: -116px -0px;
   width: 60px;
   height: 60px;
 }
@@ -1980,13 +1980,13 @@
 }
 .hair_base_19_holly {
   background-image: url('~@/assets/images/sprites/spritesmith-main-4.png');
-  background-position: 0px 0px;
+  background-position: -728px -1092px;
   width: 90px;
   height: 90px;
 }
 .customize-option.hair_base_19_holly {
   background-image: url('~@/assets/images/sprites/spritesmith-main-4.png');
-  background-position: -25px -0px;
+  background-position: -753px -1092px;
   width: 60px;
   height: 60px;
 }

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

@@ -12,25 +12,25 @@
 }
 .hair_base_4_porange2 {
   background-image: url('~@/assets/images/sprites/spritesmith-main-5.png');
-  background-position: -91px 0px;
+  background-position: 0px 0px;
   width: 90px;
   height: 90px;
 }
 .customize-option.hair_base_4_porange2 {
   background-image: url('~@/assets/images/sprites/spritesmith-main-5.png');
-  background-position: -116px -15px;
+  background-position: -25px -15px;
   width: 60px;
   height: 60px;
 }
 .hair_base_4_ppink {
   background-image: url('~@/assets/images/sprites/spritesmith-main-5.png');
-  background-position: -728px -1092px;
+  background-position: -91px 0px;
   width: 90px;
   height: 90px;
 }
 .customize-option.hair_base_4_ppink {
   background-image: url('~@/assets/images/sprites/spritesmith-main-5.png');
-  background-position: -753px -1107px;
+  background-position: -116px -15px;
   width: 60px;
   height: 60px;
 }
@@ -1980,13 +1980,13 @@
 }
 .hair_base_8_pyellow2 {
   background-image: url('~@/assets/images/sprites/spritesmith-main-5.png');
-  background-position: 0px 0px;
+  background-position: -728px -1092px;
   width: 90px;
   height: 90px;
 }
 .customize-option.hair_base_8_pyellow2 {
   background-image: url('~@/assets/images/sprites/spritesmith-main-5.png');
-  background-position: -25px -15px;
+  background-position: -753px -1107px;
   width: 60px;
   height: 60px;
 }