From 95e9c5d12d3ee99d76fc07e83bcc7f39fc2c39db Mon Sep 17 00:00:00 2001
From: anamontiaga <amontiaga@gmail.com>
Date: Wed, 18 May 2022 12:05:13 +0200
Subject: [PATCH] decrease margins on guidance modal

---
 app/layout/guide-request/component.tsx   |   12 +-
 app/public/styles/tailwind.storybook.css | 1574 ++++++++++++++++++++++
 2 files changed, 1580 insertions(+), 6 deletions(-)

diff --git a/app/layout/guide-request/component.tsx b/app/layout/guide-request/component.tsx
index bd75a2e9cf..1c4a295b5b 100644
--- a/app/layout/guide-request/component.tsx
+++ b/app/layout/guide-request/component.tsx
@@ -25,19 +25,19 @@ export const GuideRequest: React.FC<GuideRequestProps> = ({ onDismiss }: GuideRe
   }, [onActive, onDismiss, user]);
 
   return (
-    <div className="flex flex-col items-center justify-center py-10 space-y-10">
+    <div className="flex flex-col items-center justify-center py-10 space-y-6">
 
-      <h2 className="text-lg font-medium text-center text-gray-600 font-heading">First things first...</h2>
+      <h2 className="font-medium text-center text-gray-600 text-m font-heading">First things first...</h2>
 
-      <Icon icon={GUIDE_REQUEST_SVG} className="w-40" />
+      <Icon icon={GUIDE_REQUEST_SVG} className="w-28" />
       <div className="w-72">
-        <p className="text-lg text-center text-gray-600 font-heading">Would you like to get some guidance on Marxan&apos;s workflow?</p>
+        <p className="text-center text-gray-600 text-m font-heading">Would you like to get some guidance on Marxan&apos;s workflow?</p>
       </div>
       <div className="flex space-x-4 w-72">
 
         <Button
           theme="tertiary"
-          size="lg"
+          size="base"
           type="submit"
           className="w-full"
           onClick={() => handleActiveRequestGuide(false)}
@@ -47,7 +47,7 @@ export const GuideRequest: React.FC<GuideRequestProps> = ({ onDismiss }: GuideRe
 
         <Button
           theme="primary"
-          size="lg"
+          size="base"
           type="submit"
           className="w-full"
           onClick={() => handleActiveRequestGuide(true)}
diff --git a/app/public/styles/tailwind.storybook.css b/app/public/styles/tailwind.storybook.css
index d5025397e4..c95e20ea6d 100644
--- a/app/public/styles/tailwind.storybook.css
+++ b/app/public/styles/tailwind.storybook.css
@@ -1945,6 +1945,11 @@ input[type='search']::-webkit-search-decoration,
   border-color: rgba(255, 255, 255, var(--tw-divide-opacity));
 }
 
+.divide-gray-50 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1;
+  border-color: rgba(242, 242, 242, var(--tw-divide-opacity));
+}
+
 .divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1;
   border-color: rgba(232, 232, 232, var(--tw-divide-opacity));
@@ -2497,6 +2502,11 @@ input[type='search']::-webkit-search-decoration,
   background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
 }
 
+.bg-gray-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(242, 242, 242, var(--tw-bg-opacity));
+}
+
 .bg-gray-100 {
   --tw-bg-opacity: 1;
   background-color: rgba(232, 232, 232, var(--tw-bg-opacity));
@@ -2865,6 +2875,11 @@ input[type='search']::-webkit-search-decoration,
   background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
 }
 
+.group:hover .group-hover\:bg-gray-50 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(242, 242, 242, var(--tw-bg-opacity));
+}
+
 .group:hover .group-hover\:bg-gray-100 {
   --tw-bg-opacity: 1;
   background-color: rgba(232, 232, 232, var(--tw-bg-opacity));
@@ -3233,6 +3248,11 @@ input[type='search']::-webkit-search-decoration,
   background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
 }
 
+.focus-within\:bg-gray-50:focus-within {
+  --tw-bg-opacity: 1;
+  background-color: rgba(242, 242, 242, var(--tw-bg-opacity));
+}
+
 .focus-within\:bg-gray-100:focus-within {
   --tw-bg-opacity: 1;
   background-color: rgba(232, 232, 232, var(--tw-bg-opacity));
@@ -3601,6 +3621,11 @@ input[type='search']::-webkit-search-decoration,
   background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
 }
 
+.hover\:bg-gray-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(242, 242, 242, var(--tw-bg-opacity));
+}
+
 .hover\:bg-gray-100:hover {
   --tw-bg-opacity: 1;
   background-color: rgba(232, 232, 232, var(--tw-bg-opacity));
@@ -3969,6 +3994,11 @@ input[type='search']::-webkit-search-decoration,
   background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
 }
 
+.focus\:bg-gray-50:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(242, 242, 242, var(--tw-bg-opacity));
+}
+
 .focus\:bg-gray-100:focus {
   --tw-bg-opacity: 1;
   background-color: rgba(232, 232, 232, var(--tw-bg-opacity));
@@ -4337,6 +4367,11 @@ input[type='search']::-webkit-search-decoration,
   background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
 }
 
+.active\:bg-gray-50:active {
+  --tw-bg-opacity: 1;
+  background-color: rgba(242, 242, 242, var(--tw-bg-opacity));
+}
+
 .active\:bg-gray-100:active {
   --tw-bg-opacity: 1;
   background-color: rgba(232, 232, 232, var(--tw-bg-opacity));
@@ -4747,6 +4782,11 @@ input[type='search']::-webkit-search-decoration,
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
 
+.from-gray-50 {
+  --tw-gradient-from: #F2F2F2;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(242, 242, 242, 0));
+}
+
 .from-gray-100 {
   --tw-gradient-from: #E8E8E8;
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(232, 232, 232, 0));
@@ -5105,6 +5145,10 @@ input[type='search']::-webkit-search-decoration,
   --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
 
+.via-gray-50 {
+  --tw-gradient-stops: var(--tw-gradient-from), #F2F2F2, var(--tw-gradient-to, rgba(242, 242, 242, 0));
+}
+
 .via-gray-100 {
   --tw-gradient-stops: var(--tw-gradient-from), #E8E8E8, var(--tw-gradient-to, rgba(232, 232, 232, 0));
 }
@@ -5401,6 +5445,10 @@ input[type='search']::-webkit-search-decoration,
   --tw-gradient-to: #fff;
 }
 
+.to-gray-50 {
+  --tw-gradient-to: #F2F2F2;
+}
+
 .to-gray-100 {
   --tw-gradient-to: #E8E8E8;
 }
@@ -5709,6 +5757,11 @@ input[type='search']::-webkit-search-decoration,
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
 
+.hover\:from-gray-50:hover {
+  --tw-gradient-from: #F2F2F2;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(242, 242, 242, 0));
+}
+
 .hover\:from-gray-100:hover {
   --tw-gradient-from: #E8E8E8;
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(232, 232, 232, 0));
@@ -6067,6 +6120,10 @@ input[type='search']::-webkit-search-decoration,
   --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
 
+.hover\:via-gray-50:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #F2F2F2, var(--tw-gradient-to, rgba(242, 242, 242, 0));
+}
+
 .hover\:via-gray-100:hover {
   --tw-gradient-stops: var(--tw-gradient-from), #E8E8E8, var(--tw-gradient-to, rgba(232, 232, 232, 0));
 }
@@ -6363,6 +6420,10 @@ input[type='search']::-webkit-search-decoration,
   --tw-gradient-to: #fff;
 }
 
+.hover\:to-gray-50:hover {
+  --tw-gradient-to: #F2F2F2;
+}
+
 .hover\:to-gray-100:hover {
   --tw-gradient-to: #E8E8E8;
 }
@@ -6671,6 +6732,11 @@ input[type='search']::-webkit-search-decoration,
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
 
+.focus\:from-gray-50:focus {
+  --tw-gradient-from: #F2F2F2;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(242, 242, 242, 0));
+}
+
 .focus\:from-gray-100:focus {
   --tw-gradient-from: #E8E8E8;
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(232, 232, 232, 0));
@@ -7029,6 +7095,10 @@ input[type='search']::-webkit-search-decoration,
   --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
 }
 
+.focus\:via-gray-50:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #F2F2F2, var(--tw-gradient-to, rgba(242, 242, 242, 0));
+}
+
 .focus\:via-gray-100:focus {
   --tw-gradient-stops: var(--tw-gradient-from), #E8E8E8, var(--tw-gradient-to, rgba(232, 232, 232, 0));
 }
@@ -7325,6 +7395,10 @@ input[type='search']::-webkit-search-decoration,
   --tw-gradient-to: #fff;
 }
 
+.focus\:to-gray-50:focus {
+  --tw-gradient-to: #F2F2F2;
+}
+
 .focus\:to-gray-100:focus {
   --tw-gradient-to: #E8E8E8;
 }
@@ -8011,6 +8085,11 @@ input[type='search']::-webkit-search-decoration,
   border-color: rgba(255, 255, 255, var(--tw-border-opacity));
 }
 
+.border-gray-50 {
+  --tw-border-opacity: 1;
+  border-color: rgba(242, 242, 242, var(--tw-border-opacity));
+}
+
 .border-gray-100 {
   --tw-border-opacity: 1;
   border-color: rgba(232, 232, 232, var(--tw-border-opacity));
@@ -8379,6 +8458,11 @@ input[type='search']::-webkit-search-decoration,
   border-color: rgba(255, 255, 255, var(--tw-border-opacity));
 }
 
+.group:hover .group-hover\:border-gray-50 {
+  --tw-border-opacity: 1;
+  border-color: rgba(242, 242, 242, var(--tw-border-opacity));
+}
+
 .group:hover .group-hover\:border-gray-100 {
   --tw-border-opacity: 1;
   border-color: rgba(232, 232, 232, var(--tw-border-opacity));
@@ -8747,6 +8831,11 @@ input[type='search']::-webkit-search-decoration,
   border-color: rgba(255, 255, 255, var(--tw-border-opacity));
 }
 
+.focus-within\:border-gray-50:focus-within {
+  --tw-border-opacity: 1;
+  border-color: rgba(242, 242, 242, var(--tw-border-opacity));
+}
+
 .focus-within\:border-gray-100:focus-within {
   --tw-border-opacity: 1;
   border-color: rgba(232, 232, 232, var(--tw-border-opacity));
@@ -9115,6 +9204,11 @@ input[type='search']::-webkit-search-decoration,
   border-color: rgba(255, 255, 255, var(--tw-border-opacity));
 }
 
+.hover\:border-gray-50:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(242, 242, 242, var(--tw-border-opacity));
+}
+
 .hover\:border-gray-100:hover {
   --tw-border-opacity: 1;
   border-color: rgba(232, 232, 232, var(--tw-border-opacity));
@@ -9483,6 +9577,11 @@ input[type='search']::-webkit-search-decoration,
   border-color: rgba(255, 255, 255, var(--tw-border-opacity));
 }
 
+.focus\:border-gray-50:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(242, 242, 242, var(--tw-border-opacity));
+}
+
 .focus\:border-gray-100:focus {
   --tw-border-opacity: 1;
   border-color: rgba(232, 232, 232, var(--tw-border-opacity));
@@ -9851,6 +9950,11 @@ input[type='search']::-webkit-search-decoration,
   border-color: rgba(255, 255, 255, var(--tw-border-opacity));
 }
 
+.last\:border-gray-50:last-child {
+  --tw-border-opacity: 1;
+  border-color: rgba(242, 242, 242, var(--tw-border-opacity));
+}
+
 .last\:border-gray-100:last-child {
   --tw-border-opacity: 1;
   border-color: rgba(232, 232, 232, var(--tw-border-opacity));
@@ -16492,6 +16596,21 @@ input[type='search']::-webkit-search-decoration,
   color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
 }
 
+.placeholder-gray-50::-moz-placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(242, 242, 242, var(--tw-placeholder-opacity));
+}
+
+.placeholder-gray-50:-ms-input-placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(242, 242, 242, var(--tw-placeholder-opacity));
+}
+
+.placeholder-gray-50::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(242, 242, 242, var(--tw-placeholder-opacity));
+}
+
 .placeholder-gray-100::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(232, 232, 232, var(--tw-placeholder-opacity));
@@ -17596,6 +17715,21 @@ input[type='search']::-webkit-search-decoration,
   color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
 }
 
+.focus\:placeholder-gray-50:focus::-moz-placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(242, 242, 242, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-gray-50:focus:-ms-input-placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(242, 242, 242, var(--tw-placeholder-opacity));
+}
+
+.focus\:placeholder-gray-50:focus::placeholder {
+  --tw-placeholder-opacity: 1;
+  color: rgba(242, 242, 242, var(--tw-placeholder-opacity));
+}
+
 .focus\:placeholder-gray-100:focus::-moz-placeholder {
   --tw-placeholder-opacity: 1;
   color: rgba(232, 232, 232, var(--tw-placeholder-opacity));
@@ -22354,6 +22488,10 @@ input[type='search']::-webkit-search-decoration,
   --tw-ring-offset-color: #fff;
 }
 
+.ring-offset-gray-50 {
+  --tw-ring-offset-color: #F2F2F2;
+}
+
 .ring-offset-gray-100 {
   --tw-ring-offset-color: #E8E8E8;
 }
@@ -22650,6 +22788,10 @@ input[type='search']::-webkit-search-decoration,
   --tw-ring-offset-color: #fff;
 }
 
+.focus-within\:ring-offset-gray-50:focus-within {
+  --tw-ring-offset-color: #F2F2F2;
+}
+
 .focus-within\:ring-offset-gray-100:focus-within {
   --tw-ring-offset-color: #E8E8E8;
 }
@@ -22946,6 +23088,10 @@ input[type='search']::-webkit-search-decoration,
   --tw-ring-offset-color: #fff;
 }
 
+.focus\:ring-offset-gray-50:focus {
+  --tw-ring-offset-color: #F2F2F2;
+}
+
 .focus\:ring-offset-gray-100:focus {
   --tw-ring-offset-color: #E8E8E8;
 }
