chore(news): Bailey

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

@@ -6,37 +6,37 @@
 }
 .promo_armoire_backgrounds_202004 {
   background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: 0px -500px;
+  background-position: -433px -337px;
   width: 423px;
   height: 147px;
 }
 .promo_egg_quest {
   background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: -355px -648px;
+  background-position: 0px -648px;
   width: 354px;
   height: 147px;
 }
 .promo_mystery_202004 {
   background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: -875px 0px;
+  background-position: 0px -796px;
   width: 282px;
   height: 147px;
 }
 .promo_pastel_skin_hair {
   background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: 0px -648px;
+  background-position: -355px -648px;
   width: 354px;
   height: 147px;
 }
 .customize-option.promo_pastel_skin_hair {
   background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: -25px -663px;
+  background-position: -380px -663px;
   width: 60px;
   height: 60px;
 }
 .promo_seasonal_shop_spring {
   background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: -875px -299px;
+  background-position: -875px -524px;
   width: 162px;
   height: 138px;
 }
@@ -60,16 +60,22 @@
 }
 .promo_spring_potions_2020 {
   background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: -433px -337px;
+  background-position: 0px -500px;
   width: 423px;
   height: 147px;
 }
 .promo_take_this {
   background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: -1026px -148px;
+  background-position: -875px -663px;
   width: 96px;
   height: 69px;
 }
+.scene_citrusella {
+  background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png');
+  background-position: -875px -196px;
+  width: 152px;
+  height: 176px;
+}
 .scene_hat_guild {
   background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png');
   background-position: 0px 0px;
@@ -78,7 +84,13 @@
 }
 .scene_meditation {
   background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png');
-  background-position: -875px -148px;
+  background-position: -875px -373px;
   width: 150px;
   height: 150px;
 }
+.scene_tasks {
+  background-image: url('~@/assets/images/sprites/spritesmith-largeSprites-0.png');
+  background-position: -875px 0px;
+  width: 240px;
+  height: 195px;
+}

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

@@ -12,7 +12,7 @@
 }
 .quest_dustbunnies {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -1320px -660px;
+  background-position: -440px 0px;
   width: 219px;
   height: 219px;
 }
@@ -30,19 +30,19 @@
 }
 .quest_evilsanta2 {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -220px -232px;
+  background-position: 0px -232px;
   width: 219px;
   height: 219px;
 }
 .quest_falcon {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -440px -232px;
+  background-position: -220px -232px;
   width: 219px;
   height: 219px;
 }
 .quest_ferret {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -660px 0px;
+  background-position: -440px -232px;
   width: 219px;
   height: 219px;
 }
@@ -54,13 +54,13 @@
 }
 .quest_ghost_stag {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: 0px -452px;
+  background-position: -660px 0px;
   width: 219px;
   height: 219px;
 }
 .quest_goldenknight1 {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -220px -452px;
+  background-position: -660px -220px;
   width: 219px;
   height: 219px;
 }
@@ -84,13 +84,13 @@
 }
 .quest_guineapig {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -880px -220px;
+  background-position: 0px -452px;
   width: 219px;
   height: 219px;
 }
 .quest_harpy {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -880px -440px;
+  background-position: -220px -452px;
   width: 219px;
   height: 219px;
 }
@@ -102,43 +102,43 @@
 }
 .quest_hippo {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -220px -672px;
+  background-position: -440px -452px;
   width: 219px;
   height: 219px;
 }
 .quest_horse {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -440px -672px;
+  background-position: -660px -452px;
   width: 219px;
   height: 219px;
 }
 .quest_kangaroo {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -660px -672px;
+  background-position: -880px 0px;
   width: 219px;
   height: 219px;
 }
 .quest_kraken {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -1311px -1332px;
+  background-position: -660px -1332px;
   width: 216px;
   height: 177px;
 }
 .quest_lostMasterclasser1 {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -1100px 0px;
+  background-position: -880px -220px;
   width: 219px;
   height: 219px;
 }
 .quest_lostMasterclasser2 {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -1100px -220px;
+  background-position: -880px -440px;
   width: 219px;
   height: 219px;
 }
 .quest_lostMasterclasser3 {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -1100px -440px;
+  background-position: 0px -672px;
   width: 219px;
   height: 219px;
 }
@@ -150,61 +150,61 @@
 }
 .quest_mayhemMistiflying2 {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: 0px -892px;
+  background-position: -220px -672px;
   width: 219px;
   height: 219px;
 }
 .quest_mayhemMistiflying3 {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -220px -892px;
+  background-position: -440px -672px;
   width: 219px;
   height: 219px;
 }
 .quest_monkey {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -440px -892px;
+  background-position: -660px -672px;
   width: 219px;
   height: 219px;
 }
 .quest_moon1 {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -1540px -1082px;
+  background-position: -1540px -214px;
   width: 216px;
   height: 216px;
 }
 .quest_moon2 {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -880px -892px;
+  background-position: -880px -672px;
   width: 219px;
   height: 219px;
 }
 .quest_moon3 {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -1100px -892px;
+  background-position: -1100px 0px;
   width: 219px;
   height: 219px;
 }
 .quest_moonstone1 {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -1320px 0px;
+  background-position: -1100px -220px;
   width: 219px;
   height: 219px;
 }
 .quest_moonstone2 {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -1320px -220px;
+  background-position: -1100px -440px;
   width: 219px;
   height: 219px;
 }
 .quest_moonstone3 {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -1320px -440px;
+  background-position: -1100px -660px;
   width: 219px;
   height: 219px;
 }
 .quest_nudibranch {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -1540px -865px;
+  background-position: -1540px -431px;
   width: 216px;
   height: 216px;
 }
