Style geocoder

Author: LanesGood

packages/web/src/index.css

@@ -485,3 +485,25 @@ li.bar-chart__bar {
   background: var(--bg-dark);
   display: inline-flex;
 }
+
+/* Style Maplibre Geocoder */
+.maplibregl-ctrl-geocoder,
+.maplibregl-ctrl-geocoder--input,
+.maplibregl-ctrl-geocoder--input:focus,
+.maplibregl-ctrl-geocoder--input::placeholder,
+.maplibregl-ctrl-geocoder .suggestions,
+.maplibregl-ctrl-geocoder--button,
+.maplibregl-ctrl-geocoder .suggestions > li > a {
+  background: var(--base);
+  color: var(--base-light);
+}
+.mapboxgl-ctrl-geocoder--result-icon,
+.mapboxgl-ctrl-geocoder--result-icon path,
+.maplibregl-ctrl-geocoder--icon {
+  fill: var(--base-light);
+}
+.maplibregl-ctrl-geocoder .suggestions > li > a:hover,
+.maplibregl-ctrl-geocoder .suggestions > li > a:hover .mapboxgl-ctrl-geocoder--result-icon path {
+  background: var(--bg-dark);
+  color: var(--base-light);
+}