@@ -23242,6 +23388,10 @@ input[type='search']::-webkit-search-decoration,
   --tw-ring-offset-color: #fff;
 }
 
+.hover\:ring-offset-gray-50:hover {
+  --tw-ring-offset-color: #F2F2F2;
+}
+
 .hover\:ring-offset-gray-100:hover {
   --tw-ring-offset-color: #E8E8E8;
 }
@@ -23628,6 +23778,11 @@ input[type='search']::-webkit-search-decoration,
   --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
 }
 
+.ring-gray-50 {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(242, 242, 242, var(--tw-ring-opacity));
+}
+
 .ring-gray-100 {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgba(232, 232, 232, var(--tw-ring-opacity));
@@ -23996,6 +24151,11 @@ input[type='search']::-webkit-search-decoration,
   --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
 }
 
+.focus-within\:ring-gray-50:focus-within {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(242, 242, 242, var(--tw-ring-opacity));
+}
+
 .focus-within\:ring-gray-100:focus-within {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgba(232, 232, 232, var(--tw-ring-opacity));
@@ -24364,6 +24524,11 @@ input[type='search']::-webkit-search-decoration,
   --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
 }
 
+.focus\:ring-gray-50:focus {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(242, 242, 242, var(--tw-ring-opacity));
+}
+
 .focus\:ring-gray-100:focus {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgba(232, 232, 232, var(--tw-ring-opacity));
@@ -24732,6 +24897,11 @@ input[type='search']::-webkit-search-decoration,
   --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
 }
 
+.hover\:ring-gray-50:hover {
+  --tw-ring-opacity: 1;
+  --tw-ring-color: rgba(242, 242, 242, var(--tw-ring-opacity));
+}
+
 .hover\:ring-gray-100:hover {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgba(232, 232, 232, var(--tw-ring-opacity));
@@ -25384,6 +25554,11 @@ input[type='search']::-webkit-search-decoration,
   color: rgba(255, 255, 255, var(--tw-text-opacity));
 }
 
+.text-gray-50 {
+  --tw-text-opacity: 1;
+  color: rgba(242, 242, 242, var(--tw-text-opacity));
+}
+
 .text-gray-100 {
   --tw-text-opacity: 1;
   color: rgba(232, 232, 232, var(--tw-text-opacity));
@@ -25752,6 +25927,11 @@ input[type='search']::-webkit-search-decoration,
   color: rgba(255, 255, 255, var(--tw-text-opacity));
 }
 
+.group:hover .group-hover\:text-gray-50 {
+  --tw-text-opacity: 1;
+  color: rgba(242, 242, 242, var(--tw-text-opacity));
+}
+
 .group:hover .group-hover\:text-gray-100 {
   --tw-text-opacity: 1;
   color: rgba(232, 232, 232, var(--tw-text-opacity));
@@ -26120,6 +26300,11 @@ input[type='search']::-webkit-search-decoration,
   color: rgba(255, 255, 255, var(--tw-text-opacity));
 }
 
+.focus-within\:text-gray-50:focus-within {
+  --tw-text-opacity: 1;
+  color: rgba(242, 242, 242, var(--tw-text-opacity));
+}
+
 .focus-within\:text-gray-100:focus-within {
   --tw-text-opacity: 1;
   color: rgba(232, 232, 232, var(--tw-text-opacity));
@@ -26488,6 +26673,11 @@ input[type='search']::-webkit-search-decoration,
   color: rgba(255, 255, 255, var(--tw-text-opacity));
 }
 
+.hover\:text-gray-50:hover {
+  --tw-text-opacity: 1;
+  color: rgba(242, 242, 242, var(--tw-text-opacity));
+}
+
 .hover\:text-gray-100:hover {
   --tw-text-opacity: 1;
   color: rgba(232, 232, 232, var(--tw-text-opacity));
@@ -26856,6 +27046,11 @@ input[type='search']::-webkit-search-decoration,
   color: rgba(255, 255, 255, var(--tw-text-opacity));
 }
 
+.focus\:text-gray-50:focus {
+  --tw-text-opacity: 1;
+  color: rgba(242, 242, 242, var(--tw-text-opacity));
+}
+
 .focus\:text-gray-100:focus {
   --tw-text-opacity: 1;
   color: rgba(232, 232, 232, var(--tw-text-opacity));
@@ -32565,6 +32760,20 @@ input[type='search']::-webkit-search-decoration,
       var(--tw-gradient-to) 0.1875rem;
 }
 
+.backface-visible {
+  -webkit-backface-visibility: visible;
+          backface-visibility: visible;
+}
+
+.backface-invisible {
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden;
+}
+
+.preserve-3d {
+  transform-style: preserve-3d;
+}
+
 /* PRINT */
 
 @media print {
@@ -34506,6 +34715,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     border-color: rgba(255, 255, 255, var(--tw-divide-opacity));
   }
 
+  .xxs\:divide-gray-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(242, 242, 242, var(--tw-divide-opacity));
+  }
+
   .xxs\:divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
     --tw-divide-opacity: 1;
     border-color: rgba(232, 232, 232, var(--tw-divide-opacity));
@@ -35058,6 +35272,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
   }
 
+  .xxs\:bg-gray-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(242, 242, 242, var(--tw-bg-opacity));
+  }
+
   .xxs\:bg-gray-100 {
     --tw-bg-opacity: 1;
     background-color: rgba(232, 232, 232, var(--tw-bg-opacity));
@@ -35426,6 +35645,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
   }
 
+  .group:hover .xxs\:group-hover\:bg-gray-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(242, 242, 242, var(--tw-bg-opacity));
+  }
+
   .group:hover .xxs\:group-hover\:bg-gray-100 {
     --tw-bg-opacity: 1;
     background-color: rgba(232, 232, 232, var(--tw-bg-opacity));
@@ -35794,6 +36018,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
   }
 
+  .xxs\:focus-within\:bg-gray-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(242, 242, 242, var(--tw-bg-opacity));
+  }
+
   .xxs\:focus-within\:bg-gray-100:focus-within {
     --tw-bg-opacity: 1;
     background-color: rgba(232, 232, 232, var(--tw-bg-opacity));
@@ -36162,6 +36391,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
   }
 
+  .xxs\:hover\:bg-gray-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(242, 242, 242, var(--tw-bg-opacity));
+  }
+
   .xxs\:hover\:bg-gray-100:hover {
     --tw-bg-opacity: 1;
     background-color: rgba(232, 232, 232, var(--tw-bg-opacity));
@@ -36530,6 +36764,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
   }
 
+  .xxs\:focus\:bg-gray-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(242, 242, 242, var(--tw-bg-opacity));
+  }
+
   .xxs\:focus\:bg-gray-100:focus {
     --tw-bg-opacity: 1;
     background-color: rgba(232, 232, 232, var(--tw-bg-opacity));
@@ -36898,6 +37137,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
   }
 
+  .xxs\:active\:bg-gray-50:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(242, 242, 242, var(--tw-bg-opacity));
+  }
+
   .xxs\:active\:bg-gray-100:active {
     --tw-bg-opacity: 1;
     background-color: rgba(232, 232, 232, var(--tw-bg-opacity));
@@ -37308,6 +37552,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
   }
 
+  .xxs\:from-gray-50 {
+    --tw-gradient-from: #F2F2F2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(242, 242, 242, 0));
+  }
+
   .xxs\:from-gray-100 {
     --tw-gradient-from: #E8E8E8;
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(232, 232, 232, 0));
@@ -37666,6 +37915,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
   }
 
+  .xxs\:via-gray-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #F2F2F2, var(--tw-gradient-to, rgba(242, 242, 242, 0));
+  }
+
   .xxs\:via-gray-100 {
     --tw-gradient-stops: var(--tw-gradient-from), #E8E8E8, var(--tw-gradient-to, rgba(232, 232, 232, 0));
   }
@@ -37962,6 +38215,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-gradient-to: #fff;
   }
 
+  .xxs\:to-gray-50 {
+    --tw-gradient-to: #F2F2F2;
+  }
+
   .xxs\:to-gray-100 {
     --tw-gradient-to: #E8E8E8;
   }
@@ -38270,6 +38527,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
   }
 
+  .xxs\:hover\:from-gray-50:hover {
+    --tw-gradient-from: #F2F2F2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(242, 242, 242, 0));
+  }
+
   .xxs\:hover\:from-gray-100:hover {
     --tw-gradient-from: #E8E8E8;
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(232, 232, 232, 0));
@@ -38628,6 +38890,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
   }
 
+  .xxs\:hover\:via-gray-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #F2F2F2, var(--tw-gradient-to, rgba(242, 242, 242, 0));
+  }
+
   .xxs\:hover\:via-gray-100:hover {
     --tw-gradient-stops: var(--tw-gradient-from), #E8E8E8, var(--tw-gradient-to, rgba(232, 232, 232, 0));
   }
@@ -38924,6 +39190,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-gradient-to: #fff;
   }
 
+  .xxs\:hover\:to-gray-50:hover {
+    --tw-gradient-to: #F2F2F2;
+  }
+
   .xxs\:hover\:to-gray-100:hover {
     --tw-gradient-to: #E8E8E8;
   }
@@ -39232,6 +39502,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
   }
 
+  .xxs\:focus\:from-gray-50:focus {
+    --tw-gradient-from: #F2F2F2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(242, 242, 242, 0));
+  }
+
   .xxs\:focus\:from-gray-100:focus {
     --tw-gradient-from: #E8E8E8;
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(232, 232, 232, 0));
@@ -39590,6 +39865,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
   }
 
+  .xxs\:focus\:via-gray-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #F2F2F2, var(--tw-gradient-to, rgba(242, 242, 242, 0));
+  }
+
   .xxs\:focus\:via-gray-100:focus {
     --tw-gradient-stops: var(--tw-gradient-from), #E8E8E8, var(--tw-gradient-to, rgba(232, 232, 232, 0));
   }
@@ -39886,6 +40165,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-gradient-to: #fff;
   }
 
+  .xxs\:focus\:to-gray-50:focus {
+    --tw-gradient-to: #F2F2F2;
+  }
+
   .xxs\:focus\:to-gray-100:focus {
     --tw-gradient-to: #E8E8E8;
   }
@@ -40572,6 +40855,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     border-color: rgba(255, 255, 255, var(--tw-border-opacity));
   }
 
+  .xxs\:border-gray-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(242, 242, 242, var(--tw-border-opacity));
+  }
+
   .xxs\:border-gray-100 {
     --tw-border-opacity: 1;
     border-color: rgba(232, 232, 232, var(--tw-border-opacity));
@@ -40940,6 +41228,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     border-color: rgba(255, 255, 255, var(--tw-border-opacity));
   }
 
+  .group:hover .xxs\:group-hover\:border-gray-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(242, 242, 242, var(--tw-border-opacity));
+  }
+
   .group:hover .xxs\:group-hover\:border-gray-100 {
     --tw-border-opacity: 1;
     border-color: rgba(232, 232, 232, var(--tw-border-opacity));
@@ -41308,6 +41601,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     border-color: rgba(255, 255, 255, var(--tw-border-opacity));
   }
 
+  .xxs\:focus-within\:border-gray-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(242, 242, 242, var(--tw-border-opacity));
+  }
+
   .xxs\:focus-within\:border-gray-100:focus-within {
     --tw-border-opacity: 1;
     border-color: rgba(232, 232, 232, var(--tw-border-opacity));
@@ -41676,6 +41974,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     border-color: rgba(255, 255, 255, var(--tw-border-opacity));
   }
 
+  .xxs\:hover\:border-gray-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(242, 242, 242, var(--tw-border-opacity));
+  }
+
   .xxs\:hover\:border-gray-100:hover {
     --tw-border-opacity: 1;
     border-color: rgba(232, 232, 232, var(--tw-border-opacity));
@@ -42044,6 +42347,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     border-color: rgba(255, 255, 255, var(--tw-border-opacity));
   }
 
+  .xxs\:focus\:border-gray-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(242, 242, 242, var(--tw-border-opacity));
+  }
+
   .xxs\:focus\:border-gray-100:focus {
     --tw-border-opacity: 1;
     border-color: rgba(232, 232, 232, var(--tw-border-opacity));
@@ -42412,6 +42720,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     border-color: rgba(255, 255, 255, var(--tw-border-opacity));
   }
 
+  .xxs\:last\:border-gray-50:last-child {
+    --tw-border-opacity: 1;
+    border-color: rgba(242, 242, 242, var(--tw-border-opacity));
+  }
+
   .xxs\:last\:border-gray-100:last-child {
     --tw-border-opacity: 1;
     border-color: rgba(232, 232, 232, var(--tw-border-opacity));
@@ -49053,6 +49366,21 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
   }
 
+  .xxs\:placeholder-gray-50::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-placeholder-opacity));
+  }
+
+  .xxs\:placeholder-gray-50:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-placeholder-opacity));
+  }
+
+  .xxs\:placeholder-gray-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-placeholder-opacity));
+  }
+
   .xxs\:placeholder-gray-100::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(232, 232, 232, var(--tw-placeholder-opacity));
@@ -50157,6 +50485,21 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
   }
 
+  .xxs\:focus\:placeholder-gray-50:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-placeholder-opacity));
+  }
+
+  .xxs\:focus\:placeholder-gray-50:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-placeholder-opacity));
+  }
+
+  .xxs\:focus\:placeholder-gray-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-placeholder-opacity));
+  }
+
   .xxs\:focus\:placeholder-gray-100:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(232, 232, 232, var(--tw-placeholder-opacity));
@@ -54902,6 +55245,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-ring-offset-color: #fff;
   }
 
+  .xxs\:ring-offset-gray-50 {
+    --tw-ring-offset-color: #F2F2F2;
+  }
+
   .xxs\:ring-offset-gray-100 {
     --tw-ring-offset-color: #E8E8E8;
   }
@@ -55198,6 +55545,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-ring-offset-color: #fff;
   }
 
+  .xxs\:focus-within\:ring-offset-gray-50:focus-within {
+    --tw-ring-offset-color: #F2F2F2;
+  }
+
   .xxs\:focus-within\:ring-offset-gray-100:focus-within {
     --tw-ring-offset-color: #E8E8E8;
   }
