From aa9b1b2caca86b857a757f02426b38d9a3f3603b Mon Sep 17 00:00:00 2001
From: Phillip Thelen <phillip@habitica.com>
Date: Tue, 11 Mar 2025 22:48:19 +0100
Subject: [PATCH] More Sprites (#15400)

* remove need for quest_ notif_ and inventory_quest_ in css

* fix test
---
 gulp/gulp-sprites.js                          |    9 +
 .../assets/css/sprites/spritesmith-main.css   | 1860 -----------------
 .../src/components/achievements/levelUp.vue   |   12 +-
 .../components/groups/questSidebarSection.vue |    5 +-
 .../header/notifications/itemReceived.vue     |    7 +-
 .../header/notifications/newMysteryItems.vue  |    7 +-
 .../client/src/components/modifyInventory.vue |    2 +-
 .../components/achievements/levelUp.spec.js   |    6 +-
 8 files changed, 31 insertions(+), 1877 deletions(-)

diff --git a/gulp/gulp-sprites.js b/gulp/gulp-sprites.js
index c7d449a9f6..bc6f3ec3dd 100644
--- a/gulp/gulp-sprites.js
+++ b/gulp/gulp-sprites.js
@@ -64,6 +64,15 @@ function filterFile (file) {
   if (file.relative.indexOf('icon_background') === 0) {
     return false;
   }
+  if (file.relative.indexOf('notif_') === 0) {
+    return false;
+  }
+  if (file.relative.indexOf('quest_') === 0) {
+    return false;
+  }
+  if (file.relative.indexOf('inventory_quest_') === 0) {
+    return false;
+  }
   return true;
 }
 
diff --git a/website/client/src/assets/css/sprites/spritesmith-main.css b/website/client/src/assets/css/sprites/spritesmith-main.css
index 41db05768a..b57496f21d 100644
--- a/website/client/src/assets/css/sprites/spritesmith-main.css
+++ b/website/client/src/assets/css/sprites/spritesmith-main.css
@@ -40257,356 +40257,6 @@
   width: 28px;
   height: 28px;
 }
