From c3fd191072214d16818d315c9abc205671fab713 Mon Sep 17 00:00:00 2001
From: JulienMaille <182520+JulienMaille@users.noreply.github.com>
Date: Sat, 10 Jan 2026 23:38:11 +0000
Subject: [PATCH] style: auto-fix linting issues

---
 index.html | 2 +-
 styles.css | 7 ++-----
 2 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/index.html b/index.html
index 4aa41d1..58bd7ab 100644
--- a/index.html
+++ b/index.html
@@ -1073,7 +1073,7 @@
                                                 id="firebase-config-input"
                                                 class="template-input"
                                                 rows="5"
-                                                placeholder="{ &quot;apiKey&quot;: &quot;...&quot;, &quot;authDomain&quot;: &quot;...&quot;, ... }"
+                                                placeholder='{ "apiKey": "...", "authDomain": "...", ... }'
                                             ></textarea>
                                             <div class="firebase-controls-container">
                                                 <button id="save-firebase-config-btn" class="btn-secondary">
diff --git a/styles.css b/styles.css
index d0c8c0d..7f2505d 100644
--- a/styles.css
+++ b/styles.css
@@ -349,7 +349,6 @@ kbd {
 
     /* Fade out at the bottom */
     mask-image: linear-gradient(to bottom, rgb(0, 0, 0, 1) 0%, rgb(0, 0, 0, 0.8) 40%, rgb(0, 0, 0, 0) 100%);
-    mask-image: linear-gradient(to bottom, rgb(0, 0, 0, 1) 0%, rgb(0, 0, 0, 0.8) 40%, rgb(0, 0, 0, 0) 100%);
 
     /* Blur effect */
     filter: var(--cover-filter);
@@ -363,7 +362,6 @@ kbd {
 /* Light mode adjustments */
 :root[data-theme='light'] #page-background {
     mask-image: linear-gradient(to bottom, rgb(0, 0, 0, 1) 0%, rgb(0, 0, 0, 0) 100%);
-    mask-image: linear-gradient(to bottom, rgb(0, 0, 0, 1) 0%, rgb(0, 0, 0, 0) 100%);
 }
 
 .now-playing-bar {
@@ -696,7 +694,6 @@ body.has-page-background .track-item:hover {
     right: 2%;
     background: rgb(0, 0, 0, 0.25) !important;
     backdrop-filter: blur(8px);
-    backdrop-filter: blur(8px);
     border-radius: 50% !important;
     width: 32px !important;
     height: 32px !important;
@@ -733,7 +730,6 @@ body.has-page-background .track-item:hover {
     top: 2%;
     background: rgb(0, 0, 0, 0.5) !important;
     backdrop-filter: blur(8px);
-    backdrop-filter: blur(8px);
     border-radius: 50% !important;
     width: 32px !important;
     height: 32px !important;
@@ -1491,7 +1487,6 @@ input:checked + .slider::before {
     position: relative;
     cursor: pointer;
     user-select: none;
-    user-select: none;
     touch-action: none;
 }
 
@@ -3023,6 +3018,7 @@ img[src=''] {
         transform: scale(0.95);
         opacity: 0;
     }
+
     to {
         transform: scale(1);
         opacity: 1;
@@ -3126,6 +3122,7 @@ img[src=''] {
     0% {
         transform: translateX(-100%);
     }
+
     100% {
         transform: translateX(100%);
     }