@@ -55494,6 +55845,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-ring-offset-color: #fff;
   }
 
+  .xxs\:focus\:ring-offset-gray-50:focus {
+    --tw-ring-offset-color: #F2F2F2;
+  }
+
   .xxs\:focus\:ring-offset-gray-100:focus {
     --tw-ring-offset-color: #E8E8E8;
   }
@@ -55790,6 +56145,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-ring-offset-color: #fff;
   }
 
+  .xxs\:hover\:ring-offset-gray-50:hover {
+    --tw-ring-offset-color: #F2F2F2;
+  }
+
   .xxs\:hover\:ring-offset-gray-100:hover {
     --tw-ring-offset-color: #E8E8E8;
   }
@@ -56176,6 +56535,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
   }
 
+  .xxs\:ring-gray-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(242, 242, 242, var(--tw-ring-opacity));
+  }
+
   .xxs\:ring-gray-100 {
     --tw-ring-opacity: 1;
     --tw-ring-color: rgba(232, 232, 232, var(--tw-ring-opacity));
@@ -56544,6 +56908,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
   }
 
+  .xxs\:focus-within\:ring-gray-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(242, 242, 242, var(--tw-ring-opacity));
+  }
+
   .xxs\:focus-within\:ring-gray-100:focus-within {
     --tw-ring-opacity: 1;
     --tw-ring-color: rgba(232, 232, 232, var(--tw-ring-opacity));
@@ -56912,6 +57281,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
   }
 
+  .xxs\:focus\:ring-gray-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(242, 242, 242, var(--tw-ring-opacity));
+  }
+
   .xxs\:focus\:ring-gray-100:focus {
     --tw-ring-opacity: 1;
     --tw-ring-color: rgba(232, 232, 232, var(--tw-ring-opacity));
@@ -57280,6 +57654,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
   }
 
+  .xxs\:hover\:ring-gray-50:hover {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(242, 242, 242, var(--tw-ring-opacity));
+  }
+
   .xxs\:hover\:ring-gray-100:hover {
     --tw-ring-opacity: 1;
     --tw-ring-color: rgba(232, 232, 232, var(--tw-ring-opacity));
@@ -57932,6 +58311,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     color: rgba(255, 255, 255, var(--tw-text-opacity));
   }
 
+  .xxs\:text-gray-50 {
+    --tw-text-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-text-opacity));
+  }
+
   .xxs\:text-gray-100 {
     --tw-text-opacity: 1;
     color: rgba(232, 232, 232, var(--tw-text-opacity));
@@ -58300,6 +58684,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     color: rgba(255, 255, 255, var(--tw-text-opacity));
   }
 
+  .group:hover .xxs\:group-hover\:text-gray-50 {
+    --tw-text-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-text-opacity));
+  }
+
   .group:hover .xxs\:group-hover\:text-gray-100 {
     --tw-text-opacity: 1;
     color: rgba(232, 232, 232, var(--tw-text-opacity));
@@ -58668,6 +59057,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     color: rgba(255, 255, 255, var(--tw-text-opacity));
   }
 
+  .xxs\:focus-within\:text-gray-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-text-opacity));
+  }
+
   .xxs\:focus-within\:text-gray-100:focus-within {
     --tw-text-opacity: 1;
     color: rgba(232, 232, 232, var(--tw-text-opacity));
@@ -59036,6 +59430,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     color: rgba(255, 255, 255, var(--tw-text-opacity));
   }
 
+  .xxs\:hover\:text-gray-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-text-opacity));
+  }
+
   .xxs\:hover\:text-gray-100:hover {
     --tw-text-opacity: 1;
     color: rgba(232, 232, 232, var(--tw-text-opacity));
@@ -59404,6 +59803,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     color: rgba(255, 255, 255, var(--tw-text-opacity));
   }
 
+  .xxs\:focus\:text-gray-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-text-opacity));
+  }
+
   .xxs\:focus\:text-gray-100:focus {
     --tw-text-opacity: 1;
     color: rgba(232, 232, 232, var(--tw-text-opacity));
@@ -65989,6 +66393,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     border-color: rgba(255, 255, 255, var(--tw-divide-opacity));
   }
 
+  .xs\:divide-gray-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(242, 242, 242, var(--tw-divide-opacity));
+  }
+
   .xs\:divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
     --tw-divide-opacity: 1;
     border-color: rgba(232, 232, 232, var(--tw-divide-opacity));
@@ -66541,6 +66950,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
   }
 
+  .xs\:bg-gray-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(242, 242, 242, var(--tw-bg-opacity));
+  }
+
   .xs\:bg-gray-100 {
     --tw-bg-opacity: 1;
     background-color: rgba(232, 232, 232, var(--tw-bg-opacity));
@@ -66909,6 +67323,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
   }
 
+  .group:hover .xs\:group-hover\:bg-gray-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(242, 242, 242, var(--tw-bg-opacity));
+  }
+
   .group:hover .xs\:group-hover\:bg-gray-100 {
     --tw-bg-opacity: 1;
     background-color: rgba(232, 232, 232, var(--tw-bg-opacity));
@@ -67277,6 +67696,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
   }
 
+  .xs\:focus-within\:bg-gray-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(242, 242, 242, var(--tw-bg-opacity));
+  }
+
   .xs\:focus-within\:bg-gray-100:focus-within {
     --tw-bg-opacity: 1;
     background-color: rgba(232, 232, 232, var(--tw-bg-opacity));
@@ -67645,6 +68069,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
   }
 
+  .xs\:hover\:bg-gray-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(242, 242, 242, var(--tw-bg-opacity));
+  }
+
   .xs\:hover\:bg-gray-100:hover {
     --tw-bg-opacity: 1;
     background-color: rgba(232, 232, 232, var(--tw-bg-opacity));
@@ -68013,6 +68442,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
   }
 
+  .xs\:focus\:bg-gray-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(242, 242, 242, var(--tw-bg-opacity));
+  }
+
   .xs\:focus\:bg-gray-100:focus {
     --tw-bg-opacity: 1;
     background-color: rgba(232, 232, 232, var(--tw-bg-opacity));
@@ -68381,6 +68815,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
   }
 
+  .xs\:active\:bg-gray-50:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(242, 242, 242, var(--tw-bg-opacity));
+  }
+
   .xs\:active\:bg-gray-100:active {
     --tw-bg-opacity: 1;
     background-color: rgba(232, 232, 232, var(--tw-bg-opacity));
@@ -68791,6 +69230,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
   }
 
+  .xs\:from-gray-50 {
+    --tw-gradient-from: #F2F2F2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(242, 242, 242, 0));
+  }
+
   .xs\:from-gray-100 {
     --tw-gradient-from: #E8E8E8;
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(232, 232, 232, 0));
@@ -69149,6 +69593,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
   }
 
+  .xs\:via-gray-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #F2F2F2, var(--tw-gradient-to, rgba(242, 242, 242, 0));
+  }
+
   .xs\:via-gray-100 {
     --tw-gradient-stops: var(--tw-gradient-from), #E8E8E8, var(--tw-gradient-to, rgba(232, 232, 232, 0));
   }
@@ -69445,6 +69893,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-gradient-to: #fff;
   }
 
+  .xs\:to-gray-50 {
+    --tw-gradient-to: #F2F2F2;
+  }
+
   .xs\:to-gray-100 {
     --tw-gradient-to: #E8E8E8;
   }
@@ -69753,6 +70205,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
   }
 
+  .xs\:hover\:from-gray-50:hover {
+    --tw-gradient-from: #F2F2F2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(242, 242, 242, 0));
+  }
+
   .xs\:hover\:from-gray-100:hover {
     --tw-gradient-from: #E8E8E8;
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(232, 232, 232, 0));
@@ -70111,6 +70568,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
   }
 
+  .xs\:hover\:via-gray-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #F2F2F2, var(--tw-gradient-to, rgba(242, 242, 242, 0));
+  }
+
   .xs\:hover\:via-gray-100:hover {
     --tw-gradient-stops: var(--tw-gradient-from), #E8E8E8, var(--tw-gradient-to, rgba(232, 232, 232, 0));
   }
@@ -70407,6 +70868,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-gradient-to: #fff;
   }
 
+  .xs\:hover\:to-gray-50:hover {
+    --tw-gradient-to: #F2F2F2;
+  }
+
   .xs\:hover\:to-gray-100:hover {
     --tw-gradient-to: #E8E8E8;
   }
@@ -70715,6 +71180,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
   }
 
+  .xs\:focus\:from-gray-50:focus {
+    --tw-gradient-from: #F2F2F2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(242, 242, 242, 0));
+  }
+
   .xs\:focus\:from-gray-100:focus {
     --tw-gradient-from: #E8E8E8;
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(232, 232, 232, 0));
@@ -71073,6 +71543,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
   }
 
+  .xs\:focus\:via-gray-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #F2F2F2, var(--tw-gradient-to, rgba(242, 242, 242, 0));
+  }
+
   .xs\:focus\:via-gray-100:focus {
     --tw-gradient-stops: var(--tw-gradient-from), #E8E8E8, var(--tw-gradient-to, rgba(232, 232, 232, 0));
   }
@@ -71369,6 +71843,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-gradient-to: #fff;
   }
 
+  .xs\:focus\:to-gray-50:focus {
+    --tw-gradient-to: #F2F2F2;
+  }
+
   .xs\:focus\:to-gray-100:focus {
     --tw-gradient-to: #E8E8E8;
   }
@@ -72055,6 +72533,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     border-color: rgba(255, 255, 255, var(--tw-border-opacity));
   }
 
+  .xs\:border-gray-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(242, 242, 242, var(--tw-border-opacity));
+  }
+
   .xs\:border-gray-100 {
     --tw-border-opacity: 1;
     border-color: rgba(232, 232, 232, var(--tw-border-opacity));
@@ -72423,6 +72906,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     border-color: rgba(255, 255, 255, var(--tw-border-opacity));
   }
 
+  .group:hover .xs\:group-hover\:border-gray-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(242, 242, 242, var(--tw-border-opacity));
+  }
+
   .group:hover .xs\:group-hover\:border-gray-100 {
     --tw-border-opacity: 1;
     border-color: rgba(232, 232, 232, var(--tw-border-opacity));
@@ -72791,6 +73279,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     border-color: rgba(255, 255, 255, var(--tw-border-opacity));
   }
 
+  .xs\:focus-within\:border-gray-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(242, 242, 242, var(--tw-border-opacity));
+  }
+
   .xs\:focus-within\:border-gray-100:focus-within {
     --tw-border-opacity: 1;
     border-color: rgba(232, 232, 232, var(--tw-border-opacity));
@@ -73159,6 +73652,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     border-color: rgba(255, 255, 255, var(--tw-border-opacity));
   }
 
+  .xs\:hover\:border-gray-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(242, 242, 242, var(--tw-border-opacity));
+  }
+
   .xs\:hover\:border-gray-100:hover {
     --tw-border-opacity: 1;
     border-color: rgba(232, 232, 232, var(--tw-border-opacity));
@@ -73527,6 +74025,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     border-color: rgba(255, 255, 255, var(--tw-border-opacity));
   }
 
+  .xs\:focus\:border-gray-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(242, 242, 242, var(--tw-border-opacity));
+  }
+
   .xs\:focus\:border-gray-100:focus {
     --tw-border-opacity: 1;
     border-color: rgba(232, 232, 232, var(--tw-border-opacity));
@@ -73895,6 +74398,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     border-color: rgba(255, 255, 255, var(--tw-border-opacity));
   }
 
+  .xs\:last\:border-gray-50:last-child {
+    --tw-border-opacity: 1;
+    border-color: rgba(242, 242, 242, var(--tw-border-opacity));
+  }
+
   .xs\:last\:border-gray-100:last-child {
     --tw-border-opacity: 1;
     border-color: rgba(232, 232, 232, var(--tw-border-opacity));
@@ -80536,6 +81044,21 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
   }
 
+  .xs\:placeholder-gray-50::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-placeholder-opacity));
+  }
+
+  .xs\:placeholder-gray-50:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-placeholder-opacity));
+  }
+
+  .xs\:placeholder-gray-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-placeholder-opacity));
+  }
+
   .xs\:placeholder-gray-100::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(232, 232, 232, var(--tw-placeholder-opacity));
@@ -81640,6 +82163,21 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
   }
 
+  .xs\:focus\:placeholder-gray-50:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-gray-50:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-placeholder-opacity));
+  }
+
+  .xs\:focus\:placeholder-gray-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-placeholder-opacity));
+  }
+
   .xs\:focus\:placeholder-gray-100:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(232, 232, 232, var(--tw-placeholder-opacity));
@@ -86385,6 +86923,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-ring-offset-color: #fff;
   }
 
+  .xs\:ring-offset-gray-50 {
+    --tw-ring-offset-color: #F2F2F2;
+  }
+
   .xs\:ring-offset-gray-100 {
     --tw-ring-offset-color: #E8E8E8;
   }
@@ -86681,6 +87223,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-ring-offset-color: #fff;
   }
 
+  .xs\:focus-within\:ring-offset-gray-50:focus-within {
+    --tw-ring-offset-color: #F2F2F2;
+  }
+
   .xs\:focus-within\:ring-offset-gray-100:focus-within {
     --tw-ring-offset-color: #E8E8E8;
   }
@@ -86977,6 +87523,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-ring-offset-color: #fff;
   }
 
+  .xs\:focus\:ring-offset-gray-50:focus {
+    --tw-ring-offset-color: #F2F2F2;
+  }
+
   .xs\:focus\:ring-offset-gray-100:focus {
     --tw-ring-offset-color: #E8E8E8;
   }
@@ -87273,6 +87823,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-ring-offset-color: #fff;
   }
 
+  .xs\:hover\:ring-offset-gray-50:hover {
+    --tw-ring-offset-color: #F2F2F2;
+  }
+
   .xs\:hover\:ring-offset-gray-100:hover {
     --tw-ring-offset-color: #E8E8E8;
   }
@@ -87659,6 +88213,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
   }
 
