Fix color dependencies

src/styles/_fa.scss

@@ -1,9 +1,9 @@
 
 
 
-@use 'fa/solid' with (
-  $fa-css-prefix: fa,
-  $fa-font-path: "fonts"
+@use 'fa/solid' with (
+  $fa-css-prefix: fa,
+  $fa-font-path: "fonts"
 );
 @use 'fa/mixins';
 @use 'fa/core';
@@ -14,9 +14,9 @@
 @use 'fa/animated';
 @use 'fa/rotated-flipped';
 @use 'fa/stacked';
-@use "fa/functions";
-@use "fa/variables";
-
+@use "fa/functions";
+@use "fa/variables";
+
 
 .fa {
 	&.push {
@@ -27,27 +27,6 @@
 	}
 }
 
-.control-icon {
-	@extend .fa;
-	font-size: 28px;
-	text-align: center;
-	line-height: 44px;
-	text-decoration: none;
-	color: #CCC;
-	background: none;
-	text-shadow: 0px 1px 1px rgba(0,0,0,0.8);
-
-	&:hover {
-		color: white;
-	}
-
-	&:before {
-		display: block;
-		width: 44px;
-		height: 44px;
-	}
-}
-
 /* Navigation */
 .#{variables.$fa-css-prefix}-menu:before { content: functions.fa-content(variables.$fa-var-bars); }
 .#{variables.$fa-css-prefix}-error:before { content: functions.fa-content(variables.$fa-var-square-exclamation); }