@@ -216,7 +216,7 @@
 }
 .quest_owl {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: 0px -1112px;
+  background-position: 0px -892px;
   width: 219px;
   height: 219px;
 }
@@ -234,25 +234,25 @@
 }
 .quest_pterodactyl {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -660px -1112px;
+  background-position: -220px -892px;
   width: 219px;
   height: 219px;
 }
 .quest_rat {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -880px -1112px;
+  background-position: -440px -892px;
   width: 219px;
   height: 219px;
 }
 .quest_robot {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -1100px -1112px;
+  background-position: -660px -892px;
   width: 219px;
   height: 219px;
 }
 .quest_rock {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -1540px -214px;
+  background-position: -1540px -865px;
   width: 216px;
   height: 216px;
 }
@@ -264,43 +264,43 @@
 }
 .quest_ruby {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -440px -1112px;
+  background-position: -880px -892px;
   width: 219px;
   height: 219px;
 }
 .quest_sabretooth {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -220px -1112px;
+  background-position: -1100px -892px;
   width: 219px;
   height: 219px;
 }
 .quest_seaserpent {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -1320px -880px;
+  background-position: -1320px 0px;
   width: 219px;
   height: 219px;
 }
 .quest_sheep {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -660px -892px;
+  background-position: -1320px -220px;
   width: 219px;
   height: 219px;
 }
 .quest_silver {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -1100px -660px;
+  background-position: -1320px -440px;
   width: 219px;
   height: 219px;
 }
 .quest_slime {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -880px -672px;
+  background-position: -1320px -660px;
   width: 219px;
   height: 219px;
 }
 .quest_sloth {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: 0px -672px;
+  background-position: -1320px -880px;
   width: 219px;
   height: 219px;
 }
@@ -312,7 +312,7 @@
 }
 .quest_snake {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -660px -1332px;
+  background-position: -877px -1332px;
   width: 216px;
   height: 177px;
 }
@@ -324,43 +324,43 @@
 }
 .quest_squirrel {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -880px 0px;
+  background-position: 0px -1112px;
   width: 219px;
   height: 219px;
 }
 .quest_stoikalmCalamity1 {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -1762px -872px;
+  background-position: -1762px -721px;
   width: 150px;
   height: 150px;
 }
 .quest_stoikalmCalamity2 {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -440px -452px;
+  background-position: -220px -1112px;
   width: 219px;
   height: 219px;
 }
 .quest_stoikalmCalamity3 {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -660px -220px;
+  background-position: -440px -1112px;
   width: 219px;
   height: 219px;
 }
 .quest_taskwoodsTerror1 {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -1762px -721px;
+  background-position: -1762px -872px;
   width: 150px;
   height: 150px;
 }
 .quest_taskwoodsTerror2 {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -1540px -431px;
+  background-position: -1540px -1082px;
   width: 216px;
   height: 216px;
 }
 .quest_taskwoodsTerror3 {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: 0px -232px;
+  background-position: -660px -1112px;
   width: 219px;
   height: 219px;
 }
@@ -378,19 +378,19 @@
 }
 .quest_trex_undead {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -877px -1332px;
+  background-position: -1311px -1332px;
   width: 216px;
   height: 177px;
 }
 .quest_triceratops {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -440px 0px;
+  background-position: -880px -1112px;
   width: 219px;
   height: 219px;
 }
 .quest_turtle {
   background-image: url('~@/assets/images/sprites/spritesmith-main-13.png');
-  background-position: -660px -452px;
+  background-position: -1100px -1112px;
   width: 219px;
   height: 219px;
 }

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