-.notif_2013hat_nye {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_2013hat_nye.png');
-  width: 28px;
-  height: 28px;
-}
-.notif_2014hat_nye {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_2014hat_nye.png');
-  width: 28px;
-  height: 28px;
-}
-.notif_2015hat_nye {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_2015hat_nye.png');
-  width: 28px;
-  height: 28px;
-}
-.notif_2016hat_nye {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_2016hat_nye.png');
-  width: 28px;
-  height: 28px;
-}
-.notif_2017hat_nye {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_2017hat_nye.png');
-  width: 28px;
-  height: 28px;
-}
-.notif_2018hat_nye {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_2018hat_nye.png');
-  width: 28px;
-  height: 28px;
-}
-.notif_2019hat_nye {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_2019hat_nye.png');
-  width: 28px;
-  height: 28px;
-}
-.notif_2020hat_nye {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_2020hat_nye.png');
-  width: 28px;
-  height: 28px;
-}
-.notif_2021hat_nye {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_2021hat_nye.png');
-  width: 28px;
-  height: 28px;
-}
-.notif_2022hat_nye {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_2022hat_nye.png');
-  width: 28px;
-  height: 28px;
-}
-.notif_2023hat_nye {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_2023hat_nye.png');
-  width: 28px;
-  height: 28px;
-}
-.notif_armor_special_birthday {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_armor_special_birthday.png');
-  width: 28px;
-  height: 28px;
-}
-.notif_armor_special_birthday2015 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_armor_special_birthday2015.png');
-  width: 28px;
-  height: 28px;
-}
-.notif_armor_special_birthday2016 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_armor_special_birthday2016.png');
-  width: 28px;
-  height: 28px;
-}
-.notif_armor_special_birthday2017 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_armor_special_birthday2017.png');
-  width: 28px;
-  height: 28px;
-}
-.notif_armor_special_birthday2018 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_armor_special_birthday2018.png');
-  width: 28px;
-  height: 28px;
-}
-.notif_armor_special_birthday2019 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_armor_special_birthday2019.png');
-  width: 28px;
-  height: 28px;
-}
-.notif_armor_special_birthday2020 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_armor_special_birthday2020.png');
-  width: 28px;
-  height: 28px;
-}
-.notif_armor_special_birthday2021 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_armor_special_birthday2021.png');
-  width: 28px;
-  height: 28px;
-}
-.notif_armor_special_birthday2022 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_armor_special_birthday2022.png');
-  width: 28px;
-  height: 28px;
-}
-.notif_armor_special_birthday2023 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_armor_special_birthday2023.png');
-  width: 28px;
-  height: 28px;
-}
-.notif_armor_special_birthday2024 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_armor_special_birthday2024.png');
-  width: 28px;
-  height: 28px;
-}
-.notif_cake_birthday {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_cake_birthday.png');
-  width: 28px;
-  height: 28px;
-}
-.notif_candy_nye {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_candy_nye.png');
-  width: 28px;
-  height: 28px;
-}
-.notif_habitoween_base_mount {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_habitoween_base_mount.png');
-  width: 28px;
-  height: 28px;
-}
-.notif_habitoween_base_pet {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_habitoween_base_pet.png');
-  width: 28px;
-  height: 28px;
-}
-.notif_habitoween_candy {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_habitoween_candy.png');
-  width: 28px;
-  height: 28px;
-}
-.notif_habitoween_ghost_mount {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_habitoween_ghost_mount.png');
-  width: 28px;
-  height: 28px;
-}
-.notif_habitoween_ghost_pet {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_habitoween_ghost_pet.png');
-  width: 28px;
-  height: 28px;
-}
-.notif_habitoween_glow_mount {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_habitoween_glow_mount.png');
-  width: 28px;
-  height: 28px;
-}
-.notif_habitoween_glow_pet {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_habitoween_glow_pet.png');
-  width: 28px;
-  height: 28px;
-}
-.notif_habitoween_purple_mount {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_habitoween_purple_mount.png');
-  width: 28px;
-  height: 28px;
-}
-.notif_habitoween_purple_pet {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_habitoween_purple_pet.png');
-  width: 28px;
-  height: 28px;
-}
-.notif_harvestfeast_base_mount {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_harvestfeast_base_mount.png');
-  width: 28px;
-  height: 28px;
-}
-.notif_harvestfeast_base_pet {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_harvestfeast_base_pet.png');
-  width: 28px;
-  height: 28px;
-}
-.notif_harvestfeast_base_set {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_harvestfeast_base_set.png');
-  width: 28px;
-  height: 28px;
-}
-.notif_harvestfeast_gilded_mount {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_harvestfeast_gilded_mount.png');
-  width: 28px;
-  height: 28px;
-}
-.notif_harvestfeast_gilded_pet {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_harvestfeast_gilded_pet.png');
-  width: 28px;
-  height: 28px;
-}
-.notif_harvestfeast_gilded_set {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_harvestfeast_gilded_set.png');
-  width: 28px;
-  height: 28px;
-}
-.notif_harvestfeast_pie {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_harvestfeast_pie.png');
-  width: 28px;
-  height: 28px;
-}
-.notif_head_special_nye {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_head_special_nye.png');
-  width: 28px;
-  height: 28px;
-}
-.notif_inventory_present_01 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_inventory_present_01.png');
-  width: 28px;
-  height: 28px;
-}
-.notif_inventory_present_02 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_inventory_present_02.png');
-  width: 28px;
-  height: 28px;
-}
-.notif_inventory_present_03 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_inventory_present_03.png');
-  width: 28px;
-  height: 28px;
-}
-.notif_inventory_present_04 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_inventory_present_04.png');
-  width: 28px;
-  height: 28px;
-}
-.notif_inventory_present_05 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_inventory_present_05.png');
-  width: 28px;
-  height: 28px;
-}
-.notif_inventory_present_06 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_inventory_present_06.png');
-  width: 28px;
-  height: 28px;
-}
-.notif_inventory_present_07 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_inventory_present_07.png');
-  width: 28px;
-  height: 28px;
-}
-.notif_inventory_present_08 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_inventory_present_08.png');
-  width: 28px;
-  height: 28px;
-}
-.notif_inventory_present_09 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_inventory_present_09.png');
-  width: 28px;
-  height: 28px;
-}
-.notif_inventory_present_10 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_inventory_present_10.png');
-  width: 28px;
-  height: 28px;
-}
-.notif_inventory_present_11 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_inventory_present_11.png');
-  width: 28px;
-  height: 28px;
-}
-.notif_inventory_present_12 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_inventory_present_12.png');
-  width: 28px;
-  height: 28px;
-}
-.notif_inventory_special_birthday {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_inventory_special_birthday.png');
-  width: 20px;
-  height: 24px;
-}
-.notif_inventory_special_congrats {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_inventory_special_congrats.png');
-  width: 20px;
-  height: 22px;
-}
-.notif_inventory_special_getwell {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_inventory_special_getwell.png');
-  width: 20px;
-  height: 22px;
-}
-.notif_inventory_special_goodluck {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_inventory_special_goodluck.png');
-  width: 20px;
-  height: 26px;
-}
-.notif_inventory_special_greeting {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_inventory_special_greeting.png');
-  width: 20px;
-  height: 22px;
-}
-.notif_inventory_special_nye {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_inventory_special_nye.png');
-  width: 24px;
-  height: 26px;
-}
-.notif_inventory_special_thankyou {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_inventory_special_thankyou.png');
-  width: 20px;
-  height: 24px;
-}
-.notif_inventory_special_valentine {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_inventory_special_valentine.png');
-  width: 20px;
-  height: 24px;
-}
-.notif_namingDay_back {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_namingDay_back.png');
-  width: 28px;
-  height: 28px;
-}
-.notif_namingDay_body {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_namingDay_body.png');
-  width: 28px;
-  height: 28px;
-}
-.notif_namingDay_cake {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_namingDay_cake.png');
-  width: 28px;
-  height: 28px;
-}
-.notif_namingDay_head {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_namingDay_head.png');
-  width: 28px;
-  height: 28px;
-}
-.notif_namingDay_mount {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_namingDay_mount.png');
-  width: 28px;
-  height: 28px;
-}
-.notif_namingDay_pet {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_namingDay_pet.png');
-  width: 28px;
-  height: 28px;
-}
-.notif_orca_mount {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_orca_mount.png');
-  width: 28px;
-  height: 28px;
-}
-.notif_orca_pet {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_orca_pet.png');
-  width: 28px;
-  height: 28px;
-}
-.notif_subscriber_reward {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/notif_subscriber_reward.png');
-  width: 28px;
-  height: 28px;
-}
 .npc_bailey {
   background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/npc_bailey.png');
   width: 60px;
@@ -40702,1516 +40352,6 @@
   width: 195px;
   height: 138px;
 }
