style: stylelint related fixes

src/app/player/components/audio-player/audio-player.component.scss

@@ -43,66 +43,65 @@
     justify-content: center;
 }
 
-
 .playing {
     width: 36px;
     height: 36px;
-    border-radius: .3rem;
+    border-radius: 0.3rem;
     display: flex;
     justify-content: space-between;
     align-items: flex-end;
-    padding: .5rem;
+    padding: 0.5rem;
     box-sizing: border-box;
-  }
-  
-  .playing__bar {
+}
+
+.playing-bar {
     display: inline-block;
     background: white;
     width: 30%;
     height: 100%;
     animation: up-and-down 1.3s ease infinite alternate;
-  }
+}
 
-  .playing__bar__stopped {
+.playing-bar-stopped {
     display: inline-block;
     background: white;
     width: 30%;
     height: 100%;
-  }
-  
-  .playing__bar1 {
+}
+
+.playing-bar1 {
     height: 60%;
-  }
-  
-  .playing__bar2 {
+}
+
+.playing-bar2 {
     height: 30%;
     animation-delay: -2.2s;
-  }
-  
-  .playing__bar3 {
+}
+
+.playing-bar3 {
     height: 75%;
     animation-delay: -3.7s;
-  }
-  
-  @keyframes up-and-down {
+}
+
+@keyframes up-and-down {
     10% {
-      height: 30%;
+        height: 30%;
     }
-    
+
     30% {
-      height: 100%;
+        height: 100%;
     }
-    
+
     60% {
-      height: 50%;
+        height: 50%;
     }
-    
+
     80% {
-      height: 75%;
+        height: 75%;
     }
-    
+
     100% {
-      height: 60%;
+        height: 60%;
     }
 }
 

src/app/player/components/audio-player/audio-player.component.ts

@@ -1,4 +1,4 @@
-import {NgClass, NgIf, NgOptimizedImage} from '@angular/common';
+import { NgClass, NgIf, NgOptimizedImage } from '@angular/common';
 import {
     Component,
     ElementRef,
@@ -52,14 +52,14 @@ import { setAdjacentChannelAsActive } from '../../../state/actions';
             </div>
             <div class="volume-panel">
                 <div class="playing" *ngIf="playState === 'play'">
-                    <span class="playing__bar playing__bar1"></span>
-                    <span class="playing__bar playing__bar2"></span>
-                    <span class="playing__bar playing__bar3"></span>
+                    <span class="playing-bar playing-bar1"></span>
+                    <span class="playing-bar playing-bar2"></span>
+                    <span class="playing-bar playing-bar3"></span>
                 </div>
                 <div class="playing" *ngIf="playState === 'paused'">
-                    <span class="playing__bar__stopped playing__bar1"></span>
-                    <span class="playing__bar__stopped playing__bar2"></span>
-                    <span class="playing__bar__stopped playing__bar3"></span>
+                    <span class="playing-bar-stopped playing-bar1"></span>
+                    <span class="playing-bar-stopped playing-bar2"></span>
+                    <span class="playing-bar-stopped playing-bar3"></span>
                 </div>
                 <mat-slider min="0" max="1" step="0.1" color="accent">
                     <input matSliderThumb [(ngModel)]="audio.volume" />

src/app/player/components/multi-epg/multi-epg-container.component.scss

@@ -77,4 +77,4 @@ rect {
             background-color: black;
         }
     }
-}
+}

src/app/xtream/category-content-view/category-content-view.component.scss

@@ -9,7 +9,7 @@ mat-card {
 }
 
 mat-card:hover {
-    box-shadow: 0 14px 28px rgba(0, 0, 0, 25%), 0 10px 10px rgba(0, 0, 0, 22%);
+    box-shadow: 0 14px 28px rgb(0 0 0 / 25%), 0 10px 10px rgb(0 0 0 / 22%);
 }
 
 .grid {

src/app/xtream/navigation-bar/navigation-bar.component.scss

@@ -38,7 +38,6 @@
                 cursor: pointer;
             }
         }
-
     }
 
     .search {
@@ -56,9 +55,11 @@
     }
 }
 
+/* stylelint-disable-next-line no-descending-specificity */
 ::ng-deep {
     .dark-theme {
-        #navigation, #sub-panel {
+        #navigation,
+        #sub-panel {
             background: black;
         }