@treely/strapi-slices 7.12.0 → 7.13.1

package/dist/strapi-slices.cjs.development.js

@@ -8,7 +8,7 @@ var axiosCacheInterceptor = require('axios-cache-interceptor');
 var React = require('react');
 var boemly = require('boemly');
 var Head = require('next/head');
-var Image = require('next/image');
+var Image$1 = require('next/image');
 var reactUse = require('react-use');
 var react = require('@phosphor-icons/react');
 var Link = require('next/link');
@@ -20,7 +20,7 @@ var router = require('next/router');
 var styled = require('@emotion/styled');
 var framerMotion = require('framer-motion');
 var mapboxgl = require('mapbox-gl');
-var client = require('react-dom/client');
+var debounce = require('lodash/debounce');
 var formik = require('formik');
 var useEmblaCarousel = require('embla-carousel-react');
 var AutoScroll = require('embla-carousel-auto-scroll');
@@ -32,10 +32,11 @@ var axios__default = /*#__PURE__*/_interopDefault(axios);
 var qs__default = /*#__PURE__*/_interopDefault(qs);
 var React__default = /*#__PURE__*/_interopDefault(React);
 var Head__default = /*#__PURE__*/_interopDefault(Head);
-var Image__default = /*#__PURE__*/_interopDefault(Image);
+var Image__default = /*#__PURE__*/_interopDefault(Image$1);
 var Link__default = /*#__PURE__*/_interopDefault(Link);
 var styled__default = /*#__PURE__*/_interopDefault(styled);
 var mapboxgl__default = /*#__PURE__*/_interopDefault(mapboxgl);
+var debounce__default = /*#__PURE__*/_interopDefault(debounce);
 var useEmblaCarousel__default = /*#__PURE__*/_interopDefault(useEmblaCarousel);
 var AutoScroll__default = /*#__PURE__*/_interopDefault(AutoScroll);
 var useSWRInfinite__default = /*#__PURE__*/_interopDefault(useSWRInfinite);
@@ -488,49 +489,92 @@ var fpmClient = /*#__PURE__*/axiosCacheInterceptor.setupCache(/*#__PURE__*/axios
 });
 
 var FALLBACK_LOCALE = 'en';
