hover state for filter picker

src/FilterPicker.svelte

@@ -49,7 +49,12 @@
 
 <div class="holder">
   <div class="search">
-    <input placeholder="Search Filters" on:keyup={update} bind:value={q} type="text" /><button on:click={() => {reset(); update();}}>X</button>
+    <input placeholder="Search Filters" on:keyup={update} bind:value={q} type="text" /><button
+      on:click={() => {
+        reset();
+        update();
+      }}>X</button
+    >
     <select on:change={reset} bind:value={select}>
       <option value="video">Video Filters</option>
       <option value="audio">Audio Filters</option>
@@ -95,6 +100,11 @@
     padding: 10px 0px;
     cursor: pointer;
   }
+
+  .filter:hover {
+    background-color: var(--b2);
+  }
+
   .all-filters {
     flex: 1;
     overflow: scroll;