@@ -1,84 +1,84 @@
 .Mount_Head_Wolf-RoyalPurple {
   background-image: url('~@/assets/images/sprites/spritesmith-main-22.png');
-  background-position: -136px 0px;
+  background-position: 0px 0px;
   width: 135px;
   height: 135px;
 }
 .Mount_Head_Wolf-Ruby {
   background-image: url('~@/assets/images/sprites/spritesmith-main-22.png');
-  background-position: -136px -408px;
+  background-position: -136px 0px;
   width: 135px;
   height: 135px;
 }
 .Mount_Head_Wolf-Shade {
   background-image: url('~@/assets/images/sprites/spritesmith-main-22.png');
-  background-position: 0px -408px;
+  background-position: 0px -136px;
   width: 135px;
   height: 135px;
 }
 .Mount_Head_Wolf-Shadow {
   background-image: url('~@/assets/images/sprites/spritesmith-main-22.png');
-  background-position: 0px -136px;
+  background-position: -136px -136px;
   width: 135px;
   height: 135px;
 }
 .Mount_Head_Wolf-Shimmer {
   background-image: url('~@/assets/images/sprites/spritesmith-main-22.png');
-  background-position: -136px -136px;
+  background-position: -272px 0px;
   width: 135px;
   height: 135px;
 }
 .Mount_Head_Wolf-Silver {
   background-image: url('~@/assets/images/sprites/spritesmith-main-22.png');
-  background-position: -272px 0px;
+  background-position: -272px -136px;
   width: 135px;
   height: 135px;
 }
 .Mount_Head_Wolf-Skeleton {
   background-image: url('~@/assets/images/sprites/spritesmith-main-22.png');
-  background-position: -272px -136px;
+  background-position: 0px -272px;
   width: 135px;
   height: 135px;
 }
 .Mount_Head_Wolf-Spooky {
   background-image: url('~@/assets/images/sprites/spritesmith-main-22.png');
-  background-position: 0px -272px;
+  background-position: -136px -272px;
   width: 135px;
   height: 135px;
 }
 .Mount_Head_Wolf-StarryNight {
   background-image: url('~@/assets/images/sprites/spritesmith-main-22.png');
-  background-position: -136px -272px;
+  background-position: -272px -272px;
   width: 135px;
   height: 135px;
 }
 .Mount_Head_Wolf-Sunshine {
   background-image: url('~@/assets/images/sprites/spritesmith-main-22.png');
-  background-position: -272px -272px;
+  background-position: -408px 0px;
   width: 135px;
   height: 135px;
 }
 .Mount_Head_Wolf-Thunderstorm {
   background-image: url('~@/assets/images/sprites/spritesmith-main-22.png');
-  background-position: -408px 0px;
+  background-position: -408px -136px;
   width: 135px;
   height: 135px;
 }
 .Mount_Head_Wolf-Watery {
   background-image: url('~@/assets/images/sprites/spritesmith-main-22.png');
-  background-position: -408px -136px;
+  background-position: -408px -272px;
   width: 135px;
   height: 135px;
 }
 .Mount_Head_Wolf-White {
   background-image: url('~@/assets/images/sprites/spritesmith-main-22.png');
-  background-position: -408px -272px;
+  background-position: 0px -408px;
   width: 135px;
   height: 135px;
 }
 .Mount_Head_Wolf-Zombie {
   background-image: url('~@/assets/images/sprites/spritesmith-main-22.png');
-  background-position: 0px 0px;
+  background-position: -136px -408px;
   width: 135px;
   height: 135px;
 }
@@ -90,55 +90,55 @@
 }
 .Mount_Head_Yarn-CottonCandyBlue {
   background-image: url('~@/assets/images/sprites/spritesmith-main-22.png');
-  background-position: -544px -212px;
+  background-position: -378px -408px;
   width: 105px;
   height: 105px;
 }
 .Mount_Head_Yarn-CottonCandyPink {
   background-image: url('~@/assets/images/sprites/spritesmith-main-22.png');
-  background-position: -378px -408px;
+  background-position: -544px 0px;
   width: 105px;
   height: 105px;
 }
 .Mount_Head_Yarn-Desert {
   background-image: url('~@/assets/images/sprites/spritesmith-main-22.png');
-  background-position: -544px 0px;
+  background-position: -544px -106px;
   width: 105px;
   height: 105px;
 }
 .Mount_Head_Yarn-Golden {
   background-image: url('~@/assets/images/sprites/spritesmith-main-22.png');
-  background-position: -544px -106px;
+  background-position: -544px -212px;
   width: 105px;
   height: 105px;
 }
 .Mount_Head_Yarn-Red {
   background-image: url('~@/assets/images/sprites/spritesmith-main-22.png');
-  background-position: -212px -544px;
+  background-position: -544px -318px;
   width: 105px;
   height: 105px;
 }
 .Mount_Head_Yarn-Shade {
   background-image: url('~@/assets/images/sprites/spritesmith-main-22.png');
-  background-position: -544px -318px;
+  background-position: -544px -424px;
   width: 105px;
   height: 105px;
 }
 .Mount_Head_Yarn-Skeleton {
   background-image: url('~@/assets/images/sprites/spritesmith-main-22.png');
-  background-position: -544px -424px;
+  background-position: 0px -544px;
   width: 105px;
   height: 105px;
 }
 .Mount_Head_Yarn-White {
   background-image: url('~@/assets/images/sprites/spritesmith-main-22.png');
-  background-position: 0px -544px;
+  background-position: -106px -544px;
   width: 105px;
   height: 105px;
 }
 .Mount_Head_Yarn-Zombie {
   background-image: url('~@/assets/images/sprites/spritesmith-main-22.png');
-  background-position: -106px -544px;
+  background-position: -212px -544px;
   width: 105px;
   height: 105px;
 }
@@ -942,7 +942,7 @@
 }
 .Mount_Icon_Cactus-Rainbow {
   background-image: url('~@/assets/images/sprites/spritesmith-main-22.png');
-  background-position: -1716px -700px;
+  background-position: -492px -1150px;
   width: 81px;
   height: 99px;
 }
@@ -1878,7 +1878,7 @@
 }
 .Mount_Icon_FlyingPig-IcySnow {
   background-image: url('~@/assets/images/sprites/spritesmith-main-22.png');
-  background-position: -492px -1150px;
+  background-position: -1716px -700px;
   width: 81px;
   height: 99px;
 }

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

@@ -1,12 +1,12 @@
 .Mount_Icon_Rooster-Golden {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -82px 0px;
+  background-position: 0px 0px;
   width: 81px;
   height: 99px;
 }
 .Mount_Icon_Rooster-Red {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -164px -1100px;
+  background-position: -82px 0px;
   width: 81px;
   height: 99px;
 }
@@ -1002,7 +1002,7 @@
 }
 .Mount_Icon_Triceratops-CottonCandyPink {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: 0px 0px;
+  background-position: -164px -1100px;
   width: 81px;
   height: 99px;
 }