+  .xs\:ring-gray-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(242, 242, 242, var(--tw-ring-opacity));
+  }
+
   .xs\:ring-gray-100 {
     --tw-ring-opacity: 1;
     --tw-ring-color: rgba(232, 232, 232, var(--tw-ring-opacity));
@@ -88027,6 +88586,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
   }
 
+  .xs\:focus-within\:ring-gray-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(242, 242, 242, var(--tw-ring-opacity));
+  }
+
   .xs\:focus-within\:ring-gray-100:focus-within {
     --tw-ring-opacity: 1;
     --tw-ring-color: rgba(232, 232, 232, var(--tw-ring-opacity));
@@ -88395,6 +88959,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
   }
 
+  .xs\:focus\:ring-gray-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(242, 242, 242, var(--tw-ring-opacity));
+  }
+
   .xs\:focus\:ring-gray-100:focus {
     --tw-ring-opacity: 1;
     --tw-ring-color: rgba(232, 232, 232, var(--tw-ring-opacity));
@@ -88763,6 +89332,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
   }
 
+  .xs\:hover\:ring-gray-50:hover {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(242, 242, 242, var(--tw-ring-opacity));
+  }
+
   .xs\:hover\:ring-gray-100:hover {
     --tw-ring-opacity: 1;
     --tw-ring-color: rgba(232, 232, 232, var(--tw-ring-opacity));
@@ -89415,6 +89989,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     color: rgba(255, 255, 255, var(--tw-text-opacity));
   }
 
+  .xs\:text-gray-50 {
+    --tw-text-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-text-opacity));
+  }
+
   .xs\:text-gray-100 {
     --tw-text-opacity: 1;
     color: rgba(232, 232, 232, var(--tw-text-opacity));
@@ -89783,6 +90362,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     color: rgba(255, 255, 255, var(--tw-text-opacity));
   }
 
+  .group:hover .xs\:group-hover\:text-gray-50 {
+    --tw-text-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-text-opacity));
+  }
+
   .group:hover .xs\:group-hover\:text-gray-100 {
     --tw-text-opacity: 1;
     color: rgba(232, 232, 232, var(--tw-text-opacity));
@@ -90151,6 +90735,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     color: rgba(255, 255, 255, var(--tw-text-opacity));
   }
 
+  .xs\:focus-within\:text-gray-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-text-opacity));
+  }
+
   .xs\:focus-within\:text-gray-100:focus-within {
     --tw-text-opacity: 1;
     color: rgba(232, 232, 232, var(--tw-text-opacity));
@@ -90519,6 +91108,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     color: rgba(255, 255, 255, var(--tw-text-opacity));
   }
 
+  .xs\:hover\:text-gray-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-text-opacity));
+  }
+
   .xs\:hover\:text-gray-100:hover {
     --tw-text-opacity: 1;
     color: rgba(232, 232, 232, var(--tw-text-opacity));
@@ -90887,6 +91481,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     color: rgba(255, 255, 255, var(--tw-text-opacity));
   }
 
+  .xs\:focus\:text-gray-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-text-opacity));
+  }
+
   .xs\:focus\:text-gray-100:focus {
     --tw-text-opacity: 1;
     color: rgba(232, 232, 232, var(--tw-text-opacity));
@@ -97472,6 +98071,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     border-color: rgba(255, 255, 255, var(--tw-divide-opacity));
   }
 
+  .sm\:divide-gray-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(242, 242, 242, var(--tw-divide-opacity));
+  }
+
   .sm\:divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
     --tw-divide-opacity: 1;
     border-color: rgba(232, 232, 232, var(--tw-divide-opacity));
@@ -98024,6 +98628,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
   }
 
+  .sm\:bg-gray-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(242, 242, 242, var(--tw-bg-opacity));
+  }
+
   .sm\:bg-gray-100 {
     --tw-bg-opacity: 1;
     background-color: rgba(232, 232, 232, var(--tw-bg-opacity));
@@ -98392,6 +99001,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
   }
 
+  .group:hover .sm\:group-hover\:bg-gray-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(242, 242, 242, var(--tw-bg-opacity));
+  }
+
   .group:hover .sm\:group-hover\:bg-gray-100 {
     --tw-bg-opacity: 1;
     background-color: rgba(232, 232, 232, var(--tw-bg-opacity));
@@ -98760,6 +99374,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
   }
 
+  .sm\:focus-within\:bg-gray-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(242, 242, 242, var(--tw-bg-opacity));
+  }
+
   .sm\:focus-within\:bg-gray-100:focus-within {
     --tw-bg-opacity: 1;
     background-color: rgba(232, 232, 232, var(--tw-bg-opacity));
@@ -99128,6 +99747,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
   }
 
+  .sm\:hover\:bg-gray-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(242, 242, 242, var(--tw-bg-opacity));
+  }
+
   .sm\:hover\:bg-gray-100:hover {
     --tw-bg-opacity: 1;
     background-color: rgba(232, 232, 232, var(--tw-bg-opacity));
@@ -99496,6 +100120,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
   }
 
+  .sm\:focus\:bg-gray-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(242, 242, 242, var(--tw-bg-opacity));
+  }
+
   .sm\:focus\:bg-gray-100:focus {
     --tw-bg-opacity: 1;
     background-color: rgba(232, 232, 232, var(--tw-bg-opacity));
@@ -99864,6 +100493,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
   }
 
+  .sm\:active\:bg-gray-50:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(242, 242, 242, var(--tw-bg-opacity));
+  }
+
   .sm\:active\:bg-gray-100:active {
     --tw-bg-opacity: 1;
     background-color: rgba(232, 232, 232, var(--tw-bg-opacity));
@@ -100274,6 +100908,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
   }
 
+  .sm\:from-gray-50 {
+    --tw-gradient-from: #F2F2F2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(242, 242, 242, 0));
+  }
+
   .sm\:from-gray-100 {
     --tw-gradient-from: #E8E8E8;
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(232, 232, 232, 0));
@@ -100632,6 +101271,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
   }
 
+  .sm\:via-gray-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #F2F2F2, var(--tw-gradient-to, rgba(242, 242, 242, 0));
+  }
+
   .sm\:via-gray-100 {
     --tw-gradient-stops: var(--tw-gradient-from), #E8E8E8, var(--tw-gradient-to, rgba(232, 232, 232, 0));
   }
@@ -100928,6 +101571,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-gradient-to: #fff;
   }
 
+  .sm\:to-gray-50 {
+    --tw-gradient-to: #F2F2F2;
+  }
+
   .sm\:to-gray-100 {
     --tw-gradient-to: #E8E8E8;
   }
@@ -101236,6 +101883,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
   }
 
+  .sm\:hover\:from-gray-50:hover {
+    --tw-gradient-from: #F2F2F2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(242, 242, 242, 0));
+  }
+
   .sm\:hover\:from-gray-100:hover {
     --tw-gradient-from: #E8E8E8;
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(232, 232, 232, 0));
@@ -101594,6 +102246,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
   }
 
+  .sm\:hover\:via-gray-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #F2F2F2, var(--tw-gradient-to, rgba(242, 242, 242, 0));
+  }
+
   .sm\:hover\:via-gray-100:hover {
     --tw-gradient-stops: var(--tw-gradient-from), #E8E8E8, var(--tw-gradient-to, rgba(232, 232, 232, 0));
   }
@@ -101890,6 +102546,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-gradient-to: #fff;
   }
 
+  .sm\:hover\:to-gray-50:hover {
+    --tw-gradient-to: #F2F2F2;
+  }
+
   .sm\:hover\:to-gray-100:hover {
     --tw-gradient-to: #E8E8E8;
   }
@@ -102198,6 +102858,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
   }
 
+  .sm\:focus\:from-gray-50:focus {
+    --tw-gradient-from: #F2F2F2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(242, 242, 242, 0));
+  }
+
   .sm\:focus\:from-gray-100:focus {
     --tw-gradient-from: #E8E8E8;
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(232, 232, 232, 0));
@@ -102556,6 +103221,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
   }
 
+  .sm\:focus\:via-gray-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #F2F2F2, var(--tw-gradient-to, rgba(242, 242, 242, 0));
+  }
+
   .sm\:focus\:via-gray-100:focus {
     --tw-gradient-stops: var(--tw-gradient-from), #E8E8E8, var(--tw-gradient-to, rgba(232, 232, 232, 0));
   }
@@ -102852,6 +103521,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-gradient-to: #fff;
   }
 
+  .sm\:focus\:to-gray-50:focus {
+    --tw-gradient-to: #F2F2F2;
+  }
+
   .sm\:focus\:to-gray-100:focus {
     --tw-gradient-to: #E8E8E8;
   }
@@ -103538,6 +104211,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     border-color: rgba(255, 255, 255, var(--tw-border-opacity));
   }
 
+  .sm\:border-gray-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(242, 242, 242, var(--tw-border-opacity));
+  }
+
   .sm\:border-gray-100 {
     --tw-border-opacity: 1;
     border-color: rgba(232, 232, 232, var(--tw-border-opacity));
@@ -103906,6 +104584,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     border-color: rgba(255, 255, 255, var(--tw-border-opacity));
   }
 
+  .group:hover .sm\:group-hover\:border-gray-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(242, 242, 242, var(--tw-border-opacity));
+  }
+
   .group:hover .sm\:group-hover\:border-gray-100 {
     --tw-border-opacity: 1;
     border-color: rgba(232, 232, 232, var(--tw-border-opacity));
@@ -104274,6 +104957,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     border-color: rgba(255, 255, 255, var(--tw-border-opacity));
   }
 
+  .sm\:focus-within\:border-gray-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(242, 242, 242, var(--tw-border-opacity));
+  }
+
   .sm\:focus-within\:border-gray-100:focus-within {
     --tw-border-opacity: 1;
     border-color: rgba(232, 232, 232, var(--tw-border-opacity));
@@ -104642,6 +105330,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     border-color: rgba(255, 255, 255, var(--tw-border-opacity));
   }
 
+  .sm\:hover\:border-gray-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(242, 242, 242, var(--tw-border-opacity));
+  }
+
   .sm\:hover\:border-gray-100:hover {
     --tw-border-opacity: 1;
     border-color: rgba(232, 232, 232, var(--tw-border-opacity));
@@ -105010,6 +105703,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     border-color: rgba(255, 255, 255, var(--tw-border-opacity));
   }
 
+  .sm\:focus\:border-gray-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(242, 242, 242, var(--tw-border-opacity));
+  }
+
   .sm\:focus\:border-gray-100:focus {
     --tw-border-opacity: 1;
     border-color: rgba(232, 232, 232, var(--tw-border-opacity));
@@ -105378,6 +106076,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     border-color: rgba(255, 255, 255, var(--tw-border-opacity));
   }
 
+  .sm\:last\:border-gray-50:last-child {
+    --tw-border-opacity: 1;
+    border-color: rgba(242, 242, 242, var(--tw-border-opacity));
+  }
+
   .sm\:last\:border-gray-100:last-child {
     --tw-border-opacity: 1;
     border-color: rgba(232, 232, 232, var(--tw-border-opacity));
@@ -112019,6 +112722,21 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
   }
 
+  .sm\:placeholder-gray-50::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-50:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:placeholder-gray-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-placeholder-opacity));
+  }
+
   .sm\:placeholder-gray-100::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(232, 232, 232, var(--tw-placeholder-opacity));
@@ -113123,6 +113841,21 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
   }
 
+  .sm\:focus\:placeholder-gray-50:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-50:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-placeholder-opacity));
+  }
+
+  .sm\:focus\:placeholder-gray-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-placeholder-opacity));
+  }
+
   .sm\:focus\:placeholder-gray-100:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(232, 232, 232, var(--tw-placeholder-opacity));
@@ -117868,6 +118601,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-ring-offset-color: #fff;
   }
 
+  .sm\:ring-offset-gray-50 {
+    --tw-ring-offset-color: #F2F2F2;
+  }
+
   .sm\:ring-offset-gray-100 {
     --tw-ring-offset-color: #E8E8E8;
   }
@@ -118164,6 +118901,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-ring-offset-color: #fff;
   }
 
+  .sm\:focus-within\:ring-offset-gray-50:focus-within {
+    --tw-ring-offset-color: #F2F2F2;
+  }
+
   .sm\:focus-within\:ring-offset-gray-100:focus-within {
     --tw-ring-offset-color: #E8E8E8;
   }
@@ -118460,6 +119201,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-ring-offset-color: #fff;
   }
 
+  .sm\:focus\:ring-offset-gray-50:focus {
+    --tw-ring-offset-color: #F2F2F2;
+  }
+
   .sm\:focus\:ring-offset-gray-100:focus {
     --tw-ring-offset-color: #E8E8E8;
   }
@@ -118756,6 +119501,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-ring-offset-color: #fff;
   }
 
+  .sm\:hover\:ring-offset-gray-50:hover {
+    --tw-ring-offset-color: #F2F2F2;
+  }
+
   .sm\:hover\:ring-offset-gray-100:hover {
     --tw-ring-offset-color: #E8E8E8;
   }
@@ -119142,6 +119891,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
   }
 
+  .sm\:ring-gray-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(242, 242, 242, var(--tw-ring-opacity));
+  }
+
   .sm\:ring-gray-100 {
     --tw-ring-opacity: 1;
     --tw-ring-color: rgba(232, 232, 232, var(--tw-ring-opacity));
@@ -119510,6 +120264,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
   }
 
+  .sm\:focus-within\:ring-gray-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(242, 242, 242, var(--tw-ring-opacity));
+  }
+
   .sm\:focus-within\:ring-gray-100:focus-within {
     --tw-ring-opacity: 1;
     --tw-ring-color: rgba(232, 232, 232, var(--tw-ring-opacity));
@@ -119878,6 +120637,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
   }
 
+  .sm\:focus\:ring-gray-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(242, 242, 242, var(--tw-ring-opacity));
+  }
+
   .sm\:focus\:ring-gray-100:focus {
     --tw-ring-opacity: 1;
     --tw-ring-color: rgba(232, 232, 232, var(--tw-ring-opacity));
@@ -120246,6 +121010,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
   }
 
