Volume control modal mute button

src/scss/components/_modal.scss

@@ -206,12 +206,25 @@
 		.slider {
 			position: absolute;
 			top: 10vh;
-			left: 45vw;
+			left: 55vw;
 			height: 80vh;
-			width: 10vw;
+			width: 20vw;
 
 			.track {
-				width: 100%;
+				width: auto;
+				left: 25%;
+				right: 25%;
+			}
+		}
+
+		.toggle-mute {
+			position: absolute;
+			font-size: 16vh;
+			top: 42vh;
+			left: 20vw;
+
+			.fa.muted {
+				color: $red;
 			}
 		}
 	}

src/scss/components/_player.scss

@@ -24,16 +24,9 @@
 		z-index: 98;
 	}
 
-	&.muted {
-		.fa {
-			color: $red;
-		}
-
-		.slider {
-			.progress {
-				background: rgba(255,255,255,0.25);
-			}
-		}
+	.fa.muted {
+		color: $red;
+		position: relative;
 	}
 
 	.modal-trigger {

src/scss/components/_slider.scss

@@ -15,6 +15,12 @@
 		}
 	}
 
+	&.disabled {
+		.progress {
+			background: rgba(255,255,255,0.25);
+		}
+	}
+
 	&.horizontal {
 		margin: 10px 0;
 		height: 20px;