@@ -1242,757 +1242,757 @@
 }
 .Mount_Icon_Whale-Base {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1640px -1096px;
+  background-position: -1640px -400px;
   width: 78px;
   height: 86px;
 }
 .Mount_Icon_Whale-CottonCandyBlue {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1640px -1009px;
+  background-position: -1640px -487px;
   width: 78px;
   height: 86px;
 }
 .Mount_Icon_Whale-CottonCandyPink {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1640px -922px;
+  background-position: -1640px -574px;
   width: 78px;
   height: 86px;
 }
 .Mount_Icon_Whale-Desert {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1640px -835px;
+  background-position: -1640px -661px;
   width: 78px;
   height: 86px;
 }
 .Mount_Icon_Whale-Golden {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1640px -1183px;
+  background-position: -1640px -748px;
   width: 78px;
   height: 86px;
 }
 .Mount_Icon_Whale-Red {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1640px -661px;
+  background-position: -1640px -835px;
   width: 78px;
   height: 86px;
 }
 .Mount_Icon_Whale-Shade {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1640px -574px;
+  background-position: -1640px -922px;
   width: 78px;
   height: 86px;
 }
 .Mount_Icon_Whale-Skeleton {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1640px -487px;
+  background-position: -1640px -1009px;
   width: 78px;
   height: 86px;
 }
 .Mount_Icon_Whale-White {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1640px -748px;
+  background-position: -1640px -1096px;
   width: 78px;
   height: 86px;
 }
 .Mount_Icon_Whale-Zombie {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1640px -400px;
+  background-position: -1640px -1183px;
   width: 78px;
   height: 86px;
 }
 .Mount_Icon_Wolf-Amber {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1312px -900px;
+  background-position: -1230px -1200px;
   width: 81px;
   height: 99px;
 }
 .Mount_Icon_Wolf-Aquatic {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1312px -1000px;
+  background-position: -1312px 0px;
   width: 81px;
   height: 99px;
 }
 .Mount_Icon_Wolf-Aurora {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1312px -1100px;
+  background-position: -1312px -100px;
   width: 81px;
   height: 99px;
 }
 .Mount_Icon_Wolf-Base {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1312px -1200px;
+  background-position: -1312px -200px;
   width: 81px;
   height: 99px;
 }
 .Mount_Icon_Wolf-BirchBark {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1394px 0px;
+  background-position: -1312px -300px;
   width: 81px;
   height: 99px;
 }
 .Mount_Icon_Wolf-Bronze {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1394px -100px;
+  background-position: -1312px -400px;
   width: 81px;
   height: 99px;
 }
 .Mount_Icon_Wolf-Celestial {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1394px -200px;
+  background-position: -1312px -500px;
   width: 81px;
   height: 99px;
 }
 .Mount_Icon_Wolf-CottonCandyBlue {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1394px -300px;
+  background-position: -1312px -600px;
   width: 81px;
   height: 99px;
 }
 .Mount_Icon_Wolf-CottonCandyPink {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1394px -400px;
+  background-position: -1312px -700px;
   width: 81px;
   height: 99px;
 }
 .Mount_Icon_Wolf-Cupid {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1394px -500px;
+  background-position: -1312px -800px;
   width: 81px;
   height: 99px;
 }
 .Mount_Icon_Wolf-Desert {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1394px -600px;
+  background-position: -1312px -900px;
   width: 81px;
   height: 99px;
 }
 .Mount_Icon_Wolf-Ember {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1394px -700px;
+  background-position: -1312px -1000px;
   width: 81px;
   height: 99px;
 }
 .Mount_Icon_Wolf-Fairy {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1394px -800px;
+  background-position: -1312px -1100px;
   width: 81px;
   height: 99px;
 }
 .Mount_Icon_Wolf-Floral {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1394px -900px;
+  background-position: -1312px -1200px;
   width: 81px;
   height: 99px;
 }
 .Mount_Icon_Wolf-Frost {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1394px -1000px;
+  background-position: -1394px 0px;
   width: 81px;
   height: 99px;
 }
 .Mount_Icon_Wolf-Ghost {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1394px -1100px;
+  background-position: -1394px -100px;
   width: 81px;
   height: 99px;
 }
 .Mount_Icon_Wolf-Glass {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1394px -1200px;
+  background-position: -1394px -200px;
   width: 81px;
   height: 99px;
 }
 .Mount_Icon_Wolf-Glow {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: 0px -1300px;
+  background-position: -1394px -300px;
   width: 81px;
   height: 99px;
 }
 .Mount_Icon_Wolf-Golden {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -82px -1300px;
+  background-position: -1394px -400px;
   width: 81px;
   height: 99px;
 }
 .Mount_Icon_Wolf-Holly {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -164px -1300px;
+  background-position: -1394px -500px;
   width: 81px;
   height: 99px;
 }
 .Mount_Icon_Wolf-IcySnow {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -246px -1300px;
+  background-position: -1394px -600px;
   width: 81px;
   height: 99px;
 }
 .Mount_Icon_Wolf-Peppermint {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -328px -1300px;
+  background-position: -1394px -700px;
   width: 81px;
   height: 99px;
 }
 .Mount_Icon_Wolf-Rainbow {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -410px -1300px;
+  background-position: -1394px -800px;
   width: 81px;
   height: 99px;
 }
 .Mount_Icon_Wolf-Red {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -492px -1300px;
+  background-position: -1394px -900px;
   width: 81px;
   height: 99px;
 }
 .Mount_Icon_Wolf-RoseQuartz {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -574px -1300px;
+  background-position: -1394px -1000px;
   width: 81px;
   height: 99px;
 }
 .Mount_Icon_Wolf-RoyalPurple {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -656px -1300px;
+  background-position: -1394px -1100px;
   width: 81px;
   height: 99px;
 }
 .Mount_Icon_Wolf-Ruby {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -738px -1300px;
+  background-position: -1394px -1200px;
   width: 81px;
   height: 99px;
 }
 .Mount_Icon_Wolf-Shade {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -820px -1300px;
+  background-position: 0px -1300px;
   width: 81px;
   height: 99px;
 }
 .Mount_Icon_Wolf-Shadow {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -902px -1300px;
+  background-position: -82px -1300px;
   width: 81px;
   height: 99px;
 }
 .Mount_Icon_Wolf-Shimmer {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -984px -1300px;
+  background-position: -164px -1300px;
   width: 81px;
   height: 99px;
 }
 .Mount_Icon_Wolf-Silver {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1066px -1300px;
+  background-position: -246px -1300px;
   width: 81px;
   height: 99px;
 }
 .Mount_Icon_Wolf-Skeleton {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1148px -1300px;
+  background-position: -328px -1300px;
   width: 81px;
   height: 99px;
 }
 .Mount_Icon_Wolf-Spooky {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1230px -1300px;
+  background-position: -410px -1300px;
   width: 81px;
   height: 99px;
 }
 .Mount_Icon_Wolf-StarryNight {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1312px -1300px;
+  background-position: -492px -1300px;
   width: 81px;
   height: 99px;
 }
 .Mount_Icon_Wolf-Sunshine {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1394px -1300px;
+  background-position: -574px -1300px;
   width: 81px;
   height: 99px;
 }
 .Mount_Icon_Wolf-Thunderstorm {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1476px 0px;
+  background-position: -656px -1300px;
   width: 81px;
   height: 99px;
 }
 .Mount_Icon_Wolf-Watery {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1476px -100px;
+  background-position: -738px -1300px;
   width: 81px;
   height: 99px;
 }
 .Mount_Icon_Wolf-White {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1476px -200px;
+  background-position: -820px -1300px;
   width: 81px;
   height: 99px;
 }
 .Mount_Icon_Wolf-Zombie {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1476px -300px;
+  background-position: -902px -1300px;
   width: 81px;
   height: 99px;
 }
 .Mount_Icon_Yarn-Base {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1476px -400px;
+  background-position: -984px -1300px;
   width: 81px;
   height: 99px;
 }
 .Mount_Icon_Yarn-CottonCandyBlue {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1476px -500px;
+  background-position: -1066px -1300px;
   width: 81px;
   height: 99px;
 }
 .Mount_Icon_Yarn-CottonCandyPink {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1476px -600px;
+  background-position: -1148px -1300px;
   width: 81px;
   height: 99px;
 }
 .Mount_Icon_Yarn-Desert {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1476px -700px;
+  background-position: -1230px -1300px;
   width: 81px;
   height: 99px;
 }
 .Mount_Icon_Yarn-Golden {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1476px -800px;
+  background-position: -1312px -1300px;
   width: 81px;
   height: 99px;
 }
 .Mount_Icon_Yarn-Red {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1476px -900px;
+  background-position: -1394px -1300px;
   width: 81px;
   height: 99px;
 }
 .Mount_Icon_Yarn-Shade {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1476px -1000px;
+  background-position: -1476px 0px;
   width: 81px;
   height: 99px;
 }
 .Mount_Icon_Yarn-Skeleton {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1476px -1100px;
+  background-position: -1476px -100px;
   width: 81px;
   height: 99px;
 }
 .Mount_Icon_Yarn-White {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1476px -1200px;
+  background-position: -1476px -200px;
   width: 81px;
   height: 99px;
 }
 .Mount_Icon_Yarn-Zombie {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1476px -1300px;
+  background-position: -1476px -300px;
   width: 81px;
   height: 99px;
 }
 .Pet-Alligator-Base {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: 0px -1400px;
+  background-position: -1476px -400px;
   width: 81px;
   height: 99px;
 }
 .Pet-Alligator-CottonCandyBlue {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -82px -1400px;
+  background-position: -1476px -500px;
   width: 81px;
   height: 99px;
 }
 .Pet-Alligator-CottonCandyPink {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -164px -1400px;
+  background-position: -1476px -600px;
   width: 81px;
   height: 99px;
 }
 .Pet-Alligator-Desert {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -246px -1400px;
+  background-position: -1476px -700px;
   width: 81px;
   height: 99px;
 }
 .Pet-Alligator-Golden {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -328px -1400px;
+  background-position: -1476px -800px;
   width: 81px;
   height: 99px;
 }
 .Pet-Alligator-Red {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -410px -1400px;
+  background-position: -1476px -900px;
   width: 81px;
   height: 99px;
 }
 .Pet-Alligator-Shade {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -492px -1400px;
+  background-position: -1476px -1000px;
   width: 81px;
   height: 99px;
 }
 .Pet-Alligator-Skeleton {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -574px -1400px;
+  background-position: -1476px -1100px;
   width: 81px;
   height: 99px;
 }
 .Pet-Alligator-White {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -656px -1400px;
+  background-position: -1476px -1200px;
   width: 81px;
   height: 99px;
 }
 .Pet-Alligator-Zombie {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -738px -1400px;
+  background-position: -1476px -1300px;
   width: 81px;
   height: 99px;
 }
 .Pet-Armadillo-Base {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -820px -1400px;
+  background-position: 0px -1400px;
   width: 81px;
   height: 99px;
 }
 .Pet-Armadillo-CottonCandyBlue {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -902px -1400px;
+  background-position: -82px -1400px;
   width: 81px;
   height: 99px;
 }
 .Pet-Armadillo-CottonCandyPink {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -984px -1400px;
+  background-position: -164px -1400px;
   width: 81px;
   height: 99px;
 }
 .Pet-Armadillo-Desert {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1066px -1400px;
+  background-position: -246px -1400px;
   width: 81px;
   height: 99px;
 }
 .Pet-Armadillo-Golden {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1148px -1400px;
+  background-position: -328px -1400px;
   width: 81px;
   height: 99px;
 }
 .Pet-Armadillo-Red {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1230px -1400px;
+  background-position: -410px -1400px;
   width: 81px;
   height: 99px;
 }
 .Pet-Armadillo-Shade {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1312px -1400px;
+  background-position: -492px -1400px;
   width: 81px;
   height: 99px;
 }
 .Pet-Armadillo-Skeleton {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1394px -1400px;
+  background-position: -574px -1400px;
   width: 81px;
   height: 99px;
 }
 .Pet-Armadillo-White {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1476px -1400px;
+  background-position: -656px -1400px;
   width: 81px;
   height: 99px;
 }
 .Pet-Armadillo-Zombie {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1558px 0px;
+  background-position: -738px -1400px;
   width: 81px;
   height: 99px;
 }
 .Pet-Axolotl-Base {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1558px -100px;
+  background-position: -820px -1400px;
   width: 81px;
   height: 99px;
 }
 .Pet-Axolotl-CottonCandyBlue {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1558px -200px;
+  background-position: -902px -1400px;
   width: 81px;
   height: 99px;
 }
 .Pet-Axolotl-CottonCandyPink {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1558px -300px;
+  background-position: -984px -1400px;
   width: 81px;
   height: 99px;
 }
 .Pet-Axolotl-Desert {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1558px -400px;
+  background-position: -1066px -1400px;
   width: 81px;
   height: 99px;
 }
 .Pet-Axolotl-Golden {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1558px -500px;
+  background-position: -1148px -1400px;
   width: 81px;
   height: 99px;
 }
 .Pet-Axolotl-Red {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1558px -600px;
+  background-position: -1230px -1400px;
   width: 81px;
   height: 99px;
 }
 .Pet-Axolotl-Shade {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1558px -700px;
+  background-position: -1312px -1400px;
   width: 81px;
   height: 99px;
 }
 .Pet-Axolotl-Skeleton {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1558px -800px;
+  background-position: -1394px -1400px;
   width: 81px;
   height: 99px;
 }
 .Pet-Axolotl-White {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1558px -900px;
+  background-position: -1476px -1400px;
   width: 81px;
   height: 99px;
 }
 .Pet-Axolotl-Zombie {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1558px -1000px;
+  background-position: -1558px 0px;
   width: 81px;
   height: 99px;
 }
 .Pet-Badger-Base {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1558px -1100px;
+  background-position: -1558px -100px;
   width: 81px;
   height: 99px;
 }
 .Pet-Badger-CottonCandyBlue {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1558px -1200px;
+  background-position: -1558px -200px;
   width: 81px;
   height: 99px;
 }
 .Pet-Badger-CottonCandyPink {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1558px -1300px;
+  background-position: -1558px -300px;
   width: 81px;
   height: 99px;
 }
 .Pet-Badger-Desert {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1558px -1400px;
+  background-position: -1558px -400px;
   width: 81px;
   height: 99px;
 }
 .Pet-Badger-Golden {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: 0px -1500px;
+  background-position: -1558px -500px;
   width: 81px;
   height: 99px;
 }
 .Pet-Badger-Red {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -82px -1500px;
+  background-position: -1558px -600px;
   width: 81px;
   height: 99px;
 }
 .Pet-Badger-Shade {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -164px -1500px;
+  background-position: -1558px -700px;
   width: 81px;
   height: 99px;
 }
 .Pet-Badger-Skeleton {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -246px -1500px;
+  background-position: -1558px -800px;
   width: 81px;
   height: 99px;
 }
 .Pet-Badger-White {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -328px -1500px;
+  background-position: -1558px -900px;
   width: 81px;
   height: 99px;
 }
 .Pet-Badger-Zombie {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -410px -1500px;
+  background-position: -1558px -1000px;
   width: 81px;
   height: 99px;
 }
 .Pet-Bear-Veteran {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -492px -1500px;
+  background-position: -1558px -1100px;
   width: 81px;
   height: 99px;
 }
 .Pet-BearCub-Amber {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -574px -1500px;
+  background-position: -1558px -1200px;
   width: 81px;
   height: 99px;
 }
 .Pet-BearCub-Aquatic {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -656px -1500px;
+  background-position: -1558px -1300px;
   width: 81px;
   height: 99px;
 }
 .Pet-BearCub-Aurora {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -738px -1500px;
+  background-position: -1558px -1400px;
   width: 81px;
   height: 99px;
 }
 .Pet-BearCub-Base {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -820px -1500px;
+  background-position: 0px -1500px;
   width: 81px;
   height: 99px;
 }
 .Pet-BearCub-BirchBark {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -902px -1500px;
+  background-position: -82px -1500px;
   width: 81px;
   height: 99px;
 }
 .Pet-BearCub-Bronze {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -984px -1500px;
+  background-position: -164px -1500px;
   width: 81px;
   height: 99px;
 }
 .Pet-BearCub-Celestial {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1066px -1500px;
+  background-position: -246px -1500px;
   width: 81px;
   height: 99px;
 }
 .Pet-BearCub-CottonCandyBlue {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1148px -1500px;
+  background-position: -328px -1500px;
   width: 81px;
   height: 99px;
 }
 .Pet-BearCub-CottonCandyPink {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1230px -1500px;
+  background-position: -410px -1500px;
   width: 81px;
   height: 99px;
 }
 .Pet-BearCub-Cupid {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1312px -1500px;
+  background-position: -492px -1500px;
   width: 81px;
   height: 99px;
 }
 .Pet-BearCub-Desert {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1394px -1500px;
+  background-position: -574px -1500px;
   width: 81px;
   height: 99px;
 }
 .Pet-BearCub-Dessert {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1476px -1500px;
+  background-position: -656px -1500px;
   width: 81px;
   height: 99px;
 }
 .Pet-BearCub-Ember {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1558px -1500px;
+  background-position: -738px -1500px;
   width: 81px;
   height: 99px;
 }
 .Pet-BearCub-Fairy {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1640px 0px;
+  background-position: -820px -1500px;
   width: 81px;
   height: 99px;
 }
 .Pet-BearCub-Floral {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1640px -100px;
+  background-position: -902px -1500px;
   width: 81px;
   height: 99px;
 }
 .Pet-BearCub-Frost {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1640px -200px;
+  background-position: -984px -1500px;
   width: 81px;
   height: 99px;
 }
 .Pet-BearCub-Ghost {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1312px -800px;
+  background-position: -1066px -1500px;
   width: 81px;
   height: 99px;
 }
 .Pet-BearCub-Glass {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1312px -700px;
+  background-position: -1148px -1500px;
   width: 81px;
   height: 99px;
 }
 .Pet-BearCub-Glow {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1312px -600px;
+  background-position: -1230px -1500px;
   width: 81px;
   height: 99px;
 }
 .Pet-BearCub-Golden {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1312px -500px;
+  background-position: -1312px -1500px;
   width: 81px;
   height: 99px;
 }
 .Pet-BearCub-Holly {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1312px -400px;
+  background-position: -1394px -1500px;
   width: 81px;
   height: 99px;
 }
 .Pet-BearCub-IcySnow {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1312px -300px;
+  background-position: -1476px -1500px;
   width: 81px;
   height: 99px;
 }
 .Pet-BearCub-Peppermint {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1312px -200px;
+  background-position: -1558px -1500px;
   width: 81px;
   height: 99px;
 }
 .Pet-BearCub-Polar {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1312px -100px;
+  background-position: -1640px 0px;
   width: 81px;
   height: 99px;
 }
 .Pet-BearCub-Rainbow {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1312px 0px;
+  background-position: -1640px -100px;
   width: 81px;
   height: 99px;
 }
 .Pet-BearCub-Red {
   background-image: url('~@/assets/images/sprites/spritesmith-main-24.png');
-  background-position: -1230px -1200px;
+  background-position: -1640px -200px;
   width: 81px;
   height: 99px;
 }

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

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

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