+  .sm\:hover\:ring-gray-50:hover {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(242, 242, 242, var(--tw-ring-opacity));
+  }
+
   .sm\:hover\:ring-gray-100:hover {
     --tw-ring-opacity: 1;
     --tw-ring-color: rgba(232, 232, 232, var(--tw-ring-opacity));
@@ -120898,6 +121667,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     color: rgba(255, 255, 255, var(--tw-text-opacity));
   }
 
+  .sm\:text-gray-50 {
+    --tw-text-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-text-opacity));
+  }
+
   .sm\:text-gray-100 {
     --tw-text-opacity: 1;
     color: rgba(232, 232, 232, var(--tw-text-opacity));
@@ -121266,6 +122040,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     color: rgba(255, 255, 255, var(--tw-text-opacity));
   }
 
+  .group:hover .sm\:group-hover\:text-gray-50 {
+    --tw-text-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-text-opacity));
+  }
+
   .group:hover .sm\:group-hover\:text-gray-100 {
     --tw-text-opacity: 1;
     color: rgba(232, 232, 232, var(--tw-text-opacity));
@@ -121634,6 +122413,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     color: rgba(255, 255, 255, var(--tw-text-opacity));
   }
 
+  .sm\:focus-within\:text-gray-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-text-opacity));
+  }
+
   .sm\:focus-within\:text-gray-100:focus-within {
     --tw-text-opacity: 1;
     color: rgba(232, 232, 232, var(--tw-text-opacity));
@@ -122002,6 +122786,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     color: rgba(255, 255, 255, var(--tw-text-opacity));
   }
 
+  .sm\:hover\:text-gray-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-text-opacity));
+  }
+
   .sm\:hover\:text-gray-100:hover {
     --tw-text-opacity: 1;
     color: rgba(232, 232, 232, var(--tw-text-opacity));
@@ -122370,6 +123159,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     color: rgba(255, 255, 255, var(--tw-text-opacity));
   }
 
+  .sm\:focus\:text-gray-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-text-opacity));
+  }
+
   .sm\:focus\:text-gray-100:focus {
     --tw-text-opacity: 1;
     color: rgba(232, 232, 232, var(--tw-text-opacity));
@@ -128955,6 +129749,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     border-color: rgba(255, 255, 255, var(--tw-divide-opacity));
   }
 
+  .md\:divide-gray-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(242, 242, 242, var(--tw-divide-opacity));
+  }
+
   .md\:divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
     --tw-divide-opacity: 1;
     border-color: rgba(232, 232, 232, var(--tw-divide-opacity));
@@ -129507,6 +130306,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
   }
 
+  .md\:bg-gray-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(242, 242, 242, var(--tw-bg-opacity));
+  }
+
   .md\:bg-gray-100 {
     --tw-bg-opacity: 1;
     background-color: rgba(232, 232, 232, var(--tw-bg-opacity));
@@ -129875,6 +130679,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
   }
 
+  .group:hover .md\:group-hover\:bg-gray-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(242, 242, 242, var(--tw-bg-opacity));
+  }
+
   .group:hover .md\:group-hover\:bg-gray-100 {
     --tw-bg-opacity: 1;
     background-color: rgba(232, 232, 232, var(--tw-bg-opacity));
@@ -130243,6 +131052,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
   }
 
+  .md\:focus-within\:bg-gray-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(242, 242, 242, var(--tw-bg-opacity));
+  }
+
   .md\:focus-within\:bg-gray-100:focus-within {
     --tw-bg-opacity: 1;
     background-color: rgba(232, 232, 232, var(--tw-bg-opacity));
@@ -130611,6 +131425,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
   }
 
+  .md\:hover\:bg-gray-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(242, 242, 242, var(--tw-bg-opacity));
+  }
+
   .md\:hover\:bg-gray-100:hover {
     --tw-bg-opacity: 1;
     background-color: rgba(232, 232, 232, var(--tw-bg-opacity));
@@ -130979,6 +131798,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
   }
 
+  .md\:focus\:bg-gray-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(242, 242, 242, var(--tw-bg-opacity));
+  }
+
   .md\:focus\:bg-gray-100:focus {
     --tw-bg-opacity: 1;
     background-color: rgba(232, 232, 232, var(--tw-bg-opacity));
@@ -131347,6 +132171,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
   }
 
+  .md\:active\:bg-gray-50:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(242, 242, 242, var(--tw-bg-opacity));
+  }
+
   .md\:active\:bg-gray-100:active {
     --tw-bg-opacity: 1;
     background-color: rgba(232, 232, 232, var(--tw-bg-opacity));
@@ -131757,6 +132586,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
   }
 
+  .md\:from-gray-50 {
+    --tw-gradient-from: #F2F2F2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(242, 242, 242, 0));
+  }
+
   .md\:from-gray-100 {
     --tw-gradient-from: #E8E8E8;
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(232, 232, 232, 0));
@@ -132115,6 +132949,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
   }
 
+  .md\:via-gray-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #F2F2F2, var(--tw-gradient-to, rgba(242, 242, 242, 0));
+  }
+
   .md\:via-gray-100 {
     --tw-gradient-stops: var(--tw-gradient-from), #E8E8E8, var(--tw-gradient-to, rgba(232, 232, 232, 0));
   }
@@ -132411,6 +133249,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-gradient-to: #fff;
   }
 
+  .md\:to-gray-50 {
+    --tw-gradient-to: #F2F2F2;
+  }
+
   .md\:to-gray-100 {
     --tw-gradient-to: #E8E8E8;
   }
@@ -132719,6 +133561,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
   }
 
+  .md\:hover\:from-gray-50:hover {
+    --tw-gradient-from: #F2F2F2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(242, 242, 242, 0));
+  }
+
   .md\:hover\:from-gray-100:hover {
     --tw-gradient-from: #E8E8E8;
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(232, 232, 232, 0));
@@ -133077,6 +133924,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
   }
 
+  .md\:hover\:via-gray-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #F2F2F2, var(--tw-gradient-to, rgba(242, 242, 242, 0));
+  }
+
   .md\:hover\:via-gray-100:hover {
     --tw-gradient-stops: var(--tw-gradient-from), #E8E8E8, var(--tw-gradient-to, rgba(232, 232, 232, 0));
   }
@@ -133373,6 +134224,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-gradient-to: #fff;
   }
 
+  .md\:hover\:to-gray-50:hover {
+    --tw-gradient-to: #F2F2F2;
+  }
+
   .md\:hover\:to-gray-100:hover {
     --tw-gradient-to: #E8E8E8;
   }
@@ -133681,6 +134536,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
   }
 
+  .md\:focus\:from-gray-50:focus {
+    --tw-gradient-from: #F2F2F2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(242, 242, 242, 0));
+  }
+
   .md\:focus\:from-gray-100:focus {
     --tw-gradient-from: #E8E8E8;
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(232, 232, 232, 0));
@@ -134039,6 +134899,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
   }
 
+  .md\:focus\:via-gray-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #F2F2F2, var(--tw-gradient-to, rgba(242, 242, 242, 0));
+  }
+
   .md\:focus\:via-gray-100:focus {
     --tw-gradient-stops: var(--tw-gradient-from), #E8E8E8, var(--tw-gradient-to, rgba(232, 232, 232, 0));
   }
@@ -134335,6 +135199,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-gradient-to: #fff;
   }
 
+  .md\:focus\:to-gray-50:focus {
+    --tw-gradient-to: #F2F2F2;
+  }
+
   .md\:focus\:to-gray-100:focus {
     --tw-gradient-to: #E8E8E8;
   }
@@ -135021,6 +135889,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     border-color: rgba(255, 255, 255, var(--tw-border-opacity));
   }
 
+  .md\:border-gray-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(242, 242, 242, var(--tw-border-opacity));
+  }
+
   .md\:border-gray-100 {
     --tw-border-opacity: 1;
     border-color: rgba(232, 232, 232, var(--tw-border-opacity));
@@ -135389,6 +136262,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     border-color: rgba(255, 255, 255, var(--tw-border-opacity));
   }
 
+  .group:hover .md\:group-hover\:border-gray-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(242, 242, 242, var(--tw-border-opacity));
+  }
+
   .group:hover .md\:group-hover\:border-gray-100 {
     --tw-border-opacity: 1;
     border-color: rgba(232, 232, 232, var(--tw-border-opacity));
@@ -135757,6 +136635,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     border-color: rgba(255, 255, 255, var(--tw-border-opacity));
   }
 
+  .md\:focus-within\:border-gray-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(242, 242, 242, var(--tw-border-opacity));
+  }
+
   .md\:focus-within\:border-gray-100:focus-within {
     --tw-border-opacity: 1;
     border-color: rgba(232, 232, 232, var(--tw-border-opacity));
@@ -136125,6 +137008,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     border-color: rgba(255, 255, 255, var(--tw-border-opacity));
   }
 
+  .md\:hover\:border-gray-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(242, 242, 242, var(--tw-border-opacity));
+  }
+
   .md\:hover\:border-gray-100:hover {
     --tw-border-opacity: 1;
     border-color: rgba(232, 232, 232, var(--tw-border-opacity));
@@ -136493,6 +137381,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     border-color: rgba(255, 255, 255, var(--tw-border-opacity));
   }
 
+  .md\:focus\:border-gray-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(242, 242, 242, var(--tw-border-opacity));
+  }
+
   .md\:focus\:border-gray-100:focus {
     --tw-border-opacity: 1;
     border-color: rgba(232, 232, 232, var(--tw-border-opacity));
@@ -136861,6 +137754,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     border-color: rgba(255, 255, 255, var(--tw-border-opacity));
   }
 
+  .md\:last\:border-gray-50:last-child {
+    --tw-border-opacity: 1;
+    border-color: rgba(242, 242, 242, var(--tw-border-opacity));
+  }
+
   .md\:last\:border-gray-100:last-child {
     --tw-border-opacity: 1;
     border-color: rgba(232, 232, 232, var(--tw-border-opacity));
@@ -143502,6 +144400,21 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
   }
 
+  .md\:placeholder-gray-50::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-50:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-placeholder-opacity));
+  }
+
+  .md\:placeholder-gray-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-placeholder-opacity));
+  }
+
   .md\:placeholder-gray-100::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(232, 232, 232, var(--tw-placeholder-opacity));
@@ -144606,6 +145519,21 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
   }
 
+  .md\:focus\:placeholder-gray-50:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-50:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-placeholder-opacity));
+  }
+
+  .md\:focus\:placeholder-gray-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-placeholder-opacity));
+  }
+
   .md\:focus\:placeholder-gray-100:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(232, 232, 232, var(--tw-placeholder-opacity));
@@ -149351,6 +150279,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-ring-offset-color: #fff;
   }
 
+  .md\:ring-offset-gray-50 {
+    --tw-ring-offset-color: #F2F2F2;
+  }
+
   .md\:ring-offset-gray-100 {
     --tw-ring-offset-color: #E8E8E8;
   }
@@ -149647,6 +150579,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-ring-offset-color: #fff;
   }
 
+  .md\:focus-within\:ring-offset-gray-50:focus-within {
+    --tw-ring-offset-color: #F2F2F2;
+  }
+
   .md\:focus-within\:ring-offset-gray-100:focus-within {
     --tw-ring-offset-color: #E8E8E8;
   }
@@ -149943,6 +150879,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-ring-offset-color: #fff;
   }
 
+  .md\:focus\:ring-offset-gray-50:focus {
+    --tw-ring-offset-color: #F2F2F2;
+  }
+
   .md\:focus\:ring-offset-gray-100:focus {
     --tw-ring-offset-color: #E8E8E8;
   }
@@ -150239,6 +151179,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-ring-offset-color: #fff;
   }
 
+  .md\:hover\:ring-offset-gray-50:hover {
+    --tw-ring-offset-color: #F2F2F2;
+  }
+
   .md\:hover\:ring-offset-gray-100:hover {
     --tw-ring-offset-color: #E8E8E8;
   }
@@ -150625,6 +151569,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
   }
 
+  .md\:ring-gray-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(242, 242, 242, var(--tw-ring-opacity));
+  }
+
   .md\:ring-gray-100 {
     --tw-ring-opacity: 1;
     --tw-ring-color: rgba(232, 232, 232, var(--tw-ring-opacity));
@@ -150993,6 +151942,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
   }
 
+  .md\:focus-within\:ring-gray-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(242, 242, 242, var(--tw-ring-opacity));
+  }
+
   .md\:focus-within\:ring-gray-100:focus-within {
     --tw-ring-opacity: 1;
     --tw-ring-color: rgba(232, 232, 232, var(--tw-ring-opacity));
@@ -151361,6 +152315,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
   }
 
+  .md\:focus\:ring-gray-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(242, 242, 242, var(--tw-ring-opacity));
+  }
+
   .md\:focus\:ring-gray-100:focus {
     --tw-ring-opacity: 1;
     --tw-ring-color: rgba(232, 232, 232, var(--tw-ring-opacity));
@@ -151729,6 +152688,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
   }
 
+  .md\:hover\:ring-gray-50:hover {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(242, 242, 242, var(--tw-ring-opacity));
+  }
+
   .md\:hover\:ring-gray-100:hover {
     --tw-ring-opacity: 1;
     --tw-ring-color: rgba(232, 232, 232, var(--tw-ring-opacity));
@@ -152381,6 +153345,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     color: rgba(255, 255, 255, var(--tw-text-opacity));
   }
 
+  .md\:text-gray-50 {
+    --tw-text-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-text-opacity));
+  }
+
   .md\:text-gray-100 {
     --tw-text-opacity: 1;
     color: rgba(232, 232, 232, var(--tw-text-opacity));
@@ -152749,6 +153718,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     color: rgba(255, 255, 255, var(--tw-text-opacity));
   }
 
+  .group:hover .md\:group-hover\:text-gray-50 {
+    --tw-text-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-text-opacity));
+  }
+
   .group:hover .md\:group-hover\:text-gray-100 {
     --tw-text-opacity: 1;
     color: rgba(232, 232, 232, var(--tw-text-opacity));
@@ -153117,6 +154091,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     color: rgba(255, 255, 255, var(--tw-text-opacity));
   }
 
