fix synchronized lyric styles not applying

src/renderer/features/lyrics/lyric-line.module.css

@@ -6,16 +6,16 @@
     transition:
         opacity 0.3s ease-in-out,
         transform 0.3s ease-in-out;
-
-    &.active {
-        opacity: 1;
-    }
-
-    &.unsynchronized {
-        opacity: 1;
-    }
-
-    &.synchronized {
-        cursor: pointer;
-    }
+}
+
+.lyric-line:global(.active) {
+    opacity: 1 !important;
+}
+
+.lyric-line:global(.unsynchronized) {
+    opacity: 1;
+}
+
+.lyric-line:global(.synchronized) {
+    cursor: pointer;
 }

src/renderer/features/lyrics/synchronized-lyrics.css

@@ -1,3 +0,0 @@
-.active {
-    opacity: 1;
-}

src/renderer/features/lyrics/synchronized-lyrics.tsx

@@ -3,7 +3,6 @@ import isElectron from 'is-electron';
 import { useCallback, useEffect, useRef } from 'react';
 
 import styles from './synchronized-lyrics.module.css';
-import './synchronized-lyrics.css';
 
 import { LyricLine } from '/@/renderer/features/lyrics/lyric-line';
 import { useScrobble } from '/@/renderer/features/player/hooks/use-scrobble';