@@ -1,12 +1,12 @@
 .Pet-Spider-Zombie {
   background-image: url('~@/assets/images/sprites/spritesmith-main-27.png');
-  background-position: -82px 0px;
+  background-position: 0px 0px;
   width: 81px;
   height: 99px;
 }
 .Pet-Squirrel-Base {
   background-image: url('~@/assets/images/sprites/spritesmith-main-27.png');
-  background-position: -984px 0px;
+  background-position: -82px 0px;
   width: 81px;
   height: 99px;
 }
@@ -648,7 +648,7 @@
 }
 .Pet-Velociraptor-Desert {
   background-image: url('~@/assets/images/sprites/spritesmith-main-27.png');
-  background-position: 0px 0px;
+  background-position: -984px 0px;
   width: 81px;
   height: 99px;
 }
@@ -1062,13 +1062,13 @@
 }
 .Pet_HatchingPotion_Amber {
   background-image: url('~@/assets/images/sprites/spritesmith-main-27.png');
-  background-position: -1053px -1100px;
+  background-position: -984px -1100px;
   width: 68px;
   height: 68px;
 }
 .Pet_HatchingPotion_Aquatic {
   background-image: url('~@/assets/images/sprites/spritesmith-main-27.png');
-  background-position: 0px -1200px;
+  background-position: -1053px -1100px;
   width: 68px;
   height: 68px;
 }