+  .md\:focus-within\:text-gray-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-text-opacity));
+  }
+
   .md\:focus-within\:text-gray-100:focus-within {
     --tw-text-opacity: 1;
     color: rgba(232, 232, 232, var(--tw-text-opacity));
@@ -153485,6 +154464,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     color: rgba(255, 255, 255, var(--tw-text-opacity));
   }
 
+  .md\:hover\:text-gray-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-text-opacity));
+  }
+
   .md\:hover\:text-gray-100:hover {
     --tw-text-opacity: 1;
     color: rgba(232, 232, 232, var(--tw-text-opacity));
@@ -153853,6 +154837,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     color: rgba(255, 255, 255, var(--tw-text-opacity));
   }
 
+  .md\:focus\:text-gray-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-text-opacity));
+  }
+
   .md\:focus\:text-gray-100:focus {
     --tw-text-opacity: 1;
     color: rgba(232, 232, 232, var(--tw-text-opacity));
@@ -160438,6 +161427,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     border-color: rgba(255, 255, 255, var(--tw-divide-opacity));
   }
 
+  .lg\:divide-gray-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(242, 242, 242, var(--tw-divide-opacity));
+  }
+
   .lg\:divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
     --tw-divide-opacity: 1;
     border-color: rgba(232, 232, 232, var(--tw-divide-opacity));
@@ -160990,6 +161984,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
   }
 
+  .lg\:bg-gray-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(242, 242, 242, var(--tw-bg-opacity));
+  }
+
   .lg\:bg-gray-100 {
     --tw-bg-opacity: 1;
     background-color: rgba(232, 232, 232, var(--tw-bg-opacity));
@@ -161358,6 +162357,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
   }
 
+  .group:hover .lg\:group-hover\:bg-gray-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(242, 242, 242, var(--tw-bg-opacity));
+  }
+
   .group:hover .lg\:group-hover\:bg-gray-100 {
     --tw-bg-opacity: 1;
     background-color: rgba(232, 232, 232, var(--tw-bg-opacity));
@@ -161726,6 +162730,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
   }
 
+  .lg\:focus-within\:bg-gray-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(242, 242, 242, var(--tw-bg-opacity));
+  }
+
   .lg\:focus-within\:bg-gray-100:focus-within {
     --tw-bg-opacity: 1;
     background-color: rgba(232, 232, 232, var(--tw-bg-opacity));
@@ -162094,6 +163103,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
   }
 
+  .lg\:hover\:bg-gray-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(242, 242, 242, var(--tw-bg-opacity));
+  }
+
   .lg\:hover\:bg-gray-100:hover {
     --tw-bg-opacity: 1;
     background-color: rgba(232, 232, 232, var(--tw-bg-opacity));
@@ -162462,6 +163476,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
   }
 
+  .lg\:focus\:bg-gray-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(242, 242, 242, var(--tw-bg-opacity));
+  }
+
   .lg\:focus\:bg-gray-100:focus {
     --tw-bg-opacity: 1;
     background-color: rgba(232, 232, 232, var(--tw-bg-opacity));
@@ -162830,6 +163849,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
   }
 
+  .lg\:active\:bg-gray-50:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(242, 242, 242, var(--tw-bg-opacity));
+  }
+
   .lg\:active\:bg-gray-100:active {
     --tw-bg-opacity: 1;
     background-color: rgba(232, 232, 232, var(--tw-bg-opacity));
@@ -163240,6 +164264,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
   }
 
+  .lg\:from-gray-50 {
+    --tw-gradient-from: #F2F2F2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(242, 242, 242, 0));
+  }
+
   .lg\:from-gray-100 {
     --tw-gradient-from: #E8E8E8;
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(232, 232, 232, 0));
@@ -163598,6 +164627,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
   }
 
+  .lg\:via-gray-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #F2F2F2, var(--tw-gradient-to, rgba(242, 242, 242, 0));
+  }
+
   .lg\:via-gray-100 {
     --tw-gradient-stops: var(--tw-gradient-from), #E8E8E8, var(--tw-gradient-to, rgba(232, 232, 232, 0));
   }
@@ -163894,6 +164927,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-gradient-to: #fff;
   }
 
+  .lg\:to-gray-50 {
+    --tw-gradient-to: #F2F2F2;
+  }
+
   .lg\:to-gray-100 {
     --tw-gradient-to: #E8E8E8;
   }
@@ -164202,6 +165239,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
   }
 
+  .lg\:hover\:from-gray-50:hover {
+    --tw-gradient-from: #F2F2F2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(242, 242, 242, 0));
+  }
+
   .lg\:hover\:from-gray-100:hover {
     --tw-gradient-from: #E8E8E8;
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(232, 232, 232, 0));
@@ -164560,6 +165602,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
   }
 
+  .lg\:hover\:via-gray-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #F2F2F2, var(--tw-gradient-to, rgba(242, 242, 242, 0));
+  }
+
   .lg\:hover\:via-gray-100:hover {
     --tw-gradient-stops: var(--tw-gradient-from), #E8E8E8, var(--tw-gradient-to, rgba(232, 232, 232, 0));
   }
@@ -164856,6 +165902,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-gradient-to: #fff;
   }
 
+  .lg\:hover\:to-gray-50:hover {
+    --tw-gradient-to: #F2F2F2;
+  }
+
   .lg\:hover\:to-gray-100:hover {
     --tw-gradient-to: #E8E8E8;
   }
@@ -165164,6 +166214,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
   }
 
+  .lg\:focus\:from-gray-50:focus {
+    --tw-gradient-from: #F2F2F2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(242, 242, 242, 0));
+  }
+
   .lg\:focus\:from-gray-100:focus {
     --tw-gradient-from: #E8E8E8;
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(232, 232, 232, 0));
@@ -165522,6 +166577,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
   }
 
+  .lg\:focus\:via-gray-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #F2F2F2, var(--tw-gradient-to, rgba(242, 242, 242, 0));
+  }
+
   .lg\:focus\:via-gray-100:focus {
     --tw-gradient-stops: var(--tw-gradient-from), #E8E8E8, var(--tw-gradient-to, rgba(232, 232, 232, 0));
   }
@@ -165818,6 +166877,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-gradient-to: #fff;
   }
 
+  .lg\:focus\:to-gray-50:focus {
+    --tw-gradient-to: #F2F2F2;
+  }
+
   .lg\:focus\:to-gray-100:focus {
     --tw-gradient-to: #E8E8E8;
   }
@@ -166504,6 +167567,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     border-color: rgba(255, 255, 255, var(--tw-border-opacity));
   }
 
+  .lg\:border-gray-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(242, 242, 242, var(--tw-border-opacity));
+  }
+
   .lg\:border-gray-100 {
     --tw-border-opacity: 1;
     border-color: rgba(232, 232, 232, var(--tw-border-opacity));
@@ -166872,6 +167940,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     border-color: rgba(255, 255, 255, var(--tw-border-opacity));
   }
 
+  .group:hover .lg\:group-hover\:border-gray-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(242, 242, 242, var(--tw-border-opacity));
+  }
+
   .group:hover .lg\:group-hover\:border-gray-100 {
     --tw-border-opacity: 1;
     border-color: rgba(232, 232, 232, var(--tw-border-opacity));
@@ -167240,6 +168313,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     border-color: rgba(255, 255, 255, var(--tw-border-opacity));
   }
 
+  .lg\:focus-within\:border-gray-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(242, 242, 242, var(--tw-border-opacity));
+  }
+
   .lg\:focus-within\:border-gray-100:focus-within {
     --tw-border-opacity: 1;
     border-color: rgba(232, 232, 232, var(--tw-border-opacity));
@@ -167608,6 +168686,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     border-color: rgba(255, 255, 255, var(--tw-border-opacity));
   }
 
+  .lg\:hover\:border-gray-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(242, 242, 242, var(--tw-border-opacity));
+  }
+
   .lg\:hover\:border-gray-100:hover {
     --tw-border-opacity: 1;
     border-color: rgba(232, 232, 232, var(--tw-border-opacity));
@@ -167976,6 +169059,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     border-color: rgba(255, 255, 255, var(--tw-border-opacity));
   }
 
+  .lg\:focus\:border-gray-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(242, 242, 242, var(--tw-border-opacity));
+  }
+
   .lg\:focus\:border-gray-100:focus {
     --tw-border-opacity: 1;
     border-color: rgba(232, 232, 232, var(--tw-border-opacity));
@@ -168344,6 +169432,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     border-color: rgba(255, 255, 255, var(--tw-border-opacity));
   }
 
+  .lg\:last\:border-gray-50:last-child {
+    --tw-border-opacity: 1;
+    border-color: rgba(242, 242, 242, var(--tw-border-opacity));
+  }
+
   .lg\:last\:border-gray-100:last-child {
     --tw-border-opacity: 1;
     border-color: rgba(232, 232, 232, var(--tw-border-opacity));
@@ -174985,6 +176078,21 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
   }
 
+  .lg\:placeholder-gray-50::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-50:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:placeholder-gray-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-placeholder-opacity));
+  }
+
   .lg\:placeholder-gray-100::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(232, 232, 232, var(--tw-placeholder-opacity));
@@ -176089,6 +177197,21 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
   }
 
+  .lg\:focus\:placeholder-gray-50:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-50:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-placeholder-opacity));
+  }
+
+  .lg\:focus\:placeholder-gray-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-placeholder-opacity));
+  }
+
   .lg\:focus\:placeholder-gray-100:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(232, 232, 232, var(--tw-placeholder-opacity));
@@ -180834,6 +181957,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-ring-offset-color: #fff;
   }
 
+  .lg\:ring-offset-gray-50 {
+    --tw-ring-offset-color: #F2F2F2;
+  }
+
   .lg\:ring-offset-gray-100 {
     --tw-ring-offset-color: #E8E8E8;
   }
@@ -181130,6 +182257,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-ring-offset-color: #fff;
   }
 
+  .lg\:focus-within\:ring-offset-gray-50:focus-within {
+    --tw-ring-offset-color: #F2F2F2;
+  }
+
   .lg\:focus-within\:ring-offset-gray-100:focus-within {
     --tw-ring-offset-color: #E8E8E8;
   }
@@ -181426,6 +182557,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-ring-offset-color: #fff;
   }
 
+  .lg\:focus\:ring-offset-gray-50:focus {
+    --tw-ring-offset-color: #F2F2F2;
+  }
+
   .lg\:focus\:ring-offset-gray-100:focus {
     --tw-ring-offset-color: #E8E8E8;
   }
@@ -181722,6 +182857,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-ring-offset-color: #fff;
   }
 
+  .lg\:hover\:ring-offset-gray-50:hover {
+    --tw-ring-offset-color: #F2F2F2;
+  }
+
   .lg\:hover\:ring-offset-gray-100:hover {
     --tw-ring-offset-color: #E8E8E8;
   }
@@ -182108,6 +183247,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
   }
 
+  .lg\:ring-gray-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(242, 242, 242, var(--tw-ring-opacity));
+  }
+
   .lg\:ring-gray-100 {
     --tw-ring-opacity: 1;
     --tw-ring-color: rgba(232, 232, 232, var(--tw-ring-opacity));
@@ -182476,6 +183620,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
   }
 
+  .lg\:focus-within\:ring-gray-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(242, 242, 242, var(--tw-ring-opacity));
+  }
+
   .lg\:focus-within\:ring-gray-100:focus-within {
     --tw-ring-opacity: 1;
     --tw-ring-color: rgba(232, 232, 232, var(--tw-ring-opacity));
@@ -182844,6 +183993,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
   }
 
+  .lg\:focus\:ring-gray-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(242, 242, 242, var(--tw-ring-opacity));
+  }
+
   .lg\:focus\:ring-gray-100:focus {
     --tw-ring-opacity: 1;
     --tw-ring-color: rgba(232, 232, 232, var(--tw-ring-opacity));
@@ -183212,6 +184366,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
   }
 
+  .lg\:hover\:ring-gray-50:hover {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(242, 242, 242, var(--tw-ring-opacity));
+  }
+
   .lg\:hover\:ring-gray-100:hover {
     --tw-ring-opacity: 1;
     --tw-ring-color: rgba(232, 232, 232, var(--tw-ring-opacity));
@@ -183864,6 +185023,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     color: rgba(255, 255, 255, var(--tw-text-opacity));
   }
 
+  .lg\:text-gray-50 {
+    --tw-text-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-text-opacity));
+  }
+
   .lg\:text-gray-100 {
     --tw-text-opacity: 1;
     color: rgba(232, 232, 232, var(--tw-text-opacity));
@@ -184232,6 +185396,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     color: rgba(255, 255, 255, var(--tw-text-opacity));
   }
 
+  .group:hover .lg\:group-hover\:text-gray-50 {
+    --tw-text-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-text-opacity));
+  }
+
   .group:hover .lg\:group-hover\:text-gray-100 {
     --tw-text-opacity: 1;
     color: rgba(232, 232, 232, var(--tw-text-opacity));
@@ -184600,6 +185769,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     color: rgba(255, 255, 255, var(--tw-text-opacity));
   }
 
+  .lg\:focus-within\:text-gray-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-text-opacity));
+  }
+
   .lg\:focus-within\:text-gray-100:focus-within {
     --tw-text-opacity: 1;
     color: rgba(232, 232, 232, var(--tw-text-opacity));
@@ -184968,6 +186142,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     color: rgba(255, 255, 255, var(--tw-text-opacity));
   }
 
+  .lg\:hover\:text-gray-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-text-opacity));
+  }
+
   .lg\:hover\:text-gray-100:hover {
     --tw-text-opacity: 1;
     color: rgba(232, 232, 232, var(--tw-text-opacity));
@@ -185336,6 +186515,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     color: rgba(255, 255, 255, var(--tw-text-opacity));
   }
 
+  .lg\:focus\:text-gray-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-text-opacity));
+  }
+
   .lg\:focus\:text-gray-100:focus {
     --tw-text-opacity: 1;
     color: rgba(232, 232, 232, var(--tw-text-opacity));
@@ -191921,6 +193105,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     border-color: rgba(255, 255, 255, var(--tw-divide-opacity));
   }
 
