@treely/strapi-slices 2.0.0 → 2.2.0

package/dist/strapi-slices.esm.js

@@ -1,4640 +0,0 @@
-import React, { useState, useRef, useEffect, Fragment, createRef, createContext, useContext, useCallback, useMemo } from 'react';
-import { Box, BoemlyModal, Flex, IconButton, useMediaQuery, DefaultSectionContainer, Wrapper, DefaultSectionHeader, Button, Gradient, Spacer, SimpleGrid, Heading, Text, useToken, Grid, GridItem, BoemlyList, PortfolioCard, RichText, BoemlyAccordion, HeroCard, Shape, QuoteCard, Center, ShapesCard, TextCardWithIcon, ContactArea, ProjectCard, Tag, Link as Link$1, BoemlyThemeProvider, DatePersonPair, Badge, useDisclosure, Container, AvatarWithName, Divider, LabelNumberPair, BoemlyFormControl, InputRightAddon, LabelTextPair } from 'boemly';
-import Image from 'next/image';
-import { useLockBodyScroll, useKey, useWindowScroll, useWindowSize, useMeasure, useCopyToClipboard } from 'react-use';
-import { CaretLeft, CaretRight, Globe, ArrowRight, MapPin, ArrowLeft, Check, Link as Link$2, FilePdf, DownloadSimple, X } from '@phosphor-icons/react';
-import Head from 'next/head';
-import Link from 'next/link';
-import { useDetectAdBlock } from 'adblock-detect-react';
-import { useRouter } from 'next/router';
-import styled from '@emotion/styled';
-import { css, Global } from '@emotion/react';
-import { motion, AnimatePresence } from 'framer-motion';
-import { createIntl, createIntlCache, IntlProvider } from 'react-intl';
-import mapboxgl, { Map, Marker } from 'mapbox-gl';
-import { createRoot } from 'react-dom/client';
-import { Formik, Form, Field } from 'formik';
-
-function _regeneratorRuntime() {
-  _regeneratorRuntime = function () {
-    return e;
-  };
-  var t,
-    e = {},
-    r = Object.prototype,
-    n = r.hasOwnProperty,
-    o = Object.defineProperty || function (t, e, r) {
-      t[e] = r.value;
-    },
-    i = "function" == typeof Symbol ? Symbol : {},
-    a = i.iterator || "@@iterator",
-    c = i.asyncIterator || "@@asyncIterator",
-    u = i.toStringTag || "@@toStringTag";
-  function define(t, e, r) {
-    return Object.defineProperty(t, e, {
-      value: r,
-      enumerable: !0,
-      configurable: !0,
-      writable: !0
-    }), t[e];
-  }
-  try {
-    define({}, "");
-  } catch (t) {
-    define = function (t, e, r) {
-      return t[e] = r;
-    };
-  }
-  function wrap(t, e, r, n) {
-    var i = e && e.prototype instanceof Generator ? e : Generator,
-      a = Object.create(i.prototype),
-      c = new Context(n || []);
-    return o(a, "_invoke", {
-      value: makeInvokeMethod(t, r, c)
-    }), a;
-  }
-  function tryCatch(t, e, r) {
-    try {
-      return {
-        type: "normal",
-        arg: t.call(e, r)
-      };
-    } catch (t) {
-      return {
-        type: "throw",
-        arg: t
-      };
-    }
-  }
-  e.wrap = wrap;
-  var h = "suspendedStart",
-    l = "suspendedYield",
-    f = "executing",
-    s = "completed",
-    y = {};
-  function Generator() {}
-  function GeneratorFunction() {}
-  function GeneratorFunctionPrototype() {}
-  var p = {};
-  define(p, a, function () {
-    return this;
-  });
-  var d = Object.getPrototypeOf,
-    v = d && d(d(values([])));
-  v && v !== r && n.call(v, a) && (p = v);
-  var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p);
-  function defineIteratorMethods(t) {
-    ["next", "throw", "return"].forEach(function (e) {
-      define(t, e, function (t) {
-        return this._invoke(e, t);
-      });
-    });
-  }
-  function AsyncIterator(t, e) {
-    function invoke(r, o, i, a) {
-      var c = tryCatch(t[r], t, o);
-      if ("throw" !== c.type) {
-        var u = c.arg,
-          h = u.value;
-        return h && "object" == typeof h && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) {
-          invoke("next", t, i, a);
-        }, function (t) {
-          invoke("throw", t, i, a);
-        }) : e.resolve(h).then(function (t) {
-          u.value = t, i(u);
-        }, function (t) {
-          return invoke("throw", t, i, a);
-        });
-      }
-      a(c.arg);
-    }
-    var r;
-    o(this, "_invoke", {
-      value: function (t, n) {
-        function callInvokeWithMethodAndArg() {
-          return new e(function (e, r) {
-            invoke(t, n, e, r);
-          });
-        }
-        return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
-      }
-    });
-  }
-  function makeInvokeMethod(e, r, n) {
-    var o = h;
-    return function (i, a) {
-      if (o === f) throw new Error("Generator is already running");
-      if (o === s) {
-        if ("throw" === i) throw a;
-        return {
-          value: t,
-          done: !0
-        };
-      }
-      for (n.method = i, n.arg = a;;) {
-        var c = n.delegate;
-        if (c) {
-          var u = maybeInvokeDelegate(c, n);
-          if (u) {
-            if (u === y) continue;
-            return u;
-          }
-        }
-        if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) {
-          if (o === h) throw o = s, n.arg;
-          n.dispatchException(n.arg);
-        } else "return" === n.method && n.abrupt("return", n.arg);
-        o = f;
-        var p = tryCatch(e, r, n);
-        if ("normal" === p.type) {
-          if (o = n.done ? s : l, p.arg === y) continue;
-          return {
-            value: p.arg,
-            done: n.done
-          };
-        }
-        "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg);
-      }
-    };
-  }
-  function maybeInvokeDelegate(e, r) {
-    var n = r.method,
-      o = e.iterator[n];
-    if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y;
-    var i = tryCatch(o, e.iterator, r.arg);
-    if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y;
-    var a = i.arg;
-    return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y);
-  }
-  function pushTryEntry(t) {
-    var e = {
-      tryLoc: t[0]
-    };
-    1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e);
-  }
-  function resetTryEntry(t) {
-    var e = t.completion || {};
-    e.type = "normal", delete e.arg, t.completion = e;
-  }
-  function Context(t) {
-    this.tryEntries = [{
-      tryLoc: "root"
-    }], t.forEach(pushTryEntry, this), this.reset(!0);
-  }
-  function values(e) {
-    if (e || "" === e) {
-      var r = e[a];
-      if (r) return r.call(e);
-      if ("function" == typeof e.next) return e;
-      if (!isNaN(e.length)) {
-        var o = -1,
-          i = function next() {
-            for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next;
-            return next.value = t, next.done = !0, next;
-          };
-        return i.next = i;
-      }
-    }
-    throw new TypeError(typeof e + " is not iterable");
-  }
-  return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", {
-    value: GeneratorFunctionPrototype,
-    configurable: !0
-  }), o(GeneratorFunctionPrototype, "constructor", {
-    value: GeneratorFunction,
-    configurable: !0
-  }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) {
-    var e = "function" == typeof t && t.constructor;
-    return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name));
-  }, e.mark = function (t) {
-    return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t;
-  }, e.awrap = function (t) {
-    return {
-      __await: t
-    };
-  }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () {
-    return this;
-  }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) {
-    void 0 === i && (i = Promise);
-    var a = new AsyncIterator(wrap(t, r, n, o), i);
-    return e.isGeneratorFunction(r) ? a : a.next().then(function (t) {
-      return t.done ? t.value : a.next();
-    });
-  }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () {
-    return this;
-  }), define(g, "toString", function () {
-    return "[object Generator]";
-  }), e.keys = function (t) {
-    var e = Object(t),
-      r = [];
-    for (var n in e) r.push(n);
-    return r.reverse(), function next() {
-      for (; r.length;) {
-        var t = r.pop();
-        if (t in e) return next.value = t, next.done = !1, next;
-      }
-      return next.done = !0, next;
-    };
-  }, e.values = values, Context.prototype = {
-    constructor: Context,
-    reset: function (e) {
-      if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t);
-    },
-    stop: function () {
-      this.done = !0;
-      var t = this.tryEntries[0].completion;
-      if ("throw" === t.type) throw t.arg;
-      return this.rval;
-    },
-    dispatchException: function (e) {
-      if (this.done) throw e;
-      var r = this;
-      function handle(n, o) {
-        return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o;
-      }
-      for (var o = this.tryEntries.length - 1; o >= 0; --o) {
-        var i = this.tryEntries[o],
-          a = i.completion;
-        if ("root" === i.tryLoc) return handle("end");
-        if (i.tryLoc <= this.prev) {
-          var c = n.call(i, "catchLoc"),
-            u = n.call(i, "finallyLoc");
-          if (c && u) {
-            if (this.prev < i.catchLoc) return handle(i.catchLoc, !0);
-            if (this.prev < i.finallyLoc) return handle(i.finallyLoc);
-          } else if (c) {
-            if (this.prev < i.catchLoc) return handle(i.catchLoc, !0);
-          } else {
-            if (!u) throw new Error("try statement without catch or finally");
-            if (this.prev < i.finallyLoc) return handle(i.finallyLoc);
-          }
-        }
-      }
-    },
-    abrupt: function (t, e) {
-      for (var r = this.tryEntries.length - 1; r >= 0; --r) {
-        var o = this.tryEntries[r];
-        if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) {
-          var i = o;
-          break;
-        }
-      }
-      i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null);
-      var a = i ? i.completion : {};
-      return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a);
-    },
-    complete: function (t, e) {
-      if ("throw" === t.type) throw t.arg;
-      return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y;
-    },
-    finish: function (t) {
-      for (var e = this.tryEntries.length - 1; e >= 0; --e) {
-        var r = this.tryEntries[e];
-        if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y;
-      }
-    },
-    catch: function (t) {
-      for (var e = this.tryEntries.length - 1; e >= 0; --e) {
-        var r = this.tryEntries[e];
-        if (r.tryLoc === t) {
-          var n = r.completion;
-          if ("throw" === n.type) {
-            var o = n.arg;
-            resetTryEntry(r);
-          }
-          return o;
-        }
-      }
-      throw new Error("illegal catch attempt");
-    },
-    delegateYield: function (e, r, n) {
-      return this.delegate = {
-        iterator: values(e),
-        resultName: r,
-        nextLoc: n
-      }, "next" === this.method && (this.arg = t), y;
-    }
-  }, e;
-}
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
-  try {
-    var info = gen[key](arg);
-    var value = info.value;
-  } catch (error) {
-    reject(error);
-    return;
-  }
-  if (info.done) {
-    resolve(value);
-  } else {
-    Promise.resolve(value).then(_next, _throw);
-  }
-}
-function _asyncToGenerator(fn) {
-  return function () {
-    var self = this,
-      args = arguments;
-    return new Promise(function (resolve, reject) {
-      var gen = fn.apply(self, args);
-      function _next(value) {
-        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
-      }
-      function _throw(err) {
-        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
-      }
-      _next(undefined);
-    });
-  };
-}
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
-  }
-  return target;
-}
-function _taggedTemplateLiteralLoose(strings, raw) {
-  if (!raw) {
-    raw = strings.slice(0);
-  }
-  strings.raw = raw;
-  return strings;
-}
-
-var STRAPI_URI = process.env.NEXT_PUBLIC_STRAPI_URI || 'http://127.0.0.1:1337';
-
-var strapiMediaUrl = function strapiMediaUrl(media, preferredSize) {
-  if (preferredSize === void 0) {
-    preferredSize = 'native';
-  }
-  var _ref = media.data.attributes || {},
-    url = _ref.url;
-  if (preferredSize !== 'native' && media.data.attributes.ext !== '.svg') {
-    var _media$data$attribute;
-    url = ((_media$data$attribute = media.data.attributes.formats[preferredSize]) == null ? void 0 : _media$data$attribute.url) || url;
-  }
-  if (url && (url.indexOf('http://') === 0 || url.indexOf('https://') === 0)) {
-    return url;
-  }
-  return "" + ((STRAPI_URI.includes('127.0.0.1') || STRAPI_URI.includes('localhost')) && !process.env.STORYBOOK ? STRAPI_URI : '') + url;
-};
-
-var ZoomableImage = function ZoomableImage(_ref) {
-  var image = _ref.image,
-    _ref$zoom = _ref.zoom,
-    zoom = _ref$zoom === void 0 ? 200 : _ref$zoom;
-  // define and set default values to the states of the component
-  var _useState = useState(false),
-    isZoomed = _useState[0],
-    setIsZoomed = _useState[1];
-  var _useState2 = useState('50% 50%'),
-    backgroundPos = _useState2[0],
-    setBackgroundPos = _useState2[1];
-  var imageSrc = strapiMediaUrl(image.img, 'xLarge');
-  var zoomInPosition = function zoomInPosition(e) {
-    // This will handle the calculations of the area where the image needs to zoom in depending on the user interaction
-    var zoomer = e.currentTarget.getBoundingClientRect();
-    var x = (e.clientX - zoomer.x) / zoomer.width * 100;
-    var y = (e.clientY - zoomer.y) / zoomer.height * 100;
-    setBackgroundPos(x + "% " + y + "%");
-  };
-  var toggleZoomImage = function toggleZoomImage(e) {
-    if (isZoomed) {
-      setIsZoomed(false);
-    } else {
-      // Zoom in and set the background position correctly
-      setIsZoomed(true);
-      zoomInPosition(e);
-    }
-  };
-  var handleClick = function handleClick(e) {
-    toggleZoomImage(e);
-  };
-  var handleMove = function handleMove(e) {
-    if (isZoomed) {
-      zoomInPosition(e);
-    }
-  };
-  return React.createElement(React.Fragment, null, React.createElement(Head, null, React.createElement("link", {
-    rel: "prefetch",
-    as: "image",
-    href: imageSrc
-  })), React.createElement(Box, {
-    position: "relative",
-    display: "inline-block",
-    width: "full",
-    height: "full",
-    overflow: "hidden",
-    flexShrink: "0",
-    scrollSnapAlign: "center",
-    scrollSnapStop: "always",
-    draggable: "false",
-    cursor: isZoomed ? 'zoom-out' : 'zoom-in',
-    backgroundImage: isZoomed ? "url( " + imageSrc + " )" : 'none',
-    backgroundSize: zoom + "%",
-    backgroundPosition: backgroundPos,
-    onClick: function onClick(e) {
-      return handleClick(e);
-    },
-    onMouseMove: function onMouseMove(e) {
-      return handleMove(e);
-    }
-  }, React.createElement(Image, {
-    src: imageSrc,
-    alt: image.alt,
-    fill: true,
-    style: {
-      visibility: isZoomed ? 'hidden' : 'visible',
-      objectFit: 'contain'
-    }
-  })));
-};
-
-var FullScreenImage = function FullScreenImage(_ref) {
-  var images = _ref.images,
-    isOpen = _ref.isOpen,
-    onClose = _ref.onClose,
-    openIndex = _ref.openIndex;
-  var _useState = useState(0),
-    imageIndex = _useState[0],
-    setImageIndex = _useState[1];
-  var containerRef = useRef(null);
-  useLockBodyScroll(isOpen);
-  var canMoveRight = imageIndex < images.length - 1;
-  var canMoveLeft = imageIndex !== 0;
-  var onRight = function onRight() {
-    return setImageIndex(function (p) {
-      return canMoveRight ? p + 1 : p;
-    });
-  };
-  var onLeft = function onLeft() {
-    return setImageIndex(function (p) {
-      return canMoveLeft ? p - 1 : p;
-    });
-  };
-  useKey('ArrowRight', onRight, {}, [onRight]);
-  useKey('ArrowLeft', onLeft, {}, [onLeft]);
-  useEffect(function () {
-    if (openIndex !== undefined) {
-      setImageIndex(openIndex);
-    }
-  }, [openIndex]);
-  useEffect(function () {
-    if (containerRef.current) {
-      containerRef.current.scrollTo({
-        left: imageIndex * containerRef.current.clientWidth,
-        behavior: 'smooth'
-      });
-    }
-  }, [imageIndex, containerRef]);
-  var onCloseLocal = function onCloseLocal() {
-    setImageIndex(0);
-    onClose();
-  };
-  return React.createElement(BoemlyModal, {
-    onClose: onCloseLocal,
-    isOpen: isOpen,
-    title: "",
-    trigger: "",
-    size: "full",
-    content: React.createElement(Flex, {
-      position: "absolute",
-      insetY: "16",
-      insetX: "0",
-      alignItems: "center",
-      justifyContent: "center"
-    }, React.createElement(Flex, {
-      ref: containerRef,
-      flexGrow: "1",
-      flexBasis: "100%",
-      flexShrink: "1",
-      gap: "4",
-      marginX: "24",
-      scrollSnapType: "x mandatory",
-      overflow: "hidden",
-      position: "relative",
-      height: "full",
-      width: "full"
-    }, images.map(function (image) {
-      return React.createElement(ZoomableImage, {
-        key: image.id,
-        image: image
-      });
-    })), React.createElement(Flex, {
-      position: "absolute",
-      inset: "6",
-      justifyContent: "space-between",
-      alignItems: "center",
-      pointerEvents: "none"
-    }, React.createElement(IconButton, {
-      visibility: canMoveLeft ? 'visible' : 'hidden',
-      onClick: onLeft,
-      icon: React.createElement(CaretLeft, {
-        size: 16
-      }),
-      "aria-label": "Previous picture",
-      variant: "outline",
-      pointerEvents: "all",
-      mr: "6"
-    }), React.createElement(IconButton, {
-      visibility: canMoveRight ? 'visible' : 'hidden',
-      onClick: onRight,
-      icon: React.createElement(CaretRight, {
-        size: 16
-      }),
-      "aria-label": "Next picture",
-      variant: "outline",
-      pointerEvents: "all",
-      ml: "4"
-    })))
-  });
-};
-
-var BREAKPOINT_MD = '768px';
-var BREAKPOINT_LG = '960px';
-var BREAKPOINT_MD_QUERY = "(max-width: " + BREAKPOINT_MD + ")";
-var BREAKPOINT_LG_QUERY = "(max-width: " + BREAKPOINT_LG + ")";
-
-var FullWidthImage = function FullWidthImage(_ref) {
-  var slice = _ref.slice;
-  var _useState = useState(false),
-    isOpen = _useState[0],
-    setIsOpen = _useState[1];
-  var _useMediaQuery = useMediaQuery(BREAKPOINT_MD_QUERY),
-    isMobile = _useMediaQuery[0];
-  return React.createElement(DefaultSectionContainer, {
-    title: slice.title
-  }, React.createElement(Wrapper, null, React.createElement(DefaultSectionHeader, {
-    isHero: true,
-    tagline: slice.tagline,
-    title: slice.title,
-    text: slice.text,
-    taglineProps: {
-      textAlign: 'center',
-      mt: ['32', null, null, '56']
-    },
-    titleProps: {
-      textAlign: 'center',
-      maxW: '6xl',
-      marginX: 'auto'
-    },
-    textProps: {
-      textAlign: 'center',
-      maxW: '3xl',
-      marginX: 'auto'
-    }
-  }), React.createElement(Box, {
-    position: "relative",
-    mt: "20",
-    height: ['3xs', null, 'xl']
-  }, React.createElement(Image, {
-    src: strapiMediaUrl(slice.image.img, 'xLarge'),
-    alt: slice.image.alt,
-    fill: true,
-    style: {
-      objectFit: slice.image.objectFit || 'cover',
-      cursor: isMobile ? 'unset' : 'pointer',
-      borderRadius: 'var(--boemly-radii-2xl)'
-    },
-    onClick: function onClick() {
-      return !isMobile && setIsOpen(true);
-    }
-  }), React.createElement(FullScreenImage, {
-    images: [slice.image],
-    isOpen: isOpen,
-    onClose: function onClose() {
-      return setIsOpen(false);
-    }
-  }))));
-};
-
-var strapiLinkUrl = function strapiLinkUrl(strapiLink) {
-  var _strapiLink, _strapiLink2;
-  if (strapiLink === void 0) {
-    strapiLink = undefined;
-  }
-  if ((_strapiLink = strapiLink) != null && (_strapiLink = _strapiLink.page) != null && _strapiLink.data) {
-    return "/" + strapiLink.page.data.attributes.slug;
-  }
-  return ((_strapiLink2 = strapiLink) == null ? void 0 : _strapiLink2.url) || '/';
-};
-
-var openHubSpotChat = function openHubSpotChat() {
-  var w = window;
-  if (w.HubSpotConversations) {
-    w.HubSpotConversations.widget.open();
-  } else {
-    w.hsConversationsOnReady = [function () {
-      w.HubSpotConversations.widget.open();
-    }];
-  }
-};
-
-var _excluded$1 = ["link"];
-var StrapiLinkButton = function StrapiLinkButton(_ref) {
-  var link = _ref.link,
-    buttonProps = _objectWithoutPropertiesLoose(_ref, _excluded$1);
-  var adBlockDetected = useDetectAdBlock();
-  if (link.intercomLauncher) {
-    if (adBlockDetected) {
-      return React.createElement(Button, _extends({}, buttonProps, {
-        as: Link,
-        href: "mailto:hello@tree.ly"
-      }), link.text);
-    }
-    return React.createElement(Button, _extends({}, buttonProps, {
-      onClick: openHubSpotChat
-    }), link.text);
-  }
-  return React.createElement(Button, _extends({}, buttonProps, {
-    as: Link,
-    href: strapiLinkUrl(link)
-  }), link.text);
-};
-
-var Hero = function Hero(_ref) {
-  var slice = _ref.slice;
-  return React.createElement(Box, {
-    position: "relative",
-    width: "full",
-    height: "var(--default-hero-height)",
-    minHeight: "2xl",
-    backgroundColor: "gray.900",
-    overflowX: "hidden"
-  }, slice.image && React.createElement(React.Fragment, null, React.createElement(Image, {
-    src: strapiMediaUrl(slice.image.img, 'xLarge'),
-    alt: slice.image.alt,
-    fill: true,
-    style: {
-      objectFit: slice.image.objectFit || 'cover'
-    }
-  }), React.createElement(Gradient, null)), slice.shape && React.createElement(Box, {
-    position: "absolute",
-    bottom: "0",
-    borderTopRightRadius: "full",
-    width: ['3xs', null, '2xs', null, 'sm'],
-    height: ['3xs', null, '2xs', null, 'sm'],
-    right: ['-16', null, '24']
-  }, React.createElement(Image, {
-    src: strapiMediaUrl(slice.shape.img, 'medium'),
-    alt: slice.shape.alt,
-    fill: true,
-    style: {
-      objectFit: slice.shape.objectFit || 'cover',
-      borderTopRightRadius: 'var(--boemly-radii-full)'
-    }
-  })), React.createElement(Box, {
-    position: "absolute",
-    left: "0",
-    top: "56%",
-    width: "full",
-    textAlign: slice.textAlign,
-    transform: "translateY(-50%)"
-  }, React.createElement(Wrapper, null, React.createElement(React.Fragment, null, React.createElement(DefaultSectionHeader, {
-    isHero: true,
-    tagline: slice.tagline,
-    title: slice.title,
-    text: slice.subTitle,
-    taglineProps: {
-      color: 'white'
-    },
-    titleProps: {
-      color: 'white',
-      maxW: slice.textAlign === 'center' ? '4xl' : '3xl',
-      mx: slice.textAlign === 'center' ? 'auto' : 'unset',
-      textAlign: slice.textAlign
-    },
-    textProps: {
-      maxW: '2xl',
-      mx: slice.textAlign === 'center' ? 'auto' : 'unset',
-      textAlign: slice.textAlign,
-      color: 'white'
-    }
-  }), React.createElement(Flex, {
-    gap: "8",
-    justifyContent: slice.textAlign === 'center' ? 'center' : 'start'
-  }, slice.button && React.createElement(StrapiLinkButton, {
-    key: slice.button.id,
-    mt: "10",
-    size: "xl",
-    link: slice.button
-  }), slice.additionalButtons.map(function (button) {
-    return React.createElement(StrapiLinkButton, {
-      key: button.button.id,
-      mt: "10",
-      size: "xl",
-      variant: button.variant,
-      link: button.button
-    });
-  }))))));
-};
-
-var IconGrid = function IconGrid(_ref) {
-  var slice = _ref.slice;
-  return React.createElement(DefaultSectionContainer, null, React.createElement(Wrapper, null, slice.title ? React.createElement(React.Fragment, null, React.createElement(Flex, {
-    alignItems: "center",
-    flexDirection: "column"
-  }, React.createElement(DefaultSectionHeader, {
-    tagline: slice.tagline,
-    title: slice.title,
-    text: slice.subTitle,
-    taglineProps: {
-      maxW: '2xl',
-      textAlign: 'center'
-    },
-    titleProps: {
-      maxW: '3xl',
-      textAlign: 'center'
-    },
-    textProps: {
-      maxW: '3xl',
-      textAlign: 'center'
-    }
-  })), React.createElement(Spacer, {
-    h: "20"
-  })) : React.createElement(React.Fragment, null), React.createElement(SimpleGrid, {
-    columns: [1, null, null, 2],
-    gap: "32",
-    rowGap: ['16', null, null, '28']
-  }, slice.iconsWithTextAndButton.map(function (iconWithTextAndButton) {
-    return React.createElement(Box, {
-      key: iconWithTextAndButton.id
-    }, React.createElement(Box, {
-      margin: "0 auto",
-      backgroundColor: "primary.50",
-      borderRadius: "full",
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "space-around",
-      width: "6.5rem",
-      height: "6.5rem"
-    }, React.createElement(Box, {
-      position: "absolute",
-      width: "12",
-      height: "12"
-    }, React.createElement(Image, {
-      src: strapiMediaUrl(iconWithTextAndButton.icon.img, 'xSmall'),
-      alt: iconWithTextAndButton.icon.alt,
-      fill: true,
-      style: {
-        objectFit: iconWithTextAndButton.icon.objectFit || 'contain'
-      }
-    }))), React.createElement(Heading, {
-      size: "xl",
-      textAlign: "center",
-      mb: "4",
-      mt: "8"
-    }, iconWithTextAndButton.title), React.createElement(Text, {
-      size: "mdRegularNormal",
-      textAlign: "center"
-    }, iconWithTextAndButton.text), iconWithTextAndButton.button && React.createElement(Box, {
-      textAlign: "center"
-    }, React.createElement(StrapiLinkButton, {
-      key: iconWithTextAndButton.button.id,
-      mt: "8",
-      size: "md",
-      variant: "outline",
-      link: iconWithTextAndButton.button
-    })));
-  }))));
-};
-
-var LinkedInIcon = function LinkedInIcon() {
-  return React.createElement("svg", {
-    width: "14",
-    height: "14",
-    viewBox: "0 0 14 14",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, React.createElement("g", {
-    clipPath: "url(#clip0_112_606)"
-  }, React.createElement("path", {
-    d: "M11.9286 11.9285H9.85424V8.67998C9.85424 7.90534 9.84042 6.90813 8.77539 6.90813C7.695 6.90813 7.52969 7.75213 7.52969 8.62357V11.9283H5.45533V5.24799H7.44671V6.16093H7.47459C7.67388 5.82018 7.96186 5.53986 8.30786 5.34984C8.65386 5.15981 9.04493 5.06719 9.4394 5.08183C11.5418 5.08183 11.9295 6.46473 11.9295 8.2638L11.9286 11.9285ZM3.11477 4.33484C2.87669 4.33489 2.64393 4.26433 2.44595 4.13209C2.24796 3.99985 2.09365 3.81188 2.0025 3.59193C1.91135 3.37199 1.88746 3.12995 1.93387 2.89644C1.98027 2.66292 2.09488 2.44841 2.26321 2.28003C2.43153 2.11164 2.646 1.99696 2.8795 1.95047C3.11301 1.90398 3.35504 1.92778 3.57502 2.01884C3.795 2.10992 3.98303 2.26417 4.11533 2.46211C4.24764 2.66004 4.31829 2.89277 4.31833 3.13085C4.31836 3.28894 4.28725 3.44547 4.22678 3.59153C4.1663 3.7376 4.07767 3.87031 3.96591 3.98211C3.85415 4.09392 3.72146 4.18261 3.57541 4.24313C3.42937 4.30365 3.27286 4.33481 3.11477 4.33484ZM4.15194 11.9285H2.07544V5.24799H4.15194V11.9285ZM12.9628 0.000953808H1.03307C0.762304 -0.00210183 0.501383 0.102466 0.307673 0.291681C0.113961 0.480895 0.00330461 0.739273 0 1.01004V12.9892C0.00319151 13.2602 0.113783 13.5187 0.307487 13.7081C0.501192 13.8975 0.762169 14.0023 1.03307 13.9994H12.9628C13.2342 14.0028 13.496 13.8983 13.6904 13.7089C13.8848 13.5195 13.9962 13.2607 14 12.9892V1.00918C13.9961 0.737873 13.8846 0.479199 13.6902 0.28999C13.4958 0.10078 13.2341 -0.00348904 12.9628 8.91429e-05",
-    fill: "#0A66C2"
-  })), React.createElement("defs", null, React.createElement("clipPath", {
-    id: "clip0_112_606"
-  }, React.createElement("rect", {
-    width: "14",
-    height: "14",
-    fill: "white"
-  }))));
-};
-
-var _excluded = ["link"];
-var StrapiLinkButtonWithIcon = function StrapiLinkButtonWithIcon(_ref) {
-  var link = _ref.link,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var getLinkIcon = function getLinkIcon(destination) {
-    switch (destination) {
-      case 'linkedin':
-        {
-          return React.createElement(LinkedInIcon, null);
-        }
-      case 'web':
-        {
-          return React.createElement(Globe, null);
-        }
-      default:
-        {
-          return React.createElement(CaretRight, null);
-        }
-    }
-  };
-  return React.createElement(StrapiLinkButton, _extends({}, props, {
-    link: link.link,
-    rightIcon: getLinkIcon(link.destination)
-  }));
-};
-
-var ImageGrid = function ImageGrid(_ref) {
-  var slice = _ref.slice;
-  var _useToken = useToken('colors', ['primary.50']),
-    primary50 = _useToken[0];
-  return React.createElement(DefaultSectionContainer, {
-    backgroundColor: primary50,
-    title: slice.title
-  }, React.createElement(Wrapper, null, React.createElement(DefaultSectionHeader, {
-    tagline: slice.tagline,
-    title: slice.title,
-    text: slice.text,
-    taglineProps: {
-      textAlign: 'center'
-    },
-    titleProps: {
-      textAlign: 'center',
-      maxW: '6xl',
-      marginX: 'auto'
-    },
-    textProps: {
-      textAlign: 'center',
-      maxW: '2xl',
-      marginX: 'auto'
-    }
-  }), React.createElement(SimpleGrid, {
-    mt: "24",
-    columns: 3,
-    gap: "24",
-    rowGap: "16",
-    minChildWidth: "16rem"
-  }, slice.images.map(function (_ref2) {
-    var id = _ref2.id,
-      title = _ref2.title,
-      subTitle = _ref2.subTitle,
-      image = _ref2.image,
-      links = _ref2.links;
-    return React.createElement(Box, {
-      key: id
-    }, React.createElement(Box, {
-      position: "relative",
-      height: "sm",
-      borderRadius: "xl"
-    }, React.createElement(Image, {
-      src: strapiMediaUrl(image.img, 'medium'),
-      alt: image.alt,
-      fill: true,
-      style: {
-        objectFit: image.objectFit || 'cover',
-        borderRadius: 'var(--boemly-radii-xl)'
-      }
-    })), React.createElement(Heading, {
-      size: "xl",
-      mt: "4"
-    }, title), subTitle && React.createElement(Text, {
-      size: "mdRegularNormal"
-    }, subTitle), links && links.length > 0 && React.createElement(Flex, {
-      mt: "3",
-      flexDir: "row",
-      gap: "2",
-      flexWrap: "wrap"
-    }, links.map(function (link) {
-      return React.createElement(StrapiLinkButtonWithIcon, {
-        key: link.id,
-        link: link,
-        size: "sm",
-        variant: "outline"
-      });
-    })));
-  }))));
-};
-
-process.env.NEXT_PUBLIC_API_URI || 'http://localhost:4001';
-var FPM_API_URI = process.env.NEXT_PUBLIC_FPM_API_URI || 'https://api.fpm.t-staging.com';
-var CDN_URI = 'https://cdn.tree.ly';
-
-var ImageTextSequence = function ImageTextSequence(_ref) {
-  var slice = _ref.slice;
-  var _useMediaQuery = useMediaQuery(BREAKPOINT_LG_QUERY),
-    oneColumnGrid = _useMediaQuery[0];
-  var _useToken = useToken('colors', ['primary.50']),
-    primary50 = _useToken[0];
-  var _useToken2 = useToken('colors', ['gray.700']),
-    gray700 = _useToken2[0];
-  return React.createElement(DefaultSectionContainer, {
-    backgroundColor: primary50,
-    title: slice.title
-  }, slice.background ? React.createElement(React.Fragment, null, React.createElement(Box, {
-    position: "absolute",
-    top: "0",
-    right: "24",
-    display: ['none', null, null, 'unset']
-  }, React.createElement(Image, {
-    src: CDN_URI + "/assets/v3/strapi-slices/desktop-map-border.svg",
-    alt: "Map",
-    width: "786",
-    height: "897"
-  })), React.createElement(Box, {
-    position: "absolute",
-    top: "64",
-    right: "-14",
-    display: ['unset', null, null, 'none']
-  }, React.createElement(Image, {
-    src: CDN_URI + "/assets/v3/strapi-slices/mobile-map-border.svg",
-    alt: "Map",
-    width: "227",
-    height: "452"
-  }))) : React.createElement(React.Fragment, null), React.createElement(Wrapper, null, React.createElement(DefaultSectionHeader, {
-    tagline: slice.tagline,
-    title: slice.title,
-    text: slice.text,
-    taglineProps: {
-      textAlign: ['left', null, null, null, 'center']
-    },
-    titleProps: {
-      maxW: '6xl',
-      marginX: ['0', null, null, null, 'auto'],
-      textAlign: ['left', null, null, null, 'center']
-    },
-    textProps: {
-      maxW: '2xl',
-      marginX: ['0', null, null, null, 'auto'],
-      textAlign: ['left', null, null, null, 'center'],
-      color: 'black'
-    }
-  }), React.createElement(SimpleGrid, {
-    gap: "16",
-    mt: ['28', null, null, null, '40'],
-    columns: [1, null, null, null, 2]
-  }, slice.imageTextRows.map(function (_ref2, index) {
-    var id = _ref2.id,
-      title = _ref2.title,
-      text = _ref2.text,
-      button = _ref2.button,
-      image = _ref2.image;
-    var imageBox = React.createElement(Box, null, React.createElement(Box, {
-      position: "relative",
-      width: "full",
-      minHeight: ['2xs', null, null, 'sm']
-    }, React.createElement(Image, {
-      src: strapiMediaUrl(image.img, 'large'),
-      alt: image.alt,
-      fill: true,
-      style: {
-        objectFit: image.objectFit || 'contain'
-      }
-    })));
-    return React.createElement(Fragment, {
-      key: id
-    }, (oneColumnGrid || index % 2 !== 0) && imageBox, React.createElement(Box, {
-      display: "flex",
-      alignItems: "flex-start",
-      flexDirection: "column",
-      justifyContent: "center"
-    }, React.createElement(Heading, {
-      as: "h2",
-      size: "xl",
-      mb: "4"
-    }, title), React.createElement(Text, {
-      size: "mdRegularNormal"
-    }, text), button && React.createElement(StrapiLinkButton, {
-      mt: "5",
-      link: button,
-      size: "sm",
-      variant: "outline",
-      rightIcon: React.createElement(CaretRight, {
-        size: "10",
-        color: gray700
-      })
-    })), !oneColumnGrid && index % 2 === 0 && imageBox);
-  }))));
-};
-
-var LeftTextRightCard = function LeftTextRightCard(_ref) {
-  var slice = _ref.slice;
-  var _useRouter = useRouter(),
-    push = _useRouter.push;
-  return React.createElement(DefaultSectionContainer, {
-    title: slice.title
-  }, React.createElement(Wrapper, null, React.createElement(Grid, {
-    templateColumns: ['repeat(8, 1fr)', null, null, null, 'repeat(12, 1fr)'],
-    templateRows: ['repeat(2, 1fr)', null, null, null, 'repeat(1, 1fr)'],
-    rowGap: "12"
-  }, React.createElement(GridItem, {
-    colSpan: 8,
-    rowSpan: 1,
-    pr: ['0', null, null, null, '28']
-  }, React.createElement(DefaultSectionHeader, {
-    tagline: slice.tagline,
-    title: slice.title,
-    text: slice.text
-  }), slice.checkMarkLabels && React.createElement(React.Fragment, null, React.createElement(Spacer, {
-    height: "10"
-  }), React.createElement(BoemlyList, {
-    listItems: slice.checkMarkLabels
-  }), React.createElement(Spacer, {
-    height: "10"
-  })), slice.button && React.createElement(StrapiLinkButton, {
-    link: slice.button,
-    size: "md",
-    colorScheme: "white",
-    variant: "outline",
-    rightIcon: React.createElement(ArrowRight, null)
-  })), React.createElement(GridItem, {
-    colSpan: [8, null, null, null, 4],
-    rowSpan: 1,
-    position: "relative"
-  }, slice.card && React.createElement(PortfolioCard, {
-    title: slice.card.title,
-    button: slice.card.button && {
-      text: slice.card.button.text,
-      onClick: function onClick() {
-        var _slice$card;
-        return push(strapiLinkUrl((_slice$card = slice.card) == null ? void 0 : _slice$card.button));
-      }
-    },
-    facts: slice.card.facts,
-    image: React.createElement(Image, {
-      src: strapiMediaUrl(slice.card.image.img, 'medium'),
-      alt: slice.card.image.alt,
-      fill: true,
-      style: {
-        objectFit: slice.card.image.objectFit || 'cover'
-      }
-    }),
-    portfolioNumber: slice.card.portfolioNumber
-  })))));
-};
-
-var LogoGridWithText = function LogoGridWithText(_ref) {
-  var slice = _ref.slice;
-  var _useToken = useToken('colors', ['primary.50']),
-    primary50 = _useToken[0];
-  return React.createElement(DefaultSectionContainer, {
-    backgroundColor: primary50,
-    title: slice.title
-  }, React.createElement(Wrapper, null, React.createElement(SimpleGrid, {
-    columns: 2,
-    gap: "28",
-    minChildWidth: "16rem"
-  }, React.createElement(Box, {
-    display: "flex",
-    flexDirection: "column",
-    justifyContent: "center",
-    alignItems: "flex-start"
-  }, React.createElement(Heading, {
-    as: "h2",
-    size: "3xl",
-    mb: "4"
-  }, slice.title), React.createElement(RichText, {
-    content: slice.text
-  }), slice.button && React.createElement(StrapiLinkButton, {
-    link: slice.button,
-    size: "md",
-    colorScheme: "white",
-    variant: "outline",
-    mt: "6",
-    rightIcon: React.createElement(ArrowRight, null)
-  })), React.createElement(Flex, {
-    flexDir: "row",
-    flexWrap: "wrap",
-    gap: ['12', null, null, '28']
-  }, slice.logos.map(function (logo) {
-    return React.createElement(Flex, {
-      key: logo.id,
-      justifyContent: "center",
-      alignItems: "center",
-      flexGrow: 1,
-      flexShrink: 0,
-      flexBasis: slice.logos.length > 2 ? '34%' : '90%'
-    }, React.createElement(Box, {
-      position: "relative",
-      height: "20",
-      width: "100%"
-    }, logo.link ? React.createElement("a", {
-      href: strapiLinkUrl(logo.link)
-    }, React.createElement(Image, {
-      src: strapiMediaUrl(logo.img, 'small'),
-      alt: logo.alt,
-      fill: true,
-      style: {
-        objectFit: logo.objectFit || 'contain'
-      }
-    })) : React.createElement(Image, {
-      src: strapiMediaUrl(logo.img, 'small'),
-      alt: logo.alt,
-      fill: true,
-      style: {
-        objectFit: logo.objectFit || 'contain'
-      }
-    })));
-  })))));
-};
-
-var _templateObject$7, _templateObject2$4, _templateObject3$2, _templateObject4$1, _templateObject5$1;
-var MapHeroContainer = /*#__PURE__*/styled(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(Box)(_templateObject2$4 || (_templateObject2$4 = /*#__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(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(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);
-var MapGradient = /*#__PURE__*/styled(Box)(_templateObject5$1 || (_templateObject5$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 100%;\n  height: 100%;\n\n  background: linear-gradient(\n    90deg,\n    var(--boemly-colors-primary-50) 0%,\n    var(--boemly-colors-primary-50) 10%,\n    rgba(243, 246, 245, 0.6) 28%,\n    rgba(243, 246, 245, 0) 40%,\n    rgba(243, 246, 245, 0) 100%\n  );\n\n  @media screen and (max-width: ", ") {\n    background: linear-gradient(\n      180deg,\n      var(--boemly-colors-primary-50) 0%,\n      var(--boemly-colors-primary-50) 36%,\n      rgba(243, 246, 245, 0.12) 46%,\n      rgba(243, 246, 245, 0) 100%\n    );\n  }\n"])), BREAKPOINT_LG);
-
-var MapHero = function MapHero(_ref) {
-  var slice = _ref.slice;
-  var _useMediaQuery = useMediaQuery(BREAKPOINT_LG_QUERY),
-    belowBreakpoint = _useMediaQuery[0];
-  return React.createElement(MapHeroContainer, null, slice.shape && React.createElement(ShapeContainer, null, React.createElement(Image, {
-    src: strapiMediaUrl(slice.shape.img, 'medium'),
-    alt: slice.shape.alt,
-    fill: true,
-    style: {
-      objectFit: slice.shape.objectFit || 'cover'
-    }
-  })), React.createElement(MapHeroTextContainer, null, React.createElement(Wrapper, null, React.createElement(React.Fragment, null, React.createElement(DefaultSectionHeader, {
-    isHero: true,
-    tagline: slice.tagline,
-    title: slice.title,
-    text: slice.subTitle,
-    titleProps: {
-      maxW: ['100%', null, null, null, '60%']
-    },
-    textProps: {
-      maxW: ['100%', null, null, null, '55%']
-    }
-  }), slice.buttons && slice.buttons.length > 0 && React.createElement(Flex, {
-    mt: "10",
-    flexDir: "row",
-    gap: "5"
-  }, React.createElement(StrapiLinkButton, {
-    link: slice.buttons[0],
-    size: "xl"
-  }), slice.buttons.length === 2 && React.createElement(StrapiLinkButton, {
-    link: slice.buttons[1],
-    variant: "outline",
-    size: "xl"
-  }))))), React.createElement(MapContainer, null, belowBreakpoint ? React.createElement(Image, {
-    src: strapiMediaUrl(slice.mobileMap.img, 'xLarge'),
-    alt: slice.mobileMap.alt,
-    fill: true,
-    style: {
-      objectFit: slice.mobileMap.objectFit || 'contain'
-    }
-  }) : React.createElement(Image, {
-    src: strapiMediaUrl(slice.map.img, 'xLarge'),
-    alt: slice.map.alt,
-    fill: true,
-    style: {
-      objectFit: slice.map.objectFit || 'cover'
-    }
-  }), React.createElement(MapGradient, null)));
-};
-
-var convertToKebabCase = function convertToKebabCase(str) {
-  var matches = str && str.match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g);
-  return matches ? matches.map(function (x) {
-    return x.toLowerCase();
-  }).join('-') : '';
-};
-
-var VARIANTS$4 = {
-  gray: {
-    backgroundColor: 'primary.50',
-    tagLineColor: 'primary.500',
-    textColor: 'black',
-    accordionVariant: 'black',
-    otherQuestionsBackground: 'primary.700'
-  },
-  green: {
-    backgroundColor: 'primary.800',
-    tagLineColor: 'white',
-    textColor: 'white',
-    accordionVariant: 'white',
-    otherQuestionsBackground: 'primary.900'
-  },
-  white: {
-    backgroundColor: 'white',
-    tagLineColor: 'primary.500',
-    textColor: 'black',
-    accordionVariant: 'black',
-    otherQuestionsBackground: 'primary.700'
-  }
-};
-var QAndA = function QAndA(_ref) {
-  var _slice$variant;
-  var slice = _ref.slice;
-  var _useRouter = useRouter(),
-    push = _useRouter.push;
-  var variant = VARIANTS$4[(_slice$variant = slice.variant) != null ? _slice$variant : 'green'];
-  return React.createElement(React.Fragment, null, React.createElement(Box, {
-    pb: slice.hero ? 80 : 28,
-    id: convertToKebabCase(slice.title),
-    backgroundColor: variant.backgroundColor
-  }, React.createElement(Wrapper, null, React.createElement(SimpleGrid, {
-    columns: [1, null, null, 2]
-  }, React.createElement(Box, {
-    mr: "16",
-    paddingY: "28"
-  }, React.createElement(Text, {
-    size: "mdMonoUppercase",
-    color: variant.tagLineColor
-  }, slice.tagline), React.createElement(Heading, {
-    as: "h2",
-    size: "3xl",
-    color: variant.textColor,
-    mt: "6",
-    mb: "16"
-  }, slice.title)), React.createElement(Box, {
-    maxHeight: ['unset', null, null, 'xl'],
-    paddingTop: ['0', null, null, '28'],
-    paddingRight: ['0', null, null, '6'],
-    overflowY: ['unset', null, null, 'scroll']
-  }, React.createElement(Box, null, React.createElement(BoemlyAccordion, {
-    rows: slice.questionsAndAnswers,
-    defaultIndex: 0,
-    variant: variant.accordionVariant
-  }), React.createElement(Flex, {
-    padding: "8",
-    backgroundColor: variant.otherQuestionsBackground,
-    borderRadius: "2xl",
-    mt: "14",
-    flexDir: ['column', null, null, 'row'],
-    justifyContent: ['flex-start', null, null, 'space-between'],
-    alignItems: ['flex-start', null, null, 'center']
-  }, React.createElement(Heading, {
-    as: "h6",
-    size: "sm",
-    color: "white"
-  }, slice.otherQuestions), React.createElement(Spacer, {
-    minHeight: ['4', null, null, '0']
-  }), React.createElement(StrapiLinkButton, {
-    size: "lg",
-    colorScheme: "white",
-    background: "white",
-    rightIcon: React.createElement(ArrowRight, null),
-    link: slice.button
-  }))))))), slice.hero && React.createElement(Box, {
-    pb: "28",
-    mt: "-56"
-  }, React.createElement(Wrapper, null, React.createElement(HeroCard, {
-    title: slice.hero.title,
-    subTitle: slice.hero.subTitle,
-    link: slice.hero.button && {
-      text: slice.hero.button.text,
-      onClick: function onClick() {
-        var _slice$hero;
-        return push(strapiLinkUrl((_slice$hero = slice.hero) == null ? void 0 : _slice$hero.button));
-      }
-    },
-    image: slice.hero.image && React.createElement(Image, {
-      src: strapiMediaUrl(slice.hero.image.img, 'xLarge'),
-      alt: slice.hero.image.alt,
-      fill: true,
-      style: {
-        objectFit: slice.hero.image.objectFit || 'cover'
-      }
-    })
-  }))));
-};
-
-var QuoteCards = function QuoteCards(_ref) {
-  var slice = _ref.slice;
-  return React.createElement(React.Fragment, null, React.createElement(Box, {
-    id: convertToKebabCase(slice.title),
-    position: "relative",
-    paddingTop: "28",
-    paddingBottom: !!slice.hero ? '80' : '28'
-  }, slice.shapes && slice.shapes.length === 2 && React.createElement(React.Fragment, null, React.createElement(Shape, {
-    shape: React.createElement(Image, {
-      src: strapiMediaUrl(slice.shapes[0].img, 'small'),
-      alt: slice.shapes[0].alt,
-      fill: true,
-      style: {
-        objectFit: slice.shapes[0].objectFit || 'cover'
-      }
-    }),
-    top: "0",
-    right: "0",
-    size: "xs",
-    radius: "bottom-left"
-  }), React.createElement(Shape, {
-    shape: React.createElement(Image, {
-      src: strapiMediaUrl(slice.shapes[1].img, 'small'),
-      alt: slice.shapes[1].alt,
-      fill: true,
-      style: {
-        objectFit: slice.shapes[1].objectFit || 'cover'
-      }
-    }),
-    bottom: "0",
-    left: "0",
-    radius: "top-right"
-  })), React.createElement(Wrapper, null, React.createElement(Box, {
-    maxW: "3xl"
-  }, React.createElement(DefaultSectionHeader, {
-    tagline: slice.tagline,
-    title: slice.title,
-    text: slice.text
-  })), React.createElement(SimpleGrid, {
-    columns: 2,
-    gap: "20",
-    rowGap: "6",
-    mt: "16",
-    minChildWidth: ['100%', null, '16rem']
-  }, slice.cards.map(function (card) {
-    return React.createElement(Box, {
-      key: card.id,
-      width: "full",
-      maxWidth: "2xl"
-    }, React.createElement(QuoteCard, {
-      key: card.id,
-      avatar: {
-        name: card.avatar.name,
-        description: card.avatar.description,
-        image: React.createElement(Image, {
-          src: strapiMediaUrl(card.avatar.image.img, 'small'),
-          alt: card.avatar.image.alt,
-          fill: true,
-          style: {
-            objectFit: card.avatar.image.objectFit || 'cover'
-          }
-        })
-      },
-      text: card.text
-    }));
-  })))), slice.hero && React.createElement(Box, {
-    marginTop: "-40",
-    paddingBottom: "28"
-  }, React.createElement(Wrapper, null, React.createElement(HeroCard, {
-    title: slice.hero.title,
-    subTitle: slice.hero.subTitle,
-    link: slice.hero.button && {
-      text: slice.hero.button.text,
-      onClick: function onClick() {
-        var _slice$hero;
-        return strapiLinkUrl((_slice$hero = slice.hero) == null ? void 0 : _slice$hero.button);
-      }
-    },
-    image: slice.hero.image && React.createElement(Image, {
-      src: strapiMediaUrl(slice.hero.image.img, 'xLarge'),
-      alt: slice.hero.image.alt,
-      fill: true,
-      style: {
-        objectFit: slice.hero.image.objectFit || 'cover'
-      }
-    })
-  }))));
-};
-
-var RichTextSection = function RichTextSection(_ref) {
-  var slice = _ref.slice;
-  return React.createElement(DefaultSectionContainer, null, React.createElement(Wrapper, null, React.createElement(Grid, {
-    templateColumns: "repeat(12, 1fr)",
-    gap: "4"
-  }, React.createElement(GridItem, {
-    colSpan: [12, null, null, 7]
-  }, React.createElement(RichText, {
-    content: slice.content
-  })))));
-};
-
-var Steps = function Steps(_ref) {
-  var _slice$card$shapes;
-  var slice = _ref.slice;
-  var _useRouter = useRouter(),
-    push = _useRouter.push;
-  var _useToken = useToken('colors', ['gray.900']),
-    gray900 = _useToken[0];
-  var containerRef = useRef(null);
-  var _useState = useState(new Array(slice.steps.length)),
-    stepRefs = _useState[0],
-    setStepRefs = _useState[1];
-  var _useState2 = useState(new Array(slice.steps.length)),
-    stepProgress = _useState2[0],
-    setStepProgress = _useState2[1];
-  var _useWindowScroll = useWindowScroll(),
-    offsetY = _useWindowScroll.y;
-  var _useWindowSize = useWindowSize(),
-    windowHeight = _useWindowSize.height;
-  useEffect(function () {
-    setStepRefs(slice.steps.map(function () {
-      return createRef();
-    }));
-  }, []);
-  useEffect(function () {
-    var _containerRef$current;
-    var containerOffsetTop = ((_containerRef$current = containerRef.current) == null ? void 0 : _containerRef$current.offsetTop) || 0;
-    setStepProgress(stepRefs.map(function (ref) {
-      var _ref$current;
-      var currentItemOffsetTop = ((_ref$current = ref.current) == null ? void 0 : _ref$current.offsetTop) || 0;
-      return containerOffsetTop + currentItemOffsetTop < offsetY + windowHeight / 3 ? 100 : 0;
-    }));
-  }, [offsetY]);
-  return React.createElement("div", {
-    ref: containerRef
-  }, React.createElement(DefaultSectionContainer, {
-    backgroundColor: gray900,
-    title: slice.title
-  }, React.createElement(React.Fragment, null, slice.image && React.createElement(Box, {
-    position: "absolute",
-    top: "0",
-    left: "0",
-    width: "full",
-    height: "full"
-  }, React.createElement(Image, {
-    src: strapiMediaUrl(slice.image.img, 'xLarge'),
-    alt: slice.image.alt,
-    fill: true,
-    style: {
-      objectFit: slice.image.objectFit || 'cover'
-    }
-  }), React.createElement(Gradient, null))), React.createElement(Wrapper, null, React.createElement(React.Fragment, null, React.createElement(DefaultSectionHeader, {
-    tagline: slice.tagline,
-    title: slice.title,
-    text: slice.text,
-    taglineProps: {
-      textAlign: 'center'
-    },
-    titleProps: {
-      textAlign: 'center',
-      maxW: '2xl',
-      marginX: 'auto',
-      color: 'white'
-    },
-    textProps: {
-      textAlign: 'center',
-      maxW: 'xl',
-      marginX: 'auto',
-      color: 'whiteAlpha.800'
-    }
-  }), React.createElement(Box, {
-    marginTop: ['16', null, '24']
-  }, slice.steps.map(function (_ref2, index) {
-    var id = _ref2.id,
-      step = _ref2.step,
-      title = _ref2.title,
-      text = _ref2.text;
-    return React.createElement(Flex, {
-      flexDir: "column",
-      alignItems: "center",
-      key: id
-    }, React.createElement(Center, {
-      width: "10",
-      height: "10",
-      borderRadius: "full",
-      backgroundColor: "white"
-    }, React.createElement(Text, {
-      size: "smRegularNormal",
-      color: "black"
-    }, step)), React.createElement(Heading, {
-      size: "lg",
-      color: "white",
-      mt: "4",
-      textAlign: "center"
-    }, title), text && React.createElement(Box, {
-      maxW: "xl",
-      mt: "4"
-    }, React.createElement(RichText, {
-      options: {
-        forceBlock: true
-      },
-      content: text,
-      textProps: {
-        size: 'mdRegularNormal',
-        color: 'whiteAlpha.700',
-        textAlign: 'center'
-      }
-    })), (index + 1 < slice.steps.length || slice.card) && React.createElement(Box, {
-      ref: stepRefs[index],
-      position: "relative",
-      marginTop: "4",
-      marginBottom: "6",
-      height: "12"
-    }, React.createElement(Box, {
-      position: "absolute",
-      height: "full",
-      borderLeft: "dashed 1px white",
-      opacity: "0.5"
-    }), React.createElement(Box, {
-      position: "absolute",
-      height: stepProgress[index] + "%",
-      borderRight: "solid 1px white",
-      opacity: "1",
-      transition: "height ease var(--medium-transition-duration)"
-    })));
-  })), slice.card && React.createElement(ShapesCard, {
-    tagline: slice.card.tagline,
-    title: slice.card.title,
-    text: slice.card.text,
-    shapes: slice.card.shapes && ((_slice$card$shapes = slice.card.shapes) == null ? void 0 : _slice$card$shapes.map(function (shape) {
-      return React.createElement(Image, {
-        src: strapiMediaUrl(shape.img, 'small'),
-        alt: shape.alt,
-        fill: true,
-        style: {
-          objectFit: shape.objectFit || 'cover'
-        }
-      });
-    })),
-    button: slice.card.button && {
-      text: slice.card.button.text,
-      onClick: function onClick() {
-        var _slice$card;
-        return push(strapiLinkUrl((_slice$card = slice.card) == null ? void 0 : _slice$card.button));
-      }
-    }
-  })))));
-};
-
-var _oppositesOfCorners, _templateObject$6, _templateObject2$3;
-var ShapePosition;
-(function (ShapePosition) {
-  ShapePosition["topLeft"] = "top-left";
-  ShapePosition["topRight"] = "top-right";
-  ShapePosition["bottomLeft"] = "bottom-left";
-  ShapePosition["bottomRight"] = "bottom-right";
-  ShapePosition["unset"] = "unset";
-})(ShapePosition || (ShapePosition = {}));
-var shapePositions = [ShapePosition.topLeft, ShapePosition.bottomRight, ShapePosition.topRight, ShapePosition.bottomLeft, ShapePosition.topRight, ShapePosition.bottomLeft, ShapePosition.topLeft, ShapePosition.bottomRight];
-var oppositesOfCorners = (_oppositesOfCorners = {}, _oppositesOfCorners[ShapePosition.bottomLeft] = ShapePosition.topRight, _oppositesOfCorners[ShapePosition.topRight] = ShapePosition.bottomLeft, _oppositesOfCorners[ShapePosition.bottomRight] = ShapePosition.topLeft, _oppositesOfCorners[ShapePosition.topLeft] = ShapePosition.bottomRight, _oppositesOfCorners[ShapePosition.unset] = ShapePosition.unset, _oppositesOfCorners);
-var variants = {
-  shape: {
-    padding: ['6', null, null, '8'],
-    positionIcon: function positionIcon(index) {
-      return shapePositions[index];
-    },
-    width: '40',
-    height: '40',
-    position: 'absolute',
-    mb: 'unset'
-  },
-  image: {
-    padding: ['6', null, null, '8'],
-    positionIcon: function positionIcon() {
-      return ShapePosition.unset;
-    },
-    width: '24',
-    height: '24',
-    position: 'relative',
-    mb: '10'
-  }
-};
-var TextCardGrid = function TextCardGrid(_ref) {
-  var slice = _ref.slice;
-  var _useToken = useToken('colors', ['primary.800']),
-    primary800 = _useToken[0];
-  return React.createElement(DefaultSectionContainer, {
-    backgroundColor: primary800,
-    title: slice.title
-  }, React.createElement(Wrapper, null, React.createElement(DefaultSectionHeader, {
-    tagline: slice.tagline,
-    title: slice.title,
-    text: slice.text,
-    taglineProps: {
-      textAlign: 'center',
-      color: 'white'
-    },
-    titleProps: {
-      textAlign: 'center',
-      maxW: '2xl',
-      marginX: 'auto',
-      color: 'white'
-    },
-    textProps: {
-      textAlign: 'center',
-      maxW: 'xl',
-      marginX: 'auto',
-      color: 'whiteAlpha.800'
-    }
-  }), React.createElement(SimpleGrid, {
-    mt: ['14', null, null, '24'],
-    columns: 3,
-    justifyItems: "center",
-    gap: "20",
-    rowGap: "16",
-    minChildWidth: ['100%', null, '16rem']
-  }, slice.cards.map(function (_ref2, index) {
-    var id = _ref2.id,
-      tagline = _ref2.tagline,
-      title = _ref2.title,
-      text = _ref2.text,
-      image = _ref2.image,
-      buttons = _ref2.buttons;
-    return React.createElement(Box, {
-      key: id,
-      backgroundColor: "white",
-      zIndex: "base",
-      padding: variants[slice.variant].padding,
-      boxShadow: "lg",
-      borderRadius: "2xl",
-      minHeight: "2xs",
-      width: "full",
-      maxWidth: slice.cards.length > 1 ? 'unset' : 'xl',
-      position: "relative",
-      display: "flex",
-      flexDir: "column",
-      alignItems: "flex-start",
-      justifyContent: slice.variant === 'shape' ? 'flex-end' : 'flex-start',
-      overflow: "hidden"
-    }, React.createElement(Box, {
-      position: variants[slice.variant].position,
-      width: variants[slice.variant].width,
-      height: variants[slice.variant].height,
-      mb: variants[slice.variant].mb,
-      top: variants[slice.variant].positionIcon(index).includes('top') ? '-4' : 'unset',
-      left: variants[slice.variant].positionIcon(index).includes('left') ? '-4' : 'unset',
-      right: variants[slice.variant].positionIcon(index).includes('right') ? '-4' : 'unset',
-      bottom: variants[slice.variant].positionIcon(index).includes('bottom') ? '-4' : 'unset',
-      borderBottomRightRadius: oppositesOfCorners[variants[slice.variant].positionIcon(index)].includes('bottomRight') ? 'full' : 'unset',
-      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') ? css(_templateObject$6 || (_templateObject$6 = _taggedTemplateLiteralLoose(["\n                          & span,\n                          div,\n                          img {\n                            border-radius: var(--boemly-radii-xl);\n                          }\n                        "]))) : css(_templateObject2$3 || (_templateObject2$3 = _taggedTemplateLiteralLoose(["\n                    & span,\n                    div,\n                    img {\n                      border-", "-radius: var(--boemly-radii-full);\n                    }\n                  "])), oppositesOfCorners[variants[slice.variant].positionIcon(index)])
-    }, React.createElement(Image, {
-      src: strapiMediaUrl(image.img, 'small'),
-      alt: image.alt,
-      fill: true,
-      style: {
-        objectFit: image.objectFit || 'cover'
-      }
-    })), React.createElement(Box, {
-      zIndex: "aboveBase",
-      width: "full"
-    }, tagline && React.createElement(Text, {
-      color: "black",
-      size: "smMonoNormal",
-      mb: "2"
-    }, tagline), React.createElement(Heading, {
-      as: "h4",
-      size: "xl",
-      mb: "3"
-    }, title), React.createElement(RichText, {
-      content: text,
-      listProps: {
-        textColor: 'gray.500',
-        textSize: 'smRegularNormal'
-      },
-      textProps: {
-        color: 'gray.500',
-        size: 'smRegularNormal'
-      }
-    }), buttons && !!buttons.length && React.createElement(Flex, {
-      mt: "4",
-      gap: "3",
-      flexDir: ['column', null, null, null, 'row']
-    }, buttons.map(function (button, buttonIndex) {
-      return React.createElement(StrapiLinkButton, {
-        key: button.id,
-        link: button,
-        size: "sm",
-        rightIcon: buttonIndex === 0 ? React.createElement(CaretRight, {
-          size: "10",
-          weight: "bold"
-        }) : undefined,
-        variant: buttonIndex === 0 ? 'outline' : 'ghost'
-      });
-    }))));
-  }))));
-};
-
-var _templateObject$5, _templateObject2$2, _templateObject3$1;
-var CarouselContainer = /*#__PURE__*/styled(Box)(_templateObject$5 || (_templateObject$5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  overflow-x: scroll;\n\n  margin-top: var(--boemly-space-6);\n  padding: var(--boemly-space-8) 0;\n\n  scrollbar-width: none;\n\n  &::-webkit-scrollbar {\n    display: none;\n  }\n  @media screen and (max-width: ", ") {\n    margin-top: var(--boemly-space-4);\n  }\n"])), BREAKPOINT_MD);
-var CarouselInnerContainer = /*#__PURE__*/styled(motion.div)(_templateObject2$2 || (_templateObject2$2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  justify-content: center;\n  width: calc(\n    (var(--boemly-sizes-sm) + var(--boemly-space-16)) *\n      ", " +\n      var(--boemly-space-16)\n  );\n  min-width: var(--boemly-sizes-full);\n\n  @media screen and (max-width: ", ") {\n    width: calc(\n      (var(--boemly-sizes-xs) + var(--boemly-space-4)) *\n        ", " +\n        var(--boemly-space-6)\n    );\n  }\n"])), function (_ref) {
-  var numberOfItems = _ref.numberOfItems;
-  return numberOfItems;
-}, BREAKPOINT_MD, function (_ref2) {
-  var numberOfItems = _ref2.numberOfItems;
-  return numberOfItems;
-});
-var CardContainer = /*#__PURE__*/styled(Box)(_templateObject3$1 || (_templateObject3$1 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: ", ";\n\n  margin-right: var(--boemly-space-16);\n\n  &:first-of-type {\n    margin-left: var(--boemly-space-16);\n  }\n\n  @media screen and (max-width: ", ") {\n    width: var(--boemly-sizes-xs);\n\n    margin-right: var(--boemly-space-4);\n\n    &:first-of-type {\n      margin-left: var(--boemly-space-6);\n    }\n  }\n"])), function (_ref3) {
-  var numberOfItems = _ref3.numberOfItems;
-  return numberOfItems === 3 ? 'var(--boemly-sizes-xl)' : 'var(--boemly-sizes-sm)';
-}, BREAKPOINT_MD);
-
-var TextCarousel = function TextCarousel(_ref) {
-  var slice = _ref.slice;
-  var _useToken = useToken('colors', ['primary.50']),
-    primary50 = _useToken[0];
-  var containerRef = useRef(null);
-  return React.createElement(DefaultSectionContainer, {
-    backgroundColor: primary50,
-    title: slice.title
-  }, React.createElement(Wrapper, null, React.createElement(DefaultSectionHeader, {
-    tagline: slice.tagline,
-    title: slice.title,
-    text: slice.text,
-    taglineProps: {
-      textAlign: 'center'
-    },
-    titleProps: {
-      textAlign: 'center',
-      maxW: '6xl',
-      marginX: 'auto'
-    },
-    textProps: {
-      textAlign: 'center',
-      maxW: '2xl',
-      marginX: 'auto'
-    }
-  })), React.createElement(CarouselContainer, {
-    ref: containerRef
-  }, React.createElement(CarouselInnerContainer, {
-    drag: "x",
-    dragConstraints: containerRef,
-    numberOfItems: slice.slides.length
-  }, slice.slides.map(function (_ref2) {
-    var id = _ref2.id,
-      title = _ref2.title,
-      text = _ref2.text,
-      icon = _ref2.icon;
-    return React.createElement(CardContainer, {
-      key: id,
-      numberOfItems: slice.slides.length
-    }, React.createElement(TextCardWithIcon, {
-      title: title,
-      text: text,
-      icon: React.createElement(Image, {
-        src: strapiMediaUrl(icon.img, 'small'),
-        alt: icon.alt,
-        fill: true,
-        style: {
-          objectFit: icon.objectFit || 'contain'
-        }
-      }),
-      displayAs: "column"
-    }));
-  }))), React.createElement(React.Fragment, null, slice.button && React.createElement(Wrapper, null, React.createElement(Center, null, React.createElement(StrapiLinkButton, {
-    link: slice.button,
-    size: "xl",
-    mt: ['8', null, '14']
-  })))));
-};
-
-var TextWithTextCards = function TextWithTextCards(_ref) {
-  var slice = _ref.slice;
-  var _useRouter = useRouter(),
-    push = _useRouter.push;
-  var _useToken = useToken('colors', ['white']),
-    white = _useToken[0];
-  var _useMediaQuery = useMediaQuery(BREAKPOINT_LG_QUERY),
-    belowBreakpoint = _useMediaQuery[0];
-  return React.createElement(DefaultSectionContainer, {
-    backgroundColor: white,
-    title: slice.title
-  }, React.createElement(React.Fragment, null, slice.shape && React.createElement(Box, {
-    position: "absolute",
-    right: ['-28', null, null, '-136'],
-    top: ['96', null, null, '-28'],
-    width: ['sm', null, null, '4xl'],
-    height: ['sm', null, null, '4xl'],
-    borderBottomRightRadius: "full"
-  }, React.createElement(Image, {
-    src: strapiMediaUrl(slice.shape.img, 'medium'),
-    alt: slice.shape.alt,
-    fill: true,
-    style: {
-      objectFit: slice.shape.objectFit || 'cover',
-      borderBottomRightRadius: 'var(--boemly-radii-full)'
-    }
-  }))), React.createElement(Wrapper, null, React.createElement(React.Fragment, null, React.createElement(Grid, {
-    templateColumns: ['repeat(8, 1fr)', null, null, null, 'repeat(16, 1fr)'],
-    templateRows: ['repeat(2, auto)', null, null, null, 'repeat(1, auto)'],
-    rowGap: "12"
-  }, React.createElement(GridItem, {
-    colSpan: [8, null, null, null, 9],
-    rowSpan: 1,
-    pr: ['0', null, null, null, '32']
-  }, React.createElement(DefaultSectionHeader, {
-    tagline: slice.tagline,
-    title: slice.title,
-    text: slice.text,
-    textProps: {
-      pr: ['0', null, null, null, '10']
-    }
-  }), slice.contact && !belowBreakpoint && React.createElement(ContactArea, {
-    title: slice.contact.title,
-    text: slice.contact.text,
-    avatar: {
-      name: slice.contact.avatar.name,
-      description: slice.contact.avatar.description,
-      image: React.createElement(Image, {
-        src: strapiMediaUrl(slice.contact.avatar.image.img, 'small'),
-        alt: slice.contact.avatar.image.alt,
-        fill: true,
-        style: {
-          objectFit: slice.contact.avatar.image.objectFit || 'cover'
-        }
-      })
-    },
-    link: {
-      text: slice.contact.button.text,
-      onClick: function onClick() {
-        var _slice$contact;
-        return push(strapiLinkUrl((_slice$contact = slice.contact) == null ? void 0 : _slice$contact.button));
-      }
-    }
-  })), React.createElement(GridItem, {
-    colSpan: [8, null, null, null, 7],
-    rowSpan: 1,
-    position: "relative"
-  }, slice.cards.map(function (card) {
-    return React.createElement(TextCardWithIcon, {
-      key: card.id,
-      title: card.title,
-      text: card.text,
-      icon: React.createElement(Image, {
-        src: strapiMediaUrl(card.icon.img, 'small'),
-        alt: card.icon.alt,
-        fill: true,
-        style: {
-          objectFit: card.icon.objectFit || 'contain'
-        }
-      })
-    });
-  }))), slice.contact && belowBreakpoint && React.createElement(ContactArea, {
-    title: slice.contact.title,
-    text: slice.contact.text,
-    avatar: {
-      name: slice.contact.avatar.name,
-      description: slice.contact.avatar.description,
-      image: React.createElement(Image, {
-        src: strapiMediaUrl(slice.contact.avatar.image.img, 'small'),
-        alt: slice.contact.avatar.image.alt,
-        fill: true,
-        style: {
-          objectFit: slice.contact.avatar.image.objectFit || 'cover'
-        }
-      })
-    },
-    link: {
-      text: slice.contact.button.text,
-      onClick: function onClick() {
-        var _slice$contact2;
-        return push(strapiLinkUrl((_slice$contact2 = slice.contact) == null ? void 0 : _slice$contact2.button));
-      }
-    }
-  }))));
-};
-
-var TextWithCard = function TextWithCard(_ref) {
-  var slice = _ref.slice;
-  var card = React.createElement(GridItem, {
-    colSpan: [4, null, null, null, 2],
-    rowSpan: 1,
-    position: "relative",
-    "data-testid": "card-position-" + slice.cardPosition
-  }, slice.card && React.createElement(ProjectCard, {
-    facts: slice.card.facts,
-    footerSubTitle: slice.card.footerSubTitle,
-    footerTitle: slice.card.footerTitle,
-    title: slice.card.title,
-    image: React.createElement(Image, {
-      src: strapiMediaUrl(slice.card.image.img, 'medium'),
-      alt: slice.card.image.alt,
-      fill: true,
-      style: {
-        objectFit: slice.card.image.objectFit || 'cover'
-      }
-    })
-  }));
-  return React.createElement(DefaultSectionContainer, {
-    title: slice.title
-  }, React.createElement(Wrapper, null, React.createElement(Grid, {
-    templateColumns: ['repeat(4, auto)', null, null, null, 'repeat(6, auto)'],
-    templateRows: ['repeat(2, auto)', null, null, null, 'repeat(1, auto)'],
-    rowGap: "12",
-    columnGap: ['0', null, null, null, '28']
-  }, slice.cardPosition === 'left' && card, React.createElement(GridItem, {
-    colSpan: 4,
-    rowSpan: 1,
-    position: "relative"
-  }, React.createElement(DefaultSectionHeader, {
-    tagline: slice.tagline,
-    title: slice.title,
-    text: slice.text
-  }), slice.listItems && React.createElement(React.Fragment, null, React.createElement(Spacer, {
-    height: "10"
-  }), React.createElement(BoemlyList, {
-    listItems: slice.listItems
-  }), React.createElement(Spacer, {
-    height: "10"
-  })), slice.button && React.createElement(StrapiLinkButton, {
-    link: slice.button,
-    size: "md",
-    colorScheme: "white",
-    variant: "outline",
-    rightIcon: React.createElement(ArrowRight, null)
-  })), slice.cardPosition === 'right' && card)));
-};
-
-var MEDIUM_TRANSITION_DURATION = 0.2;
-
-var LinkCardsGrid = function LinkCardsGrid(_ref) {
-  var slice = _ref.slice;
-  return React.createElement(DefaultSectionContainer, {
-    title: slice.title
-  }, React.createElement(Wrapper, null, React.createElement(DefaultSectionHeader, {
-    tagline: slice.tagline,
-    title: slice.title,
-    text: slice.text
-  }), React.createElement(SimpleGrid, {
-    mt: "16",
-    columns: [1, null, null, null, 2],
-    gap: "4"
-  }, slice.cards.map(function (_ref2) {
-    var id = _ref2.id,
-      title = _ref2.title,
-      text = _ref2.text,
-      link = _ref2.link;
-    return React.createElement(Box, {
-      key: id,
-      as: Link,
-      href: strapiLinkUrl(link),
-      "data-testid": "link",
-      px: "10",
-      py: "8",
-      borderStyle: "solid",
-      borderWidth: "thin",
-      borderColor: "gray.200",
-      borderRadius: "2xl",
-      display: "flex",
-      flexDir: "row",
-      alignItems: "center",
-      justifyContent: "space-between",
-      cursor: "pointer",
-      transitionDuration: MEDIUM_TRANSITION_DURATION + "s",
-      _hover: {
-        backgroundColor: 'gray.50'
-      }
-    }, React.createElement("div", null, React.createElement(Heading, {
-      as: "h4",
-      size: "lg"
-    }, title), text && React.createElement(Text, {
-      mt: "2",
-      size: "smRegularNormal"
-    }, text)), React.createElement(Box, {
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      borderStyle: "solid",
-      borderWidth: "thin",
-      borderColor: "gray.200",
-      borderRadius: "2xl",
-      height: "12",
-      width: "12",
-      minWidth: "12",
-      minHeight: "12",
-      ml: "6",
-      backgroundColor: "white"
-    }, React.createElement(CaretRight, null)));
-  }))));
-};
-
-var colors = {
-  dark: {
-    tagline: 'white',
-    title: 'white',
-    text: 'white',
-    background: 'gray.900'
-  },
-  light: {
-    tagline: 'primary.500',
-    title: 'black',
-    text: 'gray.500',
-    background: 'primary.50'
-  }
-};
-var SmallHero = function SmallHero(_ref) {
-  var slice = _ref.slice,
-    theme = _ref.theme;
-  return React.createElement(Box, {
-    position: "relative",
-    width: "full",
-    height: "xl",
-    backgroundColor: colors[theme].background
-  }, slice.image && React.createElement(React.Fragment, null, React.createElement(Image, {
-    src: strapiMediaUrl(slice.image.img, 'xLarge'),
-    alt: slice.image.alt,
-    fill: true,
-    style: {
-      objectFit: slice.image.objectFit || 'cover'
-    }
-  }), slice.gradient && React.createElement(Gradient, null)), React.createElement(Box, {
-    position: "absolute",
-    left: "0",
-    top: "60%",
-    width: "full",
-    textAlign: "center",
-    transform: "translateY(-50%)"
-  }, React.createElement(Wrapper, null, React.createElement(React.Fragment, null, slice.tags && React.createElement(Flex, {
-    direction: "row",
-    justify: "center",
-    gap: "2",
-    mb: "4",
-    wrap: "wrap"
-  }, slice.tags.map(function (_ref2) {
-    var id = _ref2.id,
-      text = _ref2.text,
-      colorScheme = _ref2.colorScheme;
-    return React.createElement(Tag, {
-      key: id,
-      colorScheme: colorScheme,
-      size: "md",
-      variant: "subtle"
-    }, text);
-  })), React.createElement(DefaultSectionHeader, {
-    isHero: true,
-    tagline: slice.tagline,
-    title: slice.title,
-    text: slice.subTitle,
-    taglineProps: {
-      color: colors[theme].tagline,
-      textAlign: 'center',
-      mx: 'auto'
-    },
-    titleProps: {
-      color: colors[theme].title,
-      maxW: '4xl',
-      textAlign: 'center',
-      mx: 'auto'
-    },
-    textProps: {
-      maxW: '2xl',
-      textAlign: 'center',
-      mx: 'auto',
-      color: colors[theme].text
-    }
-  }), slice.button && React.createElement(StrapiLinkButton, {
-    link: slice.button,
-    mt: "6",
-    size: "lg"
-  })))));
-};
-
-var _templateObject$4, _templateObject2$1;
-var BlogItemContainer = /*#__PURE__*/styled(Link$1)(_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(Box)(_templateObject2$1 || (_templateObject2$1 = /*#__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 comparisonMessagesDe = {
-  'sections.comparison.backgroundShapes': 'Hintergrundformen'
-};
-
-var ctaMessagesDe = {
-  'sections.cta.backgroundShapes': 'Dunkle Hintergrundformen',
-  'sections.cta.backgroundShapesLight': 'Helle Hintergrundformen'
-};
-
-var customerStoriesDe = {
-  'sections.customerStories.more': 'Weiterlesen'
-};
-
-var glossaryMessagesDe = {
-  'sections.glossary.copyButtonLabel': 'Kopiere den Link zu diesem Abschnitt in die Zwischenablage',
-  'sections.glossary.copySuccessMessage': 'Link in die Zwischenablage kopiert',
-  'sections.glossary.copyFailureMessage': 'Link konnte nicht in die Zwischenablage kopiert werden'
-};
-
-var projectFactsMessagesDe = {
-  'sections.projectFacts.projectInfo.value': 'Projekt Infos',
-  'projects.projectFacts.properties.area': 'Fläche'
-};
-
-var projectsMapMessagesDe = {
-  'sections.projectsMap.link.text': 'Mehr Infos'
-};
-
-var shopCheckoutMessagesDe = {
-  'sections.shopCheckout.intro.price': 'Preis',
-  'sections.shopCheckout.contributionValue.label.EUR': 'Geben sie einen Betrag in € ein',
-  'sections.shopCheckout.contributionValue.label.CHF': 'Geben sie einen Betrag in CHF ein',
-  'sections.shopCheckout.contributionValue.unit.EUR': '€',
-  'sections.shopCheckout.contributionValue.unit.CHF': 'CHF',
-  'sections.shopCheckout.contributionValue.validation.empty': 'Bitte geben sie einen Betrag ein',
-  'sections.shopCheckout.contributionValue.validation.tooLow.EUR': 'Der Betrag muss mindestens 10 Euro sein',
-  'sections.shopCheckout.contributionValue.validation.tooLow.CHF': 'Der Betrag muss mindestens 10 CHF sein',
-  'sections.shopCheckout.contributionValue.validation.tooHigh': 'Für größere Einkäufe kontaktieren Sie bitte unser Verkaufsteam über office@tree.ly',
-  'sections.shopCheckout.summary.kg': 'Menge',
-  'sections.shopCheckout.summary.price': 'Preis',
-  'sections.shopCheckout.submit': 'Kaufen'
-};
-
-var creditsAvailableBadgeMessagesDe = {
-  'components.creditsAvailableBadge.text.yes': 'Credits verfügbar',
-  'components.creditsAvailableBadge.text.some': 'Einige verbleibende Credits',
-  'components.creditsAvailableBadge.text.no': 'Keine verbleibenden Credits',
-  'components.creditsAvailableBadge.text.notYet': 'Noch keine Credits verfügbar'
-};
-
-var portfolioDocumentsDownloadListMessagesDe = {
-  'features.portfolio.documentsDownloadList.projectDocuments': 'Projektdokumente',
-  'features.portfolio.documentsDownloadList.downloadDocument': 'Dokument herunterladen'
-};
-
-var portfolioProjectInfoMessagesDe = {
-  'features.projectInfo.projectInfo.value': 'Projekt Infos',
-  'features.projectInfo.properties.area': 'Projekt Fläche',
-  'features.projectInfo.properties.location': 'Standort',
-  'features.projectInfo.properties.start': 'Projekt Start Datum',
-  'features.projectInfo.properties.timeSpan': 'Projekt Zeitraum',
-  'features.projectInfo.properties.projectType': 'Projekt Typ',
-  'features.projectInfo.properties.projectDeveloper': 'Projekt Entwickler',
-  'features.projectInfo.properties.verificationStandard.label': 'Verifizierungsstandard',
-  'features.projectInfo.properties.verificationStandard.value.SilvaconsultFCSISO14': 'SILVACONSULT® Forest Carbon Standard, ISO 14064-2',
-  'features.projectInfo.properties.forecastedAmountYear.label': 'Projektvolumen',
-  'features.projectInfo.properties.riskBuffer': 'Anteil Risikopuffer',
-  'features.projectInfo.properties.year': '{years} {years, plural, one {Jahr} other {Jahre} }'
-};
-
-var portfolioSmallCheckoutMessagesDe = {
-  'portfolio.smallCheckout.contributionValueCurrency.label.CHF': 'Geben Sie den Beitrag in Fr. ein',
-  'portfolio.smallCheckout.contributionValueCurrency.label.EUR': 'Geben Sie den Beitrag in € ein',
-  'portfolio.smallCheckout.contributionValueCurrency.unit.EUR': '€',
-  'portfolio.smallCheckout.contributionValueCurrency.unit.CHF': 'Fr.',
-  'portfolio.smallCheckout.contributionValueCurrency.validation.tooLow.CHF': 'Der Wert muss mindestens 10 CHF betragen',
-  'portfolio.smallCheckout.contributionValueCurrency.validation.tooLow.EUR': 'Der Wert muss mindestens 10 Euro betragen.',
-  'portfolio.smallCheckout.contributionValueCurrency.validation.empty': 'Bitte geben Sie einen Wert ein',
-  'portfolio.smallCheckout.contributionValueCurrency.validation.tooHigh': 'Für größere Einkäufe kontaktieren Sie bitte unser Verkaufsteam über den unten stehenden Button',
-  'portfolio.smallCheckout.contributionValueKgs.label': 'Beitrag in Tonnen',
-  'portfolio.smallCheckout.submitButton': 'Credits kaufen',
-  'portfolio.smallCheckout.cta.title': 'Möchten Sie mehr als 10.000 tCO₂ kaufen?',
-  'portfolio.smallCheckout.cta.subTitle': 'Für Unternehmenskunden bieten wir individuelle Lösungen an. Kontaktieren Sie uns.',
-  'portfolio.smallCheckout.cta.button': 'Unser Vertriebsteam kontaktieren'
-};
-
-var unitMessagesEn = {
-  'unit.formatter.tonsCo2': '{number} /tCO₂',
-  'unit.formatter.tonsCo2PerYear': '{number} tCO₂/year'
-};
-
-var rootMessagesDe = /*#__PURE__*/_extends({}, creditsAvailableBadgeMessagesDe, portfolioDocumentsDownloadListMessagesDe, portfolioProjectInfoMessagesDe, portfolioSmallCheckoutMessagesDe, comparisonMessagesDe, ctaMessagesDe, customerStoriesDe, glossaryMessagesDe, projectFactsMessagesDe, projectsMapMessagesDe, shopCheckoutMessagesDe, unitMessagesEn);
-
-var comparisonMessagesEn = {
-  'sections.comparison.backgroundShapes': 'Background shapes'
-};
-
-var ctaMessagesEn = {
-  'sections.cta.backgroundShapesDark': 'Dark background shapes',
-  'sections.cta.backgroundShapesLight': 'Light background shapes'
-};
-
-var customerStoriesEn = {
-  'sections.customerStories.more': 'Read more'
-};
-
-var glossaryMessagesEn = {
-  'sections.glossary.copyButtonLabel': 'Copy a link to this section to your clipboard',
-  'sections.glossary.copySuccessMessage': 'Copied the link to your clipboard',
-  'sections.glossary.copyFailureMessage': 'Could not copy link to clipboard'
-};
-
-var projectFactsMessagesEn = {
-  'sections.projectFacts.projectInfo.value': 'Project Infos',
-  'projects.projectFacts.properties.area': 'Area'
-};
-
-var projectsMapMessagesEn = {
-  'sections.projectsMap.link.text': 'Show more info'
-};
-
-var shopCheckoutMessagesEn = {
-  'sections.shopCheckout.intro.price': 'Price',
-  'sections.shopCheckout.contributionValue.label.EUR': 'Enter contribution value in €',
-  'sections.shopCheckout.contributionValue.label.CHF': 'Enter contribution value in CHF',
-  'sections.shopCheckout.contributionValue.unit.EUR': '€',
-  'sections.shopCheckout.contributionValue.unit.CHF': 'CHF',
-  'sections.shopCheckout.contributionValue.validation.empty': 'Please enter a value',
-  'sections.shopCheckout.contributionValue.validation.tooLow.EUR': 'Der Betrag muss mindestens 10 Euro sein',
-  'sections.shopCheckout.contributionValue.validation.tooLow.CHF': 'Der Betrag muss mindestens 10 CHF sein',
-  'sections.shopCheckout.contributionValue.validation.tooHigh': 'For bigger purchases please contact our sales team via office@tree.ly',
-  'sections.shopCheckout.summary.kg': 'Quantity',
-  'sections.shopCheckout.summary.price': 'Price',
-  'sections.shopCheckout.submit': 'Checkout'
-};
-
-var creditsAvailableBadgeMessagesEn = {
-  'components.creditsAvailableBadge.text.yes': 'Credits available',
-  'components.creditsAvailableBadge.text.some': 'Some remaining credits',
-  'components.creditsAvailableBadge.text.no': 'No remaining credits',
-  'components.creditsAvailableBadge.text.notYet': 'No credits available yet'
-};
-
-var portfolioDocumentsDownloadListMessagesEn = {
-  'features.portfolio.documentsDownloadList.projectDocuments': 'Project documents',
-  'features.portfolio.documentsDownloadList.downloadDocument': 'Download document'
-};
-
-var portfolioProjectInfoMessagesEn = {
-  'features.projectInfo.projectInfo.value': 'Project Infos',
-  'features.projectInfo.properties.area': 'Project Area',
-  'features.projectInfo.properties.location': 'Location',
-  'features.projectInfo.properties.start': 'Project Start Date',
-  'features.projectInfo.properties.timeSpan': 'Project Time Span',
-  'features.projectInfo.properties.projectType': 'Project Type',
-  'features.projectInfo.properties.projectDeveloper': 'Project Developer',
-  'features.projectInfo.properties.verificationStandard.label': 'Verification Standard',
-  'features.projectInfo.properties.verificationStandard.value.SilvaconsultFCSISO14': 'SILVACONSULT® Forest Carbon Standard, ISO 14064-2',
-  'features.projectInfo.properties.forecastedAmountYear.label': 'Project Volume',
-  'features.projectInfo.properties.riskBuffer': 'Risk Buffer Share',
-  'features.projectInfo.properties.year': '{years} {years, plural, one {year} other {years} }'
-};
-
-var portfolioSmallCheckoutMessagesEn = {
-  'portfolio.smallCheckout.contributionValueCurrency.label.CHF': 'Contribution Amount in CHF',
-  'portfolio.smallCheckout.contributionValueCurrency.label.EUR': 'Contribution Amount in €',
-  'portfolio.smallCheckout.contributionValueCurrency.unit.EUR': '€',
-  'portfolio.smallCheckout.contributionValueCurrency.unit.CHF': 'CHF',
-  'portfolio.smallCheckout.contributionValueCurrency.validation.tooLow.CHF': 'The value must be at least 10 CHF',
-  'portfolio.smallCheckout.contributionValueCurrency.validation.tooLow.EUR': 'The value must be at least 10 Euro',
-  'portfolio.smallCheckout.contributionValueCurrency.validation.empty': 'Please enter a value',
-  'portfolio.smallCheckout.contributionValueCurrency.validation.tooHigh': 'For bigger purchases please contact our sales team via office@tree.ly',
-  'portfolio.smallCheckout.contributionValueKgs.label': 'Contribution Amount in Tons',
-  'portfolio.smallCheckout.submitButton': 'Buy credits',
-  'portfolio.smallCheckout.cta.title': 'Looking to buy more than 10.000 tCO₂?',
-  'portfolio.smallCheckout.cta.subTitle': 'For enterprise-customers we offer custom solutions. Feel free to contact us.',
-  'portfolio.smallCheckout.cta.button': 'Contact our Sales Team'
-};
-
-var rootMessagesEn = /*#__PURE__*/_extends({}, creditsAvailableBadgeMessagesEn, portfolioDocumentsDownloadListMessagesEn, portfolioProjectInfoMessagesEn, portfolioSmallCheckoutMessagesEn, comparisonMessagesEn, ctaMessagesEn, customerStoriesEn, glossaryMessagesEn, projectFactsMessagesEn, projectsMapMessagesEn, shopCheckoutMessagesEn, unitMessagesEn);
-
-var _templateObject$3;
-var GLOBAL_STYLE = /*#__PURE__*/css(_templateObject$3 || (_templateObject$3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  // GintoNord\n  @font-face {\n    font-family: 'GintoNord';\n    src: url('", "/assets/v3/fonts/ABCGintoNord-Bold.woff2')\n      format('woff2');\n    font-style: normal;\n    font-weight: 700;\n    font-display: block;\n  }\n  // Inter\n  @font-face {\n    font-family: 'Inter';\n    src: url('", "/assets/v3/fonts/Inter-Regular.woff2') format('woff2');\n    font-style: normal;\n    font-weight: 400;\n    font-display: block;\n  }\n  @font-face {\n    font-family: 'Inter';\n    src: url('", "/assets/v3/fonts/Inter-Medium.woff2') format('woff2');\n    font-style: normal;\n    font-weight: 500;\n    font-display: block;\n  }\n  @font-face {\n    font-family: 'Inter';\n    src: url('", "/assets/v3/fonts/Inter-SemiBold.woff2') format('woff2');\n    font-style: normal;\n    font-weight: 600;\n    font-display: block;\n  }\n  @font-face {\n    font-family: 'Inter';\n    src: url('", "/assets/v3/fonts/Inter-Bold.woff2') format('woff2');\n    font-style: normal;\n    font-weight: 700;\n    font-display: block;\n  }\n  // SpaceMono\n  @font-face {\n    font-family: 'SpaceMono';\n    src: url('", "/assets/v3/fonts/SpaceMono-Bold.woff2') format('woff2');\n    font-style: normal;\n    font-weight: 700;\n    font-display: block;\n  }\n\n  :root {\n    --default-hero-height: calc(100vh - var(--boemly-space-24));\n  }\n\n  a {\n    text-decoration: none;\n  }\n"])), CDN_URI, CDN_URI, CDN_URI, CDN_URI, CDN_URI, CDN_URI);
-
-var FONT_CUSTOMIZATIONS = {
-  body: 'Inter',
-  heading: 'Inter',
-  display: 'GintoNord',
-  mono: 'SpaceMono'
-};
-
-var cache = /*#__PURE__*/createIntlCache();
-var intlFactory = function intlFactory(locale) {
-  return createIntl({
-    locale: locale,
-    messages: {
-      de: rootMessagesDe,
-      en: rootMessagesEn
-    }[locale]
-  }, cache);
-};
-var IntlContext = /*#__PURE__*/createContext( /*#__PURE__*/intlFactory('en'));
-var ContextProvider = function ContextProvider(_ref) {
-  var children = _ref.children,
-    locale = _ref.locale;
-  return React.createElement(BoemlyThemeProvider, {
-    fonts: FONT_CUSTOMIZATIONS
-  }, React.createElement(Global, {
-    styles: {
-      GLOBAL_STYLE: GLOBAL_STYLE
-    }
-  }), React.createElement(IntlContext.Provider, {
-    value: intlFactory(locale)
-  }, children));
-};
-
-var Blog = function Blog(_ref) {
-  var slice = _ref.slice,
-    blogPosts = _ref.blogPosts;
-  var _useContext = useContext(IntlContext),
-    formatDate = _useContext.formatDate;
-  var sortedBlogPosts = slice.blog_posts.sort(function (a, b) {
-    return new Date(b.attributes.createdAt).getTime() - new Date(a.attributes.createdAt).getTime();
-  });
-  return React.createElement(DefaultSectionContainer, null, React.createElement(Wrapper, null, React.createElement(SimpleGrid, {
-    columns: [1, null, null, 2],
-    spacingX: 56,
-    spacingY: 24
-  }, sortedBlogPosts.map(function (_ref2) {
-    var attributes = _ref2.attributes;
-    var blogPost = blogPosts.find(function (bp) {
-      return bp.attributes.slug === attributes.slug;
-    });
-    if (!blogPost) {
-      return null;
-    }
-    return React.createElement(BlogItemContainer, {
-      key: blogPost.attributes.slug,
-      as: Link,
-      href: "/blog/" + blogPost.attributes.slug
-    }, React.createElement(ImageContainer$1, null, React.createElement(Image, {
-      src: strapiMediaUrl(blogPost.attributes.img.img, 'large'),
-      alt: blogPost.attributes.img.alt,
-      fill: true,
-      style: {
-        objectFit: blogPost.attributes.img.objectFit || 'cover'
-      }
-    })), React.createElement(Box, {
-      px: "2",
-      py: "8"
-    }, blogPost.attributes.category && React.createElement(Text, {
-      size: "smMonoUppercase",
-      color: "primary.800",
-      mb: "2"
-    }, blogPost.attributes.category.data.attributes.name), React.createElement(Heading, {
-      size: "lg"
-    }, blogPost.attributes.title), blogPost.attributes.teaser && React.createElement(Text, {
-      size: "mdRegularNormal",
-      mt: "2"
-    }, blogPost.attributes.teaser), React.createElement(Spacer, {
-      height: "4"
-    }), React.createElement(DatePersonPair, {
-      date: formatDate(blogPost.attributes.createdAt),
-      person: blogPost.attributes.author ? {
-        name: blogPost.attributes.author.data.attributes.name,
-        image: React.createElement(Image, {
-          src: strapiMediaUrl(blogPost.attributes.author.data.attributes.img.img, 'thumbnail'),
-          alt: blogPost.attributes.author.data.attributes.img.alt,
-          fill: true,
-          style: {
-            objectFit: blogPost.attributes.author.data.attributes.img.objectFit || 'cover'
-          }
-        })
-      } : undefined
-    })));
-  }))));
-};
-
-var ConditionalWrapper = function ConditionalWrapper(_ref) {
-  var condition = _ref.condition,
-    wrapper = _ref.wrapper,
-    children = _ref.children;
-  return condition ? wrapper(children) : children;
-};
-var ProjectsGrid = function ProjectsGrid(_ref2) {
-  var slice = _ref2.slice;
-  return React.createElement(DefaultSectionContainer, null, React.createElement(Wrapper, null, React.createElement(SimpleGrid, {
-    columns: [1, null, null, 2, null, 3],
-    gap: "16"
-  }, slice.projects.map(function (card) {
-    var _card$project;
-    return React.createElement(ConditionalWrapper, {
-      key: card.id,
-      condition: !!((_card$project = card.project) != null && _card$project.data),
-      wrapper: function wrapper(children) {
-        var _card$project2;
-        return React.createElement(Link, {
-          href: "/portfolio/" + ((_card$project2 = card.project) == null || (_card$project2 = _card$project2.data) == null ? void 0 : _card$project2.attributes.slug),
-          passHref: true,
-          key: card.id,
-          legacyBehavior: true
-        }, children);
-      }
-    }, React.createElement(Box, {
-      as: "a",
-      cursor: "pointer",
-      borderRadius: "2xl",
-      width: "fit-content",
-      height: "fit-content",
-      transition: "box-shadow ease " + MEDIUM_TRANSITION_DURATION + "s",
-      _hover: {
-        boxShadow: 'lg'
-      }
-    }, React.createElement(ProjectCard, {
-      title: card.title,
-      facts: card.facts,
-      footerTitle: card.footerTitle,
-      footerSubTitle: card.footerSubTitle,
-      image: React.createElement(Image, {
-        src: strapiMediaUrl(card.image.img, 'medium'),
-        alt: card.image.alt,
-        fill: true,
-        style: {
-          objectFit: card.image.objectFit || 'cover'
-        }
-      })
-    })));
-  }))));
-};
-
-var MAPBOX_TOKEN = 'pk.eyJ1IjoidHJlZS1seSIsImEiOiJja25rNG1heHgwNThjMnZwZTl2eThmeXUwIn0.SOrYUKfevZkbx8jZPxJesA';
-var MapBoxStyle;
-(function (MapBoxStyle) {
-  MapBoxStyle["Outdoors"] = "mapbox://styles/mapbox/outdoors-v11";
-  MapBoxStyle["SatelliteStreets"] = "mapbox://styles/mapbox/satellite-streets-v11";
-  MapBoxStyle["Satellite"] = "mapbox://styles/mapbox/satellite-v9";
-  MapBoxStyle["CaliTerrain"] = "mapbox://styles/tree-ly/clna54iq603ht01pbc199cszw";
-})(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 messages = {
-  en: rootMessagesEn,
-  de: rootMessagesDe
-};
-var MinimalProviders = function MinimalProviders(_ref) {
-  var children = _ref.children,
-    locale = _ref.locale;
-  return React.createElement(IntlProvider, {
-    messages: messages[locale],
-    locale: locale
-  }, React.createElement(BoemlyThemeProvider, {
-    fonts: FONT_CUSTOMIZATIONS
-  }, children));
-};
-
-var CreditsAvailableState;
-(function (CreditsAvailableState) {
-  CreditsAvailableState["YES"] = "yes";
-  CreditsAvailableState["SOME"] = "some";
-  CreditsAvailableState["NO"] = "no";
-  CreditsAvailableState["NOT_YET"] = "notYet";
-})(CreditsAvailableState || (CreditsAvailableState = {}));
-var CreditsAvailableState$1 = CreditsAvailableState;
-
-var CreditsAvailableBadge = function CreditsAvailableBadge(_ref) {
-  var _variants;
-  var status = _ref.status,
-    href = _ref.href;
-  var _useContext = useContext(IntlContext),
-    formatMessage = _useContext.formatMessage;
-  var variants = (_variants = {}, _variants[CreditsAvailableState$1.YES] = {
-    color: 'green',
-    text: formatMessage({
-      id: 'components.creditsAvailableBadge.text.yes'
-    })
-  }, _variants[CreditsAvailableState$1.SOME] = {
-    color: 'orange',
-    text: formatMessage({
-      id: 'components.creditsAvailableBadge.text.some'
-    })
-  }, _variants[CreditsAvailableState$1.NO] = {
-    color: 'red',
-    text: formatMessage({
-      id: 'components.creditsAvailableBadge.text.no'
-    })
-  }, _variants[CreditsAvailableState$1.NOT_YET] = {
-    color: 'blue',
-    text: formatMessage({
-      id: 'components.creditsAvailableBadge.text.notYet'
-    })
-  }, _variants);
-  var variant = variants[status];
-  return React.createElement(Badge, {
-    as: href ? Link : undefined,
-    href: href,
-    colorScheme: variant.color,
-    width: "fit-content"
-  }, variant.text);
-};
-
-var MapMarker = function MapMarker(_ref) {
-  var title = _ref.title,
-    projectDeveloper = _ref.projectDeveloper,
-    slug = _ref.slug,
-    creditsAvailable = _ref.creditsAvailable,
-    _ref$isPublic = _ref.isPublic,
-    isPublic = _ref$isPublic === void 0 ? false : _ref$isPublic;
-  var _useContext = useContext(IntlContext),
-    formatMessage = _useContext.formatMessage;
-  var _useDisclosure = useDisclosure(),
-    isOpen = _useDisclosure.isOpen,
-    onOpen = _useDisclosure.onOpen,
-    onClose = _useDisclosure.onClose;
-  var blue600 = useToken('colors', 'blue.600');
-  return React.createElement(Flex, {
-    position: "absolute",
-    gap: "4",
-    onMouseEnter: onOpen,
-    onMouseLeave: onClose,
-    cursor: "grab"
-  }, React.createElement(Box, {
-    as: slug ? Link : undefined,
-    href: slug && "/portfolio/" + slug
-  }, React.createElement(MapPin, {
-    size: "40px",
-    color: blue600,
-    weight: "fill",
-    "data-testid": "mapmarker-pin",
-    filter: "drop-shadow(0px 0px 2px #FFF)"
-  })), isPublic && isOpen && React.createElement(Container, {
-    shadow: "md",
-    width: "max-content",
-    minWidth: "3xs",
-    maxWidth: ['3xs', null, null, 'sm']
-  }, React.createElement(Flex, {
-    direction: "column"
-  }, creditsAvailable && React.createElement(React.Fragment, null, React.createElement(CreditsAvailableBadge, {
-    status: creditsAvailable,
-    href: slug && "/portfolio/" + slug
-  }), React.createElement(Box, {
-    height: "3"
-  })), React.createElement(Heading, {
-    size: "md"
-  }, title), projectDeveloper && React.createElement(Text, {
-    size: "smLowNormal",
-    mt: "1"
-  }, projectDeveloper), slug && React.createElement(Button, {
-    width: "fit-content",
-    variant: "outline",
-    size: "sm",
-    as: Link,
-    href: "/portfolio/" + slug,
-    mt: "4",
-    whiteSpace: "nowrap"
-  }, formatMessage({
-    id: 'sections.projectsMap.link.text'
-  })))));
-};
-
-var _templateObject$2;
-var mapboxStyle = /*#__PURE__*/css(_templateObject$2 || (_templateObject$2 = /*#__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-child {\n    border-radius: 4px 4px 0 0;\n  }\n  .mapboxgl-ctrl-group button:last-child {\n    border-radius: 0 0 4px 4px;\n  }\n  .mapboxgl-ctrl-group button:only-child {\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$1;
-mapboxgl.accessToken = MAPBOX_TOKEN;
-var ProjectsMap = function ProjectsMap(_ref) {
-  var slice = _ref.slice,
-    projects = _ref.projects;
-  var _useContext = 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;
-    }));
-  }));
-  var mapContainer = useRef(null);
-  useEffect(function () {
-    var map = new Map({
-      container: mapContainer.current || '',
-      style: MapBoxStyle.CaliTerrain,
-      center: center,
-      zoom: slice.defaultZoomLevel || MAPBOX_INITIAL_ZOOM,
-      maxZoom: MAPBOX_MAX_ZOOM,
-      bounds: bounds
-    });
-    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 = createRef();
-      ref.current = document.createElement('div');
-      createRoot(ref.current).render(React.createElement(MinimalProviders, {
-        locale: locale
-      }, React.createElement(MapMarker, {
-        title: project.title,
-        isPublic: project.isPublic,
-        slug: project.slug,
-        creditsAvailable: project.creditsAvailable,
-        projectDeveloper: (_project$projectDevel = project.projectDeveloper) == null ? void 0 : _project$projectDevel.name
-      })));
-      // Offset is needed to center the marker on the coordinates
-      var marker = new Marker(ref.current, {
-        offset: [-20, -40]
-      });
-      // No chaining here, because the mocks don't support it
-      marker.setLngLat(project.geom.coordinates);
-      marker.addTo(map);
-    });
-    // Clean up on unmount
-    return function () {
-      return map.remove();
-    };
-  }, [locale]);
-  return React.createElement(DefaultSectionContainer, null, React.createElement(Box, {
-    css: mapboxStyle
-  }, React.createElement(Wrapper, null, slice.title ? React.createElement(React.Fragment, null, React.createElement(DefaultSectionHeader, {
-    tagline: slice.tagline,
-    title: slice.title,
-    text: slice.text,
-    taglineProps: {
-      textAlign: 'center'
-    },
-    titleProps: {
-      textAlign: 'center',
-      maxW: '6xl',
-      marginX: 'auto'
-    },
-    textProps: {
-      textAlign: 'center',
-      maxW: '3xl',
-      marginX: 'auto'
-    }
-  }), React.createElement(Box, {
-    height: "16"
-  })) : React.createElement(React.Fragment, null), React.createElement(Box, {
-    height: "xl",
-    ref: mapContainer,
-    borderRadius: "xl",
-    overflow: "hidden",
-    boxShadow: ['md', null, null, 'none'],
-    css: css(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteralLoose(["\n              mask-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC);\n            "])))
-  }))));
-};
-
-var Video = function Video(_ref) {
-  var slice = _ref.slice;
-  var _useMeasure = useMeasure(),
-    ref = _useMeasure[0],
-    width = _useMeasure[1].width;
-  return React.createElement(DefaultSectionContainer, null, React.createElement(Wrapper, null, React.createElement(Box, {
-    ref: ref,
-    borderRadius: "xl"
-  }, React.createElement("iframe", {
-    "data-testid": "video-iframe",
-    width: width,
-    height: width / 16 * 9,
-    src: "https://www.youtube.com/embed/" + slice.youTubeID,
-    frameBorder: "0",
-    allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture",
-    allowFullScreen: true,
-    title: slice.title,
-    style: {
-      borderRadius: 'var(--boemly-radii-xl)'
-    }
-  }))));
-};
-
-var FullWidthHighlightQuote = function FullWidthHighlightQuote(_ref) {
-  var slice = _ref.slice;
-  return React.createElement(DefaultSectionContainer, null, React.createElement(Wrapper, null, React.createElement(Box, {
-    maxWidth: "5xl",
-    marginX: "auto",
-    mb: "8"
-  }, slice.tagline && React.createElement(Text, {
-    color: "primary.700",
-    size: "mdMonoUppercase",
-    textAlign: "center",
-    mb: "3"
-  }, slice.tagline), React.createElement(Text, {
-    color: "black",
-    size: "xlRegularNormalBold",
-    textAlign: "center"
-  }, slice.quote)), React.createElement(AvatarWithName, {
-    name: slice.avatarWithName.name,
-    description: slice.avatarWithName.description,
-    image: React.createElement(Image, {
-      src: strapiMediaUrl(slice.avatarWithName.image.img, 'small'),
-      alt: slice.avatarWithName.image.alt,
-      fill: true,
-      style: {
-        objectFit: slice.avatarWithName.image.objectFit || 'cover'
-      }
-    }),
-    orientation: "vertical"
-  })));
-};
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-var SliderContainer = /*#__PURE__*/styled(Box)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  --mobile-image-width: calc(100vw - var(--boemly-space-24));\n  --desktop-image-width: var(--boemly-sizes-md);\n\n  width: var(--boemly-size-full);\n\n  overflow-x: hidden;\n\n  padding-left: max(\n    var(--boemly-space-8),\n    calc(50vw - var(--boemly-sizes-7xl) / 2 + var(--boemly-space-6))\n  );\n\n  @media screen and (max-width: ", ") {\n    overflow-x: scroll;\n    padding-left: max(\n      var(--boemly-space-8),\n      calc(50vw - var(--boemly-sizes-7xl) / 2 + var(--boemly-space-8))\n    );\n  }\n"])), BREAKPOINT_MD);
-var ButtonsContainer = /*#__PURE__*/styled(Box)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: ", ";\n  pointer-events: none;\n\n  // Place at 50% of height of tallest image minus size of button\n  position: absolute;\n  top: calc(50% - var(--boemly-sizes-12));\n  left: 0;\n  width: var(--boemly-sizes-full);\n\n  padding: 0 var(--boemly-sizes-32);\n  justify-content: space-between;\n\n  @media screen and (max-width: ", ") {\n    display: none;\n  }\n"])), function (_ref) {
-  var show = _ref.show;
-  return show ? 'flex' : 'none';
-}, BREAKPOINT_MD);
-var SliderInnerContainer = /*#__PURE__*/styled(motion.div)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  display: flex;\n  gap: var(--boemly-space-6);\n\n  width: fit-content;\n"])));
-var ItemContainer = /*#__PURE__*/styled(Box)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  width: var(--desktop-image-width);\n\n  :last-of-type {\n    margin-right: var(--boemly-space-8);\n  }\n\n  @media screen and (max-width: ", ") {\n    width: var(--mobile-image-width);\n  }\n"])), BREAKPOINT_MD);
-var ImageContainer = /*#__PURE__*/styled(Box)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n  position: relative;\n\n  max-height: var(--boemly-sizes-xl);\n  height: calc(\n    var(--desktop-image-width) /\n      ", "\n  );\n  width: var(--desktop-image-width);\n\n  border-radius: var(--boemly-radii-xl);\n\n  & img {\n    border-radius: var(--boemly-radii-xl);\n  }\n\n  @media screen and (max-width: ", ") {\n    height: calc(\n      var(--mobile-image-width) /\n        ", "\n    );\n    width: var(--mobile-image-width);\n  }\n"])), function (_ref2) {
-  var aspectRatio = _ref2.aspectRatio;
-  return aspectRatio;
-}, BREAKPOINT_MD, function (_ref3) {
-  var aspectRatio = _ref3.aspectRatio;
-  return aspectRatio;
-});
-
-var ALLOWED_RATIOS = [2 / 3, 1 / 1, 3 / 2];
-var getClosestRatio = function getClosestRatio(width, height) {
-  var ratio = width / height;
-  var minDiff = Math.abs(ratio - ALLOWED_RATIOS[0]);
-  var posMinDiff = 0;
-  ALLOWED_RATIOS.forEach(function (allowedRatio, index) {
-    if (Math.abs(ratio - allowedRatio) < minDiff) {
-      minDiff = Math.abs(ratio - allowedRatio);
-      posMinDiff = index;
-    }
-  });
-  return ALLOWED_RATIOS[posMinDiff];
-};
-
-var FullWidthImageSlider = function FullWidthImageSlider(_ref) {
-  var slice = _ref.slice;
-  var containerRef = useRef(null);
-  var _useMeasure = useMeasure(),
-    imageRef = _useMeasure[0],
-    imageWidth = _useMeasure[1].width;
-  var _useWindowSize = useWindowSize(),
-    windowWidth = _useWindowSize.width;
-  var _useMediaQuery = useMediaQuery(BREAKPOINT_MD_QUERY),
-    isMobile = _useMediaQuery[0];
-  var _useState = useState(0),
-    sliderIndex = _useState[0],
-    setSliderIndex = _useState[1];
-  var _useState2 = useState(false),
-    isOpen = _useState2[0],
-    setIsOpen = _useState2[1];
-  var allowScroll = windowWidth / 2 / imageWidth < slice.images.length;
-  var canMoveRight = sliderIndex < slice.images.length - 1;
-  var canMoveLeft = sliderIndex !== 0;
-  return React.createElement(DefaultSectionContainer, null, React.createElement(SliderContainer, {
-    ref: containerRef
-  }, React.createElement(SliderInnerContainer, {
-    animate: {
-      x: imageWidth * -sliderIndex
-    },
-    transition: {
-      duration: 0.3,
-      ease: 'easeInOut'
-    },
-    imageCount: slice.images.length
-  }, slice.images.map(function (image, index) {
-    return React.createElement(ItemContainer, {
-      key: image.id,
-      ref: imageRef
-    }, React.createElement(Flex, {
-      height: "full",
-      width: "full",
-      justifyContent: "end",
-      flexDirection: "column",
-      gap: "2"
-    }, React.createElement(ImageContainer, {
-      aspectRatio: getClosestRatio(image.img.img.data.attributes.width, image.img.img.data.attributes.height)
-    }, React.createElement(Image, {
-      src: strapiMediaUrl(image.img.img, 'large'),
-      alt: image.img.alt,
-      fill: true,
-      style: {
-        objectFit: image.img.objectFit || 'cover',
-        cursor: isMobile ? 'unset' : 'pointer'
-      },
-      onClick: function onClick() {
-        setSliderIndex(index);
-        if (!isMobile) setIsOpen(true);
-      }
-    })), React.createElement(Text, {
-      height: "6"
-    }, image.caption)));
-  }))), React.createElement(ButtonsContainer, {
-    show: allowScroll && !isOpen
-  }, React.createElement(Box, null, React.createElement(AnimatePresence, null, canMoveLeft && React.createElement(IconButton, {
-    key: "leftButton",
-    as: motion.button,
-    initial: {
-      opacity: 0
-    },
-    animate: {
-      opacity: 1
-    },
-    exit: {
-      opacity: 0
-    },
-    size: "lg",
-    variant: "outline",
-    onClick: function onClick() {
-      return setSliderIndex(sliderIndex - 1);
-    },
-    "aria-label": "Move left",
-    icon: React.createElement(ArrowLeft, {
-      size: 16
-    }),
-    pointerEvents: "auto"
-  }))), React.createElement(Box, null, React.createElement(AnimatePresence, null, canMoveRight && React.createElement(IconButton, {
-    key: "rightButton",
-    as: motion.button,
-    initial: {
-      opacity: 0
-    },
-    animate: {
-      opacity: 1
-    },
-    exit: {
-      opacity: 0
-    },
-    size: "lg",
-    variant: "outline",
-    onClick: function onClick() {
-      return setSliderIndex(sliderIndex + 1);
-    },
-    "aria-label": "Move right",
-    icon: React.createElement(ArrowRight, {
-      size: 16
-    }),
-    pointerEvents: "auto"
-  })))), React.createElement(FullScreenImage, {
-    images: slice.images.map(function (image) {
-      return image.img;
-    }),
-    openIndex: sliderIndex,
-    isOpen: isOpen,
-    onClose: function onClose() {
-      return setIsOpen(false);
-    }
-  }));
-};
-
-var SideBySideImages = function SideBySideImages(_ref) {
-  var slice = _ref.slice;
-  return React.createElement(DefaultSectionContainer, null, React.createElement(Wrapper, null, React.createElement(Grid, {
-    templateColumns: "repeat(12, 1fr)",
-    gap: "4"
-  }, React.createElement(GridItem, {
-    colSpan: [12, null, null, 7]
-  }, React.createElement(SimpleGrid, {
-    columns: [1, null, null, 2],
-    gap: ['12', null, null, '6']
-  }, slice.images.map(function (image) {
-    return React.createElement(Box, {
-      key: image.id
-    }, React.createElement(Box, {
-      height: "md",
-      position: "relative",
-      borderRadius: "xl"
-    }, React.createElement(Image, {
-      src: strapiMediaUrl(image.img.img, 'large'),
-      alt: image.img.alt,
-      fill: true,
-      style: {
-        objectFit: image.img.objectFit || 'cover',
-        borderRadius: 'var(--boemly-radii-xl)'
-      }
-    })), React.createElement(Text, {
-      mt: "3",
-      size: "xsLowNormal"
-    }, image.caption));
-  }))))));
-};
-
-var CtaCardType;
-(function (CtaCardType) {
-  CtaCardType["Left"] = "left";
-  CtaCardType["CenterWithoutImage"] = "centerWithoutImage";
-  CtaCardType["CenterWithImage"] = "centerWithImage";
-  CtaCardType["Right"] = "right";
-})(CtaCardType || (CtaCardType = {}));
-var STATES = {
-  left: {
-    textAlign: 'left',
-    paddingTagline: '0',
-    paddingTitle: '0',
-    justifyContent: 'space-between',
-    buttonJustifyContent: 'start',
-    textMarginLeft: ['0', null, null, null, '14']
-  },
-  centerWithoutImage: {
-    textAlign: 'center',
-    paddingTagline: '28',
-    paddingTitle: '20',
-    justifyContent: 'center',
-    buttonJustifyContent: 'center',
-    textMarginLeft: '0'
-  },
-  centerWithImage: {
-    textAlign: 'center',
-    paddingTagline: '28',
-    paddingTitle: '20',
-    justifyContent: 'center',
-    buttonJustifyContent: 'center',
-    textMarginLeft: '0'
-  },
-  right: {
-    textAlign: 'left',
-    paddingTagline: '0',
-    paddingTitle: '0',
-    justifyContent: 'start',
-    buttonJustifyContent: 'start',
-    textMarginLeft: '0'
-  }
-};
-var VARIANTS$3 = {
-  gray: {
-    backgroundColor: {
-      left: 'primary.50',
-      centerWithoutImage: 'primary.50',
-      centerWithImage: 'primary.50',
-      right: 'primary.50'
-    },
-    taglineColor: {
-      left: 'primary.500',
-      centerWithoutImage: 'primary.500',
-      centerWithImage: 'white',
-      right: 'primary.500'
-    },
-    titleColor: {
-      left: 'black',
-      centerWithoutImage: 'black',
-      centerWithImage: 'white',
-      right: 'black'
-    },
-    subTitleColor: {
-      left: 'black',
-      centerWithoutImage: 'black',
-      centerWithImage: 'white',
-      right: 'black'
-    }
-  },
-  green: {
-    backgroundColor: {
-      left: 'primary.800',
-      centerWithoutImage: 'primary.800',
-      centerWithImage: 'primary.800',
-      right: 'primary.800'
-    },
-    taglineColor: {
-      left: 'white',
-      centerWithoutImage: 'white',
-      centerWithImage: 'white',
-      right: 'white'
-    },
-    titleColor: {
-      left: 'white',
-      centerWithoutImage: 'white',
-      centerWithImage: 'white',
-      right: 'white'
-    },
-    subTitleColor: {
-      left: 'white',
-      centerWithoutImage: 'white',
-      centerWithImage: 'white',
-      right: 'white'
-    }
-  },
-  white: {
-    backgroundColor: {
-      left: 'white',
-      centerWithoutImage: 'white',
-      centerWithImage: 'primary.800',
-      right: 'white'
-    },
-    taglineColor: {
-      left: 'primary.500',
-      centerWithoutImage: 'primary.500',
-      centerWithImage: 'white',
-      right: 'primary.500'
-    },
-    titleColor: {
-      left: 'black',
-      centerWithoutImage: 'black',
-      centerWithImage: 'white',
-      right: 'black'
-    },
-    subTitleColor: {
-      left: 'black',
-      centerWithoutImage: 'black',
-      centerWithImage: 'white',
-      right: 'black'
-    }
-  }
-};
-var getTypeOfCard = function getTypeOfCard(ctaCard) {
-  if (ctaCard.textAlign === 'center') {
-    if (ctaCard.image) {
-      return CtaCardType.CenterWithImage;
-    }
-    return CtaCardType.CenterWithoutImage;
-  }
-  if (ctaCard.textAlign === 'left') {
-    return CtaCardType.Left;
-  }
-  return CtaCardType.Right;
-};
-var Cta = function Cta(_ref) {
-  var slice = _ref.slice;
-  var _useContext = useContext(IntlContext),
-    formatMessage = _useContext.formatMessage;
-  return React.createElement(DefaultSectionContainer, {
-    backgroundColor: VARIANTS$3[slice.variant].backgroundColor.left
-  }, React.createElement(Wrapper, null, slice.title ? React.createElement(React.Fragment, null, React.createElement(Flex, {
-    alignItems: "center",
-    flexDirection: "column"
-  }, React.createElement(DefaultSectionHeader, {
-    tagline: slice.tagline,
-    taglineProps: {
-      color: VARIANTS$3[slice.variant].taglineColor.left,
-      textAlign: 'center',
-      maxWidth: '3xl'
-    },
-    title: slice.title,
-    titleProps: {
-      color: VARIANTS$3[slice.variant].titleColor.left,
-      textAlign: 'center',
-      width: 'full',
-      maxWidth: '3xl'
-    },
-    text: slice.subTitle,
-    textProps: {
-      color: VARIANTS$3[slice.variant].subTitleColor.left,
-      textAlign: 'center',
-      maxWidth: '3xl'
-    }
-  })), React.createElement(Spacer, {
-    height: ['16', null, null, null, '20']
-  })) : React.createElement(React.Fragment, null), React.createElement(Flex, {
-    gap: "4",
-    flexDirection: "column"
-  }, slice.ctaCards.map(function (ctaCard) {
-    var ctaCardType = getTypeOfCard(ctaCard);
-    return React.createElement(Container, {
-      backgroundColor: VARIANTS$3[ctaCard.variant].backgroundColor[ctaCardType],
-      key: ctaCard.id,
-      position: "relative",
-      elevation: "none"
-    }, ctaCard.image && ctaCardType === CtaCardType.CenterWithImage ? React.createElement(Box, {
-      position: "absolute",
-      left: "0",
-      top: "0",
-      width: "full",
-      height: "full",
-      borderRadius: "xl",
-      overflow: "hidden"
-    }, React.createElement(Image, {
-      src: strapiMediaUrl(ctaCard.image.img, 'large'),
-      alt: ctaCard.image.alt,
-      fill: true,
-      style: {
-        objectFit: ctaCard.image.objectFit || 'cover',
-        borderRadius: 'var(--boemly-radii-xl)'
-      }
-    }), React.createElement(Gradient, null)) : React.createElement(React.Fragment, null), ctaCard.backgroundShape ? React.createElement(Box, {
-      position: "absolute",
-      left: "0",
-      top: "0",
-      width: "full",
-      height: "full"
-    }, React.createElement(Image, {
-      src: ctaCardType === CtaCardType.CenterWithImage || ctaCard.variant === 'green' ? CDN_URI + "/assets/v3/strapi-slices/shapes-dark.svg" : CDN_URI + "/assets/v3/strapi-slices/shapes-light.svg",
-      alt: formatMessage({
-        id: "sections.cta.backgroundShapes" + (ctaCardType === CtaCardType.CenterWithImage || ctaCard.variant === 'green' ? 'Dark' : 'Light')
-      }),
-      fill: true,
-      style: {
-        objectFit: 'cover',
-        borderRadius: 'var(--boemly-radii-xl)'
-      }
-    })) : React.createElement(React.Fragment, null), React.createElement(Flex, {
-      flexDir: ['column', null, null, null, 'row'],
-      flexGrow: "1",
-      gap: ['8', null, null, null, '16'],
-      justifyContent: STATES[ctaCardType].justifyContent
-    }, ctaCard.image && ctaCardType === CtaCardType.Right ? React.createElement(Box, {
-      position: "relative",
-      height: ['3xs', null, null, null, 'auto'],
-      minWidth: [null, null, null, null, '50%']
-    }, React.createElement(Image, {
-      src: strapiMediaUrl(ctaCard.image.img, 'medium'),
-      alt: ctaCard.image.alt,
-      fill: true,
-      style: {
-        objectFit: ctaCard.image.objectFit || 'cover',
-        borderRadius: 'var(--boemly-radii-xl)'
-      }
-    })) : React.createElement(React.Fragment, null), React.createElement(Box, {
-      zIndex: "base",
-      marginLeft: STATES[ctaCardType].textMarginLeft,
-      maxWidth: "3xl"
-    }, React.createElement(Spacer, {
-      height: ['0', null, null, null, '20']
-    }), React.createElement(DefaultSectionHeader, {
-      tagline: ctaCard.tagline,
-      taglineProps: {
-        textAlign: STATES[ctaCardType].textAlign,
-        color: VARIANTS$3[ctaCard.variant].taglineColor[ctaCardType],
-        paddingX: ['0', null, null, null, STATES[ctaCardType].paddingTagline]
-      },
-      title: ctaCard.title,
-      titleProps: {
-        fontFamily: 'Inter',
-        fontSize: '4xl',
-        fontWeight: '600',
-        lineHeight: '9',
-        textAlign: STATES[ctaCardType].textAlign,
-        paddingX: ['0', null, null, null, STATES[ctaCardType].paddingTitle],
-        color: VARIANTS$3[ctaCard.variant].titleColor[ctaCardType]
-      },
-      text: ctaCard.subTitle,
-      textProps: {
-        textAlign: STATES[ctaCardType].textAlign,
-        color: VARIANTS$3[ctaCard.variant].subTitleColor[ctaCardType]
-      }
-    }), ctaCard.buttons && ctaCard.buttons.length > 0 ? React.createElement(React.Fragment, null, React.createElement(Spacer, {
-      height: "8"
-    }), React.createElement(Flex, {
-      gap: "2",
-      justifyContent: STATES[ctaCardType].buttonJustifyContent
-    }, ctaCard.buttons && ctaCard.buttons.map(function (button) {
-      return React.createElement(StrapiLinkButton, {
-        key: button.button.id,
-        link: button.button,
-        size: "md",
-        variant: button.variant
-      });
-    }))) : React.createElement(React.Fragment, null), React.createElement(Spacer, {
-      height: ['1', null, null, null, '20']
-    })), ctaCard.image && ctaCardType === CtaCardType.Left ? React.createElement(Box, {
-      position: "relative",
-      height: ['3xs', null, null, null, 'auto'],
-      minWidth: [null, null, null, null, '50%']
-    }, React.createElement(Image, {
-      src: strapiMediaUrl(ctaCard.image.img, 'medium'),
-      alt: ctaCard.image.alt,
-      fill: true,
-      style: {
-        objectFit: ctaCard.image.objectFit || 'cover',
-        borderRadius: 'var(--boemly-radii-xl)'
-      }
-    })) : React.createElement(React.Fragment, null)));
-  }))));
-};
-
-var CtaOnly = function CtaOnly(_ref) {
-  var slice = _ref.slice;
-  return React.createElement(Wrapper, null, React.createElement(Box, {
-    position: "absolute",
-    top: "-28",
-    transform: "translateY(50%)"
-  }, React.createElement(StrapiLinkButton, {
-    size: "md",
-    link: slice.button
-  })));
-};
-
-var Glossary = function Glossary(_ref) {
-  var slice = _ref.slice;
-  var _useCopyToClipboard = useCopyToClipboard(),
-    copyToClipboard = _useCopyToClipboard[1];
-  var _useContext = useContext(IntlContext),
-    formatMessage = _useContext.formatMessage;
-  var grouped = {};
-  var _useState = useState(),
-    copiedItem = _useState[0],
-    setCopiedItem = _useState[1];
-  slice.glossary_items.sort(function (a, b) {
-    return a.attributes.title.localeCompare(b.attributes.title);
-  }).forEach(function (curr) {
-    var _curr$attributes$titl;
-    var index = ((_curr$attributes$titl = curr.attributes.title.at(0)) == null ? void 0 : _curr$attributes$titl.toUpperCase()) || 'A';
-    if (!grouped[index]) {
-      grouped[index] = [];
-    }
-    grouped[index].push(curr.attributes);
-  }, {});
-  var handleAnchorClick = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(slug) {
-      var _window;
-      var currentUrl;
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            if ((_window = window) != null && _window.location) {
-              currentUrl = window.location.href.split('#')[0];
-              copyToClipboard(currentUrl + "#" + slug);
-              setCopiedItem(slug);
-              setTimeout(function () {
-                setCopiedItem(undefined);
-              }, 1200);
-            }
-          case 1:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function handleAnchorClick(_x) {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  return React.createElement(DefaultSectionContainer, null, React.createElement(Wrapper, null, React.createElement(SimpleGrid, null, Object.entries(grouped).map(function (_ref3, index) {
-    var letter = _ref3[0],
-      items = _ref3[1];
-    return React.createElement(GridItem, {
-      maxW: "xl",
-      placeSelf: "center",
-      key: letter
-    }, React.createElement(Heading, {
-      size: "3xl",
-      mb: "8"
-    }, letter), React.createElement(SimpleGrid, {
-      spacing: "6"
-    }, items.map(function (item) {
-      return React.createElement(GridItem, {
-        key: item.slug
-      }, React.createElement(Flex, {
-        mb: "2",
-        gap: "1.5",
-        alignItems: "center"
-      }, React.createElement(Heading, {
-        size: "xl",
-        id: item.slug,
-        scrollMarginTop: "calc(var(--header-height) + var(--boemly-sizes-10))"
-      }, item.title), React.createElement(IconButton, {
-        variant: "ghost",
-        size: "xs",
-        icon: copiedItem === item.slug ? React.createElement(Check, {
-          size: "16",
-          "data-testid": "check-icon"
-        }) : React.createElement(Link$2, {
-          size: "16"
-        }),
-        title: formatMessage({
-          id: 'sections.glossary.copyButtonLabel'
-        }),
-        "aria-label": formatMessage({
-          id: 'sections.glossary.copyButtonLabel'
-        }),
-        onClick: function () {
-          var _onClick = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-            return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-              while (1) switch (_context2.prev = _context2.next) {
-                case 0:
-                  return _context2.abrupt("return", handleAnchorClick(item.slug));
-                case 1:
-                case "end":
-                  return _context2.stop();
-              }
-            }, _callee2);
-          }));
-          function onClick() {
-            return _onClick.apply(this, arguments);
-          }
-          return onClick;
-        }()
-      })), React.createElement(Text, {
-        color: "black"
-      }, item.text));
-    })), index !== Object.keys(grouped).length - 1 && React.createElement(Divider, {
-      maxW: "xl",
-      placeSelf: "center",
-      mb: "10",
-      mt: "10"
-    }));
-  }))));
-};
-
-var MINIMUM_CONTRIBUTION_VALUE_IN_MONEY = 10;
-var MAXIMUM_CONTRIBUTION_VALUE_IN_MONEY = 60000;
-
-var ShopCheckout = function ShopCheckout(_ref) {
-  var slice = _ref.slice;
-  var _useToken = useToken('colors', ['primary.50']),
-    primary50 = _useToken[0];
-  var _useContext = useContext(IntlContext),
-    formatMessage = _useContext.formatMessage,
-    formatNumber = _useContext.formatNumber,
-    locale = _useContext.locale;
-  var _useRouter = useRouter(),
-    push = _useRouter.push;
-  var validateForm = useCallback(function (values) {
-    var errors = {};
-    if (!values.contributionValue) {
-      errors.contributionValue = formatMessage({
-        id: 'sections.shopCheckout.contributionValue.validation.empty'
-      });
-    } else if (values.contributionValue < MINIMUM_CONTRIBUTION_VALUE_IN_MONEY) {
-      errors.contributionValue = formatMessage({
-        id: "sections.shopCheckout.contributionValue.validation.tooLow." + slice.currency
-      });
-    } else if (values.contributionValue > MAXIMUM_CONTRIBUTION_VALUE_IN_MONEY) {
-      errors.contributionValue = formatMessage({
-        id: 'sections.shopCheckout.contributionValue.validation.tooHigh'
-      });
-    }
-    return errors;
-  }, [locale]);
-  var onSubmit = function onSubmit(_ref2) {
-    var contributionValue = _ref2.contributionValue;
-    var url = new URL(FPM_API_URI + "/v1/webhooks/shop/checkout");
-    url.searchParams.append('batchId', slice.batchId);
-    url.searchParams.append('quantity', Math.floor(contributionValue / slice.pricePerKg).toString());
-    if (slice.couponId) url.searchParams.append('couponId', slice.couponId);
-    push(url.toString());
-  };
-  return React.createElement(DefaultSectionContainer, {
-    backgroundColor: primary50,
-    title: slice.title
-  }, React.createElement(Wrapper, null, React.createElement(Flex, {
-    flexDir: ['column', null, null, null, 'row'],
-    justifyContent: "space-between",
-    alignItems: ['left', null, null, null, 'center']
-  }, React.createElement(Box, {
-    marginRight: ['0', null, null, null, '36'],
-    flexShrink: 2
-  }, React.createElement(DefaultSectionHeader, {
-    tagline: slice.tagline,
-    title: slice.title,
-    text: slice.text
-  })), React.createElement(Container, {
-    maxWidth: "md",
-    padding: "lg",
-    shadow: "lg"
-  }, slice.badge ? React.createElement(React.Fragment, null, React.createElement(Badge, {
-    colorScheme: "green",
-    textTransform: "none",
-    whiteSpace: "unset"
-  }, slice.badge), React.createElement(Spacer, {
-    height: "3"
-  })) : React.createElement(React.Fragment, null), React.createElement(RichText, {
-    content: slice.checkoutText,
-    textProps: {
-      color: 'gray.500'
-    }
-  }), React.createElement(Spacer, {
-    height: "6"
-  }), React.createElement(Divider, null), React.createElement(Spacer, {
-    height: "6"
-  }), React.createElement(LabelNumberPair, {
-    label: formatMessage({
-      id: 'sections.shopCheckout.intro.price'
-    }),
-    number: formatNumber(slice.pricePerKg * 100, {
-      style: 'currency',
-      currency: slice.currency
-    }) + "/" + formatNumber(100, {
-      style: 'unit',
-      unit: 'kilogram'
-    }) + "  CO\u2082"
-  }), React.createElement(Spacer, {
-    height: "6"
-  }), React.createElement(Divider, null), React.createElement(Spacer, {
-    height: "6"
-  }), React.createElement(Formik, {
-    initialValues: {
-      contributionValue: slice.initialContributionValue
-    },
-    validate: validateForm,
-    onSubmit: onSubmit
-  }, function (_ref3) {
-    var errors = _ref3.errors,
-      touched = _ref3.touched,
-      handleSubmit = _ref3.handleSubmit,
-      values = _ref3.values;
-    return React.createElement(Form, {
-      onSubmit: handleSubmit
-    }, React.createElement(Box, {
-      width: "full"
-    }, React.createElement(Field, {
-      name: "contributionValue"
-    }, function (_ref4) {
-      var field = _ref4.field;
-      return React.createElement(BoemlyFormControl, {
-        id: "contributionValue",
-        size: "md",
-        inputProps: _extends({
-          type: 'number'
-        }, field),
-        label: formatMessage({
-          id: "sections.shopCheckout.contributionValue.label." + slice.currency
-        }),
-        rightAddonsOrElements: [React.createElement(InputRightAddon, {
-          key: "1"
-        }, formatMessage({
-          id: "sections.shopCheckout.contributionValue.unit." + slice.currency
-        }))],
-        isInvalid: !!errors.contributionValue && touched.contributionValue,
-        errorMessage: errors.contributionValue
-      });
-    })), React.createElement(Spacer, {
-      height: "6"
-    }), React.createElement(SimpleGrid, {
-      columns: 2,
-      gap: "4"
-    }, React.createElement(LabelNumberPair, {
-      label: formatMessage({
-        id: 'sections.shopCheckout.summary.kg'
-      }),
-      number: formatNumber(Math.floor(values.contributionValue / slice.pricePerKg), {
-        style: 'unit',
-        unit: 'kilogram',
-        maximumFractionDigits: 0
-      }) + " CO\u2082"
-    }), React.createElement(LabelNumberPair, {
-      label: formatMessage({
-        id: 'sections.shopCheckout.summary.price'
-      }),
-      number: formatNumber(Math.floor(values.contributionValue / slice.pricePerKg) * slice.pricePerKg, {
-        style: 'currency',
-        currency: slice.currency,
-        minimumFractionDigits: 2,
-        maximumFractionDigits: 2
-      })
-    })), React.createElement(Spacer, {
-      height: "6"
-    }), React.createElement(Button, {
-      type: "submit",
-      width: "full"
-    }, formatMessage({
-      id: 'sections.shopCheckout.submit'
-    })));
-  })))));
-};
-
-var VARIANTS$2 = {
-  gray: {
-    backgroundColor: 'primary.50',
-    tagLineColor: 'primary.500',
-    titleColor: 'black',
-    subTitleColor: 'black',
-    factKeyColor: 'gray.700',
-    factValueColor: 'gray.700'
-  },
-  green: {
-    backgroundColor: 'primary.800',
-    tagLineColor: 'white',
-    titleColor: 'white',
-    subTitleColor: 'white',
-    factKeyColor: 'whiteAlpha.900',
-    factValueColor: 'white'
-  },
-  white: {
-    backgroundColor: 'white',
-    tagLineColor: 'primary.500',
-    titleColor: 'black',
-    subTitleColor: 'black',
-    factKeyColor: 'gray.700',
-    factValueColor: 'gray.700'
-  }
-};
-var Facts = function Facts(_ref) {
-  var slice = _ref.slice;
-  return React.createElement(DefaultSectionContainer, {
-    backgroundColor: VARIANTS$2[slice.variant].backgroundColor,
-    flexDir: "column",
-    textAlign: "center",
-    justifyContent: "space-between",
-    paddingX: ['6', null, '8'],
-    title: slice.title
-  }, React.createElement(React.Fragment, null, slice.title && React.createElement(React.Fragment, null, React.createElement(DefaultSectionHeader, {
-    tagline: slice.tagline,
-    text: slice.subTitle,
-    title: slice.title,
-    taglineProps: {
-      color: VARIANTS$2[slice.variant].tagLineColor,
-      textAlign: 'center'
-    },
-    titleProps: {
-      color: VARIANTS$2[slice.variant].titleColor,
-      textAlign: 'center',
-      maxW: '6xl',
-      marginX: 'auto'
-    },
-    textProps: {
-      color: VARIANTS$2[slice.variant].subTitleColor,
-      textAlign: 'center',
-      maxW: '3xl',
-      marginX: 'auto'
-    }
-  }), React.createElement(Spacer, {
-    height: ['0', null, '12']
-  })), React.createElement(Flex, {
-    justifyContent: slice.facts.length < 3 ? 'center' : 'flex-start',
-    alignItems: "center",
-    flexWrap: "wrap",
-    mx: [null, null, null, '22', '28'],
-    flexDir: ['column', null, null, 'row'],
-    gap: [null, null, null, '12']
-  }, slice.facts.map(function (fact) {
-    return React.createElement(Flex, {
-      key: fact.key,
-      flexDir: "column",
-      width: ['var(--boemly-sizes-full)', null, null, 'calc((var(--boemly-sizes-full) - var(--boemly-space-24))/ 3 )'],
-      mt: ['8', '8', '8', slice.facts.length > 3 ? '16' : '0']
-    }, React.createElement(Heading, {
-      fontSize: "6xl",
-      fontFamily: "GintoNord",
-      lineHeight: "10",
-      fontWeight: "700",
-      color: VARIANTS$2[slice.variant].factValueColor,
-      mb: "2",
-      as: "p"
-    }, fact.value), React.createElement(Text, {
-      size: "mdLowNormal",
-      color: VARIANTS$2[slice.variant].factKeyColor
-    }, fact.key));
-  })), slice.button && React.createElement(React.Fragment, null, React.createElement(Spacer, {
-    height: ['0', null, '20']
-  }), React.createElement(StrapiLinkButton, {
-    link: slice.button,
-    size: "md",
-    variant: slice.variant === 'green' ? 'outline' : 'solid'
-  }))));
-};
-
-var VARIANTS$1 = {
-  white: {
-    backgroundColor: 'white'
-  },
-  gray: {
-    backgroundColor: 'primary.50'
-  }
-};
-var sortByCreatedAt = function sortByCreatedAt(a, b) {
-  return new Date(b.attributes.createdAt).getTime() - new Date(a.attributes.createdAt).getTime();
-};
-var BlogCards = function BlogCards(_ref) {
-  var slice = _ref.slice,
-    blogPosts = _ref.blogPosts;
-  var _useContext = useContext(IntlContext),
-    formatDate = _useContext.formatDate;
-  var _useMediaQuery = useMediaQuery(BREAKPOINT_LG_QUERY),
-    mobile = _useMediaQuery[0];
-  var _useToken = useToken('colors', ['gray.700']),
-    gray700 = _useToken[0];
-  var sortedBlogPosts = useMemo(function () {
-    return blogPosts.sort(sortByCreatedAt);
-  }, [blogPosts]);
-  var blogPostsToDisplay = useMemo(function () {
-    var _slice$blogPostCatego;
-    return (_slice$blogPostCatego = slice.blogPostCategory) != null && (_slice$blogPostCatego = _slice$blogPostCatego.data) != null && _slice$blogPostCatego.attributes.name ? sortedBlogPosts.filter(function (blogPost) {
-      var _blogPost$attributes$, _slice$blogPostCatego2;
-      return ((_blogPost$attributes$ = blogPost.attributes.category) == null ? void 0 : _blogPost$attributes$.data.attributes.name) === ((_slice$blogPostCatego2 = slice.blogPostCategory) == null || (_slice$blogPostCatego2 = _slice$blogPostCatego2.data) == null ? void 0 : _slice$blogPostCatego2.attributes.name);
-    }).slice(0, 3) : sortedBlogPosts.slice(0, 3);
-  }, [sortedBlogPosts, slice]);
-  return React.createElement(DefaultSectionContainer, {
-    backgroundColor: VARIANTS$1[slice.variant].backgroundColor,
-    title: slice.title
-  }, React.createElement(Wrapper, null, mobile || !slice.button ? React.createElement(DefaultSectionHeader, {
-    tagline: slice.tagline,
-    title: slice.title,
-    text: slice.subTitle,
-    titleProps: {
-      maxW: '2xl'
-    },
-    textProps: {
-      maxW: '2xl'
-    }
-  }) : React.createElement(Flex, {
-    justifyContent: "space-between",
-    alignItems: "center",
-    gap: "60"
-  }, React.createElement(Box, null, React.createElement(DefaultSectionHeader, {
-    tagline: slice.tagline,
-    title: slice.title,
-    text: slice.subTitle
-  })), React.createElement(Box, {
-    minWidth: "40"
-  }, React.createElement(StrapiLinkButton, {
-    link: slice.button,
-    size: "lg",
-    variant: "outline",
-    rightIcon: React.createElement(CaretRight, {
-      color: gray700
-    })
-  }))), React.createElement(Spacer, {
-    height: "14"
-  }), React.createElement(SimpleGrid, {
-    columns: [1, null, null, 3],
-    spacingX: 4,
-    spacingY: 24,
-    flexShrink: "0"
-  }, blogPostsToDisplay.map(function (blogPost) {
-    return React.createElement(BlogItemContainer, {
-      as: Link,
-      href: "/blog/" + blogPost.attributes.slug,
-      "data-testid": "blog-item",
-      key: blogPost.attributes.slug
-    }, React.createElement(ImageContainer$1, null, React.createElement(Image, {
-      src: strapiMediaUrl(blogPost.attributes.img.img, 'medium'),
-      alt: blogPost.attributes.img.alt,
-      fill: true,
-      style: {
-        objectFit: blogPost.attributes.img.objectFit || 'cover'
-      }
-    })), React.createElement(Box, {
-      px: "2",
-      py: "8"
-    }, blogPost.attributes.category && React.createElement(Text, {
-      size: "smMonoUppercase",
-      color: "primary.800",
-      mb: "2"
-    }, blogPost.attributes.category.data.attributes.name), React.createElement(Heading, {
-      size: "lg"
-    }, blogPost.attributes.title), blogPost.attributes.teaser && React.createElement(Text, {
-      size: "mdRegularNormal",
-      mt: "2"
-    }, blogPost.attributes.teaser), React.createElement(Spacer, {
-      height: "4"
-    }), React.createElement(DatePersonPair, {
-      date: formatDate(blogPost.attributes.createdAt),
-      person: blogPost.attributes.author ? {
-        name: blogPost.attributes.author.data.attributes.name,
-        image: React.createElement(Image, {
-          src: strapiMediaUrl(blogPost.attributes.author.data.attributes.img.img, 'thumbnail'),
-          alt: blogPost.attributes.author.data.attributes.img.alt,
-          fill: true,
-          style: {
-            objectFit: blogPost.attributes.author.data.attributes.img.objectFit || 'cover'
-          }
-        })
-      } : undefined
-    })));
-  })), React.createElement(React.Fragment, null, mobile && slice.button && React.createElement(React.Fragment, null, React.createElement(Box, {
-    minWidth: "40",
-    mt: "6"
-  }, React.createElement(StrapiLinkButton, {
-    link: slice.button,
-    size: "lg",
-    variant: "outline",
-    rightIcon: React.createElement(CaretRight, {
-      color: gray700
-    })
-  }))))));
-};
-
-var SmallCheckout = function SmallCheckout(_ref) {
-  var pricePerKg = _ref.pricePerKg,
-    currency = _ref.currency,
-    batchId = _ref.batchId,
-    initialContributionValue = _ref.initialContributionValue,
-    checkoutText = _ref.checkoutText,
-    title = _ref.title,
-    subtitle = _ref.subtitle,
-    button = _ref.button;
-  var _useContext = useContext(IntlContext),
-    formatNumber = _useContext.formatNumber,
-    formatMessage = _useContext.formatMessage,
-    locale = _useContext.locale;
-  var _useRouter = useRouter(),
-    push = _useRouter.push;
-  var validateForm = useCallback(function (values) {
-    var errors = {};
-    if (!values.contributionValueCurrency) {
-      errors.contributionValueCurrency = formatMessage({
-        id: 'portfolio.smallCheckout.contributionValueCurrency.validation.empty'
-      });
-    } else if (values.contributionValueCurrency < MINIMUM_CONTRIBUTION_VALUE_IN_MONEY) {
-      errors.contributionValueCurrency = formatMessage({
-        id: "portfolio.smallCheckout.contributionValueCurrency.validation.tooLow." + currency
-      });
-    } else if (values.contributionValueCurrency > MAXIMUM_CONTRIBUTION_VALUE_IN_MONEY) {
-      errors.contributionValueCurrency = formatMessage({
-        id: 'portfolio.smallCheckout.contributionValueCurrency.validation.tooHigh'
-      });
-    }
-    return errors;
-  }, [locale]);
-  var onSubmit = /*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref2) {
-      var contributionValueCurrency;
-      return _regeneratorRuntime().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            contributionValueCurrency = _ref2.contributionValueCurrency;
-            push(FPM_API_URI + "/v1/webhooks/shop/checkout?batchId=" + batchId + "&quantity=" + Math.floor(contributionValueCurrency / pricePerKg));
-          case 2:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function onSubmit(_x) {
-      return _ref3.apply(this, arguments);
-    };
-  }();
-  return React.createElement(Flex, {
-    width: "full",
-    height: "full",
-    borderRadius: "xl",
-    background: "primary.100",
-    padding: "6",
-    direction: "column"
-  }, React.createElement(Flex, {
-    gap: "1",
-    alignItems: "end",
-    mb: "6"
-  }, React.createElement(Text, {
-    color: "black",
-    lineHeight: "0"
-  }, formatMessage({
-    id: 'unit.formatter.tonsCo2'
-  }, {
-    number: React.createElement(Text, {
-      as: "span",
-      size: "lgLowBold",
-      color: "black"
-    }, formatNumber(pricePerKg * 1000, {
-      style: 'currency',
-      currency: currency,
-      maximumFractionDigits: 0
-    }))
-  }))), React.createElement(Formik, {
-    initialValues: {
-      contributionValueCurrency: initialContributionValue,
-      contributionValueKgs: initialContributionValue / pricePerKg / 1000
-    },
-    validate: validateForm,
-    onSubmit: onSubmit
-  }, function (_ref4) {
-    var errors = _ref4.errors,
-      touched = _ref4.touched,
-      handleSubmit = _ref4.handleSubmit,
-      setValues = _ref4.setValues;
-    return React.createElement(Form, {
-      onSubmit: handleSubmit
-    }, React.createElement(Flex, {
-      gap: "4"
-    }, React.createElement(Box, {
-      width: "full"
-    }, React.createElement(Field, {
-      name: "contributionValueCurrency"
-    }, function (_ref5) {
-      var field = _ref5.field;
-      return React.createElement(BoemlyFormControl, {
-        id: "contributionValueCurrency",
-        size: "md",
-        inputType: "NumberInput",
-        numberInputProps: {
-          value: field.value,
-          onChange: function onChange(valueString) {
-            // valueAsNumber might be NaN
-            var value = parseInt(valueString || '0', 10);
-            setValues({
-              contributionValueCurrency: value,
-              contributionValueKgs: value / pricePerKg / 1000
-            });
-          }
-        },
-        label: formatMessage({
-          id: "portfolio.smallCheckout.contributionValueCurrency.label." + currency
-        }),
-        rightAddonsOrElements: [React.createElement(InputRightAddon, {
-          key: "currencyUnit"
-        }, formatMessage({
-          id: "portfolio.smallCheckout.contributionValueCurrency.unit." + currency
-        }))],
-        isInvalid: !!errors.contributionValueCurrency && touched.contributionValueCurrency,
-        errorMessage: errors.contributionValueCurrency
-      });
-    })), React.createElement(Box, {
-      width: "full"
-    }, React.createElement(Field, {
-      name: "contributionValueKgs"
-    }, function (_ref6) {
-      var field = _ref6.field;
-      return React.createElement(BoemlyFormControl, {
-        id: "contributionValueKgs",
-        size: "md",
-        inputType: "NumberInput",
-        numberInputProps: {
-          value: field.value,
-          onChange: function onChange(valueString) {
-            var value = parseInt(valueString || '0', 10);
-            setValues({
-              contributionValueCurrency: value * pricePerKg * 1000,
-              contributionValueKgs: value
-            });
-          }
-        },
-        label: formatMessage({
-          id: 'portfolio.smallCheckout.contributionValueKgs.label'
-        }),
-        rightAddonsOrElements: [React.createElement(InputRightAddon, {
-          key: "tCO\u2082"
-        }, "tCO\u2082")],
-        isInvalid: !!errors.contributionValueKgs && touched.contributionValueKgs,
-        errorMessage: errors.contributionValueKgs
-      });
-    }))), React.createElement(Spacer, {
-      height: "4"
-    }), React.createElement(Button, {
-      type: "submit",
-      width: "full"
-    }, formatMessage({
-      id: 'portfolio.smallCheckout.submitButton'
-    })));
-  }), React.createElement(Flex, {
-    width: "full",
-    justifyContent: "center",
-    alignItems: "center",
-    mt: "6",
-    gap: "2"
-  }, React.createElement(Image, {
-    src: CDN_URI + "/assets/v3/strapi-slices/globe-love-icon.svg",
-    alt: "Icon",
-    width: 20,
-    height: 20
-  }), React.createElement(Text, {
-    size: "smLowNormal"
-  }, checkoutText)), React.createElement(Divider, {
-    my: "6"
-  }), React.createElement(Flex, {
-    width: "full",
-    alignItems: "center",
-    direction: "column"
-  }, title && React.createElement(Text, {
-    size: "smLowBold",
-    textAlign: "center",
-    color: "black",
-    mb: "2"
-  }, title), subtitle && React.createElement(Text, {
-    size: "smRegularNormal",
-    textAlign: "center",
-    mb: "3"
-  }, subtitle), button && React.createElement(StrapiLinkButton, {
-    link: {
-      id: 1,
-      intercomLauncher: true,
-      text: button.text
-    },
-    variant: "outline"
-  })));
-};
-
-var convertAreaM2ToHa = function convertAreaM2ToHa(areaInM2) {
-  return parseInt(areaInM2, 10) / 10000;
-};
-
-var convertCo2AmountKgToTons = function convertCo2AmountKgToTons(amount) {
-  return parseInt(amount, 10) / 1000;
-};
-
-var FORMAT_AS_HECTARE_CONFIG = {
-  unit: 'hectare',
-  unitDisplay: 'short',
-  style: 'unit',
-  maximumFractionDigits: 2
-};
-var FORMAT_AS_PERCENT_CONFIG = {
-  style: 'percent',
-  maximumFractionDigits: 2
-};
-
-var getTimeSpanInYears = function getTimeSpanInYears(start, end) {
-  var monthsDifference = end.getMonth() - start.getMonth();
-  var yearsDifference = end.getFullYear() - start.getFullYear();
-  if (monthsDifference > 4) {
-    return yearsDifference + 1;
-  }
-  if (monthsDifference < -4) {
-    return yearsDifference - 1;
-  }
-  return yearsDifference;
-};
-
-var ProjectInfo = function ProjectInfo(_ref) {
-  var project = _ref.project,
-    subtitles = _ref.subtitles;
-  var _useContext = useContext(IntlContext),
-    formatMessage = _useContext.formatMessage,
-    formatNumber = _useContext.formatNumber,
-    formatDate = _useContext.formatDate;
-  return React.createElement(Container, {
-    p: "2",
-    width: "full"
-  }, React.createElement(Heading, {
-    size: "xl",
-    textAlign: "left"
-  }, formatMessage({
-    id: 'features.projectInfo.projectInfo.value'
-  })), React.createElement(Spacer, {
-    height: "8"
-  }), React.createElement(SimpleGrid, {
-    columns: [1, null, null, 2],
-    gap: "8",
-    spacingX: "10",
-    spacingY: "8"
-  }, project.area && React.createElement(Box, null, React.createElement(LabelTextPair, {
-    label: formatMessage({
-      id: 'features.projectInfo.properties.area'
-    }),
-    text: formatNumber(convertAreaM2ToHa(project.area.toString()), FORMAT_AS_HECTARE_CONFIG),
-    caption: subtitles.areaSubtitle
-  })), project.location && React.createElement(Box, null, React.createElement(LabelTextPair, {
-    label: formatMessage({
-      id: 'features.projectInfo.properties.location'
-    }),
-    text: project.location,
-    caption: subtitles.locationSubtitle
-  })), project.start && React.createElement(Box, null, React.createElement(LabelTextPair, {
-    label: formatMessage({
-      id: 'features.projectInfo.properties.start'
-    }),
-    text: formatDate(project.start, {
-      year: 'numeric',
-      month: 'long'
-    }),
-    caption: subtitles.startSubtitle
-  })), project.start && project.end && React.createElement(Box, null, React.createElement(LabelTextPair, {
-    label: formatMessage({
-      id: 'features.projectInfo.properties.timeSpan'
-    }),
-    text: formatMessage({
-      id: 'features.projectInfo.properties.year'
-    }, {
-      years: getTimeSpanInYears(new Date(project.start), new Date(project.end))
-    }),
-    caption: subtitles.timeSpanSubtitle
-  }))), project.projectType || project.projectDeveloper || project.verificationStandard ? React.createElement(React.Fragment, null, React.createElement(Spacer, {
-    height: "6"
-  }), React.createElement(Divider, null), React.createElement(Spacer, {
-    height: "6"
-  })) : React.createElement(React.Fragment, null), React.createElement(SimpleGrid, {
-    columns: [1, null, null, 2],
-    spacingX: "10",
-    spacingY: "8"
-  }, project.projectType && React.createElement(Box, null, React.createElement(LabelTextPair, {
-    label: formatMessage({
-      id: 'features.projectInfo.properties.projectType'
-    }),
-    text: project.projectType.title,
-    caption: subtitles.projectTypeSubtitle
-  })), project.projectDeveloper && React.createElement(Box, null, React.createElement(LabelTextPair, {
-    label: formatMessage({
-      id: 'features.projectInfo.properties.projectDeveloper'
-    }),
-    text: project.projectDeveloper.name,
-    caption: subtitles.projectDeveloperSubtitle
-  }))), project.verificationStandard ? React.createElement(React.Fragment, null, project.projectType || project.projectDeveloper ? React.createElement(Spacer, {
-    height: "6"
-  }) : React.createElement(React.Fragment, null), React.createElement(Flex, {
-    justifyContent: "space-between",
-    alignItems: "center"
-  }, React.createElement(Box, null, React.createElement(LabelTextPair, {
-    label: formatMessage({
-      id: 'features.projectInfo.properties.verificationStandard.label'
-    }),
-    text: formatMessage({
-      id: "features.projectInfo.properties.verificationStandard.value." + project.verificationStandard.id,
-      defaultMessage: project.verificationStandard.id
-    }),
-    caption: subtitles.verificationStandardSubtitle
-  })), project.defaultIssuer && React.createElement(Box, {
-    position: "relative",
-    width: "14",
-    height: "8"
-  }, React.createElement(Image, {
-    src: project.defaultIssuer.logoUrl,
-    alt: project.defaultIssuer.name + " logo",
-    fill: true,
-    style: {
-      objectFit: 'contain'
-    }
-  })))) : React.createElement(React.Fragment, null), project.forecastedAmountYearly && project.riskBuffer ? React.createElement(React.Fragment, null, React.createElement(Spacer, {
-    height: "8"
-  }), React.createElement(Divider, null), React.createElement(Spacer, {
-    height: "8"
-  }), React.createElement(SimpleGrid, {
-    columns: [1, null, null, 2],
-    spacingX: "10",
-    spacingY: "8"
-  }, React.createElement(Box, null, React.createElement(LabelTextPair, {
-    label: formatMessage({
-      id: 'features.projectInfo.properties.forecastedAmountYear.label'
-    }),
-    text: formatMessage({
-      id: 'unit.formatter.tonsCo2PerYear'
-    }, {
-      number: formatNumber(convertCo2AmountKgToTons(project.forecastedAmountYearly.toString()), {
-        maximumFractionDigits: 0
-      })
-    }),
-    caption: subtitles.forecastedAmountSubtitle
-  })), React.createElement(Box, null, React.createElement(LabelTextPair, {
-    label: formatMessage({
-      id: 'features.projectInfo.properties.riskBuffer'
-    }),
-    text: formatNumber(project.riskBuffer / 100, FORMAT_AS_PERCENT_CONFIG),
-    caption: subtitles.riskBufferSubtitle
-  })))) : React.createElement(React.Fragment, null), project.creditsAvailable ? React.createElement(Box, {
-    mt: "2"
-  }, React.createElement(CreditsAvailableBadge, {
-    status: project.creditsAvailable
-  })) : React.createElement(React.Fragment, null));
-};
-
-var DocumentsDownloadList = function DocumentsDownloadList(_ref) {
-  var documentUrls = _ref.documentUrls;
-  var _useContext = useContext(IntlContext),
-    formatMessage = _useContext.formatMessage;
-  return React.createElement(Container, {
-    p: "2"
-  }, React.createElement(Heading, {
-    size: "xl",
-    textAlign: "left"
-  }, formatMessage({
-    id: 'features.portfolio.documentsDownloadList.projectDocuments'
-  })), React.createElement(Flex, {
-    flexDir: "column"
-  }, documentUrls.map(function (documentUrl) {
-    return React.createElement(Flex, {
-      justifyContent: "space-between",
-      alignItems: "center",
-      mt: "6",
-      key: documentUrl.text
-    }, React.createElement(Flex, {
-      alignItems: "center"
-    }, React.createElement(Center, {
-      w: "8",
-      h: "8",
-      borderRadius: "full",
-      borderWidth: "1px",
-      borderColor: "grey.200"
-    }, React.createElement(FilePdf, null)), React.createElement(Spacer, {
-      width: "4"
-    }), React.createElement(Flex, {
-      flexDir: "column"
-    }, React.createElement(Text, {
-      size: "smMonoNormal"
-    }, "PDF"), React.createElement(Text, {
-      size: "mdLowBold",
-      color: "black",
-      textAlign: "left"
-    }, documentUrl.text))), React.createElement(Spacer, {
-      width: "32"
-    }), React.createElement(IconButton, {
-      variant: "outline",
-      "aria-label": formatMessage({
-        id: 'features.portfolio.documentsDownloadList.downloadDocument'
-      }),
-      icon: React.createElement(DownloadSimple, null),
-      as: Link,
-      href: documentUrl.url,
-      size: "sm"
-    }));
-  })));
-};
-
-var Contact = function Contact(_ref) {
-  var avatar = _ref.avatar,
-    title = _ref.title,
-    text = _ref.text,
-    button = _ref.button;
-  return React.createElement(Container, {
-    backgroundColor: "primary.100",
-    border: "none",
-    p: "8",
-    height: "full"
-  }, React.createElement(Flex, {
-    flexDir: "column",
-    justifyContent: "center",
-    alignItems: "center",
-    height: "full"
-  }, avatar ? React.createElement(Box, {
-    position: "relative",
-    width: "20",
-    height: "20",
-    borderRadius: "full",
-    overflow: "hidden"
-  }, React.createElement(Image, {
-    src: strapiMediaUrl(avatar.img, 'small'),
-    alt: avatar.alt,
-    fill: true,
-    objectFit: avatar.objectFit
-  })) : React.createElement(React.Fragment, null), title ? React.createElement(Heading, {
-    mt: "6",
-    size: "md",
-    fontWeight: "500",
-    textAlign: "center",
-    color: "black"
-  }, title) : React.createElement(React.Fragment, null), text ? React.createElement(Text, {
-    mt: "2",
-    size: "smRegularNormal",
-    textAlign: "center"
-  }, text) : React.createElement(React.Fragment, null), button ? React.createElement(StrapiLinkButton, {
-    mt: "6",
-    link: button,
-    size: "md",
-    variant: "outline"
-  }) : React.createElement(React.Fragment, null)));
-};
-
-var ProjectFacts = function ProjectFacts(_ref) {
-  var slice = _ref.slice,
-    project = _ref.project;
-  if (!project) {
-    return React.createElement(React.Fragment, null, "Invalid configuration, check if a project this id exists in the FPM");
-  }
-  return React.createElement(DefaultSectionContainer, null, React.createElement(Wrapper, null, React.createElement(Flex, {
-    flexDir: ['column', null, null, 'row'],
-    gap: "4",
-    width: "full"
-  }, React.createElement(ProjectInfo, {
-    project: project,
-    subtitles: slice
-  }), React.createElement(Flex, {
-    flexDir: "column",
-    gap: "4",
-    width: "full"
-  }, slice.documentUrls && slice.documentUrls.length > 0 && React.createElement(DocumentsDownloadList, {
-    documentUrls: slice.documentUrls
-  }), slice.batchId && slice.pricePerKg && slice.currency && slice.initialContributionValue ? React.createElement(SmallCheckout, {
-    batchId: slice.batchId,
-    checkoutText: slice.checkoutText,
-    currency: slice.currency,
-    initialContributionValue: slice.initialContributionValue,
-    pricePerKg: slice.pricePerKg,
-    title: slice.customTitle,
-    subtitle: slice.customSubtitle,
-    button: slice.customButton
-  }) : (slice.contactTitle || slice.contactText || slice.contactButton || slice.contactAvatar) && React.createElement(Contact, {
-    title: slice.contactTitle,
-    text: slice.contactText,
-    button: slice.contactButton,
-    avatar: slice.contactAvatar
-  })))));
-};
-
-var CustomerStories = function CustomerStories(_ref) {
-  var slice = _ref.slice,
-    customerStories = _ref.customerStories;
-  var _useContext = useContext(IntlContext),
-    formatMessage = _useContext.formatMessage;
-  return React.createElement(DefaultSectionContainer, null, React.createElement(Wrapper, null, React.createElement(SimpleGrid, {
-    columns: [1, null, null, 2],
-    spacingX: 56,
-    spacingY: 24
-  }, slice.customer_stories.map(function (_ref2) {
-    var attributes = _ref2.attributes;
-    var customerStory = customerStories.find(function (cs) {
-      return cs.attributes.slug === attributes.slug;
-    });
-    if (!customerStory) {
-      return null;
-    }
-    return React.createElement(Container, {
-      padding: "none",
-      key: customerStory.id
-    }, React.createElement(Center, {
-      height: "24",
-      backgroundColor: "primary.50",
-      borderTopRadius: "xl"
-    }, React.createElement(Box, {
-      position: "relative",
-      height: "12",
-      width: "12"
-    }, React.createElement(Image, {
-      src: strapiMediaUrl(customerStory.attributes.customerLogo.img, 'medium'),
-      alt: customerStory.attributes.customerLogo.alt,
-      fill: true,
-      style: {
-        objectFit: customerStory.attributes.customerLogo.objectFit
-      }
-    }))), React.createElement(Box, {
-      px: "6",
-      pt: "12",
-      pb: "6"
-    }, React.createElement(Text, {
-      size: "xsMonoUppercase",
-      color: "gray.500",
-      mb: "2"
-    }, customerStory.attributes.customerIndustry), React.createElement(Heading, {
-      size: "xl"
-    }, customerStory.attributes.title), React.createElement(Button, {
-      as: Link,
-      href: "/customer-stories/" + customerStory.attributes.slug,
-      variant: "outline",
-      size: "sm",
-      mt: "12"
-    }, formatMessage({
-      id: 'sections.customerStories.more'
-    }))));
-  }))));
-};
-
-var BULLET_POINT_VARIANTS = {
-  gray: {
-    bulletPointColor: 'black'
-  },
-  green: {
-    bulletPointColor: 'white'
-  },
-  white: {
-    bulletPointColor: 'black'
-  }
-};
-var Icon = function Icon(_ref) {
-  var variant = _ref.variant,
-    icon = _ref.icon;
-  switch (icon) {
-    case 'check':
-      return React.createElement(Check, {
-        size: 20,
-        color: "var(--boemly-colors-primary-500)"
-      });
-    case 'cross':
-      return React.createElement(X, {
-        size: 20,
-        color: "var(--boemly-colors-red-500)"
-      });
-    default:
-      return React.createElement(Box, {
-        "data-testid": "bullet-point-box",
-        borderRadius: "full",
-        backgroundColor: BULLET_POINT_VARIANTS[variant].bulletPointColor,
-        width: "2",
-        height: "2",
-        margin: "1.5"
-      });
-  }
-};
-
-var VARIANTS = {
-  gray: {
-    backgroundColor: 'primary.50',
-    textColor: 'black',
-    subTitleColor: 'gray.500',
-    factColor: 'primary.800',
-    dividerColor: 'gray.200'
-  },
-  green: {
-    backgroundColor: 'primary.800',
-    textColor: 'white',
-    subTitleColor: 'whiteAlpha.900',
-    factColor: 'white',
-    dividerColor: 'whiteAlpha.200'
-  },
-  white: {
-    backgroundColor: 'white',
-    textColor: 'black',
-    subTitleColor: 'gray.500',
-    factColor: 'primary.800',
-    dividerColor: 'gray.200'
-  }
-};
-var Comparison = function Comparison(_ref) {
-  var slice = _ref.slice;
-  var _useContext = useContext(IntlContext),
-    formatMessage = _useContext.formatMessage;
-  return React.createElement(DefaultSectionContainer, null, React.createElement(Wrapper, null, slice.title ? React.createElement(React.Fragment, null, React.createElement(Flex, {
-    alignItems: "center",
-    flexDirection: "column"
-  }, React.createElement(DefaultSectionHeader, {
-    tagline: slice.tagline,
-    title: slice.title,
-    text: slice.subTitle,
-    textProps: {
-      maxW: '2xl',
-      textAlign: 'center'
-    },
-    titleProps: {
-      textAlign: 'center',
-      maxWidth: '3xl'
-    },
-    taglineProps: {
-      textAlign: 'center',
-      maxWidth: '3xl'
-    }
-  })), React.createElement(Spacer, {
-    height: "12"
-  })) : React.createElement(React.Fragment, null), React.createElement(SimpleGrid, {
-    columns: [1, null, null, null, slice.comparisonCards.length],
-    spacing: "4"
-  }, slice.comparisonCards.map(function (comparisonCard) {
-    return React.createElement(Container, {
-      boxShadow: comparisonCard.variant === 'green' ? 'xl' : 'base',
-      border: comparisonCard.variant === 'green' ? 'primary.800' : undefined,
-      zIndex: "base",
-      key: comparisonCard.id,
-      position: "relative",
-      elevation: "none",
-      p: "3",
-      backgroundColor: VARIANTS[comparisonCard.variant].backgroundColor
-    }, comparisonCard.variant === 'green' ? React.createElement(Box, {
-      position: "absolute",
-      left: "0",
-      top: "0",
-      width: "full",
-      height: "full",
-      zIndex: "-1"
-    }, React.createElement(Image, {
-      src: CDN_URI + "/assets/v3/strapi-slices/shapes-comparison.svg",
-      alt: formatMessage({
-        id: 'sections.comparison.backgroundShapes'
-      }),
-      fill: true,
-      style: {
-        objectFit: 'cover',
-        borderRadius: 'var(--boemly-radii-xl)'
-      }
-    })) : React.createElement(React.Fragment, null), React.createElement(Flex, {
-      flexDir: "column",
-      gap: "4"
-    }, comparisonCard.image && React.createElement(Box, {
-      position: "relative",
-      height: "7",
-      width: "100%"
-    }, React.createElement(Image, {
-      src: strapiMediaUrl(comparisonCard.image.img, 'small'),
-      alt: comparisonCard.image.alt,
-      fill: true,
-      style: {
-        objectFit: comparisonCard.image.objectFit
-      }
-    })), React.createElement(Flex, {
-      gap: "2",
-      alignItems: "center",
-      flexWrap: "wrap"
-    }, React.createElement(Heading, {
-      size: "2xl",
-      color: VARIANTS[comparisonCard.variant].textColor,
-      whiteSpace: "pre-line"
-    }, comparisonCard.title), comparisonCard.badge && React.createElement(Badge, {
-      backgroundColor: "green.100",
-      borderRadius: "md",
-      whiteSpace: "pre-line"
-    }, comparisonCard.badge))), React.createElement(Spacer, {
-      height: "4"
-    }), React.createElement(Text, {
-      size: "smRegularNormal",
-      color: VARIANTS[comparisonCard.variant].subTitleColor
-    }, comparisonCard.subTitle), comparisonCard.factTitle || comparisonCard.factSubtitle || comparisonCard.button ? React.createElement(React.Fragment, null, React.createElement(Spacer, {
-      height: "6"
-    }), React.createElement(Flex, {
-      flexDir: "column"
-    }, comparisonCard.factTitle && React.createElement(React.Fragment, null, React.createElement(Text, {
-      color: VARIANTS[comparisonCard.variant].factColor,
-      size: "lgMonoNormal"
-    }, comparisonCard.factTitle), React.createElement(Text, {
-      color: VARIANTS[comparisonCard.variant].factColor,
-      size: "smLowNormal"
-    }, comparisonCard.factSubtitle)), comparisonCard.button && React.createElement(StrapiLinkButton, {
-      mt: "6",
-      link: comparisonCard.button,
-      size: "md",
-      variant: "outline",
-      rightIcon: React.createElement(CaretRight, {
-        size: 16,
-        weight: "bold"
-      })
-    }))) : React.createElement(React.Fragment, null), React.createElement(React.Fragment, null, comparisonCard.lists.map(function (list) {
-      return React.createElement(Box, {
-        key: list.id
-      }, React.createElement(Divider, {
-        my: "8",
-        color: VARIANTS[comparisonCard.variant].dividerColor
-      }), React.createElement(Text, {
-        size: "smLowBold",
-        color: VARIANTS[comparisonCard.variant].textColor
-      }, list.title), React.createElement(React.Fragment, null, list.items.map(function (item) {
-        return React.createElement(Box, {
-          key: item.id
-        }, React.createElement(Spacer, {
-          height: "4"
-        }), React.createElement(Flex, {
-          gap: "4",
-          alignItems: "center"
-        }, React.createElement(Box, null, React.createElement(Icon, {
-          variant: comparisonCard.variant,
-          icon: item.icon
-        })), React.createElement(Text, {
-          size: "smLowNormal",
-          color: VARIANTS[comparisonCard.variant].textColor
-        }, item.text)));
-      })));
-    })));
-  }))));
-};
-
-var SliceRenderer = function SliceRenderer(_ref) {
-  var slices = _ref.slices,
-    blogPosts = _ref.blogPosts,
-    projects = _ref.projects,
-    customerStories = _ref.customerStories,
-    _ref$locale = _ref.locale,
-    locale = _ref$locale === void 0 ? 'en' : _ref$locale,
-    CustomSlice = _ref.CustomSlice;
-  return React.createElement(ContextProvider, {
-    locale: locale
-  }, slices.map(function (slice) {
-    switch (slice.__component) {
-      case 'sections.hero':
-        return React.createElement(Hero, {
-          key: slice.__component + "-" + slice.id,
-          slice: slice
-        });
-      case 'sections.map-hero':
-        return React.createElement(MapHero, {
-          key: slice.__component + "-" + slice.id,
-          slice: slice
-        });
-      case 'sections.rich-text':
-        return React.createElement(RichTextSection, {
-          key: slice.__component + "-" + slice.id,
-          slice: slice
-        });
-      case 'sections.left-text-right-card':
-        return React.createElement(LeftTextRightCard, {
-          key: slice.__component + "-" + slice.id,
-          slice: slice
-        });
-      case 'sections.text-with-card':
-        return React.createElement(TextWithCard, {
-          key: slice.__component + "-" + slice.id,
-          slice: slice
-        });
-      case 'sections.logo-grid-with-text':
-        return React.createElement(LogoGridWithText, {
-          key: slice.__component + "-" + slice.id,
-          slice: slice
-        });
-      case 'sections.quote-cards':
-        return React.createElement(QuoteCards, {
-          key: slice.__component + "-" + slice.id,
-          slice: slice
-        });
-      case 'sections.q-and-a':
-        return React.createElement(QAndA, {
-          key: slice.__component + "-" + slice.id,
-          slice: slice
-        });
-      case 'sections.image-grid':
-        return React.createElement(ImageGrid, {
-          key: slice.__component + "-" + slice.id,
-          slice: slice
-        });
-      case 'sections.full-width-image':
-        return React.createElement(FullWidthImage, {
-          key: slice.__component + "-" + slice.id,
-          slice: slice
-        });
-      case 'sections.text-with-text-cards':
-        return React.createElement(TextWithTextCards, {
-          key: slice.__component + "-" + slice.id,
-          slice: slice
-        });
-      case 'sections.text-card-grid':
-        return React.createElement(TextCardGrid, {
-          key: slice.__component + "-" + slice.id,
-          slice: slice
-        });
-      case 'sections.icon-grid':
-        return React.createElement(IconGrid, {
-          key: slice.__component + "-" + slice.id,
-          slice: slice
-        });
-      case 'sections.image-text-sequence':
-        return React.createElement(ImageTextSequence, {
-          key: slice.__component + "-" + slice.id,
-          slice: slice
-        });
-      case 'sections.steps':
-        return React.createElement(Steps, {
-          key: slice.__component + "-" + slice.id,
-          slice: slice
-        });
-      case 'sections.text-carousel':
-        return React.createElement(TextCarousel, {
-          key: slice.__component + "-" + slice.id,
-          slice: slice
-        });
-      case 'sections.link-cards-grid':
-        return React.createElement(LinkCardsGrid, {
-          key: slice.__component + "-" + slice.id,
-          slice: slice
-        });
-      case 'sections.small-hero':
-        return React.createElement(SmallHero, {
-          key: slice.__component + "-" + slice.id,
-          slice: slice,
-          theme: "dark"
-        });
-      case 'sections.small-hero-light':
-        return React.createElement(SmallHero, {
-          key: slice.__component + "-" + slice.id,
-          slice: slice,
-          theme: "light"
-        });
-      case 'sections.project-facts':
-        return React.createElement(ProjectFacts, {
-          key: slice.__component + "-" + slice.id,
-          slice: slice,
-          project: projects.find(function (p) {
-            return p.id === slice.projectId;
-          })
-        });
-      case 'sections.projects-grid':
-        return React.createElement(ProjectsGrid, {
-          key: slice.__component + "-" + slice.id,
-          slice: slice
-        });
-      case 'sections.projects-map':
-        return React.createElement(ProjectsMap, {
-          key: slice.__component + "-" + slice.id,
-          slice: slice,
-          projects: projects
-        });
-      case 'sections.video':
-        return React.createElement(Video, {
-          key: slice.__component + "-" + slice.id,
-          slice: slice
-        });
-      case 'sections.full-width-highlight-quote':
-        return React.createElement(FullWidthHighlightQuote, {
-          key: slice.__component + "-" + slice.id,
-          slice: slice
-        });
-      case 'sections.full-width-image-slider':
-        return React.createElement(FullWidthImageSlider, {
-          key: slice.__component + "-" + slice.id,
-          slice: slice
-        });
-      case 'sections.side-by-side-images':
-        return React.createElement(SideBySideImages, {
-          key: slice.__component + "-" + slice.id,
-          slice: slice
-        });
-      case 'sections.cta-only':
-        return React.createElement(CtaOnly, {
-          key: slice.__component + "-" + slice.id,
-          slice: slice
-        });
-      case 'sections.cta':
-        return React.createElement(Cta, {
-          key: slice.__component + "-" + slice.id,
-          slice: slice
-        });
-      case 'sections.shop-checkout':
-        return React.createElement(ShopCheckout, {
-          key: slice.__component + "-" + slice.id,
-          slice: slice
-        });
-      case 'sections.facts':
-        return React.createElement(Facts, {
-          key: slice.__component + "-" + slice.id,
-          slice: slice
-        });
-      case 'sections.blog-cards':
-        return React.createElement(BlogCards, {
-          key: slice.__component + "-" + slice.id,
-          slice: slice,
-          blogPosts: blogPosts
-        });
-      case 'sections.blog':
-        return React.createElement(Blog, {
-          key: slice.__component + "-" + slice.id,
-          slice: _extends({}, slice, {
-            blog_posts: slice.blog_posts.data
-          }),
-          blogPosts: blogPosts
-        });
-      case 'sections.glossary':
-        return React.createElement(Glossary, {
-          key: slice.__component + "-" + slice.id,
-          slice: _extends({}, slice, {
-            glossary_items: slice.glossary_items.data
-          })
-        });
-      case 'sections.customer-stories':
-        return React.createElement(CustomerStories, {
-          key: slice.__component + "-" + slice.id,
-          slice: _extends({}, slice, {
-            customer_stories: slice.customer_stories.data
-          }),
-          customerStories: customerStories
-        });
-      case 'sections.comparison':
-        return React.createElement(Comparison, {
-          key: slice.__component + "-" + slice.id,
-          slice: slice
-        });
-      default:
-        if (CustomSlice) {
-          return React.createElement(CustomSlice, {
-            key: slice.__component + "-" + slice.id,
-            id: slice.__component,
-            slice: slice
-          });
-        }
-        return React.createElement("div", {
-          key: slice.__component + "-" + slice.id
-        }, "Slice component not supported");
-    }
-  }));
-};
-
-export { SliceRenderer };
-//# sourceMappingURL=strapi-slices.esm.js.map