new border pattern for each condition on modal, added icon display for 1st edition on both card/card modal

src/assets/css/main.scss

@@ -220,7 +220,7 @@ $tiers: (
         color: rgba(255, 255, 255, 0.87);
       }
     }
-  }
+  }  
 }
 
 /* --------------------------------------------------
@@ -250,6 +250,12 @@ $tiers: (
   margin-top: -0.25rem;
 }
 
+.medium-icon svg {
+  width: 100%;
+  max-height: 32px;
+  margin-left: -0.25rem;
+}
+
 /* Black silhouette overlay */
 .masked-image {
   z-index: 1000;
@@ -272,7 +278,7 @@ $tiers: (
 /* SVG sizes */
 .energy-icon svg,
 .rarity-icon-large svg,
-.set-icon svg {
+.set-icon svg, .edition-icon svg {
   width: 2.5rem;
   z-index: 999;
 }
@@ -355,6 +361,20 @@ $tiers: (
   );
 }
 
+$tiers: (
+  nm: rgba(156, 204, 102, 1),
+  lp: rgba(211, 225, 86, 1),
+  mp: rgba(255, 238, 87, 1),
+  hp: rgba(255, 201, 41, 1),
+  dmg: rgba(255, 167, 36, 1)
+);
+
+@each $name, $color in $tiers {
+  .nav-#{$name} div.alert-secondary {
+    border-left: 3px solid $color;
+  }
+}
+
 .inventory-button {
   margin-bottom: -2rem;
   margin-right: -0.25rem;