+  .xl\:divide-gray-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(242, 242, 242, var(--tw-divide-opacity));
+  }
+
   .xl\:divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
     --tw-divide-opacity: 1;
     border-color: rgba(232, 232, 232, var(--tw-divide-opacity));
@@ -192473,6 +193662,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
   }
 
+  .xl\:bg-gray-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(242, 242, 242, var(--tw-bg-opacity));
+  }
+
   .xl\:bg-gray-100 {
     --tw-bg-opacity: 1;
     background-color: rgba(232, 232, 232, var(--tw-bg-opacity));
@@ -192841,6 +194035,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
   }
 
+  .group:hover .xl\:group-hover\:bg-gray-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(242, 242, 242, var(--tw-bg-opacity));
+  }
+
   .group:hover .xl\:group-hover\:bg-gray-100 {
     --tw-bg-opacity: 1;
     background-color: rgba(232, 232, 232, var(--tw-bg-opacity));
@@ -193209,6 +194408,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
   }
 
+  .xl\:focus-within\:bg-gray-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(242, 242, 242, var(--tw-bg-opacity));
+  }
+
   .xl\:focus-within\:bg-gray-100:focus-within {
     --tw-bg-opacity: 1;
     background-color: rgba(232, 232, 232, var(--tw-bg-opacity));
@@ -193577,6 +194781,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
   }
 
+  .xl\:hover\:bg-gray-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(242, 242, 242, var(--tw-bg-opacity));
+  }
+
   .xl\:hover\:bg-gray-100:hover {
     --tw-bg-opacity: 1;
     background-color: rgba(232, 232, 232, var(--tw-bg-opacity));
@@ -193945,6 +195154,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
   }
 
+  .xl\:focus\:bg-gray-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(242, 242, 242, var(--tw-bg-opacity));
+  }
+
   .xl\:focus\:bg-gray-100:focus {
     --tw-bg-opacity: 1;
     background-color: rgba(232, 232, 232, var(--tw-bg-opacity));
@@ -194313,6 +195527,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
   }
 
+  .xl\:active\:bg-gray-50:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(242, 242, 242, var(--tw-bg-opacity));
+  }
+
   .xl\:active\:bg-gray-100:active {
     --tw-bg-opacity: 1;
     background-color: rgba(232, 232, 232, var(--tw-bg-opacity));
@@ -194723,6 +195942,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
   }
 
+  .xl\:from-gray-50 {
+    --tw-gradient-from: #F2F2F2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(242, 242, 242, 0));
+  }
+
   .xl\:from-gray-100 {
     --tw-gradient-from: #E8E8E8;
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(232, 232, 232, 0));
@@ -195081,6 +196305,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
   }
 
+  .xl\:via-gray-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #F2F2F2, var(--tw-gradient-to, rgba(242, 242, 242, 0));
+  }
+
   .xl\:via-gray-100 {
     --tw-gradient-stops: var(--tw-gradient-from), #E8E8E8, var(--tw-gradient-to, rgba(232, 232, 232, 0));
   }
@@ -195377,6 +196605,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-gradient-to: #fff;
   }
 
+  .xl\:to-gray-50 {
+    --tw-gradient-to: #F2F2F2;
+  }
+
   .xl\:to-gray-100 {
     --tw-gradient-to: #E8E8E8;
   }
@@ -195685,6 +196917,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
   }
 
+  .xl\:hover\:from-gray-50:hover {
+    --tw-gradient-from: #F2F2F2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(242, 242, 242, 0));
+  }
+
   .xl\:hover\:from-gray-100:hover {
     --tw-gradient-from: #E8E8E8;
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(232, 232, 232, 0));
@@ -196043,6 +197280,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
   }
 
+  .xl\:hover\:via-gray-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #F2F2F2, var(--tw-gradient-to, rgba(242, 242, 242, 0));
+  }
+
   .xl\:hover\:via-gray-100:hover {
     --tw-gradient-stops: var(--tw-gradient-from), #E8E8E8, var(--tw-gradient-to, rgba(232, 232, 232, 0));
   }
@@ -196339,6 +197580,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-gradient-to: #fff;
   }
 
+  .xl\:hover\:to-gray-50:hover {
+    --tw-gradient-to: #F2F2F2;
+  }
+
   .xl\:hover\:to-gray-100:hover {
     --tw-gradient-to: #E8E8E8;
   }
@@ -196647,6 +197892,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
   }
 
+  .xl\:focus\:from-gray-50:focus {
+    --tw-gradient-from: #F2F2F2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(242, 242, 242, 0));
+  }
+
   .xl\:focus\:from-gray-100:focus {
     --tw-gradient-from: #E8E8E8;
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(232, 232, 232, 0));
@@ -197005,6 +198255,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
   }
 
+  .xl\:focus\:via-gray-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #F2F2F2, var(--tw-gradient-to, rgba(242, 242, 242, 0));
+  }
+
   .xl\:focus\:via-gray-100:focus {
     --tw-gradient-stops: var(--tw-gradient-from), #E8E8E8, var(--tw-gradient-to, rgba(232, 232, 232, 0));
   }
@@ -197301,6 +198555,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-gradient-to: #fff;
   }
 
+  .xl\:focus\:to-gray-50:focus {
+    --tw-gradient-to: #F2F2F2;
+  }
+
   .xl\:focus\:to-gray-100:focus {
     --tw-gradient-to: #E8E8E8;
   }
@@ -197987,6 +199245,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     border-color: rgba(255, 255, 255, var(--tw-border-opacity));
   }
 
+  .xl\:border-gray-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(242, 242, 242, var(--tw-border-opacity));
+  }
+
   .xl\:border-gray-100 {
     --tw-border-opacity: 1;
     border-color: rgba(232, 232, 232, var(--tw-border-opacity));
@@ -198355,6 +199618,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     border-color: rgba(255, 255, 255, var(--tw-border-opacity));
   }
 
+  .group:hover .xl\:group-hover\:border-gray-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(242, 242, 242, var(--tw-border-opacity));
+  }
+
   .group:hover .xl\:group-hover\:border-gray-100 {
     --tw-border-opacity: 1;
     border-color: rgba(232, 232, 232, var(--tw-border-opacity));
@@ -198723,6 +199991,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     border-color: rgba(255, 255, 255, var(--tw-border-opacity));
   }
 
+  .xl\:focus-within\:border-gray-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(242, 242, 242, var(--tw-border-opacity));
+  }
+
   .xl\:focus-within\:border-gray-100:focus-within {
     --tw-border-opacity: 1;
     border-color: rgba(232, 232, 232, var(--tw-border-opacity));
@@ -199091,6 +200364,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     border-color: rgba(255, 255, 255, var(--tw-border-opacity));
   }
 
+  .xl\:hover\:border-gray-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(242, 242, 242, var(--tw-border-opacity));
+  }
+
   .xl\:hover\:border-gray-100:hover {
     --tw-border-opacity: 1;
     border-color: rgba(232, 232, 232, var(--tw-border-opacity));
@@ -199459,6 +200737,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     border-color: rgba(255, 255, 255, var(--tw-border-opacity));
   }
 
+  .xl\:focus\:border-gray-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(242, 242, 242, var(--tw-border-opacity));
+  }
+
   .xl\:focus\:border-gray-100:focus {
     --tw-border-opacity: 1;
     border-color: rgba(232, 232, 232, var(--tw-border-opacity));
@@ -199827,6 +201110,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     border-color: rgba(255, 255, 255, var(--tw-border-opacity));
   }
 
+  .xl\:last\:border-gray-50:last-child {
+    --tw-border-opacity: 1;
+    border-color: rgba(242, 242, 242, var(--tw-border-opacity));
+  }
+
   .xl\:last\:border-gray-100:last-child {
     --tw-border-opacity: 1;
     border-color: rgba(232, 232, 232, var(--tw-border-opacity));
@@ -206468,6 +207756,21 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
   }
 
+  .xl\:placeholder-gray-50::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-50:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:placeholder-gray-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-placeholder-opacity));
+  }
+
   .xl\:placeholder-gray-100::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(232, 232, 232, var(--tw-placeholder-opacity));
@@ -207572,6 +208875,21 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
   }
 
+  .xl\:focus\:placeholder-gray-50:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-50:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-placeholder-opacity));
+  }
+
+  .xl\:focus\:placeholder-gray-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-placeholder-opacity));
+  }
+
   .xl\:focus\:placeholder-gray-100:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(232, 232, 232, var(--tw-placeholder-opacity));
@@ -212317,6 +213635,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-ring-offset-color: #fff;
   }
 
+  .xl\:ring-offset-gray-50 {
+    --tw-ring-offset-color: #F2F2F2;
+  }
+
   .xl\:ring-offset-gray-100 {
     --tw-ring-offset-color: #E8E8E8;
   }
@@ -212613,6 +213935,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-ring-offset-color: #fff;
   }
 
+  .xl\:focus-within\:ring-offset-gray-50:focus-within {
+    --tw-ring-offset-color: #F2F2F2;
+  }
+
   .xl\:focus-within\:ring-offset-gray-100:focus-within {
     --tw-ring-offset-color: #E8E8E8;
   }
@@ -212909,6 +214235,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-ring-offset-color: #fff;
   }
 
+  .xl\:focus\:ring-offset-gray-50:focus {
+    --tw-ring-offset-color: #F2F2F2;
+  }
+
   .xl\:focus\:ring-offset-gray-100:focus {
     --tw-ring-offset-color: #E8E8E8;
   }
@@ -213205,6 +214535,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-ring-offset-color: #fff;
   }
 
+  .xl\:hover\:ring-offset-gray-50:hover {
+    --tw-ring-offset-color: #F2F2F2;
+  }
+
   .xl\:hover\:ring-offset-gray-100:hover {
     --tw-ring-offset-color: #E8E8E8;
   }
@@ -213591,6 +214925,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
   }
 
+  .xl\:ring-gray-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(242, 242, 242, var(--tw-ring-opacity));
+  }
+
   .xl\:ring-gray-100 {
     --tw-ring-opacity: 1;
     --tw-ring-color: rgba(232, 232, 232, var(--tw-ring-opacity));
@@ -213959,6 +215298,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
   }
 
+  .xl\:focus-within\:ring-gray-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(242, 242, 242, var(--tw-ring-opacity));
+  }
+
   .xl\:focus-within\:ring-gray-100:focus-within {
     --tw-ring-opacity: 1;
     --tw-ring-color: rgba(232, 232, 232, var(--tw-ring-opacity));
@@ -214327,6 +215671,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
   }
 
+  .xl\:focus\:ring-gray-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(242, 242, 242, var(--tw-ring-opacity));
+  }
+
   .xl\:focus\:ring-gray-100:focus {
     --tw-ring-opacity: 1;
     --tw-ring-color: rgba(232, 232, 232, var(--tw-ring-opacity));
@@ -214695,6 +216044,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
   }
 
+  .xl\:hover\:ring-gray-50:hover {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(242, 242, 242, var(--tw-ring-opacity));
+  }
+
   .xl\:hover\:ring-gray-100:hover {
     --tw-ring-opacity: 1;
     --tw-ring-color: rgba(232, 232, 232, var(--tw-ring-opacity));
@@ -215347,6 +216701,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     color: rgba(255, 255, 255, var(--tw-text-opacity));
   }
 
+  .xl\:text-gray-50 {
+    --tw-text-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-text-opacity));
+  }
+
   .xl\:text-gray-100 {
     --tw-text-opacity: 1;
     color: rgba(232, 232, 232, var(--tw-text-opacity));
@@ -215715,6 +217074,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     color: rgba(255, 255, 255, var(--tw-text-opacity));
   }
 
+  .group:hover .xl\:group-hover\:text-gray-50 {
+    --tw-text-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-text-opacity));
+  }
+
   .group:hover .xl\:group-hover\:text-gray-100 {
     --tw-text-opacity: 1;
     color: rgba(232, 232, 232, var(--tw-text-opacity));
@@ -216083,6 +217447,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     color: rgba(255, 255, 255, var(--tw-text-opacity));
   }
 
+  .xl\:focus-within\:text-gray-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-text-opacity));
+  }
+
   .xl\:focus-within\:text-gray-100:focus-within {
     --tw-text-opacity: 1;
     color: rgba(232, 232, 232, var(--tw-text-opacity));
@@ -216451,6 +217820,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     color: rgba(255, 255, 255, var(--tw-text-opacity));
   }
 
+  .xl\:hover\:text-gray-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-text-opacity));
+  }
+
   .xl\:hover\:text-gray-100:hover {
     --tw-text-opacity: 1;
     color: rgba(232, 232, 232, var(--tw-text-opacity));
@@ -216819,6 +218193,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     color: rgba(255, 255, 255, var(--tw-text-opacity));
   }
 
+  .xl\:focus\:text-gray-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-text-opacity));
+  }
+
   .xl\:focus\:text-gray-100:focus {
     --tw-text-opacity: 1;
     color: rgba(232, 232, 232, var(--tw-text-opacity));
@@ -223404,6 +224783,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     border-color: rgba(255, 255, 255, var(--tw-divide-opacity));
   }
 
+  .\32xl\:divide-gray-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1;
+    border-color: rgba(242, 242, 242, var(--tw-divide-opacity));
+  }
+
   .\32xl\:divide-gray-100 > :not([hidden]) ~ :not([hidden]) {
     --tw-divide-opacity: 1;
     border-color: rgba(232, 232, 232, var(--tw-divide-opacity));
@@ -223956,6 +225340,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
   }
 
+  .\32xl\:bg-gray-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(242, 242, 242, var(--tw-bg-opacity));
+  }
+
   .\32xl\:bg-gray-100 {
     --tw-bg-opacity: 1;
     background-color: rgba(232, 232, 232, var(--tw-bg-opacity));
@@ -224324,6 +225713,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
   }
 