-var getPortfolioProjects = /*#__PURE__*/function () {
-  var _ref = /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(locale, preview) {
-    var cache, params, _yield$Promise$all, fpmProjects, strapiProjectsLocalized, strapiProjectsEnglish, strapiProjects, _i, _arr, project;
+var getStrapiProjects = /*#__PURE__*/function () {
+  var _ref = /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(locale, pLevel, preview) {
+    var cache, strapiParams, strapiProjects, _yield$Promise$all, strapiProjectsLocalized, strapiProjectsEnglish, _i, _arr, project;
     return _regeneratorRuntime().wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
           if (locale === void 0) {
             locale = 'en';
           }
+          if (pLevel === void 0) {
+            pLevel = STRAPI_DEFAULT_POPULATE_DEPTH;
+          }
           if (preview === void 0) {
             preview = false;
           }
           cache = preview ? false : undefined;
-          params = {
-            pLevel: STRAPI_DEFAULT_POPULATE_DEPTH,
+          strapiParams = {
+            pLevel: pLevel,
             locale: locale,
             'pagination[pageSize]': STRAPI_DEFAULT_PAGE_SIZE,
             status: preview ? 'draft' : 'published'
           };
-          _context.next = 6;
-          return Promise.all([fpmClient.get('/public/projects', {
-            cache: cache
-          }), strapiClient.get('/projects', {
-            params: params,
+          strapiProjects = new Map();
+          _context.prev = 6;
+          _context.next = 9;
+          return Promise.all([strapiClient.get('/projects', {
+            params: strapiParams,
             cache: cache
           }), strapiClient.get('/projects', {
-            params: _extends({}, params, {
+            params: _extends({}, strapiParams, {
               locale: FALLBACK_LOCALE
             }),
             cache: cache
           })]);
-        case 6:
+        case 9:
           _yield$Promise$all = _context.sent;
-          fpmProjects = _yield$Promise$all[0].data;
-          strapiProjectsLocalized = _yield$Promise$all[1].data;
-          strapiProjectsEnglish = _yield$Promise$all[2].data;
-          strapiProjects = new Map();
-          for (_i = 0, _arr = [].concat(strapiProjectsEnglish.data, strapiProjectsLocalized.data); _i < _arr.length; _i++) {
+          strapiProjectsLocalized = _yield$Promise$all[0];
+          strapiProjectsEnglish = _yield$Promise$all[1];
+          // Process Strapi data if we got it
+          for (_i = 0, _arr = [].concat(strapiProjectsEnglish.data.data, strapiProjectsLocalized.data.data); _i < _arr.length; _i++) {
             project = _arr[_i];
             if (project.attributes.fpmProjectId) {
               strapiProjects.set(project.attributes.fpmProjectId, project);
             }
           }
+          _context.next = 18;
+          break;
+        case 15:
+          _context.prev = 15;
+          _context.t0 = _context["catch"](6);
+          console.warn('Failed to fetch Strapi data:', _context.t0);
+          // Return empty map on failure
+        case 18:
+          return _context.abrupt("return", strapiProjects);
+        case 19:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[6, 15]]);
+  }));
+  return function getStrapiProjects(_x, _x2, _x3) {
+    return _ref.apply(this, arguments);
+  };
+}();
+
+var getPortfolioProjects = /*#__PURE__*/function () {
+  var _ref = /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(locale, preview) {
+    var cache, _yield$Promise$all, fpmProjects, strapiProjects;
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          if (locale === void 0) {
+            locale = 'en';
+          }
+          if (preview === void 0) {
+            preview = false;
+          }
+          cache = preview ? false : undefined;
+          _context.next = 5;
+          return Promise.all([fpmClient.get('/public/projects', {
+            cache: cache
+          }), getStrapiProjects(locale, STRAPI_DEFAULT_POPULATE_DEPTH, preview)]);
+        case 5:
+          _yield$Promise$all = _context.sent;
+          fpmProjects = _yield$Promise$all[0].data;
+          strapiProjects = _yield$Promise$all[1];
           return _context.abrupt("return", fpmProjects.map(function (fpmProject) {
             var _strapiProject$attrib;
             var strapiProject = strapiProjects.get(fpmProject.id);
@@ -546,7 +590,7 @@ var getPortfolioProjects = /*#__PURE__*/function () {
             }
             return toReturn;
           }));
-        case 13:
+        case 9:
         case "end":
           return _context.stop();
       }
@@ -1320,8 +1364,8 @@ var openHubSpotChat = function openHubSpotChat() {
   }
 };
 
-var _templateObject$9;
-var GLOBAL_STYLE = /*#__PURE__*/react$1.css(_templateObject$9 || (_templateObject$9 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  :root {\n    --default-hero-height: calc(100vh - var(--boemly-space-24));\n  }\n\n  a {\n    text-decoration: none;\n  }\n"])));
+var _templateObject$8;
+var GLOBAL_STYLE = /*#__PURE__*/react$1.css(_templateObject$8 || (_templateObject$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  :root {\n    --default-hero-height: calc(100vh - var(--boemly-space-24));\n  }\n\n  a {\n    text-decoration: none;\n  }\n"])));
 
 var messagesDe$j = {
   'sections.comparison.backgroundShapes': 'Hintergrundformen'
@@ -2256,8 +2300,8 @@ var LogoGridWithText = function LogoGridWithText(_ref) {
   })))));
 };
 
-var _templateObject$8, _templateObject2$5, _templateObject3$2, _templateObject4$1, _templateObject5;
-var MapHeroContainer = /*#__PURE__*/styled__default.default(boemly.Box)(_templateObject$8 || (_templateObject$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  width: 100vw;\n  height: var(--default-hero-height);\n  min-height: var(--boemly-sizes-3xl);\n  background-color: var(--boemly-colors-primary-50);\n  overflow: hidden;\n  z-index: var(--boemly-zIndices-base);\n\n  @media screen and (max-width: ", ") {\n    height: auto;\n  }\n"])), BREAKPOINT_LG);
+var _templateObject$7, _templateObject2$5, _templateObject3$2, _templateObject4$1, _templateObject5;
+var MapHeroContainer = /*#__PURE__*/styled__default.default(boemly.Box)(_templateObject$7 || (_templateObject$7 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n  width: 100vw;\n  height: var(--default-hero-height);\n  min-height: var(--boemly-sizes-3xl);\n  background-color: var(--boemly-colors-primary-50);\n  overflow: hidden;\n  z-index: var(--boemly-zIndices-base);\n\n  @media screen and (max-width: ", ") {\n    height: auto;\n  }\n"])), BREAKPOINT_LG);
 var MapHeroTextContainer = /*#__PURE__*/styled__default.default(boemly.Box)(_templateObject2$5 || (_templateObject2$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  width: 100vw;\n  top: 56%;\n  left: 0;\n  transform: translateY(-50%);\n  z-index: var(--boemly-zIndices-aboveBase);\n\n  @media screen and (max-width: ", ") {\n    position: relative;\n    transform: unset;\n\n    padding-top: var(--boemly-space-32);\n  }\n"])), BREAKPOINT_LG);
 var ShapeContainer = /*#__PURE__*/styled__default.default(boemly.Box)(_templateObject3$2 || (_templateObject3$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  bottom: calc(var(--boemly-space-8) * -1);\n  left: 0;\n\n  width: var(--boemly-sizes-sm);\n  height: var(--boemly-sizes-sm);\n\n  border-top-right-radius: var(--boemly-radii-full);\n\n  & span,\n  div {\n    border-top-right-radius: var(--boemly-radii-full);\n  }\n\n  @media screen and (max-width: ", ") {\n    display: none;\n  }\n"])), BREAKPOINT_LG);
 var MapContainer = /*#__PURE__*/styled__default.default(boemly.Box)(_templateObject4$1 || (_templateObject4$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n\n  width: 50%;\n  height: 100%;\n\n  right: 0;\n  top: 0;\n\n  & img {\n    object-fit: cover !important;\n  }\n\n  @media screen and (max-width: ", ") {\n    width: 100%;\n    height: var(--boemly-sizes-4xl);\n    position: relative;\n    margin-top: calc(var(--boemly-space-72) * -1);\n    background-color: var(--boemly-colors-white);\n\n    & img {\n      object-fit: contain !important;\n    }\n  }\n"])), BREAKPOINT_LG);
@@ -2719,7 +2763,7 @@ var Steps = function Steps(_ref) {
   })))));
 };
 
-var _oppositesOfCorners, _templateObject$7, _templateObject2$4;
+var _oppositesOfCorners, _templateObject$6, _templateObject2$4;
 var ShapePosition;
 (function (ShapePosition) {
   ShapePosition["topLeft"] = "top-left";
@@ -2822,7 +2866,7 @@ var TextCardGrid = function TextCardGrid(_ref) {
       borderBottomLeftRadius: oppositesOfCorners[variants[slice.variant].positionIcon(index)].includes('bottomLeft') ? 'full' : 'unset',
       borderTopRightRadius: oppositesOfCorners[variants[slice.variant].positionIcon(index)].includes('topRight') ? 'full' : 'unset',
       borderTopLeftRadius: oppositesOfCorners[variants[slice.variant].positionIcon(index)].includes('topLeft') ? 'full' : 'unset',
-      css: variants[slice.variant].positionIcon(index).includes('unset') ? react$1.css(_templateObject$7 || (_templateObject$7 = _taggedTemplateLiteralLoose(["\n                          & span,\n                          div,\n                          img {\n                            border-radius: var(--boemly-radii-xl);\n                          }\n                        "]))) : react$1.css(_templateObject2$4 || (_templateObject2$4 = _taggedTemplateLiteralLoose(["\n                    & span,\n                    div,\n                    img {\n                      border-", "-radius: var(--boemly-radii-full);\n                    }\n                  "])), oppositesOfCorners[variants[slice.variant].positionIcon(index)])
+      css: variants[slice.variant].positionIcon(index).includes('unset') ? react$1.css(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteralLoose(["\n                          & span,\n                          div,\n                          img {\n                            border-radius: var(--boemly-radii-xl);\n                          }\n                        "]))) : react$1.css(_templateObject2$4 || (_templateObject2$4 = _taggedTemplateLiteralLoose(["\n                    & span,\n                    div,\n                    img {\n                      border-", "-radius: var(--boemly-radii-full);\n                    }\n                  "])), oppositesOfCorners[variants[slice.variant].positionIcon(index)])
     }, React__default.default.createElement(Image__default.default, {
       src: strapiMediaUrl(image.img, 'small'),
       alt: image.alt,
@@ -2871,8 +2915,8 @@ var TextCardGrid = function TextCardGrid(_ref) {
   }))));
 };
 
-var _templateObject$6, _templateObject2$3, _templateObject3$1;
-var CarouselContainer = /*#__PURE__*/styled__default.default(boemly.Box)(_templateObject$6 || (_templateObject$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-top: var(--boemly-space-6);\n  padding: var(--boemly-space-8) 0;\n\n  @media screen and (max-width: ", ") {\n    margin-top: var(--boemly-space-4);\n    width: var(--boemly-sizes-full);\n  }\n\n  width: var(--boemly-sizes-full);\n\n  overflow-x: hidden;\n\n  @media screen and (max-width: ", ") {\n    overflow-x: scroll;\n  }\n"])), BREAKPOINT_MD, BREAKPOINT_MD);
+var _templateObject$5, _templateObject2$3, _templateObject3$1;
+var CarouselContainer = /*#__PURE__*/styled__default.default(boemly.Box)(_templateObject$5 || (_templateObject$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  margin-top: var(--boemly-space-6);\n  padding: var(--boemly-space-8) 0;\n\n  @media screen and (max-width: ", ") {\n    margin-top: var(--boemly-space-4);\n    width: var(--boemly-sizes-full);\n  }\n\n  width: var(--boemly-sizes-full);\n\n  overflow-x: hidden;\n\n  @media screen and (max-width: ", ") {\n    overflow-x: scroll;\n  }\n"])), BREAKPOINT_MD, BREAKPOINT_MD);
 var CarouselInnerContainer$1 = /*#__PURE__*/styled__default.default(framerMotion.motion.div)(_templateObject2$3 || (_templateObject2$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  gap: var(--boemly-space-6);\n  justify-content: center;\n\n  width: calc(\n    (var(--boemly-sizes-sm) + var(--boemly-space-6)) *\n      ", " +\n      var(--boemly-space-6)\n  );\n  min-width: var(--boemly-sizes-full);\n\n  @media screen and (max-width: ", ") {\n    gap: var(--boemly-space-1);\n    justify-content: flex-start;\n    width: calc(\n      (var(--boemly-sizes-2xs) + var(--boemly-space-4)) *\n        ", " +\n        var(--boemly-space-6)\n    );\n  }\n"])), function (_ref) {
   var numberOfItems = _ref.numberOfItems;
   return numberOfItems;
@@ -3533,8 +3577,8 @@ var SmallHero = function SmallHero(_ref) {
   })))));
 };
 
-var _templateObject$5, _templateObject2$2;
-var BlogItemContainer = /*#__PURE__*/styled__default.default(boemly.Link)(_templateObject$5 || (_templateObject$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  text-decoration: none;\n\n  & div img {\n    transition: transform var(--default-ease) var(--medium-transition-duration);\n  }\n\n  &:hover {\n    text-decoration: none;\n\n    & > div:first-of-type img {\n      transform: scale(1.03);\n    }\n  }\n"])));
+var _templateObject$4, _templateObject2$2;
+var BlogItemContainer = /*#__PURE__*/styled__default.default(boemly.Link)(_templateObject$4 || (_templateObject$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  text-decoration: none;\n\n  & div img {\n    transition: transform var(--default-ease) var(--medium-transition-duration);\n  }\n\n  &:hover {\n    text-decoration: none;\n\n    & > div:first-of-type img {\n      transform: scale(1.03);\n    }\n  }\n"])));
 var ImageContainer$1 = /*#__PURE__*/styled__default.default(boemly.Box)(_templateObject2$2 || (_templateObject2$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: 100%;\n  height: var(--boemly-sizes-xs);\n  position: relative;\n  border-radius: var(--boemly-radii-2xl);\n\n  // Fixes the flickering of borders during animation in Safari\n  -webkit-mask-image: -webkit-radial-gradient(white, black);\n\n  & span,\n  div {\n    border-radius: var(--boemly-radii-2xl);\n  }\n\n  @media screen and (max-width: ", ") {\n    height: var(--boemly-sizes-3xs);\n  }\n"])), BREAKPOINT_MD);
 
 var Blog = function Blog(_ref) {
@@ -3652,166 +3696,506 @@ var MapBoxStyle;
 })(MapBoxStyle || (MapBoxStyle = {}));
 (process.env.NEXT_PUBLIC_MAPBOX_TILES_URL || 'http://localhost:8123') + "/vectortiles/v1/plots/{z}/{x}/{y}.mvt";
 var MAPBOX_MAX_ZOOM = 19;
-var MAPBOX_INITIAL_ZOOM = 13;
-
-var mergeBoundingBoxes = function mergeBoundingBoxes(boundingBoxes) {
-  var minLeft = 180;
-  var minBottom = 90;
-  var maxRight = -180;
-  var maxTop = -90;
-  boundingBoxes.forEach(function (_ref) {
-    var left = _ref[0],
-      bottom = _ref[1],
-      right = _ref[2],
-      top = _ref[3];
-    if (left < minLeft) minLeft = left;
-    if (bottom < minBottom) minBottom = bottom;
-    if (right > maxRight) maxRight = right;
-    if (top > maxTop) maxTop = top;
-  });
-  return [minLeft, minBottom, maxRight, maxTop];
-};
 
-var FONT_CUSTOMIZATIONS = {
-  body: 'Inter',
-  heading: 'Inter',
-  display: 'GintoNord',
-  mono: 'SpaceMono'
-};
+var _templateObject$3;
+var mapboxStyle = /*#__PURE__*/react$1.css(_templateObject$3 || (_templateObject$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  .mapboxgl-map {\n    -webkit-tap-highlight-color: rgb(0 0 0/0);\n    font: 12px/20px Helvetica Neue, Arial, Helvetica, sans-serif;\n    overflow: hidden;\n    position: relative;\n  }\n  .mapboxgl-canvas {\n    left: 0;\n    position: absolute;\n    top: 0;\n  }\n  .mapboxgl-map:-webkit-full-screen {\n    height: 100%;\n    width: 100%;\n  }\n  .mapboxgl-canary {\n    background-color: salmon;\n  }\n  .mapboxgl-canvas-container.mapboxgl-interactive,\n  .mapboxgl-ctrl-group button.mapboxgl-ctrl-compass {\n    cursor: grab;\n    -webkit-user-select: none;\n    user-select: none;\n  }\n  .mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer {\n    cursor: pointer;\n  }\n  .mapboxgl-canvas-container.mapboxgl-interactive:active,\n  .mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active {\n    cursor: grabbing;\n  }\n  .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,\n  .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas {\n    touch-action: pan-x pan-y;\n  }\n  .mapboxgl-canvas-container.mapboxgl-touch-drag-pan,\n  .mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas {\n    touch-action: pinch-zoom;\n  }\n  .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan,\n  .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan\n    .mapboxgl-canvas {\n    touch-action: none;\n  }\n  .mapboxgl-ctrl-bottom-left,\n  .mapboxgl-ctrl-bottom-right,\n  .mapboxgl-ctrl-top-left,\n  .mapboxgl-ctrl-top-right {\n    pointer-events: none;\n    position: absolute;\n    z-index: 2;\n  }\n  .mapboxgl-ctrl-top-left {\n    left: 0;\n    top: 0;\n  }\n  .mapboxgl-ctrl-top-right {\n    right: 0;\n    top: 0;\n  }\n  .mapboxgl-ctrl-bottom-left {\n    bottom: 0;\n    left: 0;\n  }\n  .mapboxgl-ctrl-bottom-right {\n    bottom: 0;\n    right: 0;\n  }\n  .mapboxgl-ctrl {\n    clear: both;\n    pointer-events: auto;\n    transform: translate(0);\n  }\n  .mapboxgl-ctrl-top-left .mapboxgl-ctrl {\n    float: left;\n    margin: 10px 0 0 10px;\n  }\n  .mapboxgl-ctrl-top-right .mapboxgl-ctrl {\n    float: right;\n    margin: 10px 10px 0 0;\n  }\n  .mapboxgl-ctrl-bottom-left .mapboxgl-ctrl {\n    float: left;\n    margin: 0 0 10px 10px;\n  }\n  .mapboxgl-ctrl-bottom-right .mapboxgl-ctrl {\n    float: right;\n    margin: 0 10px 10px 0;\n  }\n  .mapboxgl-ctrl-group {\n    background: #fff;\n    border-radius: 4px;\n  }\n  .mapboxgl-ctrl-group:not(:empty) {\n    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);\n  }\n  @media (-ms-high-contrast: active) {\n    .mapboxgl-ctrl-group:not(:empty) {\n      box-shadow: 0 0 0 2px ButtonText;\n    }\n  }\n  .mapboxgl-ctrl-group button {\n    background-color: transparent;\n    border: 0;\n    box-sizing: border-box;\n    cursor: pointer;\n    display: block;\n    height: 29px;\n    outline: none;\n    overflow: hidden;\n    padding: 0;\n    width: 29px;\n  }\n  .mapboxgl-ctrl-group button + button {\n    border-top: 1px solid #ddd;\n  }\n  .mapboxgl-ctrl button .mapboxgl-ctrl-icon {\n    background-position: 50%;\n    background-repeat: no-repeat;\n    display: block;\n    height: 100%;\n    width: 100%;\n  }\n  @media (-ms-high-contrast: active) {\n    .mapboxgl-ctrl-icon {\n      background-color: transparent;\n    }\n    .mapboxgl-ctrl-group button + button {\n      border-top: 1px solid ButtonText;\n    }\n  }\n  .mapboxgl-ctrl-attrib-button:focus,\n  .mapboxgl-ctrl-group button:focus {\n    box-shadow: 0 0 2px 2px #0096ff;\n  }\n  .mapboxgl-ctrl button:disabled {\n    cursor: not-allowed;\n  }\n  .mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon {\n    opacity: 0.25;\n  }\n  .mapboxgl-ctrl-group button:first-of-type {\n    border-radius: 4px 4px 0 0;\n  }\n  .mapboxgl-ctrl-group button:last-of-type {\n    border-radius: 0 0 4px 4px;\n  }\n  .mapboxgl-ctrl-group button:only-of-type {\n    border-radius: inherit;\n  }\n  .mapboxgl-ctrl button:not(:disabled):hover {\n    background-color: rgb(0 0 0/5%);\n  }\n  .mapboxgl-ctrl-group button:focus:focus-visible {\n    box-shadow: 0 0 2px 2px #0096ff;\n  }\n  .mapboxgl-ctrl-group button:focus:not(:focus-visible) {\n    box-shadow: none;\n  }\n  .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {\n    background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E\");\n  }\n  .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {\n    background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E\");\n  }\n  @media (-ms-high-contrast: active) {\n    .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {\n      background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E\");\n    }\n    .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {\n      background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E\");\n    }\n  }\n  @media (-ms-high-contrast: black-on-white) {\n    .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {\n      background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E\");\n    }\n    .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {\n      background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E\");\n    }\n  }\n  .mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {\n    background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E\");\n  }\n  .mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {\n    background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E\");\n  }\n  @media (-ms-high-contrast: active) {\n    .mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {\n      background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E\");\n    }\n    .mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {\n      background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E\");\n    }\n  }\n  @media (-ms-high-contrast: black-on-white) {\n    .mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {\n      background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E\");\n    }\n    .mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {\n      background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E\");\n    }\n  }\n  .mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {\n    background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E\");\n  }\n  @media (-ms-high-contrast: active) {\n    .mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {\n      background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23999'/%3E%3C/svg%3E\");\n    }\n  }\n  @media (-ms-high-contrast: black-on-white) {\n    .mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {\n      background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E\");\n    }\n  }\n  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon {\n    background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E\");\n  }\n  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon {\n    background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23aaa'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E\");\n  }\n  .mapboxgl-ctrl\n    button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active\n    .mapboxgl-ctrl-icon {\n    background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E\");\n  }\n  .mapboxgl-ctrl\n    button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error\n    .mapboxgl-ctrl-icon {\n    background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E\");\n  }\n  .mapboxgl-ctrl\n    button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background\n    .mapboxgl-ctrl-icon {\n    background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E\");\n  }\n  .mapboxgl-ctrl\n    button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error\n    .mapboxgl-ctrl-icon {\n    background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E\");\n  }\n  .mapboxgl-ctrl\n    button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting\n    .mapboxgl-ctrl-icon {\n    animation: mapboxgl-spin 2s linear infinite;\n  }\n  @media (-ms-high-contrast: active) {\n    .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon {\n      background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E\");\n    }\n    .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon {\n      background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23999'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E\");\n    }\n    .mapboxgl-ctrl\n      button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active\n      .mapboxgl-ctrl-icon {\n      background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E\");\n    }\n    .mapboxgl-ctrl\n      button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error\n      .mapboxgl-ctrl-icon {\n      background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E\");\n    }\n    .mapboxgl-ctrl\n      button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background\n      .mapboxgl-ctrl-icon {\n      background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E\");\n    }\n    .mapboxgl-ctrl\n      button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error\n      .mapboxgl-ctrl-icon {\n      background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E\");\n    }\n  }\n  @media (-ms-high-contrast: black-on-white) {\n    .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon {\n      background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23000'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E\");\n    }\n    .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon {\n      background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23666'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E\");\n    }\n  }\n  @keyframes mapboxgl-spin {\n    0% {\n      transform: rotate(0deg);\n    }\n    to {\n      transform: rotate(1turn);\n    }\n  }\n  a.mapboxgl-ctrl-logo {\n    background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='0.3' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='0.9' fill='%23fff'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E\");\n    background-repeat: no-repeat;\n    cursor: pointer;\n    display: block;\n    height: 23px;\n    margin: 0 0 -4px -4px;\n    overflow: hidden;\n    width: 88px;\n  }\n  a.mapboxgl-ctrl-logo.mapboxgl-compact {\n    width: 23px;\n  }\n  @media (-ms-high-contrast: active) {\n    a.mapboxgl-ctrl-logo {\n      background-color: transparent;\n      background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='1' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='1' fill='%23fff'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E\");\n    }\n  }\n  @media (-ms-high-contrast: black-on-white) {\n    a.mapboxgl-ctrl-logo {\n      background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='1' stroke='%23fff' stroke-width='3' fill='%23fff'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='1' fill='%23000'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E\");\n    }\n  }\n  .mapboxgl-ctrl.mapboxgl-ctrl-attrib {\n    background-color: hsla(0, 0%, 100%, 0.5);\n    margin: 0;\n    padding: 0 5px;\n  }\n  @media screen {\n    .mapboxgl-ctrl-attrib.mapboxgl-compact {\n      background-color: #fff;\n      border-radius: 12px;\n      margin: 10px;\n      min-height: 20px;\n      padding: 2px 24px 2px 0;\n      position: relative;\n    }\n    .mapboxgl-ctrl-attrib.mapboxgl-compact-show {\n      padding: 2px 28px 2px 8px;\n      visibility: visible;\n    }\n    .mapboxgl-ctrl-bottom-left > .mapboxgl-ctrl-attrib.mapboxgl-compact-show,\n    .mapboxgl-ctrl-top-left > .mapboxgl-ctrl-attrib.mapboxgl-compact-show {\n      border-radius: 12px;\n      padding: 2px 8px 2px 28px;\n    }\n    .mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner {\n      display: none;\n    }\n    .mapboxgl-ctrl-attrib-button {\n      background-color: hsla(0, 0%, 100%, 0.5);\n      background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E\");\n      border: 0;\n      border-radius: 12px;\n      box-sizing: border-box;\n      cursor: pointer;\n      display: none;\n      height: 24px;\n      outline: none;\n      position: absolute;\n      right: 0;\n      top: 0;\n      width: 24px;\n    }\n    .mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-attrib-button,\n    .mapboxgl-ctrl-top-left .mapboxgl-ctrl-attrib-button {\n      left: 0;\n    }\n    .mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-button,\n    .mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-inner {\n      display: block;\n    }\n    .mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-button {\n      background-color: rgb(0 0 0/5%);\n    }\n    .mapboxgl-ctrl-bottom-right > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {\n      bottom: 0;\n      right: 0;\n    }\n    .mapboxgl-ctrl-top-right > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {\n      right: 0;\n      top: 0;\n    }\n    .mapboxgl-ctrl-top-left > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {\n      left: 0;\n      top: 0;\n    }\n    .mapboxgl-ctrl-bottom-left > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {\n      bottom: 0;\n      left: 0;\n    }\n  }\n  @media screen and (-ms-high-contrast: active) {\n    .mapboxgl-ctrl-attrib.mapboxgl-compact:after {\n      background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' fill='%23fff'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E\");\n    }\n  }\n  @media screen and (-ms-high-contrast: black-on-white) {\n    .mapboxgl-ctrl-attrib.mapboxgl-compact:after {\n      background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E\");\n    }\n  }\n  .mapboxgl-ctrl-attrib a {\n    color: rgba(0, 0, 0, 0.75);\n    text-decoration: none;\n  }\n  .mapboxgl-ctrl-attrib a:hover {\n    color: inherit;\n    text-decoration: underline;\n  }\n  .mapboxgl-ctrl-attrib .mapbox-improve-map {\n    font-weight: 700;\n    margin-left: 2px;\n  }\n  .mapboxgl-attrib-empty {\n    display: none;\n  }\n  .mapboxgl-ctrl-scale {\n    background-color: hsla(0, 0%, 100%, 0.75);\n    border: 2px solid #333;\n    border-top: #333;\n    box-sizing: border-box;\n    color: #333;\n    font-size: 10px;\n    padding: 0 5px;\n    white-space: nowrap;\n  }\n  .mapboxgl-popup {\n    display: flex;\n    left: 0;\n    pointer-events: none;\n    position: absolute;\n    top: 0;\n    will-change: transform;\n  }\n  .mapboxgl-popup-anchor-top,\n  .mapboxgl-popup-anchor-top-left,\n  .mapboxgl-popup-anchor-top-right {\n    flex-direction: column;\n  }\n  .mapboxgl-popup-anchor-bottom,\n  .mapboxgl-popup-anchor-bottom-left,\n  .mapboxgl-popup-anchor-bottom-right {\n    flex-direction: column-reverse;\n  }\n  .mapboxgl-popup-anchor-left {\n    flex-direction: row;\n  }\n  .mapboxgl-popup-anchor-right {\n    flex-direction: row-reverse;\n  }\n  .mapboxgl-popup-tip {\n    border: 10px solid transparent;\n    height: 0;\n    width: 0;\n    z-index: 1;\n  }\n  .mapboxgl-popup-anchor-top .mapboxgl-popup-tip {\n    align-self: center;\n    border-bottom-color: #fff;\n    border-top: none;\n  }\n  .mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip {\n    align-self: flex-start;\n    border-bottom-color: #fff;\n    border-left: none;\n    border-top: none;\n  }\n  .mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip {\n    align-self: flex-end;\n    border-bottom-color: #fff;\n    border-right: none;\n    border-top: none;\n  }\n  .mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n    align-self: center;\n    border-bottom: none;\n    border-top-color: #fff;\n  }\n  .mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip {\n    align-self: flex-start;\n    border-bottom: none;\n    border-left: none;\n    border-top-color: #fff;\n  }\n  .mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip {\n    align-self: flex-end;\n    border-bottom: none;\n    border-right: none;\n    border-top-color: #fff;\n  }\n  .mapboxgl-popup-anchor-left .mapboxgl-popup-tip {\n    align-self: center;\n    border-left: none;\n    border-right-color: #fff;\n  }\n  .mapboxgl-popup-anchor-right .mapboxgl-popup-tip {\n    align-self: center;\n    border-left-color: #fff;\n    border-right: none;\n  }\n  .mapboxgl-popup-close-button {\n    background-color: transparent;\n    border: 0;\n    border-radius: 0 3px 0 0;\n    cursor: pointer;\n    position: absolute;\n    right: 0;\n    top: 0;\n  }\n  .mapboxgl-popup-close-button:hover {\n    background-color: rgb(0 0 0/5%);\n  }\n  .mapboxgl-popup-content {\n    background: #fff;\n    border-radius: 3px;\n    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);\n    padding: 10px 10px 15px;\n    pointer-events: auto;\n    position: relative;\n  }\n  .mapboxgl-popup-anchor-top-left .mapboxgl-popup-content {\n    border-top-left-radius: 0;\n  }\n  .mapboxgl-popup-anchor-top-right .mapboxgl-popup-content {\n    border-top-right-radius: 0;\n  }\n  .mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content {\n    border-bottom-left-radius: 0;\n  }\n  .mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content {\n    border-bottom-right-radius: 0;\n  }\n  .mapboxgl-popup-track-pointer {\n    display: none;\n  }\n  .mapboxgl-popup-track-pointer * {\n    pointer-events: none;\n    user-select: none;\n  }\n  .mapboxgl-map:hover .mapboxgl-popup-track-pointer {\n    display: flex;\n  }\n  .mapboxgl-map:active .mapboxgl-popup-track-pointer {\n    display: none;\n  }\n  .mapboxgl-marker {\n    left: 0;\n    opacity: 1;\n    position: absolute;\n    top: 0;\n    transition: opacity 0.2s;\n    will-change: transform;\n  }\n  .mapboxgl-user-location-dot,\n  .mapboxgl-user-location-dot:before {\n    background-color: #1da1f2;\n    border-radius: 50%;\n    height: 15px;\n    width: 15px;\n  }\n  .mapboxgl-user-location-dot:before {\n    animation: mapboxgl-user-location-dot-pulse 2s infinite;\n    content: '';\n    position: absolute;\n  }\n  .mapboxgl-user-location-dot:after {\n    border: 2px solid #fff;\n    border-radius: 50%;\n    box-shadow: 0 0 3px rgba(0, 0, 0, 0.35);\n    box-sizing: border-box;\n    content: '';\n    height: 19px;\n    left: -2px;\n    position: absolute;\n    top: -2px;\n    width: 19px;\n  }\n  .mapboxgl-user-location-show-heading .mapboxgl-user-location-heading {\n    height: 0;\n    width: 0;\n  }\n  .mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after,\n  .mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before {\n    border-bottom: 7.5px solid #4aa1eb;\n    content: '';\n    position: absolute;\n  }\n  .mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before {\n    border-left: 7.5px solid transparent;\n    transform: translateY(-28px) skewY(-20deg);\n  }\n  .mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after {\n    border-right: 7.5px solid transparent;\n    transform: translate(7.5px, -28px) skewY(20deg);\n  }\n  @keyframes mapboxgl-user-location-dot-pulse {\n    0% {\n      opacity: 1;\n      transform: scale(1);\n    }\n    70% {\n      opacity: 0;\n      transform: scale(3);\n    }\n    to {\n      opacity: 0;\n      transform: scale(1);\n    }\n  }\n  .mapboxgl-user-location-dot-stale {\n    background-color: #aaa;\n  }\n  .mapboxgl-user-location-dot-stale:after {\n    display: none;\n  }\n  .mapboxgl-user-location-accuracy-circle {\n    background-color: #1da1f233;\n    border-radius: 100%;\n    height: 1px;\n    width: 1px;\n  }\n  .mapboxgl-crosshair,\n  .mapboxgl-crosshair .mapboxgl-interactive,\n  .mapboxgl-crosshair .mapboxgl-interactive:active {\n    cursor: crosshair;\n  }\n  .mapboxgl-boxzoom {\n    background: #fff;\n    border: 2px dotted #202020;\n    height: 0;\n    left: 0;\n    opacity: 0.5;\n    position: absolute;\n    top: 0;\n    width: 0;\n  }\n  @media print {\n    .mapbox-improve-map {\n      display: none;\n    }\n  }\n  .mapboxgl-scroll-zoom-blocker,\n  .mapboxgl-touch-pan-blocker {\n    align-items: center;\n    background: rgba(0, 0, 0, 0.7);\n    color: #fff;\n    display: flex;\n    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial,\n      sans-serif;\n    height: 100%;\n    justify-content: center;\n    left: 0;\n    opacity: 0;\n    pointer-events: none;\n    position: absolute;\n    text-align: center;\n    top: 0;\n    transition: opacity 0.75s ease-in-out;\n    transition-delay: 1s;\n    width: 100%;\n  }\n  .mapboxgl-scroll-zoom-blocker-show,\n  .mapboxgl-touch-pan-blocker-show {\n    opacity: 1;\n    transition: opacity 0.1s ease-in-out;\n  }\n  .mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page,\n  .mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page\n    .mapboxgl-canvas {\n    touch-action: pan-x pan-y;\n  }\n"])));
 
-var MinimalProviders = function MinimalProviders(_ref) {
-  var children = _ref.children,
-    locale = _ref.locale;
-  return React__default.default.createElement(reactIntl.IntlProvider, {
-    messages: getMessages(locale),
-    locale: locale
-  }, React__default.default.createElement(boemly.BoemlyThemeProvider, {
-    fonts: FONT_CUSTOMIZATIONS
-  }, children));
-};
+var getFpmProjectsByBbox = /*#__PURE__*/function () {
+  var _ref = /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(bbox, preview) {
+    var _bbox$split$map, west, south, east, north, cache, fpmResponse;
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          if (preview === void 0) {
+            preview = false;
+          }
+          _bbox$split$map = bbox.split(',').map(Number), west = _bbox$split$map[0], south = _bbox$split$map[1], east = _bbox$split$map[2], north = _bbox$split$map[3];
+          cache = preview ? false : undefined;
+          _context.next = 5;
+          return fpmClient.get('/public/projects', {
+            params: {
+              bbox: west + "," + south + "," + east + "," + north
+            },
+            cache: cache
+          });
+        case 5:
+          fpmResponse = _context.sent;
+          return _context.abrupt("return", fpmResponse.data);
+        case 7:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return function getFpmProjectsByBbox(_x, _x2) {
+    return _ref.apply(this, arguments);
+  };
+}();
 
-var MapMarker = function MapMarker(_ref) {
-  var title = _ref.title,
-    projectDeveloper = _ref.projectDeveloper,
-    slug = _ref.slug,
-    creditAvailability = _ref.creditAvailability,
-    _ref$portfolioHost = _ref.portfolioHost,
-    portfolioHost = _ref$portfolioHost === void 0 ? '' : _ref$portfolioHost,
-    _ref$isPublic = _ref.isPublic,
-    isPublic = _ref$isPublic === void 0 ? false : _ref$isPublic;
-  var _useContext = React.useContext(IntlContext),
-    formatMessage = _useContext.formatMessage;
-  var _useDisclosure = boemly.useDisclosure(),
-    isOpen = _useDisclosure.isOpen,
-    onOpen = _useDisclosure.onOpen,
-    onClose = _useDisclosure.onClose;
-  var blue600 = boemly.useToken('colors', 'blue.600');
-  return React__default.default.createElement(boemly.Flex, {
-    position: "absolute",
-    gap: "4",
-    onMouseEnter: onOpen,
-    onMouseLeave: onClose,
-    cursor: "grab"
-  }, React__default.default.createElement(boemly.Box, {
-    as: slug ? Link__default.default : undefined,
-    href: slug && portfolioHost + "/portfolio/" + slug
-  }, React__default.default.createElement(react.MapPin, {
-    size: "40px",
-    color: blue600,
-    weight: "fill",
-    "data-testid": "mapmarker-pin",
-    filter: "drop-shadow(0px 0px 2px #FFF)"
-  })), isPublic && isOpen && React__default.default.createElement(boemly.Container, {
-    shadow: "md",
-    width: "max-content",
-    minWidth: "3xs",
-    maxWidth: ['3xs', null, null, 'sm']
-  }, React__default.default.createElement(boemly.Flex, {
-    direction: "column"
-  }, React__default.default.createElement(CreditsAvailableBadge, {
-    status: creditAvailability,
-    href: slug && portfolioHost + "/portfolio/" + slug
-  }), React__default.default.createElement(boemly.Heading, {
-    mt: "3",
-    size: "md"
-  }, title), projectDeveloper && React__default.default.createElement(boemly.Text, {
-    size: "smLowNormal",
-    mt: "1"
-  }, projectDeveloper), slug && React__default.default.createElement(boemly.Button, {
-    width: "fit-content",
-    variant: "outline",
-    size: "sm",
-    as: Link__default.default,
-    href: portfolioHost + "/portfolio/" + slug,
-    mt: "4",
-    whiteSpace: "nowrap"
-  }, formatMessage({
-    id: 'sections.projectsMap.link.text'
-  })))));
+var mergeProjectData = function mergeProjectData(featureCollection, strapiProjects) {
+  // Add slug and portfolioHost to each feature's properties if we have Strapi data
+  var mergedFeatureCollection = _extends({}, featureCollection, {
+    features: featureCollection.features.map(function (feature) {
+      var _feature$properties;
+      var fpmProjectId = (_feature$properties = feature.properties) == null ? void 0 : _feature$properties.id;
+      var strapiProject = fpmProjectId ? strapiProjects.get(fpmProjectId) : null;
+      if (strapiProject) {
+        var _strapiProject$attrib;
+        feature.properties = _extends({}, feature.properties, {
+          slug: strapiProject.attributes.slug || undefined,
+          portfolioHost: ((_strapiProject$attrib = strapiProject.attributes.portfolio) == null || (_strapiProject$attrib = _strapiProject$attrib.data) == null ? void 0 : _strapiProject$attrib.attributes.host) || undefined
+        });
+      }
+      return feature;
+    })
+  });
+  return mergedFeatureCollection;
 };
 
-var _templateObject$4;
-var mapboxStyle = /*#__PURE__*/react$1.css(_templateObject$4 || (_templateObject$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  .mapboxgl-map {\n    -webkit-tap-highlight-color: rgb(0 0 0/0);\n    font: 12px/20px Helvetica Neue, Arial, Helvetica, sans-serif;\n    overflow: hidden;\n    position: relative;\n  }\n  .mapboxgl-canvas {\n    left: 0;\n    position: absolute;\n    top: 0;\n  }\n  .mapboxgl-map:-webkit-full-screen {\n    height: 100%;\n    width: 100%;\n  }\n  .mapboxgl-canary {\n    background-color: salmon;\n  }\n  .mapboxgl-canvas-container.mapboxgl-interactive,\n  .mapboxgl-ctrl-group button.mapboxgl-ctrl-compass {\n    cursor: grab;\n    -webkit-user-select: none;\n    user-select: none;\n  }\n  .mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer {\n    cursor: pointer;\n  }\n  .mapboxgl-canvas-container.mapboxgl-interactive:active,\n  .mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active {\n    cursor: grabbing;\n  }\n  .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,\n  .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas {\n    touch-action: pan-x pan-y;\n  }\n  .mapboxgl-canvas-container.mapboxgl-touch-drag-pan,\n  .mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas {\n    touch-action: pinch-zoom;\n  }\n  .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan,\n  .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan\n    .mapboxgl-canvas {\n    touch-action: none;\n  }\n  .mapboxgl-ctrl-bottom-left,\n  .mapboxgl-ctrl-bottom-right,\n  .mapboxgl-ctrl-top-left,\n  .mapboxgl-ctrl-top-right {\n    pointer-events: none;\n    position: absolute;\n    z-index: 2;\n  }\n  .mapboxgl-ctrl-top-left {\n    left: 0;\n    top: 0;\n  }\n  .mapboxgl-ctrl-top-right {\n    right: 0;\n    top: 0;\n  }\n  .mapboxgl-ctrl-bottom-left {\n    bottom: 0;\n    left: 0;\n  }\n  .mapboxgl-ctrl-bottom-right {\n    bottom: 0;\n    right: 0;\n  }\n  .mapboxgl-ctrl {\n    clear: both;\n    pointer-events: auto;\n    transform: translate(0);\n  }\n  .mapboxgl-ctrl-top-left .mapboxgl-ctrl {\n    float: left;\n    margin: 10px 0 0 10px;\n  }\n  .mapboxgl-ctrl-top-right .mapboxgl-ctrl {\n    float: right;\n    margin: 10px 10px 0 0;\n  }\n  .mapboxgl-ctrl-bottom-left .mapboxgl-ctrl {\n    float: left;\n    margin: 0 0 10px 10px;\n  }\n  .mapboxgl-ctrl-bottom-right .mapboxgl-ctrl {\n    float: right;\n    margin: 0 10px 10px 0;\n  }\n  .mapboxgl-ctrl-group {\n    background: #fff;\n    border-radius: 4px;\n  }\n  .mapboxgl-ctrl-group:not(:empty) {\n    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);\n  }\n  @media (-ms-high-contrast: active) {\n    .mapboxgl-ctrl-group:not(:empty) {\n      box-shadow: 0 0 0 2px ButtonText;\n    }\n  }\n  .mapboxgl-ctrl-group button {\n    background-color: transparent;\n    border: 0;\n    box-sizing: border-box;\n    cursor: pointer;\n    display: block;\n    height: 29px;\n    outline: none;\n    overflow: hidden;\n    padding: 0;\n    width: 29px;\n  }\n  .mapboxgl-ctrl-group button + button {\n    border-top: 1px solid #ddd;\n  }\n  .mapboxgl-ctrl button .mapboxgl-ctrl-icon {\n    background-position: 50%;\n    background-repeat: no-repeat;\n    display: block;\n    height: 100%;\n    width: 100%;\n  }\n  @media (-ms-high-contrast: active) {\n    .mapboxgl-ctrl-icon {\n      background-color: transparent;\n    }\n    .mapboxgl-ctrl-group button + button {\n      border-top: 1px solid ButtonText;\n    }\n  }\n  .mapboxgl-ctrl-attrib-button:focus,\n  .mapboxgl-ctrl-group button:focus {\n    box-shadow: 0 0 2px 2px #0096ff;\n  }\n  .mapboxgl-ctrl button:disabled {\n    cursor: not-allowed;\n  }\n  .mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon {\n    opacity: 0.25;\n  }\n  .mapboxgl-ctrl-group button:first-of-type {\n    border-radius: 4px 4px 0 0;\n  }\n  .mapboxgl-ctrl-group button:last-of-type {\n    border-radius: 0 0 4px 4px;\n  }\n  .mapboxgl-ctrl-group button:only-of-type {\n    border-radius: inherit;\n  }\n  .mapboxgl-ctrl button:not(:disabled):hover {\n    background-color: rgb(0 0 0/5%);\n  }\n  .mapboxgl-ctrl-group button:focus:focus-visible {\n    box-shadow: 0 0 2px 2px #0096ff;\n  }\n  .mapboxgl-ctrl-group button:focus:not(:focus-visible) {\n    box-shadow: none;\n  }\n  .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {\n    background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E\");\n  }\n  .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {\n    background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E\");\n  }\n  @media (-ms-high-contrast: active) {\n    .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {\n      background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E\");\n    }\n    .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {\n      background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E\");\n    }\n  }\n  @media (-ms-high-contrast: black-on-white) {\n    .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {\n      background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E%3C/svg%3E\");\n    }\n    .mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {\n      background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E%3C/svg%3E\");\n    }\n  }\n  .mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {\n    background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E\");\n  }\n  .mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {\n    background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E\");\n  }\n  @media (-ms-high-contrast: active) {\n    .mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {\n      background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E\");\n    }\n    .mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {\n      background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E\");\n    }\n  }\n  @media (-ms-high-contrast: black-on-white) {\n    .mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon {\n      background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z'/%3E%3C/svg%3E\");\n    }\n    .mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon {\n      background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z'/%3E%3C/svg%3E\");\n    }\n  }\n  .mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {\n    background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23333' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E\");\n  }\n  @media (-ms-high-contrast: active) {\n    .mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {\n      background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23999'/%3E%3C/svg%3E\");\n    }\n  }\n  @media (-ms-high-contrast: black-on-white) {\n    .mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {\n      background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 29 29'%3E%3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E%3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E%3C/svg%3E\");\n    }\n  }\n  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon {\n    background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E\");\n  }\n  .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon {\n    background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23aaa'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E\");\n  }\n  .mapboxgl-ctrl\n    button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active\n    .mapboxgl-ctrl-icon {\n    background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E\");\n  }\n  .mapboxgl-ctrl\n    button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error\n    .mapboxgl-ctrl-icon {\n    background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E\");\n  }\n  .mapboxgl-ctrl\n    button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background\n    .mapboxgl-ctrl-icon {\n    background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E\");\n  }\n  .mapboxgl-ctrl\n    button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error\n    .mapboxgl-ctrl-icon {\n    background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E\");\n  }\n  .mapboxgl-ctrl\n    button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting\n    .mapboxgl-ctrl-icon {\n    animation: mapboxgl-spin 2s linear infinite;\n  }\n  @media (-ms-high-contrast: active) {\n    .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon {\n      background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E\");\n    }\n    .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon {\n      background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23999'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E\");\n    }\n    .mapboxgl-ctrl\n      button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active\n      .mapboxgl-ctrl-icon {\n      background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E\");\n    }\n    .mapboxgl-ctrl\n      button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error\n      .mapboxgl-ctrl-icon {\n      background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e58978'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E\");\n    }\n    .mapboxgl-ctrl\n      button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background\n      .mapboxgl-ctrl-icon {\n      background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%2333b5e5'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E\");\n    }\n    .mapboxgl-ctrl\n      button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error\n      .mapboxgl-ctrl-icon {\n      background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23e54e33'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2' display='none'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E\");\n    }\n  }\n  @media (-ms-high-contrast: black-on-white) {\n    .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon {\n      background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23000'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' display='none'/%3E%3C/svg%3E\");\n    }\n    .mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon {\n      background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill='%23666'%3E%3Cpath d='M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z'/%3E%3Ccircle id='dot' cx='10' cy='10' r='2'/%3E%3Cpath id='stroke' d='M14 5l1 1-9 9-1-1 9-9z' fill='%23f00'/%3E%3C/svg%3E\");\n    }\n  }\n  @keyframes mapboxgl-spin {\n    0% {\n      transform: rotate(0deg);\n    }\n    to {\n      transform: rotate(1turn);\n    }\n  }\n  a.mapboxgl-ctrl-logo {\n    background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='0.3' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='0.9' fill='%23fff'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E\");\n    background-repeat: no-repeat;\n    cursor: pointer;\n    display: block;\n    height: 23px;\n    margin: 0 0 -4px -4px;\n    overflow: hidden;\n    width: 88px;\n  }\n  a.mapboxgl-ctrl-logo.mapboxgl-compact {\n    width: 23px;\n  }\n  @media (-ms-high-contrast: active) {\n    a.mapboxgl-ctrl-logo {\n      background-color: transparent;\n      background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='1' stroke='%23000' stroke-width='3'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='1' fill='%23fff'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E\");\n    }\n  }\n  @media (-ms-high-contrast: black-on-white) {\n    a.mapboxgl-ctrl-logo {\n      background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill-rule='evenodd' viewBox='0 0 88 23'%3E%3Cdefs%3E%3Cpath id='logo' d='M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z'/%3E%3Cpath id='text' d='M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z'/%3E%3C/defs%3E%3Cmask id='clip'%3E%3Crect x='0' y='0' width='100%25' height='100%25' fill='white'/%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/mask%3E%3Cg id='outline' opacity='1' stroke='%23fff' stroke-width='3' fill='%23fff'%3E%3Ccircle mask='url(%23clip)' cx='11.5' cy='11.5' r='9.25'/%3E%3Cuse xlink:href='%23text' mask='url(%23clip)'/%3E%3C/g%3E%3Cg id='fill' opacity='1' fill='%23000'%3E%3Cuse xlink:href='%23logo'/%3E%3Cuse xlink:href='%23text'/%3E%3C/g%3E%3C/svg%3E\");\n    }\n  }\n  .mapboxgl-ctrl.mapboxgl-ctrl-attrib {\n    background-color: hsla(0, 0%, 100%, 0.5);\n    margin: 0;\n    padding: 0 5px;\n  }\n  @media screen {\n    .mapboxgl-ctrl-attrib.mapboxgl-compact {\n      background-color: #fff;\n      border-radius: 12px;\n      margin: 10px;\n      min-height: 20px;\n      padding: 2px 24px 2px 0;\n      position: relative;\n    }\n    .mapboxgl-ctrl-attrib.mapboxgl-compact-show {\n      padding: 2px 28px 2px 8px;\n      visibility: visible;\n    }\n    .mapboxgl-ctrl-bottom-left > .mapboxgl-ctrl-attrib.mapboxgl-compact-show,\n    .mapboxgl-ctrl-top-left > .mapboxgl-ctrl-attrib.mapboxgl-compact-show {\n      border-radius: 12px;\n      padding: 2px 8px 2px 28px;\n    }\n    .mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner {\n      display: none;\n    }\n    .mapboxgl-ctrl-attrib-button {\n      background-color: hsla(0, 0%, 100%, 0.5);\n      background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E\");\n      border: 0;\n      border-radius: 12px;\n      box-sizing: border-box;\n      cursor: pointer;\n      display: none;\n      height: 24px;\n      outline: none;\n      position: absolute;\n      right: 0;\n      top: 0;\n      width: 24px;\n    }\n    .mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-attrib-button,\n    .mapboxgl-ctrl-top-left .mapboxgl-ctrl-attrib-button {\n      left: 0;\n    }\n    .mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-button,\n    .mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-inner {\n      display: block;\n    }\n    .mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-button {\n      background-color: rgb(0 0 0/5%);\n    }\n    .mapboxgl-ctrl-bottom-right > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {\n      bottom: 0;\n      right: 0;\n    }\n    .mapboxgl-ctrl-top-right > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {\n      right: 0;\n      top: 0;\n    }\n    .mapboxgl-ctrl-top-left > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {\n      left: 0;\n      top: 0;\n    }\n    .mapboxgl-ctrl-bottom-left > .mapboxgl-ctrl-attrib.mapboxgl-compact:after {\n      bottom: 0;\n      left: 0;\n    }\n  }\n  @media screen and (-ms-high-contrast: active) {\n    .mapboxgl-ctrl-attrib.mapboxgl-compact:after {\n      background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' fill='%23fff'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E\");\n    }\n  }\n  @media screen and (-ms-high-contrast: black-on-white) {\n    .mapboxgl-ctrl-attrib.mapboxgl-compact:after {\n      background-image: url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E%3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E%3C/svg%3E\");\n    }\n  }\n  .mapboxgl-ctrl-attrib a {\n    color: rgba(0, 0, 0, 0.75);\n    text-decoration: none;\n  }\n  .mapboxgl-ctrl-attrib a:hover {\n    color: inherit;\n    text-decoration: underline;\n  }\n  .mapboxgl-ctrl-attrib .mapbox-improve-map {\n    font-weight: 700;\n    margin-left: 2px;\n  }\n  .mapboxgl-attrib-empty {\n    display: none;\n  }\n  .mapboxgl-ctrl-scale {\n    background-color: hsla(0, 0%, 100%, 0.75);\n    border: 2px solid #333;\n    border-top: #333;\n    box-sizing: border-box;\n    color: #333;\n    font-size: 10px;\n    padding: 0 5px;\n    white-space: nowrap;\n  }\n  .mapboxgl-popup {\n    display: flex;\n    left: 0;\n    pointer-events: none;\n    position: absolute;\n    top: 0;\n    will-change: transform;\n  }\n  .mapboxgl-popup-anchor-top,\n  .mapboxgl-popup-anchor-top-left,\n  .mapboxgl-popup-anchor-top-right {\n    flex-direction: column;\n  }\n  .mapboxgl-popup-anchor-bottom,\n  .mapboxgl-popup-anchor-bottom-left,\n  .mapboxgl-popup-anchor-bottom-right {\n    flex-direction: column-reverse;\n  }\n  .mapboxgl-popup-anchor-left {\n    flex-direction: row;\n  }\n  .mapboxgl-popup-anchor-right {\n    flex-direction: row-reverse;\n  }\n  .mapboxgl-popup-tip {\n    border: 10px solid transparent;\n    height: 0;\n    width: 0;\n    z-index: 1;\n  }\n  .mapboxgl-popup-anchor-top .mapboxgl-popup-tip {\n    align-self: center;\n    border-bottom-color: #fff;\n    border-top: none;\n  }\n  .mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip {\n    align-self: flex-start;\n    border-bottom-color: #fff;\n    border-left: none;\n    border-top: none;\n  }\n  .mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip {\n    align-self: flex-end;\n    border-bottom-color: #fff;\n    border-right: none;\n    border-top: none;\n  }\n  .mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {\n    align-self: center;\n    border-bottom: none;\n    border-top-color: #fff;\n  }\n  .mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip {\n    align-self: flex-start;\n    border-bottom: none;\n    border-left: none;\n    border-top-color: #fff;\n  }\n  .mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip {\n    align-self: flex-end;\n    border-bottom: none;\n    border-right: none;\n    border-top-color: #fff;\n  }\n  .mapboxgl-popup-anchor-left .mapboxgl-popup-tip {\n    align-self: center;\n    border-left: none;\n    border-right-color: #fff;\n  }\n  .mapboxgl-popup-anchor-right .mapboxgl-popup-tip {\n    align-self: center;\n    border-left-color: #fff;\n    border-right: none;\n  }\n  .mapboxgl-popup-close-button {\n    background-color: transparent;\n    border: 0;\n    border-radius: 0 3px 0 0;\n    cursor: pointer;\n    position: absolute;\n    right: 0;\n    top: 0;\n  }\n  .mapboxgl-popup-close-button:hover {\n    background-color: rgb(0 0 0/5%);\n  }\n  .mapboxgl-popup-content {\n    background: #fff;\n    border-radius: 3px;\n    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);\n    padding: 10px 10px 15px;\n    pointer-events: auto;\n    position: relative;\n  }\n  .mapboxgl-popup-anchor-top-left .mapboxgl-popup-content {\n    border-top-left-radius: 0;\n  }\n  .mapboxgl-popup-anchor-top-right .mapboxgl-popup-content {\n    border-top-right-radius: 0;\n  }\n  .mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content {\n    border-bottom-left-radius: 0;\n  }\n  .mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content {\n    border-bottom-right-radius: 0;\n  }\n  .mapboxgl-popup-track-pointer {\n    display: none;\n  }\n  .mapboxgl-popup-track-pointer * {\n    pointer-events: none;\n    user-select: none;\n  }\n  .mapboxgl-map:hover .mapboxgl-popup-track-pointer {\n    display: flex;\n  }\n  .mapboxgl-map:active .mapboxgl-popup-track-pointer {\n    display: none;\n  }\n  .mapboxgl-marker {\n    left: 0;\n    opacity: 1;\n    position: absolute;\n    top: 0;\n    transition: opacity 0.2s;\n    will-change: transform;\n  }\n  .mapboxgl-user-location-dot,\n  .mapboxgl-user-location-dot:before {\n    background-color: #1da1f2;\n    border-radius: 50%;\n    height: 15px;\n    width: 15px;\n  }\n  .mapboxgl-user-location-dot:before {\n    animation: mapboxgl-user-location-dot-pulse 2s infinite;\n    content: '';\n    position: absolute;\n  }\n  .mapboxgl-user-location-dot:after {\n    border: 2px solid #fff;\n    border-radius: 50%;\n    box-shadow: 0 0 3px rgba(0, 0, 0, 0.35);\n    box-sizing: border-box;\n    content: '';\n    height: 19px;\n    left: -2px;\n    position: absolute;\n    top: -2px;\n    width: 19px;\n  }\n  .mapboxgl-user-location-show-heading .mapboxgl-user-location-heading {\n    height: 0;\n    width: 0;\n  }\n  .mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after,\n  .mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before {\n    border-bottom: 7.5px solid #4aa1eb;\n    content: '';\n    position: absolute;\n  }\n  .mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before {\n    border-left: 7.5px solid transparent;\n    transform: translateY(-28px) skewY(-20deg);\n  }\n  .mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after {\n    border-right: 7.5px solid transparent;\n    transform: translate(7.5px, -28px) skewY(20deg);\n  }\n  @keyframes mapboxgl-user-location-dot-pulse {\n    0% {\n      opacity: 1;\n      transform: scale(1);\n    }\n    70% {\n      opacity: 0;\n      transform: scale(3);\n    }\n    to {\n      opacity: 0;\n      transform: scale(1);\n    }\n  }\n  .mapboxgl-user-location-dot-stale {\n    background-color: #aaa;\n  }\n  .mapboxgl-user-location-dot-stale:after {\n    display: none;\n  }\n  .mapboxgl-user-location-accuracy-circle {\n    background-color: #1da1f233;\n    border-radius: 100%;\n    height: 1px;\n    width: 1px;\n  }\n  .mapboxgl-crosshair,\n  .mapboxgl-crosshair .mapboxgl-interactive,\n  .mapboxgl-crosshair .mapboxgl-interactive:active {\n    cursor: crosshair;\n  }\n  .mapboxgl-boxzoom {\n    background: #fff;\n    border: 2px dotted #202020;\n    height: 0;\n    left: 0;\n    opacity: 0.5;\n    position: absolute;\n    top: 0;\n    width: 0;\n  }\n  @media print {\n    .mapbox-improve-map {\n      display: none;\n    }\n  }\n  .mapboxgl-scroll-zoom-blocker,\n  .mapboxgl-touch-pan-blocker {\n    align-items: center;\n    background: rgba(0, 0, 0, 0.7);\n    color: #fff;\n    display: flex;\n    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial,\n      sans-serif;\n    height: 100%;\n    justify-content: center;\n    left: 0;\n    opacity: 0;\n    pointer-events: none;\n    position: absolute;\n    text-align: center;\n    top: 0;\n    transition: opacity 0.75s ease-in-out;\n    transition-delay: 1s;\n    width: 100%;\n  }\n  .mapboxgl-scroll-zoom-blocker-show,\n  .mapboxgl-touch-pan-blocker-show {\n    opacity: 1;\n    transition: opacity 0.1s ease-in-out;\n  }\n  .mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page,\n  .mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page\n    .mapboxgl-canvas {\n    touch-action: pan-x pan-y;\n  }\n"])));
-
-var _templateObject$3;
+var projectPinImage = 'https://cdn.jsdelivr.net/npm/@phosphor-icons/core@2.0.2/assets/fill/map-pin-fill.svg';
 mapboxgl__default.default.accessToken = MAPBOX_TOKEN;
+var FALLBACK_BBOX = '-1.9950830850086163,44.4464186384987,21.995083085002875,54.12644342419196';
 var ProjectsMap = function ProjectsMap(_ref) {
-  var slice = _ref.slice,
-    projects = _ref.projects;
+  var slice = _ref.slice;
   var _useContext = React.useContext(IntlContext),
-    locale = _useContext.locale;
-  var filteredProjects = projects.filter(function (project) {
-    return project.geom;
-  });
-  var center = slice.defaultCenterCoordinates ? [slice.defaultCenterCoordinates.longitude, slice.defaultCenterCoordinates.latitude] : undefined;
-  var bounds = center ? undefined : mergeBoundingBoxes(filteredProjects.map(function (p) {
-    return [].concat(p.geom.coordinates.map(function (c) {
-      return c - 0.2;
-    }), p.geom.coordinates.map(function (c) {
-      return c + 0.2;
-    }));
-  }));
+    locale = _useContext.locale,
+    formatMessage = _useContext.formatMessage;
   var mapContainer = React.useRef(null);
-  React.useEffect(function () {
-    var map = new mapboxgl.Map({
-      container: mapContainer.current || '',
-      style: MapBoxStyle.CaliTerrain,
-      center: center,
-      zoom: slice.defaultZoomLevel || MAPBOX_INITIAL_ZOOM,
-      maxZoom: MAPBOX_MAX_ZOOM,
-      bounds: bounds
+  var map = React.useRef(null);
+  var animationIntervalRef = React.useRef(null);
+  var _useState = React.useState(null),
+    featureCollection = _useState[0],
+    setFeatureCollection = _useState[1];
+  var _useState2 = React.useState(false),
+    isLoading = _useState2[0],
+    setIsLoading = _useState2[1];
+  var initialBboxRef = React.useRef(null);
+  var _useState3 = React.useState(false),
+    isMapReady = _useState3[0],
+    setIsMapReady = _useState3[1];
+  var _useState4 = React.useState(null),
+    strapiProjects = _useState4[0],
+    setStrapiProjects = _useState4[1];
+  var isBboxContained = React.useCallback(function (innerBbox, outerBbox) {
+    var _innerBbox$split$map = innerBbox.split(',').map(Number),
+      innerWest = _innerBbox$split$map[0],
+      innerSouth = _innerBbox$split$map[1],
+      innerEast = _innerBbox$split$map[2],
+      innerNorth = _innerBbox$split$map[3];
+    var _outerBbox$split$map = outerBbox.split(',').map(Number),
+      outerWest = _outerBbox$split$map[0],
+      outerSouth = _outerBbox$split$map[1],
+      outerEast = _outerBbox$split$map[2],
+      outerNorth = _outerBbox$split$map[3];
+    return innerWest >= outerWest && innerEast <= outerEast && innerSouth >= outerSouth && innerNorth <= outerNorth;
+  }, []);
+  var fetchStrapiData = React.useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+    var data;
+    return _regeneratorRuntime().wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          if (!strapiProjects) {
+            _context.next = 2;
+            break;
+          }
+          return _context.abrupt("return");
+        case 2:
+          _context.prev = 2;
+          _context.next = 5;
+          return getStrapiProjects(locale, '2');
+        case 5:
+          data = _context.sent;
+          // pLevel = Population depth which is a param in the API request. 2 is enough to get the slug and the portfolioHost
+          setStrapiProjects(data);
+          _context.next = 12;
+          break;
+        case 9:
+          _context.prev = 9;
+          _context.t0 = _context["catch"](2);
+          console.error('❌ Error fetching Strapi projects:', _context.t0);
+        case 12:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[2, 9]]);
+  })), [locale, strapiProjects]);
+  var fetchProjectsData = React.useCallback(/*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2(bbox) {
+      var fpmData, mergedData;
+      return _regeneratorRuntime().wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            setIsLoading(true);
+            _context2.prev = 1;
+            _context2.next = 4;
+            return getFpmProjectsByBbox(bbox);
+          case 4:
+            fpmData = _context2.sent;
+            // If we have Strapi data, merge it, otherwise show FPM data immediately
+            mergedData = strapiProjects ? mergeProjectData(fpmData, strapiProjects) : fpmData;
+            setFeatureCollection(mergedData);
+            _context2.next = 12;
+            break;
+          case 9:
+            _context2.prev = 9;
+            _context2.t0 = _context2["catch"](1);
+            console.error('Error fetching projects:', _context2.t0);
+          case 12:
+            _context2.prev = 12;
+            setIsLoading(false);
+            return _context2.finish(12);
+          case 15:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2, null, [[1, 9, 12, 15]]);
+    }));
+    return function (_x) {
+      return _ref3.apply(this, arguments);
+    };
+  }(), [strapiProjects]);
+  var debouncedUpdateBbox = React.useCallback(debounce__default.default(function () {
+    if (!map.current || !initialBboxRef.current) return;
+    var bounds = map.current.getBounds();
+    var newBbox = bounds.getWest() + "," + bounds.getSouth() + "," + bounds.getEast() + "," + bounds.getNorth();
+    if (!isBboxContained(newBbox, initialBboxRef.current)) {
+      fetchProjectsData(newBbox);
+      initialBboxRef.current = newBbox;
+    }
+  }, 500), [fetchProjectsData, isBboxContained]);
+  var addProjectsLayer = React.useCallback(function () {
+    if (!map.current || !featureCollection || !map.current.isStyleLoaded()) {
+      return;
+    }
+    var filteredFeatureCollection = _extends({}, featureCollection, {
+      features: featureCollection.features.filter(function (feature) {
+        var _feature$properties;
+        return ((_feature$properties = feature.properties) == null ? void 0 : _feature$properties.isPublic) !== false;
+      })
     });
-    filteredProjects
-    // Sort by longitude, so that the markers are rendeed form right to left
-    .sort(function (a, b) {
-      return b.geom.coordinates[0] - a.geom.coordinates[0];
-    }).forEach(function (project) {
-      var _project$projectDevel;
-      var ref = React.createRef();
-      ref.current = document.createElement('div');
-      client.createRoot(ref.current).render(React__default.default.createElement(MinimalProviders, {
-        locale: locale
-      }, React__default.default.createElement(MapMarker, {
-        title: project.friendlyName || project.title,
-        isPublic: project.isPublic,
-        portfolioHost: project.portfolioHost,
-        slug: project.slug,
-        creditAvailability: project.creditAvailability,
-        projectDeveloper: (_project$projectDevel = project.projectDeveloper) == null ? void 0 : _project$projectDevel.name
-      })));
-      // Offset is needed to center the marker on the coordinates
-      var marker = new mapboxgl.Marker(ref.current, {
-        offset: [-20, -40]
+    var source = map.current.getSource('projects');
+    if (!source) {
+      map.current.addSource('projects', {
+        type: 'geojson',
+        data: filteredFeatureCollection,
+        cluster: true,
+        clusterMaxZoom: 14,
+        clusterRadius: 50
+      });
+      map.current.addLayer({
+        id: 'clusters',
+        type: 'circle',
+        source: 'projects',
+        filter: ['has', 'point_count'],
+        paint: {
+          'circle-color': ['step', ['get', 'point_count'], '#51bbd6', 2, '#2A3FBA'],
+          'circle-radius': ['step', ['get', 'point_count'], 20, 10, 30, 30, 40],
+          'circle-radius-transition': {
+            duration: 300
+          },
+          'circle-stroke-width': 5,
+          'circle-stroke-color': '#2A3FBA',
+          'circle-stroke-opacity': 0.4
+        }
+      });
+      if (animationIntervalRef.current) {
+        clearInterval(animationIntervalRef.current);
+      }
+      animationIntervalRef.current = setInterval(function () {
+        if (!map.current) return;
+        var now = Date.now() / 1000;
+        var pulseFactor = 1 + 0.05 * Math.sin(now * 2 * Math.PI / 2.8);
+        var expression = ['step', ['get', 'point_count'], 20 * pulseFactor, 10, 30 * pulseFactor, 30, 40 * pulseFactor];
+        map.current.setPaintProperty('clusters', 'circle-radius', expression);
+      }, 50);
+      map.current.addLayer({
+        id: 'cluster-count',
+        type: 'symbol',
+        source: 'projects',
+        filter: ['has', 'point_count'],
+        layout: {
+          'text-field': '{point_count_abbreviated}',
+          'text-font': ['DIN Offc Pro Medium', 'Arial Unicode MS Bold'],
+          'text-size': 12
+        },
+        paint: {
+          'text-color': '#fff'
+        }
+      });
+      // Load SVG as PNG
+      fetch(projectPinImage).then(function (response) {
+        return response.text();
+      }).then(function (svgText) {
+        // Modify SVG color
+        var modifiedSvg = svgText.replace(/fill="[^"]*"/, "fill=\"#2A3FBA\"");
+        var img = new Image();
+        img.src = "data:image/svg+xml;base64," + btoa(modifiedSvg);
+        return new Promise(function (resolve, reject) {
+          img.onload = function () {
+            return resolve(img);
+          };
+          img.onerror = reject;
+        });
+      }).then(function (img) {
+        if (!map.current) return;
+        var canvas = document.createElement('canvas');
+        canvas.width = 80;
+        canvas.height = 80;
+        var ctx = canvas.getContext('2d');
+        if (!ctx) return;
+        ctx.drawImage(img, 10, 10, 60, 60);
+        var pngImg = new Image();
+        pngImg.src = canvas.toDataURL('image/png');
+        pngImg.onload = function () {
+          var _map$current, _map$current2;
+          (_map$current = map.current) == null || _map$current.addImage('project-pin', pngImg, {
+            pixelRatio: 2
+          });
+          (_map$current2 = map.current) == null || _map$current2.addLayer({
+            id: 'unclustered-point',
+            type: 'symbol',
+            source: 'projects',
+            filter: ['!', ['has', 'point_count']],
+            layout: {
+              'icon-image': 'project-pin'
+            }
+          });
+        };
+      })["catch"](function (error) {
+        console.error('Error loading project pin image:', error);
+      });
+      var popup = new mapboxgl__default.default.Popup({
+        closeButton: true,
+        closeOnClick: false,
+        className: 'custom-popup',
+        offset: [0, -20]
       });
-      // No chaining here, because the mocks don't support it
-      marker.setLngLat(project.geom.coordinates);
-      marker.addTo(map);
+      var style = document.createElement('style');
+      style.textContent = "\n        .custom-popup .mapboxgl-popup-content {\n          border-radius: 8px;\n          padding: 12px;\n          box-shadow: 0 2px 4px rgba(0,0,0,0.2);\n          background: white;\n          color: #333;\n        }\n        .mapboxgl-popup {\n          max-width: 300px !important;\n        }\n        .mapboxgl-popup-close-button {\n          padding: 4px 8px;\n          font-size: 16px;\n          color: #666;\n        }\n        .mapboxgl-popup-close-button:hover {\n          background: #f0f0f0;\n          color: #333;\n        }\n      ";
+      document.head.appendChild(style);
+      map.current.on('click', 'unclustered-point', function (e) {
+        if (!e.features || !e.features[0].properties) return;
+        map.current.getCanvas().style.cursor = 'pointer';
+        var coordinates = e.features[0].geometry.coordinates.slice();
+        var _e$features$0$propert = e.features[0].properties,
+          title = _e$features$0$propert.title,
+          projectDeveloper = _e$features$0$propert.projectDeveloper,
+          slug = _e$features$0$propert.slug,
+          portfolioHost = _e$features$0$propert.portfolioHost,
+          creditAvailability = _e$features$0$propert.creditAvailability;
+        // Calculate if popup would go off screen at the top
+        var point = map.current.project(coordinates);
+        var popupHeight = 150; // Approximate height of popup
+        var offset = point.y - popupHeight - 20 < 0 ? [0, 20] : [0, -20];
+        var developer = 'Unknown';
+        try {
+          var projectDeveloperRaw = projectDeveloper;
+          if (projectDeveloperRaw) {
+            var _JSON$parse$name, _JSON$parse;
+            developer = (_JSON$parse$name = (_JSON$parse = JSON.parse(projectDeveloperRaw)) == null ? void 0 : _JSON$parse.name) != null ? _JSON$parse$name : 'Unknown';
+          }
+        } catch (_unused) {
+          developer = 'Unknown';
+        }
+        var projectUrl = slug && portfolioHost ? portfolioHost + "/portfolio/" + slug : null;
+        var getBadgeMessage = function getBadgeMessage(status) {
+          switch (status) {
+            case CreditAvailability.CREDITS_AVAILABLE:
+              return formatMessage({
+                id: 'components.creditsAvailableBadge.text.yes'
+              });
+            case CreditAvailability.NO_CREDITS_AVAILABLE:
+              return formatMessage({
+                id: 'components.creditsAvailableBadge.text.no'
+              });
+            case CreditAvailability.SOME_CREDITS_AVAILABLE:
+              return formatMessage({
+                id: 'components.creditsAvailableBadge.text.some'
+              });
+            case CreditAvailability.SOON_CREDITS_AVAILABLE:
+              return formatMessage({
+                id: 'components.creditsAvailableBadge.text.notYet'
+              });
+            default:
+              return '';
+          }
+        };
+        var getBadgeColor = function getBadgeColor(status) {
+          switch (status) {
+            case CreditAvailability.CREDITS_AVAILABLE:
+              return '#15803d';
+            case CreditAvailability.NO_CREDITS_AVAILABLE:
+              return '#b91c1c';
+            case CreditAvailability.SOME_CREDITS_AVAILABLE:
+              return '#ea580c';
+            case CreditAvailability.SOON_CREDITS_AVAILABLE:
+              return '#2563eb';
+            default:
+              return '#e0e7ff';
+          }
+        };
+        var badgeColor = getBadgeColor(creditAvailability);
+        var badgeMessage = getBadgeMessage(creditAvailability);
+        var badge = projectUrl ? "<a href=\"" + projectUrl + "\" target=\"_blank\" rel=\"noopener\" style=\"text-decoration: none;\"><span style=\"display: inline-block; background: " + badgeColor + "; color: white; font-weight: 600; border-radius: 4px; padding: 2px 8px; font-size: 12px; margin-bottom: 6px; cursor: pointer;\">" + badgeMessage + "</span></a>" : "<span style=\"display: inline-block; background: " + badgeColor + "; color: white; font-weight: 600; border-radius: 4px; padding: 2px 8px; font-size: 12px; margin-bottom: 6px;\">" + badgeMessage + "</span>";
+        var button = projectUrl ? "<a href=\"" + projectUrl + "\" target=\"_blank\" rel=\"noopener\" style=\"display: inline-block; margin-top: 12px; padding: 4px 8px; border: 1px solid #e2e8f0; border-radius: 4px; background: #fff; font-size: 14px; font-weight: 700; text-decoration: none;\">Show more info</a>" : '';
+        var description = "\n          <div style=\"padding: 2px; padding-right: 16px; min-width: 180px; max-width: 260px;\">\n            " + badge + "\n            <h3 style=\"font-size: 15px; font-weight: bold;\">" + title + "</h3>\n            <p style=\"font-size: 15px; color: #64748b;\">" + developer + "</p>\n            " + button + "\n          </div>\n        ";
+        while (Math.abs(e.lngLat.lng - coordinates[0]) > 180) {
+          coordinates[0] += e.lngLat.lng > coordinates[0] ? 360 : -360;
+        }
+        popup.setOffset(offset).setLngLat(coordinates).setHTML(description).addTo(map.current);
+      });
+      map.current.on('click', 'clusters', function (e) {
+        var _map$current3, _map$current4;
+        var features = (_map$current3 = map.current) == null ? void 0 : _map$current3.queryRenderedFeatures(e.point, {
+          layers: ['clusters']
+        });
+        if (!features || !features[0].properties) return;
+        var clusterId = features[0].properties.cluster_id;
+        var projectSource = (_map$current4 = map.current) == null ? void 0 : _map$current4.getSource('projects');
+        projectSource.getClusterExpansionZoom(clusterId, function (err, zoom) {
+          if (err || !map.current) return;
+          var coordinates = features[0].geometry.coordinates;
+          map.current.easeTo({
+            center: coordinates,
+            zoom: zoom
+          });
+        });
+      });
+      map.current.on('mouseenter', 'clusters', function () {
+        if (map.current) map.current.getCanvas().style.cursor = 'pointer';
+      });
+      map.current.on('mouseleave', 'clusters', function () {
+        if (map.current) map.current.getCanvas().style.cursor = '';
+      });
+      map.current.on('mouseenter', 'unclustered-point', function () {
+        if (map.current) map.current.getCanvas().style.cursor = 'pointer';
+      });
+      map.current.on('mouseleave', 'unclustered-point', function () {
+        if (map.current) map.current.getCanvas().style.cursor = '';
+      });
+    } else {
+      source.setData(filteredFeatureCollection);
+    }
+  }, [featureCollection, locale, formatMessage]);
+  React.useEffect(function () {
+    if (map.current || !mapContainer.current) return;
+    var initialCenter;
+    var initialZoom;
+    if (slice.defaultCenterCoordinates && slice.defaultZoomLevel) {
+      initialCenter = [slice.defaultCenterCoordinates.longitude, slice.defaultCenterCoordinates.latitude];
+      initialZoom = slice.defaultZoomLevel;
+    } else {
+      // Always start with fallback view - don't wait for user location
+      var bbox = initialBboxRef.current || FALLBACK_BBOX;
+      var _bbox$split$map = bbox.split(',').map(Number),
+        west = _bbox$split$map[0],
+        south = _bbox$split$map[1],
+        east = _bbox$split$map[2],
+        north = _bbox$split$map[3];
+      var bounds = new mapboxgl__default.default.LngLatBounds([west, south], [east, north]);
+      var center = bounds.getCenter();
+      initialCenter = [center.lng, center.lat];
+      initialZoom = 6;
+    }
+    map.current = new mapboxgl__default.default.Map({
+      container: mapContainer.current,
+      style: 'mapbox://styles/mapbox/streets-v12',
+      center: initialCenter,
+      zoom: initialZoom,
+      maxZoom: MAPBOX_MAX_ZOOM
+    });
+    map.current.addControl(new mapboxgl__default.default.NavigationControl(), 'top-right');
+    map.current.on('load', function () {
+      setIsMapReady(true);
+      if (!(slice.defaultCenterCoordinates && slice.defaultZoomLevel)) {
+        var _map$current5;
+        var _bbox = initialBboxRef.current || FALLBACK_BBOX;
+        var _bbox$split$map2 = _bbox.split(',').map(Number),
+          _west = _bbox$split$map2[0],
+          _south = _bbox$split$map2[1],
+          _east = _bbox$split$map2[2],
+          _north = _bbox$split$map2[3];
+        var _bounds = new mapboxgl__default.default.LngLatBounds([_west, _south], [_east, _north]);
+        (_map$current5 = map.current) == null || _map$current5.fitBounds(_bounds, {
+          padding: 20
+        });
+      }
+    });
+    map.current.on('moveend', function () {
+      if (initialBboxRef.current) {
+        debouncedUpdateBbox();
+      }
     });
-    // Clean up on unmount
     return function () {
-      return map.remove();
+      var _map$current6;
+      debouncedUpdateBbox.cancel();
+      if (animationIntervalRef.current) {
+        clearInterval(animationIntervalRef.current);
+      }
+      (_map$current6 = map.current) == null || _map$current6.remove();
+      map.current = null;
     };
-  }, [locale]);
+  }, [slice.defaultCenterCoordinates, slice.defaultZoomLevel, debouncedUpdateBbox]);
+  // Fetch Strapi data once on component mount
+  React.useEffect(function () {
+    fetchStrapiData();
+  }, [fetchStrapiData]);
+  // Handle re-merging data when Strapi data becomes available
+  React.useEffect(function () {
+    if (strapiProjects && featureCollection) {
+      var mergedData = mergeProjectData(featureCollection, strapiProjects);
+      setFeatureCollection(mergedData);
+    }
+  }, [strapiProjects]);
+  // Request user location (non-blocking)
+  React.useEffect(function () {
+    if (slice.defaultCenterCoordinates && slice.defaultZoomLevel) {
+      // Use provided default coordinates
+      var _slice$defaultCenterC = slice.defaultCenterCoordinates,
+        latitude = _slice$defaultCenterC.latitude,
+        longitude = _slice$defaultCenterC.longitude;
+      var buffer = 10;
+      var bbox = longitude - buffer + "," + (latitude - buffer) + "," + (longitude + buffer) + "," + (latitude + buffer);
+      initialBboxRef.current = bbox;
+      fetchProjectsData(bbox);
+    } else if (navigator.geolocation) {
+      // Set fallback immediately (non-blocking)
+      initialBboxRef.current = FALLBACK_BBOX;
+      fetchProjectsData(FALLBACK_BBOX);
+      // Request user location asynchronously
+      navigator.geolocation.getCurrentPosition(function (position) {
+        var userLoc = {
+          lat: position.coords.latitude,
+          lon: position.coords.longitude
+        };
+        if (map.current) {
+          map.current.easeTo({
+            center: [userLoc.lon, userLoc.lat],
+            zoom: 10,
+            duration: 1500
+          });
+          // Update bbox for this location
+          var _buffer = 1;
+          var _bbox2 = userLoc.lon - _buffer + "," + (userLoc.lat - _buffer) + "," + (userLoc.lon + _buffer) + "," + (userLoc.lat + _buffer);
+          initialBboxRef.current = _bbox2;
+          fetchProjectsData(_bbox2);
+        }
+      }, function () {
+        // Permission denied or error - already have fallback data loaded
+        // No need to re-fetch since we already loaded FALLBACK_BBOX data
+      });
+    } else {
+      // Geolocation not supported - use fallback
+      initialBboxRef.current = FALLBACK_BBOX;
+      fetchProjectsData(FALLBACK_BBOX);
+    }
+  }, [slice.defaultCenterCoordinates, slice.defaultZoomLevel, fetchProjectsData]);
+  React.useEffect(function () {
+    var _map$current7;
+    if (isMapReady && featureCollection && (_map$current7 = map.current) != null && _map$current7.isStyleLoaded()) {
+      addProjectsLayer();
+    }
+  }, [isMapReady, featureCollection, addProjectsLayer]);
   return React__default.default.createElement(boemly.DefaultSectionContainer, null, React__default.default.createElement(boemly.Box, {
     css: mapboxStyle
   }, React__default.default.createElement(boemly.Wrapper, null, slice.title ? React__default.default.createElement(React__default.default.Fragment, null, React__default.default.createElement(boemly.DefaultSectionHeader, {
@@ -3838,9 +4222,8 @@ var ProjectsMap = function ProjectsMap(_ref) {
     ref: mapContainer,
     borderRadius: "xl",
     overflow: "hidden",
-    boxShadow: ['md', null, null, 'none'],
-    css: react$1.css(_templateObject$3 || (_templateObject$3 = _taggedTemplateLiteralLoose(["\n              mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);\n            "])))
-  }))));
+    boxShadow: ['md', null, null, 'none']
+  }), React__default.default.createElement(React__default.default.Fragment, null, isLoading && React__default.default.createElement(boemly.Box, null, "Loading projects...")))));
 };
 
 var Video = function Video(_ref) {
@@ -6912,8 +7295,7 @@ var SliceRenderer = function SliceRenderer(_ref) {
       case 'sections.projects-map':
         return React__default.default.createElement(ProjectsMap, {
           key: slice.__component + "-" + slice.id,
-          slice: slice,
-          projects: projects
+          slice: slice
         });
       case 'sections.video':
         return React__default.default.createElement(Video, {