refs #18784 [fid_bbi] fix keep-filters input

themes/fid_bbi/scss/blocks/search.scss

@@ -85,13 +85,10 @@
     cursor: pointer;
   }
 
-  .icon {
-    height: g(1.5);
-    width: g(1.5);
-    padding: g(.25);
-  }
-
   input {
+    opacity: 0;
+    position: absolute;
+
     @include hover {
       ~ .icon {
         background: $shade;
@@ -104,6 +101,12 @@
     }
   }
 
+  .icon {
+    height: g(1.5);
+    width: g(1.5);
+    padding: g(.25);
+  }
+
   :checked ~ .icon path {
     fill: currentColor;
   }

themes/fid_bbi/templates/layout/layout.phtml

@@ -81,7 +81,7 @@
   <script>
     // For styling checkbox and radio inputs, the label must be appended to the
     // input, but Zend only generates inputs within labels.
-    const checkboxRadioInputs = document.querySelectorAll('[type=checkbox], [type=radio]')
+    const checkboxRadioInputs = document.querySelectorAll('main [type=checkbox], main [type=radio]')
     for (let i = 0; i < checkboxRadioInputs.length; i++) {
       const input = checkboxRadioInputs[i]
       const parent = input.parentNode