+  .group:hover .\32xl\:group-hover\:bg-gray-50 {
+    --tw-bg-opacity: 1;
+    background-color: rgba(242, 242, 242, var(--tw-bg-opacity));
+  }
+
   .group:hover .\32xl\:group-hover\:bg-gray-100 {
     --tw-bg-opacity: 1;
     background-color: rgba(232, 232, 232, var(--tw-bg-opacity));
@@ -224692,6 +226086,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
   }
 
+  .\32xl\:focus-within\:bg-gray-50:focus-within {
+    --tw-bg-opacity: 1;
+    background-color: rgba(242, 242, 242, var(--tw-bg-opacity));
+  }
+
   .\32xl\:focus-within\:bg-gray-100:focus-within {
     --tw-bg-opacity: 1;
     background-color: rgba(232, 232, 232, var(--tw-bg-opacity));
@@ -225060,6 +226459,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
   }
 
+  .\32xl\:hover\:bg-gray-50:hover {
+    --tw-bg-opacity: 1;
+    background-color: rgba(242, 242, 242, var(--tw-bg-opacity));
+  }
+
   .\32xl\:hover\:bg-gray-100:hover {
     --tw-bg-opacity: 1;
     background-color: rgba(232, 232, 232, var(--tw-bg-opacity));
@@ -225428,6 +226832,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
   }
 
+  .\32xl\:focus\:bg-gray-50:focus {
+    --tw-bg-opacity: 1;
+    background-color: rgba(242, 242, 242, var(--tw-bg-opacity));
+  }
+
   .\32xl\:focus\:bg-gray-100:focus {
     --tw-bg-opacity: 1;
     background-color: rgba(232, 232, 232, var(--tw-bg-opacity));
@@ -225796,6 +227205,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
   }
 
+  .\32xl\:active\:bg-gray-50:active {
+    --tw-bg-opacity: 1;
+    background-color: rgba(242, 242, 242, var(--tw-bg-opacity));
+  }
+
   .\32xl\:active\:bg-gray-100:active {
     --tw-bg-opacity: 1;
     background-color: rgba(232, 232, 232, var(--tw-bg-opacity));
@@ -226206,6 +227620,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
   }
 
+  .\32xl\:from-gray-50 {
+    --tw-gradient-from: #F2F2F2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(242, 242, 242, 0));
+  }
+
   .\32xl\:from-gray-100 {
     --tw-gradient-from: #E8E8E8;
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(232, 232, 232, 0));
@@ -226564,6 +227983,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
   }
 
+  .\32xl\:via-gray-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #F2F2F2, var(--tw-gradient-to, rgba(242, 242, 242, 0));
+  }
+
   .\32xl\:via-gray-100 {
     --tw-gradient-stops: var(--tw-gradient-from), #E8E8E8, var(--tw-gradient-to, rgba(232, 232, 232, 0));
   }
@@ -226860,6 +228283,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-gradient-to: #fff;
   }
 
+  .\32xl\:to-gray-50 {
+    --tw-gradient-to: #F2F2F2;
+  }
+
   .\32xl\:to-gray-100 {
     --tw-gradient-to: #E8E8E8;
   }
@@ -227168,6 +228595,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
   }
 
+  .\32xl\:hover\:from-gray-50:hover {
+    --tw-gradient-from: #F2F2F2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(242, 242, 242, 0));
+  }
+
   .\32xl\:hover\:from-gray-100:hover {
     --tw-gradient-from: #E8E8E8;
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(232, 232, 232, 0));
@@ -227526,6 +228958,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
   }
 
+  .\32xl\:hover\:via-gray-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #F2F2F2, var(--tw-gradient-to, rgba(242, 242, 242, 0));
+  }
+
   .\32xl\:hover\:via-gray-100:hover {
     --tw-gradient-stops: var(--tw-gradient-from), #E8E8E8, var(--tw-gradient-to, rgba(232, 232, 232, 0));
   }
@@ -227822,6 +229258,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-gradient-to: #fff;
   }
 
+  .\32xl\:hover\:to-gray-50:hover {
+    --tw-gradient-to: #F2F2F2;
+  }
+
   .\32xl\:hover\:to-gray-100:hover {
     --tw-gradient-to: #E8E8E8;
   }
@@ -228130,6 +229570,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0));
   }
 
+  .\32xl\:focus\:from-gray-50:focus {
+    --tw-gradient-from: #F2F2F2;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(242, 242, 242, 0));
+  }
+
   .\32xl\:focus\:from-gray-100:focus {
     --tw-gradient-from: #E8E8E8;
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(232, 232, 232, 0));
@@ -228488,6 +229933,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-gradient-stops: var(--tw-gradient-from), #fff, var(--tw-gradient-to, rgba(255, 255, 255, 0));
   }
 
+  .\32xl\:focus\:via-gray-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #F2F2F2, var(--tw-gradient-to, rgba(242, 242, 242, 0));
+  }
+
   .\32xl\:focus\:via-gray-100:focus {
     --tw-gradient-stops: var(--tw-gradient-from), #E8E8E8, var(--tw-gradient-to, rgba(232, 232, 232, 0));
   }
@@ -228784,6 +230233,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-gradient-to: #fff;
   }
 
+  .\32xl\:focus\:to-gray-50:focus {
+    --tw-gradient-to: #F2F2F2;
+  }
+
   .\32xl\:focus\:to-gray-100:focus {
     --tw-gradient-to: #E8E8E8;
   }
@@ -229470,6 +230923,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     border-color: rgba(255, 255, 255, var(--tw-border-opacity));
   }
 
+  .\32xl\:border-gray-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(242, 242, 242, var(--tw-border-opacity));
+  }
+
   .\32xl\:border-gray-100 {
     --tw-border-opacity: 1;
     border-color: rgba(232, 232, 232, var(--tw-border-opacity));
@@ -229838,6 +231296,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     border-color: rgba(255, 255, 255, var(--tw-border-opacity));
   }
 
+  .group:hover .\32xl\:group-hover\:border-gray-50 {
+    --tw-border-opacity: 1;
+    border-color: rgba(242, 242, 242, var(--tw-border-opacity));
+  }
+
   .group:hover .\32xl\:group-hover\:border-gray-100 {
     --tw-border-opacity: 1;
     border-color: rgba(232, 232, 232, var(--tw-border-opacity));
@@ -230206,6 +231669,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     border-color: rgba(255, 255, 255, var(--tw-border-opacity));
   }
 
+  .\32xl\:focus-within\:border-gray-50:focus-within {
+    --tw-border-opacity: 1;
+    border-color: rgba(242, 242, 242, var(--tw-border-opacity));
+  }
+
   .\32xl\:focus-within\:border-gray-100:focus-within {
     --tw-border-opacity: 1;
     border-color: rgba(232, 232, 232, var(--tw-border-opacity));
@@ -230574,6 +232042,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     border-color: rgba(255, 255, 255, var(--tw-border-opacity));
   }
 
+  .\32xl\:hover\:border-gray-50:hover {
+    --tw-border-opacity: 1;
+    border-color: rgba(242, 242, 242, var(--tw-border-opacity));
+  }
+
   .\32xl\:hover\:border-gray-100:hover {
     --tw-border-opacity: 1;
     border-color: rgba(232, 232, 232, var(--tw-border-opacity));
@@ -230942,6 +232415,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     border-color: rgba(255, 255, 255, var(--tw-border-opacity));
   }
 
+  .\32xl\:focus\:border-gray-50:focus {
+    --tw-border-opacity: 1;
+    border-color: rgba(242, 242, 242, var(--tw-border-opacity));
+  }
+
   .\32xl\:focus\:border-gray-100:focus {
     --tw-border-opacity: 1;
     border-color: rgba(232, 232, 232, var(--tw-border-opacity));
@@ -231310,6 +232788,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     border-color: rgba(255, 255, 255, var(--tw-border-opacity));
   }
 
+  .\32xl\:last\:border-gray-50:last-child {
+    --tw-border-opacity: 1;
+    border-color: rgba(242, 242, 242, var(--tw-border-opacity));
+  }
+
   .\32xl\:last\:border-gray-100:last-child {
     --tw-border-opacity: 1;
     border-color: rgba(232, 232, 232, var(--tw-border-opacity));
@@ -237951,6 +239434,21 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
   }
 
+  .\32xl\:placeholder-gray-50::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-gray-50:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:placeholder-gray-50::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-placeholder-opacity));
+  }
+
   .\32xl\:placeholder-gray-100::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(232, 232, 232, var(--tw-placeholder-opacity));
@@ -239055,6 +240553,21 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     color: rgba(255, 255, 255, var(--tw-placeholder-opacity));
   }
 
+  .\32xl\:focus\:placeholder-gray-50:focus::-moz-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-gray-50:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-placeholder-opacity));
+  }
+
+  .\32xl\:focus\:placeholder-gray-50:focus::placeholder {
+    --tw-placeholder-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-placeholder-opacity));
+  }
+
   .\32xl\:focus\:placeholder-gray-100:focus::-moz-placeholder {
     --tw-placeholder-opacity: 1;
     color: rgba(232, 232, 232, var(--tw-placeholder-opacity));
@@ -243800,6 +245313,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-ring-offset-color: #fff;
   }
 
+  .\32xl\:ring-offset-gray-50 {
+    --tw-ring-offset-color: #F2F2F2;
+  }
+
   .\32xl\:ring-offset-gray-100 {
     --tw-ring-offset-color: #E8E8E8;
   }
@@ -244096,6 +245613,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-ring-offset-color: #fff;
   }
 
+  .\32xl\:focus-within\:ring-offset-gray-50:focus-within {
+    --tw-ring-offset-color: #F2F2F2;
+  }
+
   .\32xl\:focus-within\:ring-offset-gray-100:focus-within {
     --tw-ring-offset-color: #E8E8E8;
   }
@@ -244392,6 +245913,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-ring-offset-color: #fff;
   }
 
+  .\32xl\:focus\:ring-offset-gray-50:focus {
+    --tw-ring-offset-color: #F2F2F2;
+  }
+
   .\32xl\:focus\:ring-offset-gray-100:focus {
     --tw-ring-offset-color: #E8E8E8;
   }
@@ -244688,6 +246213,10 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-ring-offset-color: #fff;
   }
 
+  .\32xl\:hover\:ring-offset-gray-50:hover {
+    --tw-ring-offset-color: #F2F2F2;
+  }
+
   .\32xl\:hover\:ring-offset-gray-100:hover {
     --tw-ring-offset-color: #E8E8E8;
   }
@@ -245074,6 +246603,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
   }
 
+  .\32xl\:ring-gray-50 {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(242, 242, 242, var(--tw-ring-opacity));
+  }
+
   .\32xl\:ring-gray-100 {
     --tw-ring-opacity: 1;
     --tw-ring-color: rgba(232, 232, 232, var(--tw-ring-opacity));
@@ -245442,6 +246976,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
   }
 
+  .\32xl\:focus-within\:ring-gray-50:focus-within {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(242, 242, 242, var(--tw-ring-opacity));
+  }
+
   .\32xl\:focus-within\:ring-gray-100:focus-within {
     --tw-ring-opacity: 1;
     --tw-ring-color: rgba(232, 232, 232, var(--tw-ring-opacity));
@@ -245810,6 +247349,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
   }
 
+  .\32xl\:focus\:ring-gray-50:focus {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(242, 242, 242, var(--tw-ring-opacity));
+  }
+
   .\32xl\:focus\:ring-gray-100:focus {
     --tw-ring-opacity: 1;
     --tw-ring-color: rgba(232, 232, 232, var(--tw-ring-opacity));
@@ -246178,6 +247722,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     --tw-ring-color: rgba(255, 255, 255, var(--tw-ring-opacity));
   }
 
+  .\32xl\:hover\:ring-gray-50:hover {
+    --tw-ring-opacity: 1;
+    --tw-ring-color: rgba(242, 242, 242, var(--tw-ring-opacity));
+  }
+
   .\32xl\:hover\:ring-gray-100:hover {
     --tw-ring-opacity: 1;
     --tw-ring-color: rgba(232, 232, 232, var(--tw-ring-opacity));
@@ -246830,6 +248379,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     color: rgba(255, 255, 255, var(--tw-text-opacity));
   }
 
+  .\32xl\:text-gray-50 {
+    --tw-text-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-text-opacity));
+  }
+
   .\32xl\:text-gray-100 {
     --tw-text-opacity: 1;
     color: rgba(232, 232, 232, var(--tw-text-opacity));
@@ -247198,6 +248752,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     color: rgba(255, 255, 255, var(--tw-text-opacity));
   }
 
+  .group:hover .\32xl\:group-hover\:text-gray-50 {
+    --tw-text-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-text-opacity));
+  }
+
   .group:hover .\32xl\:group-hover\:text-gray-100 {
     --tw-text-opacity: 1;
     color: rgba(232, 232, 232, var(--tw-text-opacity));
@@ -247566,6 +249125,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     color: rgba(255, 255, 255, var(--tw-text-opacity));
   }
 
+  .\32xl\:focus-within\:text-gray-50:focus-within {
+    --tw-text-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-text-opacity));
+  }
+
   .\32xl\:focus-within\:text-gray-100:focus-within {
     --tw-text-opacity: 1;
     color: rgba(232, 232, 232, var(--tw-text-opacity));
@@ -247934,6 +249498,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     color: rgba(255, 255, 255, var(--tw-text-opacity));
   }
 
+  .\32xl\:hover\:text-gray-50:hover {
+    --tw-text-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-text-opacity));
+  }
+
   .\32xl\:hover\:text-gray-100:hover {
     --tw-text-opacity: 1;
     color: rgba(232, 232, 232, var(--tw-text-opacity));
@@ -248302,6 +249871,11 @@ a.mapboxgl-ctrl-logo.mapboxgl-compact {
     color: rgba(255, 255, 255, var(--tw-text-opacity));
   }
 
+  .\32xl\:focus\:text-gray-50:focus {
+    --tw-text-opacity: 1;
+    color: rgba(242, 242, 242, var(--tw-text-opacity));
+  }
+
   .\32xl\:focus\:text-gray-100:focus {
     --tw-text-opacity: 1;
     color: rgba(232, 232, 232, var(--tw-text-opacity));