@@ -1182,7 +1182,7 @@
 }
 .Pet_HatchingPotion_IcySnow {
   background-image: url('~@/assets/images/sprites/spritesmith-main-27.png');
-  background-position: -984px -1100px;
+  background-position: 0px -1200px;
   width: 68px;
   height: 68px;
 }

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

@@ -12,25 +12,25 @@
 }
 .hair_bangs_3_peppermint {
   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_3_peppermint {
   background-image: url('~@/assets/images/sprites/spritesmith-main-3.png');
-  background-position: -116px -15px;
+  background-position: -25px -15px;
   width: 60px;
   height: 60px;
 }
 .hair_bangs_3_pgreen {
   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_3_pgreen {
   background-image: url('~@/assets/images/sprites/spritesmith-main-3.png');
-  background-position: -753px -1107px;
+  background-position: -116px -15px;
   width: 60px;
   height: 60px;
 }
@@ -1512,13 +1512,13 @@
 }
 .hair_base_11_ppurple2 {
   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_11_ppurple2 {
   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

@@ -1,24 +1,24 @@
 .hair_base_15_white {
   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_white {
   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_winternight {
   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_winternight {
   background-image: url('~@/assets/images/sprites/spritesmith-main-4.png');
-  background-position: -753px -1092px;
+  background-position: -116px -0px;
   width: 60px;
   height: 60px;
 }
@@ -2448,13 +2448,13 @@
 }
 .hair_base_2_blue {
   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_2_blue {
   background-image: url('~@/assets/images/sprites/spritesmith-main-4.png');
-  background-position: -25px -15px;
+  background-position: -753px -1107px;
   width: 60px;
   height: 60px;
 }

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

@@ -12,25 +12,25 @@
 }
 .hair_base_5_holly {
   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_5_holly {
   background-image: url('~@/assets/images/sprites/spritesmith-main-5.png');
-  background-position: -116px -15px;
+  background-position: -25px -15px;
   width: 60px;
   height: 60px;
 }
 .hair_base_5_hollygreen {
   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_5_hollygreen {
   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_9_porange {
   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_9_porange {
   background-image: url('~@/assets/images/sprites/spritesmith-main-5.png');
-  background-position: -25px -15px;
+  background-position: -753px -1107px;
   width: 60px;
   height: 60px;
 }

website/server/controllers/api-v3/news.js

@@ -4,7 +4,7 @@ const api = {};
 
 // @TODO export this const, cannot export it from here because only routes are exported from
 // controllers
-const LAST_ANNOUNCEMENT_TITLE = 'BLOG POST: HALL OF HEROES';
+const LAST_ANNOUNCEMENT_TITLE = 'HABITICA BLOG POSTS: USE CASE AND GUILD SPOTLIGHTS';
 const worldDmg = { // @TODO
   bailey: false,
 };
@@ -31,24 +31,41 @@ api.getNews = {
           <div class="mr-3 ${baileyClass}"></div>
           <div class="media-body">
             <h1 class="align-self-center">${res.t('newStuff')}</h1>
-            <h2>4/16/2020 - ${LAST_ANNOUNCEMENT_TITLE}</h2>
+            <h2>4/23/2020 - ${LAST_ANNOUNCEMENT_TITLE}</h2>
           </div>
         </div>
         <hr/>
-        <img
-          src="https://habitica-assets.s3.us-east-1.amazonaws.com/mobileApp/images/promo_hall_of_heroes.png"
-          style='width: 100%'>
-        </img>
+        <div class="scene_tasks center-block"></div>
+        <h3>Use Case Spotlight</h3>
         <p>
-          This month's <a href='https://habitica.wordpress.com/2020/04/15/hall-of-heroes/'
-          target='_blank'>featured Wiki article</a> is about the Hall of Heroes! We hope that it
-          will help you as learn about Habitica's community and contributors. Be sure to check it
-          out, and let us know what you think by reaching out on <a
-          href='https://twitter.com/habitica' target='_blank'>Twitter</a>, <a
-          href='http://blog.habitrpg.com' target='_blank'>Tumblr</a>, and <a
-          href='https://facebook.com/habitica' target='_blank'>Facebook</a>.
+          This month's <a href='https://habitica.wordpress.com/2020/04/23/use-case-spotlight-managing-longterm-conditions/'
+          target='_blank'>Use Case Spotlight</a> is about Managing Long-Term Conditions! It
+          features a number of great suggestions submitted by Habiticans in the <a
+          href='/groups/guild/1d3a10bf-60aa-4806-a38b-82d1084a59e6'>Use Case Spotlights Guild</a>.
+          We hope it helps any of you who might be using Habitica to create tasks and goals for
+          mental and physical care.
         </p>
-        <div class="small mb-3">by shanaqui and the Wiki Wizards</div>
+        <p>
+          Plus, we're collecting user submissions for the next spotlight! How do you use Habitica
+          to manage your biggest projects? We’ll be featuring player-submitted examples in Use Case
+          Spotlights on the Habitica Blog next month, so post your suggestions in the Use Case
+          Spotlight Guild now. We look forward to learning more about how you use Habitica to
+          improve your life and get things done!
+        </p>
+        <div class="small mb-3">by shanaqui</div>
+        <div class="scene_citrusella center-block"></div>
+        <h3>Guild Spotlight: Citrusella's Favorites</h3>
+        <p>
+          For this year's Guild Spotlight series, we're highlighting some favourites from
+          Habitica's staff, moderators, and some high-level contributors!
+        </p>
+        <p>
+          This month we're sharing some <a href='https://habitica.wordpress.com/2020/04/23/guild-spotlights-our-favourites-3/'
+          target='_blank'>picks from contributor and Tavern fixture citrusella</a>! If you want to
+          curate your Habitica experience and join active, positive Guilds, this is a great way to
+          pick up some new ideas for Guilds to join.
+        </p>
+        <div class="small mb-3">by shanaqui</div>
       </div>
       `,
     });