chore(sprites): fix shop icon canvases, compile

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

@@ -1,78 +1,54 @@
 .promo_aquatic_glass_potions {
   background-image: url('~assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: -977px -442px;
+  background-position: -142px -370px;
   width: 141px;
   height: 441px;
 }
-.promo_armoire_backgrounds_201806 {
+.promo_armoire_backgrounds_201807 {
   background-image: url('~assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: -977px 0px;
+  background-position: -284px -370px;
   width: 141px;
   height: 441px;
 }
-.promo_bundle_aquaticAmigos {
-  background-image: url('~assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: -346px -707px;
-  width: 423px;
-  height: 147px;
-}
 .promo_ios {
   background-image: url('~assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: 0px -370px;
+  background-position: -394px 0px;
   width: 325px;
   height: 336px;
 }
 .promo_mystery_201806 {
   background-image: url('~assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: -1119px -442px;
+  background-position: -568px -370px;
   width: 121px;
   height: 114px;
 }
 .promo_seafoam {
   background-image: url('~assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: -1119px 0px;
+  background-position: -426px -370px;
   width: 141px;
   height: 441px;
 }
 .promo_seasonal_shop_summer {
   background-image: url('~assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: -627px -370px;
+  background-position: -142px -812px;
   width: 162px;
   height: 138px;
 }
 .promo_summer_splash_2018 {
   background-image: url('~assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: -835px 0px;
+  background-position: 0px -370px;
   width: 141px;
   height: 588px;
 }
 .promo_take_this {
   background-image: url('~assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: -1119px -557px;
+  background-position: -568px -485px;
   width: 96px;
   height: 69px;
 }
-.scene_families {
-  background-image: url('~assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: 0px -707px;
-  width: 345px;
-  height: 195px;
-}
-.scene_moderators {
-  background-image: url('~assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: -326px -370px;
-  width: 300px;
-  height: 300px;
-}
 .scene_party_healing {
   background-image: url('~assets/images/sprites/spritesmith-largeSprites-0.png');
   background-position: 0px 0px;
   width: 393px;
   height: 369px;
 }
-.scene_tavern {
-  background-image: url('~assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: -394px 0px;
-  width: 440px;
-  height: 326px;
-}

website/client/assets/css/sprites/spritesmith-main-22.css

@@ -1,408 +1,552 @@
-.Pet-Whale-Golden {
+.Pet-Turtle-Base {
   background-image: url('~assets/images/sprites/spritesmith-main-22.png');
   background-position: -82px 0px;
   width: 81px;
   height: 99px;
 }
-.Pet-Whale-Red {
+.Pet-Turtle-CottonCandyBlue {
   background-image: url('~assets/images/sprites/spritesmith-main-22.png');
-  background-position: -492px -400px;
+  background-position: -492px -500px;
   width: 81px;
   height: 99px;
 }
-.Pet-Whale-Shade {
+.Pet-Turtle-CottonCandyPink {
   background-image: url('~assets/images/sprites/spritesmith-main-22.png');
   background-position: -164px 0px;
   width: 81px;
   height: 99px;
 }
-.Pet-Whale-Skeleton {
+.Pet-Turtle-Desert {
   background-image: url('~assets/images/sprites/spritesmith-main-22.png');
   background-position: 0px -100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Whale-White {
+.Pet-Turtle-Golden {
   background-image: url('~assets/images/sprites/spritesmith-main-22.png');
   background-position: -82px -100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Whale-Zombie {
+.Pet-Turtle-Red {
   background-image: url('~assets/images/sprites/spritesmith-main-22.png');
   background-position: -164px -100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Aquatic {
+.Pet-Turtle-Shade {
   background-image: url('~assets/images/sprites/spritesmith-main-22.png');
   background-position: -246px 0px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Base {
+.Pet-Turtle-Skeleton {
   background-image: url('~assets/images/sprites/spritesmith-main-22.png');
   background-position: -246px -100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-CottonCandyBlue {
+.Pet-Turtle-White {
   background-image: url('~assets/images/sprites/spritesmith-main-22.png');
   background-position: 0px -200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-CottonCandyPink {
+.Pet-Turtle-Zombie {
   background-image: url('~assets/images/sprites/spritesmith-main-22.png');
   background-position: -82px -200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Cupid {
+.Pet-Unicorn-Base {
   background-image: url('~assets/images/sprites/spritesmith-main-22.png');
   background-position: -164px -200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Desert {
+.Pet-Unicorn-CottonCandyBlue {
   background-image: url('~assets/images/sprites/spritesmith-main-22.png');
   background-position: -246px -200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Ember {
+.Pet-Unicorn-CottonCandyPink {
   background-image: url('~assets/images/sprites/spritesmith-main-22.png');
   background-position: -328px 0px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Fairy {
+.Pet-Unicorn-Desert {
   background-image: url('~assets/images/sprites/spritesmith-main-22.png');
   background-position: -328px -100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Floral {
+.Pet-Unicorn-Golden {
   background-image: url('~assets/images/sprites/spritesmith-main-22.png');
   background-position: -328px -200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Ghost {
+.Pet-Unicorn-Red {
   background-image: url('~assets/images/sprites/spritesmith-main-22.png');
   background-position: 0px -300px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Glass {
+.Pet-Unicorn-Shade {
   background-image: url('~assets/images/sprites/spritesmith-main-22.png');
   background-position: -82px -300px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Golden {
+.Pet-Unicorn-Skeleton {
   background-image: url('~assets/images/sprites/spritesmith-main-22.png');
   background-position: -164px -300px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Holly {
+.Pet-Unicorn-White {
   background-image: url('~assets/images/sprites/spritesmith-main-22.png');
   background-position: -246px -300px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Peppermint {
+.Pet-Unicorn-Zombie {
   background-image: url('~assets/images/sprites/spritesmith-main-22.png');
   background-position: -328px -300px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Rainbow {
+.Pet-Whale-Base {
   background-image: url('~assets/images/sprites/spritesmith-main-22.png');
   background-position: -410px 0px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Red {
+.Pet-Whale-CottonCandyBlue {
   background-image: url('~assets/images/sprites/spritesmith-main-22.png');
   background-position: -410px -100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-RoyalPurple {
+.Pet-Whale-CottonCandyPink {
   background-image: url('~assets/images/sprites/spritesmith-main-22.png');
   background-position: -410px -200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Shade {
+.Pet-Whale-Desert {
   background-image: url('~assets/images/sprites/spritesmith-main-22.png');
   background-position: -410px -300px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Shimmer {
+.Pet-Whale-Golden {
   background-image: url('~assets/images/sprites/spritesmith-main-22.png');
   background-position: -492px 0px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Skeleton {
+.Pet-Whale-Red {
   background-image: url('~assets/images/sprites/spritesmith-main-22.png');
   background-position: -492px -100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Spooky {
+.Pet-Whale-Shade {
   background-image: url('~assets/images/sprites/spritesmith-main-22.png');
   background-position: -492px -200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-StarryNight {
+.Pet-Whale-Skeleton {
   background-image: url('~assets/images/sprites/spritesmith-main-22.png');
   background-position: -492px -300px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Thunderstorm {
+.Pet-Whale-White {
   background-image: url('~assets/images/sprites/spritesmith-main-22.png');
   background-position: 0px -400px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Veteran {
+.Pet-Whale-Zombie {
   background-image: url('~assets/images/sprites/spritesmith-main-22.png');
   background-position: -82px -400px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-White {
+.Pet-Wolf-Aquatic {
   background-image: url('~assets/images/sprites/spritesmith-main-22.png');
   background-position: -164px -400px;
   width: 81px;
   height: 99px;
 }
-.Pet-Wolf-Zombie {
+.Pet-Wolf-Base {
   background-image: url('~assets/images/sprites/spritesmith-main-22.png');
   background-position: -246px -400px;
   width: 81px;
   height: 99px;
 }
-.Pet-Yarn-Base {
+.Pet-Wolf-CottonCandyBlue {
   background-image: url('~assets/images/sprites/spritesmith-main-22.png');
   background-position: -328px -400px;
   width: 81px;
   height: 99px;
 }
-.Pet-Yarn-CottonCandyBlue {
+.Pet-Wolf-CottonCandyPink {
   background-image: url('~assets/images/sprites/spritesmith-main-22.png');
   background-position: -410px -400px;
   width: 81px;
   height: 99px;
 }
-.Pet-Yarn-CottonCandyPink {
+.Pet-Wolf-Cupid {
   background-image: url('~assets/images/sprites/spritesmith-main-22.png');
-  background-position: 0px 0px;
+  background-position: -492px -400px;
   width: 81px;
   height: 99px;
 }
-.Pet-Yarn-Desert {
+.Pet-Wolf-Desert {
   background-image: url('~assets/images/sprites/spritesmith-main-22.png');
   background-position: -574px 0px;
   width: 81px;
   height: 99px;
 }
-.Pet-Yarn-Golden {
+.Pet-Wolf-Ember {
   background-image: url('~assets/images/sprites/spritesmith-main-22.png');
   background-position: -574px -100px;
   width: 81px;
   height: 99px;
 }
-.Pet-Yarn-Red {
+.Pet-Wolf-Fairy {
   background-image: url('~assets/images/sprites/spritesmith-main-22.png');
   background-position: -574px -200px;
   width: 81px;
   height: 99px;
 }
-.Pet-Yarn-Shade {
+.Pet-Wolf-Floral {
   background-image: url('~assets/images/sprites/spritesmith-main-22.png');
   background-position: -574px -300px;
   width: 81px;
   height: 99px;
 }
-.Pet-Yarn-Skeleton {
+.Pet-Wolf-Ghost {
   background-image: url('~assets/images/sprites/spritesmith-main-22.png');
   background-position: -574px -400px;
   width: 81px;
   height: 99px;
 }
-.Pet-Yarn-White {
+.Pet-Wolf-Glass {
   background-image: url('~assets/images/sprites/spritesmith-main-22.png');
   background-position: 0px -500px;
   width: 81px;
   height: 99px;
 }
-.Pet-Yarn-Zombie {
+.Pet-Wolf-Golden {
   background-image: url('~assets/images/sprites/spritesmith-main-22.png');
   background-position: -82px -500px;
   width: 81px;
   height: 99px;
 }
+.Pet-Wolf-Holly {
+  background-image: url('~assets/images/sprites/spritesmith-main-22.png');
+  background-position: -164px -500px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Peppermint {
+  background-image: url('~assets/images/sprites/spritesmith-main-22.png');
+  background-position: -246px -500px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Rainbow {
+  background-image: url('~assets/images/sprites/spritesmith-main-22.png');
+  background-position: -328px -500px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Red {
+  background-image: url('~assets/images/sprites/spritesmith-main-22.png');
+  background-position: -410px -500px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-RoyalPurple {
+  background-image: url('~assets/images/sprites/spritesmith-main-22.png');
+  background-position: 0px 0px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Shade {
+  background-image: url('~assets/images/sprites/spritesmith-main-22.png');
+  background-position: -574px -500px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Shimmer {
+  background-image: url('~assets/images/sprites/spritesmith-main-22.png');
+  background-position: -656px 0px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Skeleton {
+  background-image: url('~assets/images/sprites/spritesmith-main-22.png');
+  background-position: -656px -100px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Spooky {
+  background-image: url('~assets/images/sprites/spritesmith-main-22.png');
+  background-position: -656px -200px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-StarryNight {
+  background-image: url('~assets/images/sprites/spritesmith-main-22.png');
+  background-position: -656px -300px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Thunderstorm {
+  background-image: url('~assets/images/sprites/spritesmith-main-22.png');
+  background-position: -656px -400px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Veteran {
+  background-image: url('~assets/images/sprites/spritesmith-main-22.png');
+  background-position: -656px -500px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-White {
+  background-image: url('~assets/images/sprites/spritesmith-main-22.png');
+  background-position: 0px -600px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Wolf-Zombie {
+  background-image: url('~assets/images/sprites/spritesmith-main-22.png');
+  background-position: -82px -600px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Yarn-Base {
+  background-image: url('~assets/images/sprites/spritesmith-main-22.png');
+  background-position: -164px -600px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Yarn-CottonCandyBlue {
+  background-image: url('~assets/images/sprites/spritesmith-main-22.png');
+  background-position: -246px -600px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Yarn-CottonCandyPink {
+  background-image: url('~assets/images/sprites/spritesmith-main-22.png');
+  background-position: -328px -600px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Yarn-Desert {
+  background-image: url('~assets/images/sprites/spritesmith-main-22.png');
+  background-position: -410px -600px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Yarn-Golden {
+  background-image: url('~assets/images/sprites/spritesmith-main-22.png');
+  background-position: -492px -600px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Yarn-Red {
+  background-image: url('~assets/images/sprites/spritesmith-main-22.png');
+  background-position: -574px -600px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Yarn-Shade {
+  background-image: url('~assets/images/sprites/spritesmith-main-22.png');
+  background-position: -656px -600px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Yarn-Skeleton {
+  background-image: url('~assets/images/sprites/spritesmith-main-22.png');
+  background-position: -738px 0px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Yarn-White {
+  background-image: url('~assets/images/sprites/spritesmith-main-22.png');
+  background-position: -738px -100px;
+  width: 81px;
+  height: 99px;
+}
+.Pet-Yarn-Zombie {
+  background-image: url('~assets/images/sprites/spritesmith-main-22.png');
+  background-position: -738px -200px;
+  width: 81px;
+  height: 99px;
+}
 .Pet_HatchingPotion_Aquatic {
   background-image: url('~assets/images/sprites/spritesmith-main-22.png');
-  background-position: -233px -500px;
+  background-position: -738px -369px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Base {
   background-image: url('~assets/images/sprites/spritesmith-main-22.png');
-  background-position: -656px -414px;
+  background-position: -552px -700px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_CottonCandyBlue {
   background-image: url('~assets/images/sprites/spritesmith-main-22.png');
-  background-position: -302px -500px;
+  background-position: -738px -438px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_CottonCandyPink {
   background-image: url('~assets/images/sprites/spritesmith-main-22.png');
-  background-position: -371px -500px;
+  background-position: -738px -507px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Cupid {
   background-image: url('~assets/images/sprites/spritesmith-main-22.png');
-  background-position: -440px -500px;
+  background-position: -738px -576px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Desert {
   background-image: url('~assets/images/sprites/spritesmith-main-22.png');
-  background-position: -509px -500px;
+  background-position: 0px -700px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Ember {
   background-image: url('~assets/images/sprites/spritesmith-main-22.png');
-  background-position: -578px -500px;
+  background-position: -69px -700px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Fairy {
   background-image: url('~assets/images/sprites/spritesmith-main-22.png');
-  background-position: -656px 0px;
+  background-position: -138px -700px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Floral {
   background-image: url('~assets/images/sprites/spritesmith-main-22.png');
-  background-position: -656px -69px;
+  background-position: -207px -700px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Ghost {
   background-image: url('~assets/images/sprites/spritesmith-main-22.png');
-  background-position: -656px -138px;
+  background-position: -276px -700px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Glass {
   background-image: url('~assets/images/sprites/spritesmith-main-22.png');
-  background-position: -656px -207px;
+  background-position: -345px -700px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Golden {
   background-image: url('~assets/images/sprites/spritesmith-main-22.png');
-  background-position: -656px -276px;
+  background-position: -414px -700px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Holly {
   background-image: url('~assets/images/sprites/spritesmith-main-22.png');
-  background-position: -656px -345px;
+  background-position: -483px -700px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Peppermint {
   background-image: url('~assets/images/sprites/spritesmith-main-22.png');
-  background-position: -164px -500px;
+  background-position: -738px -300px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Purple {
   background-image: url('~assets/images/sprites/spritesmith-main-22.png');
-  background-position: -656px -483px;
+  background-position: -621px -700px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Rainbow {
   background-image: url('~assets/images/sprites/spritesmith-main-22.png');
-  background-position: 0px -600px;
+  background-position: -690px -700px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Red {
   background-image: url('~assets/images/sprites/spritesmith-main-22.png');
-  background-position: -69px -600px;
+  background-position: -820px 0px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_RoyalPurple {
   background-image: url('~assets/images/sprites/spritesmith-main-22.png');
-  background-position: -138px -600px;
+  background-position: -820px -69px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Shade {
   background-image: url('~assets/images/sprites/spritesmith-main-22.png');
-  background-position: -207px -600px;
+  background-position: -820px -138px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Shimmer {
   background-image: url('~assets/images/sprites/spritesmith-main-22.png');
-  background-position: -276px -600px;
+  background-position: -820px -207px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Skeleton {
   background-image: url('~assets/images/sprites/spritesmith-main-22.png');
-  background-position: -345px -600px;
+  background-position: -820px -276px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Spooky {
   background-image: url('~assets/images/sprites/spritesmith-main-22.png');
-  background-position: -414px -600px;
+  background-position: -820px -345px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_StarryNight {
   background-image: url('~assets/images/sprites/spritesmith-main-22.png');
-  background-position: -483px -600px;
+  background-position: -820px -414px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Thunderstorm {
   background-image: url('~assets/images/sprites/spritesmith-main-22.png');
-  background-position: -552px -600px;
+  background-position: -820px -483px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_White {
   background-image: url('~assets/images/sprites/spritesmith-main-22.png');
-  background-position: -621px -600px;
+  background-position: -820px -552px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Zombie {
   background-image: url('~assets/images/sprites/spritesmith-main-22.png');
-  background-position: -725px 0px;
+  background-position: -820px -621px;
   width: 68px;
   height: 68px;
 }