diff --git a/client/src/assets/css/module/player.scss b/client/src/assets/css/module/player.scss
index 931ca61..88fa53a 100644
--- a/client/src/assets/css/module/player.scss
+++ b/client/src/assets/css/module/player.scss
@@ -74,6 +74,7 @@
 
       &:after {
         content: '';
+        animation: blink 1s infinite;
         position: absolute;
         border-radius: 50%;
         left: 40px;
@@ -223,3 +224,12 @@
     }
   }
 }
+
+@keyframes blink {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
diff --git a/client/src/assets/css/setting.scss b/client/src/assets/css/setting.scss
index a8a61d7..c4cf9e3 100644
--- a/client/src/assets/css/setting.scss
+++ b/client/src/assets/css/setting.scss
@@ -4,42 +4,50 @@ $document-width-m: 1024px;
 $document-width-s: 730px;
 $document-width-xs: 640px;
 $document-width-xxs: 480px;
-$color-primary: #5E5BFC;
-$color-white: #FFFFFF;
-$color-white-opacity: #BBB9CA;
+$color-primary: #5e5bfc;
+$color-white: #ffffff;
+$color-white-opacity: #bbb9ca;
 :root {
-    --color-black: #232323;
-    --color-white: $color-white;
-    --color-white-darker: #E7E7E7;
-    --color-white-opacity: $color-white-opacity;
-    --bg-wrapper-modal: #000000E5;
-    --color-primary: $color-primary;
-    --color-black-cc: #000000CC;
-    --color-emmit: #E81717;
-    --bg-opacity: #74767D;
-    --base-fz: 18px;
-    --base-lh: 1.3;
-    --font-family-base: 'Manrope', 'Tahoma', sans-serif;
-    --linear-gradient-highlight: linear-gradient(259.3deg, #5E5BFC 0.44%, #871DF0 97.88%);
-    --linear-gradient: linear-gradient(91.17deg, #C6F1F7 -4.01%, #F983E9 36.14%, #B877FF 77.44%, #C2E9CD 106.11%);
-    --container: $document-width-xl;
-    --space-between-block: calc(var(--base-fz) * 2.25);
-    --space-between-sections: calc(var(--base-fz) * 7);
-    --base-content-size: calc(100vh - 140px);
+  --color-black: #232323;
+  --color-white: $color-white;
+  --color-white-darker: #e7e7e7;
+  --color-white-opacity: $color-white-opacity;
+  --bg-wrapper-modal: #000000e5;
+  --color-primary: $color-primary;
+  --color-black-cc: #000000cc;
+  --color-emmit: #e81717;
+  --bg-opacity: #74767d;
+  --base-fz: 18px;
+  --base-lh: 1.3;
+  --font-family-base: 'Manrope', 'Tahoma', sans-serif;
+  --linear-gradient-highlight: linear-gradient(
+    259.3deg,
+    #5e5bfc 0.44%,
+    #871df0 97.88%
+  );
+  --linear-gradient: linear-gradient(
+    91.17deg,
+    #c6f1f7 -4.01%,
+    #f983e9 36.14%,
+    #b877ff 77.44%,
+    #c2e9cd 106.11%
+  );
+  --container: $document-width-xl;
+  --space-between-block: calc(var(--base-fz) * 2.25);
+  --space-between-sections: calc(var(--base-fz) * 7);
+  --base-content-size: calc(100vh - 140px);
 
-    @media (max-width: $document-width-xl) {
-        --container: $document-width-l;
-
-    }
-    @media (max-width: $document-width-l) {
-        --container: $document-width-m;
-    }
-    @media (max-width: $document-width-m) {
-        --container: $document-width-s;
-        --space-between-sections: calc(var(--base-fz) * 2.7);
-    }
-    @media (max-width: $document-width-s) {
-        --container: $document-width-xs;
-    }
+  @media (max-width: $document-width-xl) {
+    --container: $document-width-l;
+  }
+  @media (max-width: $document-width-l) {
+    --container: $document-width-m;
+  }
+  @media (max-width: $document-width-m) {
+    --container: $document-width-s;
+    --space-between-sections: calc(var(--base-fz) * 2.7);
+  }
+  @media (max-width: $document-width-s) {
+    --container: $document-width-xs;
+  }
 }
-