-.quest_TEMPLATE_FOR_MISSING_IMAGE {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_TEMPLATE_FOR_MISSING_IMAGE.png');
-  width: 221px;
-  height: 39px;
-}
-.quest_alligator {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_alligator.png');
-  width: 201px;
-  height: 213px;
-}
-.quest_amber {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_amber.png');
-  width: 219px;
-  height: 219px;
-}
-.quest_armadillo {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_armadillo.png');
-  width: 219px;
-  height: 219px;
-}
-.quest_atom1 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_atom1.png');
-  width: 250px;
-  height: 150px;
-}
-.quest_atom2 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_atom2.png');
-  width: 207px;
-  height: 138px;
-}
-.quest_atom3 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_atom3.png');
-  width: 216px;
-  height: 180px;
-}
-.quest_axolotl {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_axolotl.png');
-  width: 219px;
-  height: 219px;
-}
-.quest_badger {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_badger.png');
-  width: 219px;
-  height: 219px;
-}
-.quest_basilist {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_basilist.png');
-  width: 189px;
-  height: 141px;
-}
-.quest_beetle {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_beetle.png');
-  width: 204px;
-  height: 201px;
-}
-.quest_blackPearl {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_blackPearl.png');
-  width: 216px;
-  height: 216px;
-}
-.quest_bronze {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_bronze.png');
-  width: 219px;
-  height: 219px;
-}
-.quest_bunny {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_bunny.png');
-  width: 210px;
-  height: 186px;
-}
-.quest_butterfly {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_butterfly.png');
-  width: 219px;
-  height: 219px;
-}
-.quest_cat {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_cat.png');
-  width: 219px;
-  height: 219px;
-}
-.quest_chameleon {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_chameleon.png');
-  width: 216px;
-  height: 216px;
-}
-.quest_cheetah {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_cheetah.png');
-  width: 219px;
-  height: 219px;
-}
-.quest_cow {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_cow.png');
-  width: 174px;
-  height: 213px;
-}
-.quest_crab {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_crab.png');
-  width: 219px;
-  height: 219px;
-}
-.quest_dilatory {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_dilatory.png');
-  width: 219px;
-  height: 219px;
-}
-.quest_dilatoryDistress1 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_dilatoryDistress1.png');
-  width: 210px;
-  height: 210px;
-}
-.quest_dilatoryDistress2 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_dilatoryDistress2.png');
-  width: 150px;
-  height: 150px;
-}
-.quest_dilatoryDistress3 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_dilatoryDistress3.png');
-  width: 219px;
-  height: 219px;
-}
-.quest_dilatory_derby {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_dilatory_derby.png');
-  width: 219px;
-  height: 219px;
-}
-.quest_dog {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_dog.png');
-  width: 219px;
-  height: 219px;
-}
-.quest_dolphin {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_dolphin.png');
-  width: 219px;
-  height: 219px;
-}
-.quest_dustbunnies {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_dustbunnies.png');
-  width: 219px;
-  height: 219px;
-}
-.quest_egg {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_egg.png');
-  width: 165px;
-  height: 207px;
-}
-.quest_evilsanta {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_evilsanta.png');
-  width: 118px;
-  height: 131px;
-}
-.quest_evilsanta2 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_evilsanta2.png');
-  width: 219px;
-  height: 219px;
-}
-.quest_falcon {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_falcon.png');
-  width: 219px;
-  height: 219px;
-}
-.quest_ferret {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_ferret.png');
-  width: 219px;
-  height: 219px;
-}
-.quest_fluorite {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_fluorite.png');
-  width: 219px;
-  height: 219px;
-}
-.quest_frog {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_frog.png');
-  width: 221px;
-  height: 213px;
-}
-.quest_fungi {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_fungi.png');
-  width: 219px;
-  height: 219px;
-}
-.quest_ghost_stag {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_ghost_stag.png');
-  width: 219px;
-  height: 219px;
-}
-.quest_giraffe {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_giraffe.png');
-  width: 216px;
-  height: 216px;
-}
-.quest_goldenknight1 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_goldenknight1.png');
-  width: 219px;
-  height: 219px;
-}
-.quest_goldenknight2 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_goldenknight2.png');
-  width: 250px;
-  height: 150px;
-}
-.quest_goldenknight3 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_goldenknight3.png');
-  width: 219px;
-  height: 231px;
-}
-.quest_gryphon {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_gryphon.png');
-  width: 216px;
-  height: 177px;
-}
-.quest_guineapig {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_guineapig.png');
-  width: 219px;
-  height: 219px;
-}
-.quest_harpy {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_harpy.png');
-  width: 219px;
-  height: 219px;
-}
-.quest_hedgehog {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_hedgehog.png');
-  width: 219px;
-  height: 186px;
-}
-.quest_hippo {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_hippo.png');
-  width: 219px;
-  height: 219px;
-}
-.quest_horse {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_horse.png');
-  width: 219px;
-  height: 219px;
-}
-.quest_jade {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_jade.png');
-  width: 216px;
-  height: 216px;
-}
-.quest_kangaroo {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_kangaroo.png');
-  width: 219px;
-  height: 219px;
-}
-.quest_kraken {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_kraken.png');
-  width: 216px;
-  height: 177px;
-}
-.quest_lostMasterclasser1 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_lostMasterclasser1.png');
-  width: 219px;
-  height: 219px;
-}
-.quest_lostMasterclasser2 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_lostMasterclasser2.png');
-  width: 219px;
-  height: 219px;
-}
-.quest_lostMasterclasser3 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_lostMasterclasser3.png');
-  width: 219px;
-  height: 219px;
-}
-.quest_lostMasterclasser4 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_lostMasterclasser4.png');
-  width: 219px;
-  height: 219px;
-}
-.quest_mayhemMistiflying1 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_mayhemMistiflying1.png');
-  width: 150px;
-  height: 150px;
-}
-.quest_mayhemMistiflying2 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_mayhemMistiflying2.png');
-  width: 219px;
-  height: 219px;
-}
-.quest_mayhemMistiflying3 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_mayhemMistiflying3.png');
-  width: 219px;
-  height: 219px;
-}
-.quest_monkey {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_monkey.png');
-  width: 219px;
-  height: 219px;
-}
-.quest_moon1 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_moon1.png');
-  width: 216px;
-  height: 216px;
-}
-.quest_moon2 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_moon2.png');
-  width: 219px;
-  height: 219px;
-}
-.quest_moon3 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_moon3.png');
-  width: 219px;
-  height: 219px;
-}
-.quest_moonstone1 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_moonstone1.png');
-  width: 219px;
-  height: 219px;
-}
-.quest_moonstone2 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_moonstone2.png');
-  width: 219px;
-  height: 219px;
-}
-.quest_moonstone3 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_moonstone3.png');
-  width: 219px;
-  height: 219px;
-}
-.quest_nudibranch {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_nudibranch.png');
-  width: 216px;
-  height: 216px;
-}
-.quest_octopus {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_octopus.png');
-  width: 222px;
-  height: 177px;
-}
-.quest_onyx {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_onyx.png');
-  width: 219px;
-  height: 219px;
-}
-.quest_otter {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_otter.png');
-  width: 216px;
-  height: 216px;
-}
-.quest_owl {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_owl.png');
-  width: 219px;
-  height: 219px;
-}
-.quest_peacock {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_peacock.png');
-  width: 216px;
-  height: 216px;
-}
-.quest_penguin {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_penguin.png');
-  width: 190px;
-  height: 183px;
-}
-.quest_pinkMarble {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_pinkMarble.png');
-  width: 219px;
-  height: 219px;
-}
-.quest_pterodactyl {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_pterodactyl.png');
-  width: 219px;
-  height: 219px;
-}
-.quest_raccoon {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_raccoon.png');
-  width: 219px;
-  height: 219px;
-}
-.quest_rat {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_rat.png');
-  width: 219px;
-  height: 219px;
-}
-.quest_robot {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_robot.png');
-  width: 219px;
-  height: 219px;
-}
-.quest_rock {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_rock.png');
-  width: 216px;
-  height: 216px;
-}
-.quest_rooster {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_rooster.png');
-  width: 213px;
-  height: 174px;
-}
-.quest_ruby {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_ruby.png');
-  width: 219px;
-  height: 219px;
-}
-.quest_sabretooth {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_sabretooth.png');
-  width: 219px;
-  height: 219px;
-}
-.quest_seaserpent {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_seaserpent.png');
-  width: 219px;
-  height: 219px;
-}
-.quest_sheep {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_sheep.png');
-  width: 219px;
-  height: 219px;
-}
-.quest_silver {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_silver.png');
-  width: 219px;
-  height: 219px;
-}
-.quest_slime {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_slime.png');
-  width: 219px;
-  height: 219px;
-}
-.quest_sloth {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_sloth.png');
-  width: 219px;
-  height: 219px;
-}
-.quest_snail {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_snail.png');
-  width: 219px;
-  height: 213px;
-}
-.quest_snake {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_snake.png');
-  width: 216px;
-  height: 177px;
-}
-.quest_spider {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_spider.png');
-  width: 250px;
-  height: 150px;
-}
-.quest_squirrel {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_squirrel.png');
-  width: 219px;
-  height: 219px;
-}
-.quest_stoikalmCalamity1 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_stoikalmCalamity1.png');
-  width: 150px;
-  height: 150px;
-}
-.quest_stoikalmCalamity2 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_stoikalmCalamity2.png');
-  width: 219px;
-  height: 219px;
-}
-.quest_stoikalmCalamity3 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_stoikalmCalamity3.png');
-  width: 219px;
-  height: 219px;
-}
-.quest_stone {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_stone.png');
-  width: 219px;
-  height: 219px;
-}
-.quest_taskwoodsTerror1 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_taskwoodsTerror1.png');
-  width: 150px;
-  height: 150px;
-}
-.quest_taskwoodsTerror2 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_taskwoodsTerror2.png');
-  width: 216px;
-  height: 216px;
-}
-.quest_taskwoodsTerror3 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_taskwoodsTerror3.png');
-  width: 219px;
-  height: 219px;
-}
-.quest_treeling {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_treeling.png');
-  width: 216px;
-  height: 177px;
-}
-.quest_trex {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_trex.png');
-  width: 204px;
-  height: 177px;
-}
-.quest_trex_undead {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_trex_undead.png');
-  width: 216px;
-  height: 177px;
-}
-.quest_triceratops {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_triceratops.png');
-  width: 219px;
-  height: 219px;
-}
-.quest_turquoise {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_turquoise.png');
-  width: 219px;
-  height: 219px;
-}
-.quest_turtle {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_turtle.png');
-  width: 219px;
-  height: 219px;
-}
-.quest_unicorn {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_unicorn.png');
-  width: 219px;
-  height: 219px;
-}
-.quest_velociraptor {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_velociraptor.png');
-  width: 222px;
-  height: 225px;
-}
-.quest_vice1 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_vice1.png');
-  width: 216px;
-  height: 177px;
-}
-.quest_vice2 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_vice2.png');
-  width: 219px;
-  height: 219px;
-}
-.quest_vice3 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_vice3.png');
-  width: 216px;
-  height: 177px;
-}
-.quest_waffle {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_waffle.png');
-  width: 219px;
-  height: 219px;
-}
-.quest_whale {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_whale.png');
-  width: 219px;
-  height: 219px;
-}
-.quest_yarn {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_yarn.png');
-  width: 216px;
-  height: 216px;
-}
-.quest_atom1_soapBars {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_atom1_soapBars.png');
-  width: 48px;
-  height: 51px;
-}
-.quest_dilatoryDistress1_blueFins {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_dilatoryDistress1_blueFins.png');
-  width: 51px;
-  height: 48px;
-}
-.quest_dilatoryDistress1_fireCoral {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_dilatoryDistress1_fireCoral.png');
-  width: 48px;
-  height: 51px;
-}
-.quest_egg_plainEgg {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_egg_plainEgg.png');
-  width: 48px;
-  height: 51px;
-}
-.quest_evilsanta2_branches {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_evilsanta2_branches.png');
-  width: 48px;
-  height: 51px;
-}
-.quest_evilsanta2_tracks {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_evilsanta2_tracks.png');
-  width: 54px;
-  height: 60px;
-}
-.quest_goldenknight1_testimony {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_goldenknight1_testimony.png');
-  width: 48px;
-  height: 51px;
-}
-.quest_lostMasterclasser1_ancientTome {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_lostMasterclasser1_ancientTome.png');
-  width: 33px;
-  height: 42px;
-}
-.quest_lostMasterclasser1_forbiddenTome {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_lostMasterclasser1_forbiddenTome.png');
-  width: 33px;
-  height: 42px;
-}
-.quest_lostMasterclasser1_hiddenTome {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_lostMasterclasser1_hiddenTome.png');
-  width: 33px;
-  height: 42px;
-}
-.quest_mayhemMistiflying2_mistifly1 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_mayhemMistiflying2_mistifly1.png');
-  width: 48px;
-  height: 51px;
-}
-.quest_mayhemMistiflying2_mistifly2 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_mayhemMistiflying2_mistifly2.png');
-  width: 48px;
-  height: 51px;
-}
-.quest_mayhemMistiflying2_mistifly3 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_mayhemMistiflying2_mistifly3.png');
-  width: 48px;
-  height: 51px;
-}
-.quest_moon1_shard {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_moon1_shard.png');
-  width: 42px;
-  height: 42px;
-}
-.quest_moonstone1_moonstone {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_moonstone1_moonstone.png');
-  width: 30px;
-  height: 30px;
-}
-.quest_onyx_leoRune {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_onyx_leoRune.png');
-  width: 39px;
-  height: 39px;
-}
-.quest_onyx_onyxStone {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_onyx_onyxStone.png');
-  width: 48px;
-  height: 51px;
-}
-.quest_onyx_plutoRune {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_onyx_plutoRune.png');
-  width: 39px;
-  height: 39px;
-}
-.quest_robot_bolt {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_robot_bolt.png');
-  width: 48px;
-  height: 51px;
-}
-.quest_robot_gear {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_robot_gear.png');
-  width: 48px;
-  height: 51px;
-}
-.quest_robot_spring {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_robot_spring.png');
-  width: 48px;
-  height: 51px;
-}
-.quest_ruby_aquariusRune {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_ruby_aquariusRune.png');
-  width: 39px;
-  height: 40px;
-}
-.quest_ruby_rubyGem {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_ruby_rubyGem.png');
-  width: 48px;
-  height: 51px;
-}
-.quest_ruby_venusRune {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_ruby_venusRune.png');
-  width: 39px;
-  height: 39px;
-}
-.quest_silver_cancerRune {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_silver_cancerRune.png');
-  width: 39px;
-  height: 39px;
-}
-.quest_silver_moonRune {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_silver_moonRune.png');
-  width: 39px;
-  height: 42px;
-}
-.quest_silver_silverIngot {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_silver_silverIngot.png');
-  width: 48px;
-  height: 51px;
-}
-.quest_stoikalmCalamity2_icicleCoin {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_stoikalmCalamity2_icicleCoin.png');
-  width: 48px;
-  height: 51px;
-}
-.quest_stone_capricornRune {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_stone_capricornRune.png');
-  width: 42px;
-  height: 42px;
-}
-.quest_stone_marsRune {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_stone_marsRune.png');
-  width: 42px;
-  height: 42px;
-}
-.quest_stone_mossyStone {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_stone_mossyStone.png');
-  width: 48px;
-  height: 51px;
-}
-.quest_taskwoodsTerror2_brownie {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_taskwoodsTerror2_brownie.png');
-  width: 48px;
-  height: 51px;
-}
-.quest_taskwoodsTerror2_dryad {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_taskwoodsTerror2_dryad.png');
-  width: 48px;
-  height: 51px;
-}
-.quest_taskwoodsTerror2_pixie {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_taskwoodsTerror2_pixie.png');
-  width: 48px;
-  height: 51px;
-}
-.quest_turquoise_neptuneRune {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_turquoise_neptuneRune.png');
-  width: 39px;
-  height: 39px;
-}
-.quest_turquoise_sagittariusRune {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_turquoise_sagittariusRune.png');
-  width: 39px;
-  height: 39px;
-}
-.quest_turquoise_turquoiseGem {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_turquoise_turquoiseGem.png');
-  width: 48px;
-  height: 51px;
-}
-.quest_vice2_lightCrystal {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_vice2_lightCrystal.png');
-  width: 40px;
-  height: 40px;
-}
-.inventory_quest_scroll_alligator {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_alligator.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_amber {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_amber.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_armadillo {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_armadillo.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_atom1 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_atom1.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_atom1_locked {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_atom1_locked.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_atom2 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_atom2.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_atom2_locked {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_atom2_locked.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_atom3 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_atom3.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_atom3_locked {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_atom3_locked.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_axolotl {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_axolotl.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_badger {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_badger.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_basilist {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_basilist.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_beetle {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_beetle.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_blackPearl {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_blackPearl.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_bronze {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_bronze.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_bunny {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_bunny.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_butterfly {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_butterfly.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_cat {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_cat.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_chameleon {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_chameleon.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_cheetah {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_cheetah.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_cow {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_cow.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_crab {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_crab.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_dilatoryDistress1 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_dilatoryDistress1.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_dilatoryDistress2 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_dilatoryDistress2.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_dilatoryDistress2_locked {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_dilatoryDistress2_locked.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_dilatoryDistress3 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_dilatoryDistress3.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_dilatoryDistress3_locked {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_dilatoryDistress3_locked.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_dilatory_derby {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_dilatory_derby.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_dog {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_dog.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_dolphin {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_dolphin.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_dustbunnies {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_dustbunnies.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_egg {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_egg.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_evilsanta {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_evilsanta.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_evilsanta2 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_evilsanta2.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_falcon {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_falcon.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_ferret {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_ferret.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_fluorite {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_fluorite.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_frog {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_frog.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_fungi {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_fungi.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_ghost_stag {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_ghost_stag.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_giraffe {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_giraffe.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_goldenknight1 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_goldenknight1.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_goldenknight1_locked {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_goldenknight1_locked.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_goldenknight2 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_goldenknight2.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_goldenknight2_locked {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_goldenknight2_locked.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_goldenknight3 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_goldenknight3.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_goldenknight3_locked {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_goldenknight3_locked.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_gryphon {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_gryphon.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_guineapig {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_guineapig.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_harpy {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_harpy.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_hedgehog {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_hedgehog.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_hippo {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_hippo.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_horse {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_horse.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_jade {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_jade.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_kangaroo {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_kangaroo.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_kraken {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_kraken.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_lostMasterclasser1 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_lostMasterclasser1.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_lostMasterclasser1_locked {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_lostMasterclasser1_locked.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_lostMasterclasser2 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_lostMasterclasser2.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_lostMasterclasser2_locked {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_lostMasterclasser2_locked.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_lostMasterclasser3 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_lostMasterclasser3.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_lostMasterclasser3_locked {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_lostMasterclasser3_locked.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_lostMasterclasser4 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_lostMasterclasser4.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_lostMasterclasser4_locked {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_lostMasterclasser4_locked.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_mayhemMistiflying1 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_mayhemMistiflying1.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_mayhemMistiflying2 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_mayhemMistiflying2.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_mayhemMistiflying2_locked {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_mayhemMistiflying2_locked.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_mayhemMistiflying3 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_mayhemMistiflying3.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_mayhemMistiflying3_locked {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_mayhemMistiflying3_locked.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_monkey {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_monkey.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_moon1 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_moon1.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_moon1_locked {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_moon1_locked.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_moon2 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_moon2.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_moon2_locked {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_moon2_locked.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_moon3 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_moon3.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_moon3_locked {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_moon3_locked.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_moonstone1 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_moonstone1.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_moonstone1_locked {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_moonstone1_locked.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_moonstone2 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_moonstone2.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_moonstone2_locked {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_moonstone2_locked.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_moonstone3 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_moonstone3.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_moonstone3_locked {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_moonstone3_locked.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_nudibranch {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_nudibranch.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_octopus {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_octopus.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_onyx {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_onyx.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_otter {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_otter.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_owl {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_owl.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_peacock {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_peacock.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_penguin {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_penguin.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_pinkMarble {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_pinkMarble.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_pterodactyl {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_pterodactyl.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_raccoon {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_raccoon.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_rat {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_rat.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_robot {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_robot.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_rock {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_rock.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_rooster {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_rooster.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_ruby {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_ruby.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_sabretooth {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_sabretooth.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_seaserpent {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_seaserpent.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_sheep {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_sheep.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_silver {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_silver.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_slime {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_slime.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_sloth {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_sloth.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_snail {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_snail.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_snake {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_snake.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_solarSystem {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_solarSystem.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_spider {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_spider.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_squirrel {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_squirrel.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_stoikalmCalamity1 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_stoikalmCalamity1.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_stoikalmCalamity2 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_stoikalmCalamity2.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_stoikalmCalamity2_locked {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_stoikalmCalamity2_locked.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_stoikalmCalamity3 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_stoikalmCalamity3.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_stoikalmCalamity3_locked {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_stoikalmCalamity3_locked.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_stone {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_stone.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_taskwoodsTerror1 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_taskwoodsTerror1.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_taskwoodsTerror2 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_taskwoodsTerror2.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_taskwoodsTerror2_locked {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_taskwoodsTerror2_locked.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_taskwoodsTerror3 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_taskwoodsTerror3.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_taskwoodsTerror3_locked {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_taskwoodsTerror3_locked.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_treeling {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_treeling.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_trex {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_trex.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_trex_undead {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_trex_undead.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_triceratops {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_triceratops.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_turquoise {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_turquoise.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_turtle {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_turtle.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_unicorn {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_unicorn.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_velociraptor {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_velociraptor.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_vice1 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_vice1.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_vice1_locked {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_vice1_locked.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_vice2 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_vice2.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_vice2_locked {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_vice2_locked.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_vice3 {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_vice3.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_vice3_locked {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_vice3_locked.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_virtualpet {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_virtualpet.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_waffle {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_waffle.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_whale {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_whale.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_windup {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_windup.png');
-  width: 68px;
-  height: 68px;
-}
-.inventory_quest_scroll_yarn {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/inventory_quest_scroll_yarn.png');
-  width: 68px;
-  height: 68px;
-}
-.quest_bundle_aquaticAmigos {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_bundle_aquaticAmigos.png');
-  width: 68px;
-  height: 68px;
-}
-.quest_bundle_birdBuddies {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_bundle_birdBuddies.png');
-  width: 68px;
-  height: 68px;
-}
-.quest_bundle_cuddleBuddies {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_bundle_cuddleBuddies.png');
-  width: 68px;
-  height: 68px;
-}
-.quest_bundle_delightfulDinos {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_bundle_delightfulDinos.png');
-  width: 68px;
-  height: 68px;
-}
-.quest_bundle_farmFriends {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_bundle_farmFriends.png');
-  width: 68px;
-  height: 68px;
-}
-.quest_bundle_featheredFriends {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_bundle_featheredFriends.png');
-  width: 68px;
-  height: 68px;
-}
-.quest_bundle_forestFriends {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_bundle_forestFriends.png');
-  width: 68px;
-  height: 68px;
-}
-.quest_bundle_hugabug {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_bundle_hugabug.png');
-  width: 68px;
-  height: 68px;
-}
-.quest_bundle_jungleBuddies {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_bundle_jungleBuddies.png');
-  width: 68px;
-  height: 68px;
-}
-.quest_bundle_mythicalMarvels {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_bundle_mythicalMarvels.png');
-  width: 68px;
-  height: 68px;
-}
-.quest_bundle_oddballs {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_bundle_oddballs.png');
-  width: 68px;
-  height: 68px;
-}
-.quest_bundle_rockingReptiles {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_bundle_rockingReptiles.png');
-  width: 68px;
-  height: 68px;
-}
-.quest_bundle_sandySidekicks {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_bundle_sandySidekicks.png');
-  width: 68px;
-  height: 68px;
-}
-.quest_bundle_splashyPals {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_bundle_splashyPals.png');
-  width: 68px;
-  height: 68px;
-}
-.quest_bundle_winterQuests {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_bundle_winterQuests.png');
-  width: 68px;
-  height: 68px;
-}
-.quest_bundle_witchyFamiliars {
-  background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/quest_bundle_witchyFamiliars.png');
-  width: 68px;
-  height: 68px;
-}
 .Mount_Body_Alligator-Base {
   background-image: url('https://habitica-assets.s3.amazonaws.com/mobileApp/images/Mount_Body_Alligator-Base.png');
   width: 105px;
diff --git a/website/client/src/components/achievements/levelUp.vue b/website/client/src/components/achievements/levelUp.vue
index 490c9877a4..d6fa73a99c 100644
--- a/website/client/src/components/achievements/levelUp.vue
+++ b/website/client/src/components/achievements/levelUp.vue
@@ -48,7 +48,7 @@
         ></span>
       </div>
 
-      <div :class="questClass"></div>
+      <Sprite :image-name="questClass" />
     </section>
     <!-- @TODO: Keep this? .checkboxinput(type='checkbox', v-model=
 'user.preferences.suppressModals.levelUp', @change='changeLevelupSuppress()')
@@ -150,15 +150,12 @@ label(style='display:inline-block') {{ $t('dontShowAgain') }}
     section.greyed {
       padding-bottom: 17px
     }
-
-    .scroll {
-      margin: -11px auto 0;
-    }
   }
 </style>
 
 <script>
 import Avatar from '../avatar';
+import Sprite from '@/components/ui/sprite';
 import { mapState } from '@/libs/store';
 import starGroup from '@/assets/svg/star-group.svg';
 import sparkles from '@/assets/svg/sparkles-left.svg';
@@ -173,6 +170,7 @@ const levelQuests = {
 export default {
   components: {
     Avatar,
+    Sprite,
   },
   data () {
     return {
@@ -191,7 +189,9 @@ export default {
       return this.user.stats.lvl in levelQuests;
     },
     questClass () {
-      return `scroll inventory_quest_scroll_${levelQuests[this.user.stats.lvl]}`;
+      const questKey = levelQuests[this.user.stats.lvl];
+      if (questKey) return `inventory_quest_scroll_${questKey}`;
+      return '';
     },
   },
   methods: {
diff --git a/website/client/src/components/groups/questSidebarSection.vue b/website/client/src/components/groups/questSidebarSection.vue
index 44c5b0e1ec..cfc0a9d96d 100644
--- a/website/client/src/components/groups/questSidebarSection.vue
+++ b/website/client/src/components/groups/questSidebarSection.vue
@@ -225,10 +225,9 @@
         </a>
       </div>
       <div class="quest-icon">
-        <div
+        <Sprite
           class="quest"
-          :class="`inventory_quest_scroll_${questData.key}`"
-        ></div>
+          :image-name="`inventory_quest_scroll_${questData.key}`" />
       </div>
     </div>
     <div
diff --git a/website/client/src/components/header/notifications/itemReceived.vue b/website/client/src/components/header/notifications/itemReceived.vue
index e773a9d011..ed80173892 100644
--- a/website/client/src/components/header/notifications/itemReceived.vue
+++ b/website/client/src/components/header/notifications/itemReceived.vue
@@ -12,20 +12,21 @@
       <strong> {{ notification.data.title }} </strong>
       <span> {{ notification.data.text }} </span>
     </div>
-    <div
+    <Sprite
       slot="icon"
       class="mt-3"
-      :class="notification.data.icon"
-    ></div>
+      :image-name="notification.data.icon" />
   </base-notification>
 </template>
 
 <script>
 import BaseNotification from './base';
+import Sprite from '@/components/ui/sprite.vue';
 
 export default {
   components: {
     BaseNotification,
+    Sprite,
   },
   props: {
     notification: {
diff --git a/website/client/src/components/header/notifications/newMysteryItems.vue b/website/client/src/components/header/notifications/newMysteryItems.vue
index a5f301cdf9..26aa1fced7 100644
--- a/website/client/src/components/header/notifications/newMysteryItems.vue
+++ b/website/client/src/components/header/notifications/newMysteryItems.vue
@@ -10,20 +10,21 @@
       slot="content"
       v-html="$t('newSubscriberItem')"
     ></div>
-    <div
+    <Sprite
       slot="icon"
-      :class="mysteryClass"
-    ></div>
+      :image-name="mysteryClass" />
   </base-notification>
 </template>
 
 <script>
 import moment from 'moment';
 import BaseNotification from './base';
+import Sprite from '@/components/ui/sprite.vue';
 
 export default {
   components: {
     BaseNotification,
+    Sprite,
   },
   props: ['notification', 'canRemove'],
   computed: {
diff --git a/website/client/src/components/modifyInventory.vue b/website/client/src/components/modifyInventory.vue
index 93ff02de7b..27120392b5 100644
--- a/website/client/src/components/modifyInventory.vue
+++ b/website/client/src/components/modifyInventory.vue
@@ -692,7 +692,7 @@
                   <div class="form-inline clearfix">
                     <Sprite
                       class="pull-left"
-                      :class="'inventory_quest_scroll_' + item.key"
+                      :image-name="'inventory_quest_scroll_' + item.key"
                       style="margin-right: 10px"
                     />
                     <p>{{ item.text() }}</p>
diff --git a/website/client/tests/unit/components/achievements/levelUp.spec.js b/website/client/tests/unit/components/achievements/levelUp.spec.js
index 1888f5cf68..42d81ee0c6 100644
--- a/website/client/tests/unit/components/achievements/levelUp.spec.js
+++ b/website/client/tests/unit/components/achievements/levelUp.spec.js
@@ -72,7 +72,11 @@ describe('LevelUp', () => {
 
   it('generates the right test class for level 15', () => {
     const questClass = testFunction('questClass', 15);
+    expect(questClass()).to.equal('inventory_quest_scroll_atom1');
+  });
 
-    expect(questClass()).to.equal('scroll inventory_quest_scroll_atom1');
+  it('generates empty test class for level 14', () => {
+    const questClass = testFunction('questClass', 14);
+    expect(questClass()).to.equal('');
   });
 });