From b073f50fe30b8835f3ef981f0c243ff8572e0ce1 Mon Sep 17 00:00:00 2001
From: Julien Maille <julien.maille@gmail.com>
Date: Wed, 24 Dec 2025 09:59:41 +0100
Subject: [PATCH] Fix a visual bug where the lyrics panel box-shadow was
 visible when hidden

---
 styles.css | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/styles.css b/styles.css
index 3a1eb92..df56d4f 100644
--- a/styles.css
+++ b/styles.css
@@ -2585,12 +2585,13 @@ input:checked + .slider::before {
     display: flex;
     flex-direction: column;
     transform: translateX(100%);
-    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-    box-shadow: var(--shadow-xl);
+    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s ease;
+    box-shadow: none;
 }
 
 .lyrics-panel:not(.hidden) {
     transform: translateX(0);
+    box-shadow: var(--shadow-xl);
 }
 
 .lyrics-header {