From 7c48e8d56f5d732841a8ead48f65c40f9d2f8f33 Mon Sep 17 00:00:00 2001
From: LanesGood <Lane@developmentseed.org>
Date: Fri, 7 Jun 2024 13:52:18 -0400
Subject: [PATCH 1/2] Style geocoder

---
 packages/web/src/index.css | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/packages/web/src/index.css b/packages/web/src/index.css
index 0724c8a..e4da864 100644
--- a/packages/web/src/index.css
+++ b/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);
+}
\ No newline at end of file

From 2eb6f7467ebec1bbcdd91cc5316165f766d14636 Mon Sep 17 00:00:00 2001
From: LanesGood <Lane@developmentseed.org>
Date: Fri, 7 Jun 2024 13:55:21 -0400
Subject: [PATCH 2/2] Add styles

---
 packages/web/src/index.css | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/web/src/index.css b/packages/web/src/index.css
index e4da864..8d03903 100644
--- a/packages/web/src/index.css
+++ b/packages/web/src/index.css
@@ -493,13 +493,15 @@ li.bar-chart__bar {
 .maplibregl-ctrl-geocoder--input::placeholder,
 .maplibregl-ctrl-geocoder .suggestions,
 .maplibregl-ctrl-geocoder--button,
+.maplibre-gl-geocoder--error,
 .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 {
+.maplibregl-ctrl-geocoder--icon,
+.maplibregl-ctrl-geocoder--icon-loading path {
   fill: var(--base-light);
 }
 .maplibregl-ctrl-geocoder .suggestions > li > a:hover,