DRA-ZXYA: Remove icons and use material icons

src/App.vue

@@ -23,7 +23,7 @@
 	</header>
 	<main
 		id="main-content"
-		class="content"
+		:class="`content ${route.name as string}`"
 	>
 		<Facets v-if="route.name === 'Search'"></Facets>
 		<Underlay></Underlay>
@@ -372,7 +372,7 @@ export default defineComponent({
 </script>
 
 <style lang="scss">
-#main-content {
+#main-content .Home {
 	background-color: var(--bg-default);
 }
 #cookiescript_reportdate a,
@@ -397,12 +397,6 @@ export default defineComponent({
 	outline: none;
 }
 
-:focus-visible {
-	box-shadow: 0 0 0 3px #02204bea !important;
-	border-radius: 4px !important;
-	transition: box-shadow 0.2s ease-in-out;
-}
-
 .result-enter-active,
 .result-leave-active {
 	transition: all 0.15s ease-in-out;
@@ -614,7 +608,6 @@ body {
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 	overflow-x: hidden;
-	background-color: var(--bg-default);
 }
 
 .content {

src/assets/fonts/iconfont/material-icons.css

@@ -3,6 +3,7 @@
   font-style: normal;
   font-weight: 400;
   src: url(material-icon-font.woff2) format('woff2'),
+  url(MaterialIcons-Regular.woff) format('woff');
 }
 
 @font-face {
@@ -26,6 +27,12 @@
   white-space: nowrap;
   direction: ltr;
 
+  font-variation-settings:
+  'FILL' 1,
+  'wght' 400,
+  'GRAD' 0,
+  'opsz' 24;
+
   /* Support for all WebKit browsers. */
   -webkit-font-smoothing: antialiased;
   /* Support for Safari and Chrome. */
@@ -37,3 +44,11 @@
   /* Support for IE. */
   font-feature-settings: 'liga';
 }
+
+.material-icons.outline {
+  font-variation-settings:
+  'FILL' 0,
+  'wght' 400,
+  'GRAD' 0,
+  'opsz' 24;
+}