/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *








 */
/* line 3, app/assets/stylesheets/vendor/glidejs/glide.core.scss */
.glide {
  position: relative;
  width: 100%;
  box-sizing: border-box;
}

/* line 13, app/assets/stylesheets/vendor/glidejs/glide.core.scss */
.glide * {
  box-sizing: inherit;
}

/* line 17, app/assets/stylesheets/vendor/glidejs/glide.core.scss */
.glide__track {
  overflow: hidden;
}

/* line 21, app/assets/stylesheets/vendor/glidejs/glide.core.scss */
.glide__slides {
  position: relative;
  width: 100%;
  list-style: none;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  touch-action: pan-Y;
  overflow: hidden;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  display: flex;
  flex-wrap: nowrap;
  will-change: transform;
}

/* line 36, app/assets/stylesheets/vendor/glidejs/glide.core.scss */
.glide__slides--dragging {
  user-select: none;
}

/* line 41, app/assets/stylesheets/vendor/glidejs/glide.core.scss */
.glide__slide {
  width: 100%;
  height: 100%;
  flex-shrink: 0;
  white-space: normal;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}

/* line 50, app/assets/stylesheets/vendor/glidejs/glide.core.scss */
.glide__slide a {
  user-select: none;
  -webkit-user-drag: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

/* line 58, app/assets/stylesheets/vendor/glidejs/glide.core.scss */
.glide__arrows {
  -webkit-touch-callout: none;
  user-select: none;
}

/* line 63, app/assets/stylesheets/vendor/glidejs/glide.core.scss */
.glide__bullets {
  -webkit-touch-callout: none;
  user-select: none;
}

/* line 68, app/assets/stylesheets/vendor/glidejs/glide.core.scss */
.glide--rtl {
  direction: rtl;
}
/* line 9, app/assets/stylesheets/vendor/glidejs/glide.theme.scss */
.glide__arrow {
  position: absolute;
  display: block;
  top: 50%;
  z-index: 2;
  color: white;
  text-transform: uppercase;
  padding: 9px 12px;
  background-color: transparent;
  border: 2px solid rgba(255, 255, 255, 0.5);
  border-radius: 4px;
  box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1);
  text-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.1);
  opacity: 1;
  cursor: pointer;
  transition: opacity 150ms ease, border 300ms ease-in-out;
  transform: translateY(-50%);
  line-height: 1;
}

/* line 28, app/assets/stylesheets/vendor/glidejs/glide.theme.scss */
.glide__arrow:focus {
  outline: none;
}

/* line 29, app/assets/stylesheets/vendor/glidejs/glide.theme.scss */
.glide__arrow:hover {
  border-color: white;
}

/* line 31, app/assets/stylesheets/vendor/glidejs/glide.theme.scss */
.glide__arrow--left {
  left: 2em;
}

/* line 35, app/assets/stylesheets/vendor/glidejs/glide.theme.scss */
.glide__arrow--right {
  right: 2em;
}

/* line 39, app/assets/stylesheets/vendor/glidejs/glide.theme.scss */
.glide__arrow--disabled {
  opacity: 0.33;
}

/* line 44, app/assets/stylesheets/vendor/glidejs/glide.theme.scss */
.glide__bullets {
  position: absolute;
  z-index: 2;
  bottom: 2em;
  left: 50%;
  display: inline-flex;
  list-style: none;
  transform: translateX(-50%);
}

/* line 54, app/assets/stylesheets/vendor/glidejs/glide.theme.scss */
.glide__bullet {
  background-color: rgba(255, 255, 255, 0.5);
  width: 9px;
  height: 9px;
  padding: 0;
  border-radius: 50%;
  border: 2px solid transparent;
  transition: all 300ms ease-in-out;
  cursor: pointer;
  line-height: 0;
  box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1);
  margin: 0 0.25em;
}

/* line 67, app/assets/stylesheets/vendor/glidejs/glide.theme.scss */
.glide__bullet:focus {
  outline: none;
}

/* line 71, app/assets/stylesheets/vendor/glidejs/glide.theme.scss */
.glide__bullet:hover, .glide__bullet:focus {
  border: 2px solid white;
  background-color: rgba(255, 255, 255, 0.5);
}

/* line 77, app/assets/stylesheets/vendor/glidejs/glide.theme.scss */
.glide__bullet--active {
  background-color: white;
}

/* line 82, app/assets/stylesheets/vendor/glidejs/glide.theme.scss */
.glide--swipeable {
  cursor: grab;
  cursor: -moz-grab;
  cursor: -webkit-grab;
}

/* line 88, app/assets/stylesheets/vendor/glidejs/glide.theme.scss */
.glide--dragging {
  cursor: grabbing;
  cursor: -moz-grabbing;
  cursor: -webkit-grabbing;
}
/* 3.8.0/ */
.mapboxgl-map{font:12px/20px Helvetica Neue,Arial,Helvetica,sans-serif;overflow:hidden;position:relative;-webkit-tap-highlight-color:rgb(0 0 0/0)}.mapboxgl-canvas{left:0;position:absolute;top:0}.mapboxgl-map:-webkit-full-screen{height:100%;width:100%}.mapboxgl-canary{background-color:salmon}.mapboxgl-canvas-container.mapboxgl-interactive,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass{cursor:grab;-webkit-user-select:none;user-select:none}.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer{cursor:pointer}.mapboxgl-canvas-container.mapboxgl-interactive:active,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active{cursor:grabbing}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas{touch-action:pan-x pan-y}.mapboxgl-canvas-container.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas{touch-action:pinch-zoom}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas{touch-action:none}.mapboxgl-ctrl-bottom,.mapboxgl-ctrl-bottom-left,.mapboxgl-ctrl-bottom-right,.mapboxgl-ctrl-left,.mapboxgl-ctrl-right,.mapboxgl-ctrl-top,.mapboxgl-ctrl-top-left,.mapboxgl-ctrl-top-right{pointer-events:none;position:absolute;z-index:2}.mapboxgl-ctrl-top-left{left:0;top:0}.mapboxgl-ctrl-top{left:50%;top:0;transform:translateX(-50%)}.mapboxgl-ctrl-top-right{right:0;top:0}.mapboxgl-ctrl-right{right:0;top:50%;transform:translateY(-50%)}.mapboxgl-ctrl-bottom-right{bottom:0;right:0}.mapboxgl-ctrl-bottom{bottom:0;left:50%;transform:translateX(-50%)}.mapboxgl-ctrl-bottom-left{bottom:0;left:0}.mapboxgl-ctrl-left{left:0;top:50%;transform:translateY(-50%)}.mapboxgl-ctrl{clear:both;pointer-events:auto;transform:translate(0)}.mapboxgl-ctrl-top-left .mapboxgl-ctrl{float:left;margin:10px 0 0 10px}.mapboxgl-ctrl-top .mapboxgl-ctrl{float:left;margin:10px 0}.mapboxgl-ctrl-top-right .mapboxgl-ctrl{float:right;margin:10px 10px 0 0}.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl,.mapboxgl-ctrl-right .mapboxgl-ctrl{float:right;margin:0 10px 10px 0}.mapboxgl-ctrl-bottom .mapboxgl-ctrl{float:left;margin:10px 0}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl,.mapboxgl-ctrl-left .mapboxgl-ctrl{float:left;margin:0 0 10px 10px}.mapboxgl-ctrl-group{background:#fff;border-radius:4px}.mapboxgl-ctrl-group:not(:empty){box-shadow:0 0 0 2px rgba(0,0,0,.1)}@media (-ms-high-contrast:active){.mapboxgl-ctrl-group:not(:empty){box-shadow:0 0 0 2px ButtonText}}.mapboxgl-ctrl-group button{background-color:transparent;border:0;box-sizing:border-box;cursor:pointer;display:block;height:29px;outline:none;overflow:hidden;padding:0;width:29px}.mapboxgl-ctrl-group button+button{border-top:1px solid #ddd}.mapboxgl-ctrl button .mapboxgl-ctrl-icon{background-position:50%;background-repeat:no-repeat;display:block;height:100%;width:100%}@media (-ms-high-contrast:active){.mapboxgl-ctrl-icon{background-color:transparent}.mapboxgl-ctrl-group button+button{border-top:1px solid ButtonText}}.mapboxgl-ctrl-attrib-button:focus,.mapboxgl-ctrl-group button:focus{box-shadow:0 0 2px 2px #0096ff}.mapboxgl-ctrl button:disabled{cursor:not-allowed}.mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon{opacity:.25}.mapboxgl-ctrl-group button:first-child{border-radius:4px 4px 0 0}.mapboxgl-ctrl-group button:last-child{border-radius:0 0 4px 4px}.mapboxgl-ctrl-group button:only-child{border-radius:inherit}.mapboxgl-ctrl button:not(:disabled):hover{background-color:rgb(0 0 0/5%)}.mapboxgl-ctrl-group button:focus:focus-visible{box-shadow:0 0 2px 2px #0096ff}.mapboxgl-ctrl-group button:focus:not(:focus-visible){box-shadow:none}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{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")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{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")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{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")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{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")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{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")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{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")}}.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{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")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{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")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{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")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{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")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{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")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{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")}}.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{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")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{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")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{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")}}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{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")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{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")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{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")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{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")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{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")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{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")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting .mapboxgl-ctrl-icon{animation:mapboxgl-spin 2s linear infinite}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{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")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{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")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{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")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{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")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{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")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{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")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{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")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{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")}}@keyframes mapboxgl-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}a.mapboxgl-ctrl-logo{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");background-repeat:no-repeat;cursor:pointer;display:block;height:23px;margin:0 0 -4px -4px;overflow:hidden;width:88px}a.mapboxgl-ctrl-logo.mapboxgl-compact{width:23px}@media (-ms-high-contrast:active){a.mapboxgl-ctrl-logo{background-color:transparent;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")}}@media (-ms-high-contrast:black-on-white){a.mapboxgl-ctrl-logo{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")}}.mapboxgl-ctrl.mapboxgl-ctrl-attrib{background-color:hsla(0,0%,100%,.5);margin:0;padding:0 5px}@media screen{.mapboxgl-ctrl-attrib.mapboxgl-compact{background-color:#fff;border-radius:12px;box-sizing:content-box;margin:10px;min-height:20px;padding:2px 24px 2px 0;position:relative}.mapboxgl-ctrl-attrib.mapboxgl-compact-show{padding:2px 28px 2px 8px;visibility:visible}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show,.mapboxgl-ctrl-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show,.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show{border-radius:12px;padding:2px 8px 2px 28px}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner{display:none}.mapboxgl-ctrl-attrib-button{background-color:hsla(0,0%,100%,.5);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");border:0;border-radius:12px;box-sizing:border-box;cursor:pointer;display:none;height:24px;outline:none;position:absolute;right:0;top:0;width:24px}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-left .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-top-left .mapboxgl-ctrl-attrib-button{left:0}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-inner{display:block}.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-button{background-color:rgb(0 0 0/5%)}.mapboxgl-ctrl-bottom-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;right:0}.mapboxgl-ctrl-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{right:0}.mapboxgl-ctrl-top-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{right:0;top:0}.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{left:0;top:0}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;left:0}.mapboxgl-ctrl-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{left:0}}@media screen and (-ms-high-contrast:active){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{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")}}@media screen and (-ms-high-contrast:black-on-white){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{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")}}.mapboxgl-ctrl-attrib a{color:rgba(0,0,0,.75);text-decoration:none}.mapboxgl-ctrl-attrib a:hover{color:inherit;text-decoration:underline}.mapboxgl-ctrl-attrib .mapbox-improve-map{font-weight:700;margin-left:2px}.mapboxgl-attrib-empty{display:none}.mapboxgl-ctrl-scale{background-color:hsla(0,0%,100%,.75);border:2px solid #333;border-top:#333;box-sizing:border-box;color:#333;font-size:10px;padding:0 5px;white-space:nowrap}.mapboxgl-popup{display:flex;left:0;pointer-events:none;position:absolute;top:0;will-change:transform}.mapboxgl-popup-anchor-top,.mapboxgl-popup-anchor-top-left,.mapboxgl-popup-anchor-top-right{flex-direction:column}.mapboxgl-popup-anchor-bottom,.mapboxgl-popup-anchor-bottom-left,.mapboxgl-popup-anchor-bottom-right{flex-direction:column-reverse}.mapboxgl-popup-anchor-left{flex-direction:row}.mapboxgl-popup-anchor-right{flex-direction:row-reverse}.mapboxgl-popup-tip{border:10px solid transparent;height:0;width:0;z-index:1}.mapboxgl-popup-anchor-top .mapboxgl-popup-tip{align-self:center;border-bottom-color:#fff;border-top:none}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip{align-self:flex-start;border-bottom-color:#fff;border-left:none;border-top:none}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip{align-self:flex-end;border-bottom-color:#fff;border-right:none;border-top:none}.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip{align-self:center;border-bottom:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip{align-self:flex-start;border-bottom:none;border-left:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip{align-self:flex-end;border-bottom:none;border-right:none;border-top-color:#fff}.mapboxgl-popup-anchor-left .mapboxgl-popup-tip{align-self:center;border-left:none;border-right-color:#fff}.mapboxgl-popup-anchor-right .mapboxgl-popup-tip{align-self:center;border-left-color:#fff;border-right:none}.mapboxgl-popup-close-button{background-color:transparent;border:0;border-radius:0 3px 0 0;cursor:pointer;position:absolute;right:0;top:0}.mapboxgl-popup-close-button:hover{background-color:rgb(0 0 0/5%)}.mapboxgl-popup-content{background:#fff;border-radius:3px;box-shadow:0 1px 2px rgba(0,0,0,.1);padding:10px 10px 15px;pointer-events:auto;position:relative}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-content{border-top-left-radius:0}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-content{border-top-right-radius:0}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content{border-bottom-left-radius:0}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content{border-bottom-right-radius:0}.mapboxgl-popup-track-pointer{display:none}.mapboxgl-popup-track-pointer *{pointer-events:none;user-select:none}.mapboxgl-map:hover .mapboxgl-popup-track-pointer{display:flex}.mapboxgl-map:active .mapboxgl-popup-track-pointer{display:none}.mapboxgl-marker{left:0;opacity:1;position:absolute;top:0;transition:opacity .2s;will-change:transform}.mapboxgl-user-location-dot,.mapboxgl-user-location-dot:before{background-color:#1da1f2;border-radius:50%;height:15px;width:15px}.mapboxgl-user-location-dot:before{animation:mapboxgl-user-location-dot-pulse 2s infinite;content:"";position:absolute}.mapboxgl-user-location-dot:after{border:2px solid #fff;border-radius:50%;box-shadow:0 0 3px rgba(0,0,0,.35);box-sizing:border-box;content:"";height:19px;left:-2px;position:absolute;top:-2px;width:19px}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading{height:0;width:0}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after,.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before{border-bottom:7.5px solid #4aa1eb;content:"";position:absolute}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before{border-left:7.5px solid transparent;transform:translateY(-28px) skewY(-20deg)}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after{border-right:7.5px solid transparent;transform:translate(7.5px,-28px) skewY(20deg)}@keyframes mapboxgl-user-location-dot-pulse{0%{opacity:1;transform:scale(1)}70%{opacity:0;transform:scale(3)}to{opacity:0;transform:scale(1)}}.mapboxgl-user-location-dot-stale{background-color:#aaa}.mapboxgl-user-location-dot-stale:after{display:none}.mapboxgl-user-location-accuracy-circle{background-color:#1da1f233;border-radius:100%;height:1px;width:1px}.mapboxgl-crosshair,.mapboxgl-crosshair .mapboxgl-interactive,.mapboxgl-crosshair .mapboxgl-interactive:active{cursor:crosshair}.mapboxgl-boxzoom{background:#fff;border:2px dotted #202020;height:0;left:0;opacity:.5;position:absolute;top:0;width:0}@media print{.mapbox-improve-map{display:none}}.mapboxgl-scroll-zoom-blocker,.mapboxgl-touch-pan-blocker{align-items:center;background:rgba(0,0,0,.7);color:#fff;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;text-align:center;top:0;transition:opacity .75s ease-in-out;transition-delay:1s;width:100%}.mapboxgl-scroll-zoom-blocker-show,.mapboxgl-touch-pan-blocker-show{opacity:1;transition:opacity .1s ease-in-out}.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page,.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page .mapboxgl-canvas{touch-action:pan-x pan-y}
.bp-container .bp {
  background-color: #dfe2e0;
}
/*
  Global overrides for the Glide CSS that is in the vendor directory.
  Further page specific overrides should be done at page level CSS:

  // homepage.css
  .homepage .glide__bullet {
    ...
  }
*/
.glide__arrow {
  appearance: none;
  background-color: var(--colour-background-bg-1);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1rem;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  border: 1px solid var(--colour-border-border-light);
}

.glide__arrow--left {
  background-image: url(/assets/icons/arrow-left-s-line-375d0c580364bd1678b5e17b2ef3267ce9b7c409cfe4372d201cfee15b19c093.svg);
}

.glide__arrow--right {
  background-image: url(/assets/icons/arrow-right-s-line-225f633248f709a1368a26f90b826f32f5a04a7915852cafa4817499cdc6aba4.svg);
}

@media only screen and (max-width: 42.1875em) {
  .glide__arrow--left {
    display: none;
  }
  .glide__arrow--right {
    display: none;
  }
  .glide__bullets {
    bottom: var(--spacing-md);
  }
}
/* ***************** */
/* ---- AT Surt ---- */
/* ***************** */
@font-face {
  font-family: "AT Surt";
  src: url(/fonts/Surt-Light/Surt-Light.eot); /* IE9*/
  src: url(/fonts/Surt-Light/Surt-Light.eot?#iefix)
      format("embedded-opentype"),
    /* IE6-IE8 */ url(/fonts/Surt-Light/Surt-Light.woff) format("woff"),
    /* chrome firefox */ url(/fonts/Surt-Light/Surt-Light.ttf)
      format("truetype"),
    /* chrome firefox opera Safari, Android, iOS 4.2+*/
      url("/fonts/Surt-Light/Surt-Light.svg#AT Surt Light") format("svg"); /* iOS 4.1- */
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "AT Surt";
  src: url(/fonts/Surt-Regular/Surt-Regular.eot); /* IE9*/
  src: url(/fonts/Surt-Regular/Surt-Regular.eot?#iefix)
      format("embedded-opentype"),
    /* IE6-IE8 */ url(/fonts/Surt-Regular/Surt-Regular.woff) format("woff"),
    /* chrome firefox */ url(/fonts/Surt-Regular/Surt-Regular.ttf)
      format("truetype"),
    /* chrome firefox opera Safari, Android, iOS 4.2+*/;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "AT Surt";
  src: url(/fonts/Surt-SemiBold/Surt-SemiBold.woff2) format("woff2");
  src: url(/fonts/Surt-SemiBold/Surt-SemiBold.eot); /* IE9*/
  src: url(/fonts/Surt-SemiBold/Surt-SemiBold.eot?#iefix)
      format("embedded-opentype"),
    /* IE6-IE8 */ url(/fonts/Surt-SemiBold/Surt-SemiBold.woff) format("woff"),
    /* chrome firefox */ url(/fonts/Surt-SemiBold/Surt-SemiBold.ttf)
      format("truetype"),
    /* chrome firefox opera Safari, Android, iOS 4.2+*/
      url("/fonts/Surt-SemiBold/Surt-SemiBold.svg#AT Surt SemiBold")
      format("svg"); /* iOS 4.1- */
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "AT Surt";
  src: url(/fonts/Surt-Bold/Surt-Bold.woff2) format("woff2");
  src: url(/fonts/Surt-Bold/Surt-Bold.eot); /* IE9*/
  src: url(/fonts/Surt-Bold/Surt-Bold.eot?#iefix) format("embedded-opentype"),
    /* IE6-IE8 */ url(/fonts/Surt-Bold/Surt-Bold.woff) format("woff"),
    /* chrome firefox */ url(/fonts/Surt-Bold/Surt-Bold.ttf)
      format("truetype"),
    /* chrome firefox opera Safari, Android, iOS 4.2+*/
      url("/fonts/Surt-Bold/Surt-Bold.svg#AT Surt Bold") format("svg"); /* iOS 4.1- */
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
/* ***************** */
/* - IBM Plex Mono - */
/* ***************** */
@font-face {
  font-family: "IBM Plex Mono";
  src: url(/fonts/IBM_Plex_Mono/IBMPlexMono-Thin.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Mono";
  src: url(/fonts/IBM_Plex_Mono/IBMPlexMono-ThinItalic.ttf) format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Mono";
  src: url(/fonts/IBM_Plex_Mono/IBMPlexMono-ExtraLight.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Mono";
  src: url(/fonts/IBM_Plex_Mono/IBMPlexMono-ExtraLightItalic.ttf)
    format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Mono";
  src: url(/fonts/IBM_Plex_Mono/IBMPlexMono-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Mono";
  src: url(/fonts/IBM_Plex_Mono/IBMPlexMono-LightItalic.ttf)
    format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Mono";
  src: url(/fonts/IBM_Plex_Mono/IBMPlexMono-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Mono";
  src: url(/fonts/IBM_Plex_Mono/IBMPlexMono-Italic.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Mono";
  src: url(/fonts/IBM_Plex_Mono/IBMPlexMono-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Mono";
  src: url(/fonts/IBM_Plex_Mono/IBMPlexMono-MediumItalic.ttf)
    format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Mono";
  src: url(/fonts/IBM_Plex_Mono/IBMPlexMono-SemiBold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Mono";
  src: url(/fonts/IBM_Plex_Mono/IBMPlexMono-SemiBoldItalic.ttf)
    format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Mono";
  src: url(/fonts/IBM_Plex_Mono/IBMPlexMono-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Mono";
  src: url(/fonts/IBM_Plex_Mono/IBMPlexMono-BoldItalic.ttf) format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

/* ************************* */
/* ---- IBM Plex Sans ---- */
/* ************************ */
@font-face {
  font-family: "IBM Plex Sans";
  src: url(/fonts/IBM_Plex_Sans/IBMPlexSans-Thin.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Sans";
  src: url(/fonts/IBM_Plex_Sans/IBMPlexSans-ThinItalic.ttf) format("truetype");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Sans";
  src: url(/fonts/IBM_Plex_Sans/IBMPlexSans-ExtraLight.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Sans";
  src: url(/fonts/IBM_Plex_Sans/IBMPlexSans-ExtraLightItalic.ttf)
    format("truetype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Sans";
  src: url(/fonts/IBM_Plex_Sans/IBMPlexSans-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Sans";
  src: url(/fonts/IBM_Plex_Sans/IBMPlexSans-LightItalic.ttf)
    format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Sans";
  src: url(/fonts/IBM_Plex_Sans/IBMPlexSans-Regular.ttf) format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Sans";
  src: url(/fonts/IBM_Plex_Sans/IBMPlexSans-Italic.ttf) format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Sans";
  src: url(/fonts/IBM_Plex_Sans/IBMPlexSans-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Sans";
  src: url(/fonts/IBM_Plex_Sans/IBMPlexSans-MediumItalic.ttf)
    format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Sans";
  src: url(/fonts/IBM_Plex_Sans/IBMPlexSans-SemiBold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Sans";
  src: url(/fonts/IBM_Plex_Sans/IBMPlexSans-SemiBoldItalic.ttf)
    format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Sans";
  src: url(/fonts/IBM_Plex_Sans/IBMPlexSans-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "IBM Plex Sans";
  src: url(/fonts/IBM_Plex_Sans/IBMPlexSans-BoldItalic.ttf) format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
/* Colors */
:root {
  /* Main */
  --container-max-width: 80rem;
  --container-gutter: 1.25rem;
  --brand-primary-sc-teal: #0bd8b6;
  --brand-primary-forest: #2d6a65;
  --brand-primary-purple: #4e5ff6;
  --colour-utility-link: #4e5ff6;
  --brand-primary-sand: #9c9690;
  --brand-secondary-forest: #2d6a65;
  --brand-secondary-purple-dark: #494e78;
  --brand-secondary-purple-light: #cacffb;
  --brand-secondary-purple-pale: #edeeff;
  --brand-secondary-orange: #fca768;
  --brand-secondary-zest-dark: #46592e;
  --brand-secondary-zest-pale: #d7feba;
  --extended-teal-3: #e0f8f3;
  --extended-teal-6: #a1ded2;
  --extended-teal-7: #83cdc1;
  --extended-teal-8: #53b9ab;
  --extended-forest-forest-1: #e6eae9;
  --extended-sage-sage-7: #cbcfcd;
  --extended-sage-sage-3: #eef1f0;
  --colour-text-primary-text: #1a211e;
  --colour-text-secondary-text: #5f6563;
  --colour-text-tertiary-text: #868e8b;
  --colour-text-light-text: #fbfdfc;
  --colour-data-data-amber: #f5d04c;
  --colour-data-data-emerald-green: #208368;
  --colour-data-emerald-green-bg: #e9f3f0;
  --colour-data-emerald-green-data-emerald-green-default: #008864;
  --colour-states-sage-hover: #eef1f0;
  --colour-states-sage-pressed: #e6e9e8;
  --colour-states-sage-hover-darker: #dfe2e0;
  --colour-states-sage-pressed-darker: #acafae;
  --colour-states-sc-teal-hover: #12bca0;
  --colour-states-sc-teal-pressed: #11a28a;
  --colour-background-bg-1: #fff;
  --colour-background-bg-2: #f7f9f8;
  --colour-background-bg-3: #eef1f0;
  --colour-border-border-darkest: #b8bcba;
  --colour-border-border-dark: #cbcfcd;
  --colour-border-border-light: #d7dad9;
  --colour-border-border-lightest: #e6e9e8;
  --colour-border-border-focusRing: #12a594;
  --colour-secondary-icon: #5f6563;
  /* Utility */
  --colour-utility-success-pale: #e6f7ed;
  --colour-utility-success-bright: #29a383;
  --colour-utility-danger-bright: #d13415;
  /* Sage */
  --colour-sage-1: #fbfdfc;
  --colour-sage-3: #eef1f0;
  --colour-sage-5: #dfe2e0;
  /* Extented */
  --extended-forest-forest-9: #062d22;
  --extended-forest-forest-10: #061917;

  /* Vetting score */
  --excellent-vetting-score-bg: #2083681a;
  --excellent-vetting-score-color: #208368;
  --good-vetting-score-bg: #8db6541a;
  --good-vetting-score-color: #66843c;
  --awaiting-vetting-score-bg: var(--colour-background-bg-3);
  --awaiting-vetting-score-color: var(--colour-text-secondary-text);
}

/* Spacing */
:root {
  --spacing-xs: 0.25rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 2rem;
  --spacing-2xl: 2.5rem;
  --spacing-3xl: 3rem;
  --spacing-4xl: 4rem;
  --spacing-5xl: 6rem;
  --spacing-6xl: 8rem;
}

/* Border radius */
:root {
  --border-radius-xs: 0.25rem;
  --border-radius-sm: 0.375rem;
  --border-radius-md: 1rem;
  --border-radius-lg: 1.5rem;
  --border-radius-xl: 2rem;
  --border-radius-btn: 999px;
}

/* Shadow */
:root {
  --shadow-sm: 0px 1px 2px 0px rgba(0, 0, 0, 0.05);
  --shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.06),
    0px 1px 3px 0px rgba(0, 0, 0, 0.1);
  --shadow-md: 0px 0px 20px 2px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0px 4px 6px -2px rgba(0, 0, 0, 0.05),
    0px 10px 15px -3px rgba(0, 0, 0, 0.1);
  --shadow-xl: 0px 10px 10px -5px rgba(0, 0, 0, 0.04),
    0px 20px 25px -5px rgba(0, 0, 0, 0.1);
  --shadow-2xl: 0px 25px 50px -12px rgba(0, 0, 0, 0.25);
}

*,
*::after,
*::before {
  box-sizing: border-box;
}

* {
  margin: 0;
  border: 0;
  padding: 0;
}

html,
body {
  overflow: hidden;
  height: 100vh;
  max-height: 100dvh;
}

body {
  color: var(--colour-text-primary-text);
  background-color: var(--colour-background-bg-1);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-smoothing: antialiased;
}

button {
  color: inherit;
}

img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
  height: auto;
}

a {
  display: inline-block;
}

button {
  background: transparent;
}

select {
  appearance: none;
  --webkit-appearance: none;
  -moz-appearance: none;
}

ul {
  list-style-position: inside;
}

fieldset {
  border: none;
  padding-inline: 0;
  padding-block: 0;
  margin-inline: 0;
  min-width: 0;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled),
button:not(:disabled) {
  cursor: pointer;
}

.turbo-progress-bar {
  background-color: var(--brand-primary-sc-teal);
}

details summary::-webkit-details-marker {
  display: none;
}

details summary {
  cursor: pointer;
}
:root {
  --plex-mono-font: "IBM Plex Mono", monospace;
  --plex-sans-font: "IBM Plex Sans", sans-serif;
  --text-xxs-size: 0.625rem;
  --text-xxs-height: 1;
  --text-xxs-spacing: 0.1em;
  --text-xs-size: 0.75rem;
  --text-xs-height: 1.3333333333;
  --text-xs-spacing: 0.01em;
  --text-sm-size: 0.875rem;
  --text-sm-height: 1.4285714286;
  --text-sm-spacing: 0.01em;
  --text-base-size: 1rem;
  --text-base-height: 1.5;
  --text-base-spacing: 0.01em;
  --text-lg-size: 1.125rem;
  --text-lg-height: 1.555;
  --text-lg-spacing: 0.01em;
  --text-xl-size: 1.25rem;
  --text-xl-height: 1.4;
  --text-2xl-size: 1.5rem;
  --text-2xl-height: 1.33333333;
  --text-3xl-size: 1.875rem;
  --text-3xl-height: 1.2;
  --text-4xl-size: 2.25rem;
  --text-4xl-height: 1.2;
  --text-regular: 400;
  --text-semi-bold: 500;
}

html {
  font-size: 100%;
}

body {
  line-height: 1.5;
}

input,
button,
textarea,
select {
  font: inherit;
}

a {
  color: var(--colour-utility-link);
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.text-data {
  font-family: var(--plex-mono-font);
}

.text-plex-sans {
  font-family: var(--plex-sans-font);
}

.text-xxs {
  font-size: var(--text-xxs-size);
  line-height: var(--text-xxs-height);
  letter-spacing: var(--text-xxs-spacing);
}

.text-xs {
  font-size: var(--text-xs-size);
  line-height: var(--text-xs-height);
  letter-spacing: var(--text-xs-spacing);
}

.text-sm {
  font-size: var(--text-sm-size);
  line-height: var(--text-sm-height);
  letter-spacing: var(--text-sm-spacing);
}

.text-base {
  font-size: var(--text-base-size);
  line-height: var(--text-base-height);
  letter-spacing: var(--text-base-spacing);
}

.text-lg {
  font-size: var(--text-lg-size);
  line-height: var(--text-lg-height);
  letter-spacing: var(--letter-spacing);
}

.text-xl {
  font-size: var(--text-xl-size);
  line-height: var(--text-xl-height);
}

.text-2xl {
  font-size: var(--text-2xl-size);
  line-height: var(--text-2xl-height);
}

.text-3xl {
  font-size: var(--text-3xl-size);
  line-height: var(--text-3xl-height);
}

.text-4xl {
  font-size: var(--text-4xl-size);
  line-height: var(--text-4xl-height);
}

.text-regular {
  font-weight: var(--text-regular);
}

.text-semi-bold {
  font-weight: var(--text-semi-bold);
}

.text-primary {
  color: var(--colour-text-primary-text);
}

.text-secondary {
  color: var(--colour-text-secondary-text);
}

.text-tertiary {
  color: var(--colour-text-tertiary-text);
}

.text-light {
  color: var(--colour-text-light-text);
}

.text-normal-style {
  font-style: normal;
}

.text-pretty {
  text-wrap: pretty;
}

.text-balance {
  text-wrap: balance;
}

.text-underline {
  text-decoration: underline;
}

.text-link-inherit {
  color: inherit;
  text-decoration: underline;
}

.text-blur {
  filter: blur(4px)
}
.application-layout {
  display: flex;
  flex-direction: row;
}

.application-layout__nav {
  flex-shrink: 0;
  display: flex;
  border-right: 1px solid var(--colour-border-border-lightest);
  position: sticky;
}

.application-layout__main {
  flex-grow: 1;
  overflow-y: auto;
}

@media only screen and (max-width: 62em) {
  .application-layout {
    flex-direction: column;
  }

  .application-layout__nav {
    position: relative;
    border-right: none;
    border-bottom: 1px solid var(--colour-border-border-lightest);
  }
}
.container {
  max-width: var(--container-max-width);
  margin-left: auto;
  margin-right: auto;
  margin-top: var(--spacing-2xl);
  margin-bottom: var(--spacing-2xl);
  padding-left: var(--container-gutter);
  padding-right: var(--container-gutter);
}
.exomad-spot-purchases-layout {
  --exomad-spot-purchase-details-logo-size: 4.5rem;
  background-color: var(--colour-background-bg-2);
  max-height: 100vh;
  height: 100%;
  overflow-y: auto;
  border-top: 1px solid var(--colour-border-border-lightest);
}

.exomad-spot-purchases-layout__content {
  display: grid;
  grid-template-columns: repeat(2, minmax(auto, 26.625rem));
  justify-content: space-between;
  max-width: 60.625rem;
  padding-top: var(--spacing-lg);
  padding-bottom: 8rem;
  padding-inline: var(--spacing-lg);
  margin: auto;
  gap: var(--spacing-lg);
}

.exomad-spot-purchases-layout__content-left {
  grid-column: 1;
}

.exomad-spot-purchases-layout__content-right {
  grid-column: 2;
  padding-top: calc(
    var(--exomad-spot-purchase-details-logo-size) + var(--spacing-lg)
  ); /* Align header with header on right */
}

@media only screen and (max-width: 62em) {
  .exomad-spot-purchases-layout__content {
    grid-template-columns: 1fr;
    padding-inline: var(--spacing-md);
    max-width: 26.625rem;
  }

  .exomad-spot-purchases-layout__content-right {
    padding-top: var(--spacing-2xl);
    grid-column: 1;
  }

  .exomad-spot-purchases-layout__content-left {
    grid-column: 1;
  }
}
.flash-container {
  position: absolute;
}
.gallery-layout {
  height: 100vh;
  overflow-y: auto;
  width: 100%;
}
.nav {
  width: 15.25rem;
}

.nav__bar {
  display: none;
  justify-content: space-between;
  padding: var(--spacing-sm) var(--spacing-lg);
}

.nav__desktop-menu {
  height: 100%;
}

@media only screen and (max-width: 62em) {
  .nav {
    width: 100%;
  }

  .nav__bar {
    display: flex;
  }

  .nav__desktop-menu {
    display: none;
  }
}

@media only screen and (max-width: 42.1875em) {
  .nav__bar {
    padding-inline: var(--spacing-md);
  }
}
.nav-menu {
  display: flex;
  flex-direction: column;
  row-gap: 1.188rem;
  height: 100%;
}

.nav-menu__header {
  display: flex;
  justify-content: space-between;
  gap: var(--spacing-sm);
  padding: var(--spacing-md) var(--spacing-lg);
}

.nav-menu__submenus {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding-inline: var(--spacing-sm);
  gap: var(--spacing-sm);
}

.nav-menu__link-section {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}

.nav-menu__subheading {
  padding: var(--spacing-sm) var(--spacing-md);
  color: var(--colour-text-secondary-text);
}

.nav-menu__link {
  display: flex;
  align-items: center;
  color: var(--colour-text-primary-text);
  gap: var(--spacing-md);
  padding: var(--spacing-sm) var(--spacing-md);
  border-radius: var(--border-radius-sm);
}

.nav-menu__link--disabled {
  pointer-events: none;
  opacity: 0.5;
}

.nav-menu__icon {
  height: 1.5rem;
  width: 1.5rem;
  fill: var(--colour-text-primary-text);
  flex-shrink: 0;
}

.nav-menu__link--active {
  color: var(--colour-text-primary-text);
  background: var(--colour-states-sage-pressed);
}

.nav-menu__link--active .nav-menu__link-text {
  font-weight: var(--text-semi-bold);
}

.nav-menu__link:hover {
  background: var(--colour-states-sage-hover);
  text-decoration: none;
}

.nav-menu__link-footer {
  display: flex;
  gap: var(--spacing-sm);
  flex-direction: column;
  margin-bottom: var(--spacing-sm);
  padding: 0 var(--spacing-sm);
}
.shared-sites-layout {
  display: grid;
  grid-template-columns: 24.875rem 1fr;
  grid-template-rows: auto 1fr;
  grid-template-areas:
    "sidebar header"
    "sidebar main";
  min-height: 100vh;
}

.shared-sites-layout__sidebar {
  grid-area: sidebar;
  padding-right: var(--spacing-lg);
  padding-bottom: var(--spacing-lg);
  position: sticky;
  top: 0;
  overflow-y: auto;
  height: 100vh;
  display: flex;
  flex-direction: column;
  border-right: 1px solid var(--colour-border-border-lightest);
}

.shared-sites-layout__sidebar-content {
  padding-left: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  flex-grow: 1;
}

.shared-sites-layout__header {
  grid-area: header;
}

.shared-sites-layout__breadcrumbs {
  border-bottom: 1px solid var(--colour-border-border-lightest);
}

.shared-sites-layout__tabs {
  border-bottom: 1px solid var(--colour-border-border-lightest);
}

.shared-sites-layout__main {
  grid-area: main;
  overflow-y: auto;
  overflow-x: hidden;
}

@media only screen and (max-width: 62em) {
  .shared-sites-layout {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto 1fr auto;
    grid-template-areas:
      "sidebar"
      "header"
      "main"
      "footer";
    min-height: unset;
  }

  .shared-sites-layout__sidebar-content {
    padding-left: 0;
  }

  .shared-sites-layout__header {
    overflow-y: hidden;
    overflow-x: auto;
  }

  .shared-sites-layout__breadcrumbs {
    border-top: 1px solid var(--colour-border-border-lightest);
    border-bottom: none;
  }

  /* Only add a top border to the tabs if there are no breadcrumbs */
  .shared-sites-layout__tabs {
    border-top: 1px solid var(--colour-border-border-lightest);
  }

  .shared-sites-layout__main {
    padding: 0;
  }

  .shared-sites-layout__sidebar {
    height: auto;
    position: relative;
    top: auto;
    overflow: hidden;
    border-right: none;
    padding-bottom: 0;
    padding-right: 0;
  }
}
.shortlists-layout {
  display: grid;
  grid-template-columns: 24.875rem 1fr;
  grid-template-rows: auto 1fr;
  grid-template-areas:
    "sidebar header"
    "sidebar main";
  min-height: 100vh;
}

.shortlists-layout__sidebar {
  grid-area: sidebar;
  padding-right: var(--spacing-lg);
  padding-bottom: var(--spacing-lg);
  position: sticky;
  top: 0;
  overflow-y: auto;
  height: 100vh;
  display: flex;
  flex-direction: column;
  border-right: 1px solid var(--colour-border-border-lightest);
}

.shortlists-layout__sidebar-content {
  padding-left: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  flex-grow: 1;
}

.shortlists-layout__header {
  grid-area: header;
  border-bottom: 1px solid var(--colour-border-border-lightest);
  background-color: var(--colour-background-bg-1);
}

.shortlists-layout__main {
  grid-area: main;
  overflow-y: auto;
  overflow-x: hidden;
  background-color: var(--colour-background-bg-2);
  padding: var(--spacing-lg);
}

@media only screen and (max-width: 62em) {
  .shortlists-layout {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto 1fr auto;
    grid-template-areas:
      "sidebar"
      "header"
      "main"
      "footer";
    min-height: unset;
  }

  .shortlists-layout__sidebar-content {
    padding-left: 0;
  }

  .shortlists-layout__header {
    background-color: var(--colour-background-bg-2);
    border-bottom: none;
  }

  .shortlists-layout__main {
    padding: var(--spacing-md);
  }

  .shortlists-layout__sidebar {
    height: auto;
    position: relative;
    top: auto;
    overflow: hidden;
    border-right: none;
    padding-bottom: 0;
    padding-right: 0;
  }
}
.supplier-submissions-layout {
  display: flex;
  flex-direction: row;
}

.supplier-submissions-layout__main {
  flex-grow: 1;
  overflow-y: auto;
}

.supplier-submissions-layout__header {
  width: 100%;
}

.supplier-submissions-layout__header-logo {
  width: 15rem;
  margin: auto;
  margin-top: var(--spacing-lg);
  margin-bottom: var(--spacing-lg);
}

@media only screen and (max-width: 62em) {
  .supplier-submissions-layout {
    flex-direction: column;
  }
}
.supplier-submissions-slim {
  display: flex;
  flex-direction: column;
  padding: var(--spacing-xl);
  overflow-y: scroll;
}

.supplier-submissions-slim__main {
  display: flex;
  flex-direction: column;
  flex: 1;
  max-width: 50.125rem;
  margin-inline: auto;
}

.supplier-submissions-slim__header {
  margin-bottom: var(--spacing-4xl);
}

.supplier-submissions-slim__logo {
  width: 8rem;
}

@media (max-width: 62rem) {
  .supplier-submissions-slim {
    padding: var(--spacing-md);
  }
}
.supplier-submissions-slim-start {
  display: flex;
  flex-direction: column;
  overflow-y: scroll;
}

.supplier-submissions-slim-start__main {
  width: 100%;
}

.supplier-submissions-slim-start__content-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1;
  width: 100%;
  min-height: 100dvh;
}

.supplier-submissions-slim-start__content {
  display: flex;
  flex-direction: column;
  flex: 1;
  align-items: flex-start;
  width: 100%;
  max-width: calc(50.125rem + (var(--spacing-xl) * 2));
  margin-inline: auto;
  padding: var(--spacing-xl);
}

.supplier-submissions-slim-start__header {
  margin-bottom: var(--spacing-4xl);
}

.supplier-submissions-slim-start__logo {
  width: 8rem;
}

.supplier-submissions-slim-start__hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  background-color: var(--extended-forest-forest-9);
  background-image: url(/assets/forms/texture_bg-92dc0c51dff4402260a3527d8cba45f574a54f22775b8c993d29cdb0af484876.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  aspect-ratio: 1440/348;
}

.supplier-submissions-slim-start__hero-image {
  width: 100%;
  max-width: calc(50.125rem + (var(--spacing-xl) * 2));
  margin-top: calc(var(--spacing-4xl) * 2);
}

.supplier-submissions-slim-start__hero-image-mobile {
  display: none;
}

@media (max-width: 62rem) {
  .supplier-submissions-slim-start__content {
    padding: var(--spacing-md);
    padding-bottom: var(--spacing-2xl);
  }
  .supplier-submissions-slim-start__hero-image {
    display: none;
  }
  .supplier-submissions-slim-start__hero-image-mobile {
    display: block;
    margin-top: var(--spacing-2xl);
    width: 85%;
  }
  .supplier-submissions-slim-start__hero {
    align-items: flex-end;
    aspect-ratio: 1.25/1;
  }
}

@media (max-width: 42.1875rem) {

}
.credits {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.credits-body {
  background-color: var(--colour-background-bg-2);
  padding: var(--spacing-2xl) var(--spacing-lg);
  flex-grow: 1;
}

.credits-body__title {
  color: var(--color-text-primary-text);
  margin-bottom: var(--spacing-md);
}
.credits-stats {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-2xl);
  padding: var(--spacing-lg);
  border-bottom: 1px solid var(--colour-border-border-lightest);
}

.credits-stat {
  display: flex;
  flex-direction: column;
  grid-gap: var(--spacing-md);
}

.credits-stat--main {
  padding-right: var(--spacing-2xl);
  border-right: 1px solid var(--colour-border-border-lightest);
}

.credits-stat__value {
  color: var(--color-text-primary-text);
  height: 1.5rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
}

.credits-stat__label {
  display: flex;
  gap: var(--spacing-xs);
  font-size: var(--text-xs-size);
  line-height: var(--text-xs-height);
}

@media only screen and (max-width: 42.1875em) {
  .credits-stats {
    padding: var(--spacing-md);
    row-gap: 0;
  }

  .credits-stat {
    padding-top: var(--spacing-md);
    grid-gap: var(--spacing-md);
  }

  .credits-stat--main {
    width: 100%;
    border-right: none;
    padding-bottom: var(--spacing-md);
    border-bottom: 1px solid var(--colour-border-border-lightest);
    padding-top: 0;
  }

  .credits-stat__value {
    font-size: var(--text-base-size);
    line-height: var(--text-base-height);
  }
}
.summary {
  /* Credit statuses */
  --credit-breakdown-bar-bg: var(--colour-background-bg-2);
  --credit-awaiting-delivery-bg: var(--brand-secondary-orange);
  --credit-available-to-retire-bg: var(--colour-data-data-amber);
  --credit-retired-bg: var(--brand-primary-purple);
  --credit-transferred-bg: var(--colour-data-data-emerald-green);

  /* Credit purchase types */
  --credit-spot-forward-bg: #494e78;
  --credit-offtake-bg: var(--brand-secondary-purple-light);

  /* Credit removal pathways */
  --credit-arr-bg: #1e4743;
  --credit-bio-oil-bg: var(--colour-data-data-amber);
  --credit-biochar-bg: var(--brand-secondary-orange);
  --credit-biomass-burial-bg: var(--brand-secondary-purple-light);
  --credit-biomass-sinking-bg: #494e78;
  --credit-commercial-agroforestry-bg: #cdd5d3;
  --credit-community-agroforestry-bg: var(--colour-data-data-emerald-green);
  --credit-dac-ocean-storage-bg: #67dadd;
  --credit-direct-air-capture-bg: #5b9dee;
  --credit-direct-ocean-removal-bg: #318992;
  --credit-enhanced-weathering-bg: var(--brand-primary-purple);
  --credit-mineralisation-bg: #dfe2e0;
  --credit-ocean-alkalinity-enhancement-bg: #2fc7d1;
  --credit-beccs-biomass-energy-with-carbon-capture-and-storage-bg: #add679;

  display: flex;
  flex-direction: column;
  gap: var(--spacing-2xl);
  background-color: var(--colour-background-bg-1);
  padding: var(--spacing-lg) 0 var(--spacing-2xl) 0;
  margin: 0 var(--spacing-lg);
}

.summary__body {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-lg);
}

.summary__total {
  width: 25%;
}

.summary__breakdown {
  width: 75%;
  padding-right: var(--spacing-lg);
}

.summary__breakdown-by-status {
  width: 100%;
}

.summary__breakdowns-by-facet {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--spacing-2xl);
  width: 100%;
}

.summary__breakdown-by-facet {
  grid-column: span 1;
  min-height: 13.75rem;
}

.summary__breakdown-by-facet--wide {
  grid-column: span 2;
}

.summary__breakdown-bar {
  width: 100%;
  height: var(--spacing-md);
  border-radius: var(--border-radius-xs);
  background-color: var(--credit-breakdown-bar-bg);
  overflow: hidden;
  margin: var(--spacing-md) 0;
  position: relative;
}

.summary__breakdown-bar__value {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background-color: var(--brand-primary-sand);
}

.summary__status-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: var(--spacing-2xl);
  row-gap: var(--spacing-lg);
}

.summary__status-item {
  position: relative;
  padding-left: var(--spacing-lg);
}

.summary__status-item::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 6px;
  width: var(--spacing-md);
  height: var(--spacing-md);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  background-color: var(--credit-breakdown-bar-bg);
  margin-right: var(--spacing-xs);
}

.summary__facet-item::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: 4px;
  width: var(--spacing-md);
  height: var(--spacing-md);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  background-color: var(--credit-breakdown-bar-bg);
  margin-right: var(--spacing-xs);
}

.summary__facet-list {
  display: flex;
  flex-direction: column;
}

.summary__facet-list--wide {
  display: block;
  column-count: 2;
  column-gap: var(--spacing-sm);
}

.summary__facet-item {
  width: 100%;
  position: relative;
  padding-left: var(--spacing-lg);
  margin-bottom: var(--spacing-sm);
}

.summary__prompt {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-sm);
  align-items: start;
  justify-content: end;
  margin-top: var(--spacing-sm);
  background-color: var(--colour-background-bg-2);
  padding: 0.75rem var(--spacing-md);
  border-radius: var(--border-radius-sm);
  border: solid 1px var(--colour-border-border-lightest);
  box-shadow: var(--shadow-sm);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
}

.summary__prompt--visible {
  opacity: 1;
  visibility: visible;
}

.summary__prompt-link {
  display: inline-block;
  text-align: left;
  padding-right: var(--spacing-sm);
  width: 100%;
}

.summary__prompt-hide {
  display: inline-block;
  text-decoration: none;
  text-align: right;
  cursor: pointer;
  position: relative;
  top: 2px;
}

/* Status colours */
.summary__breakdown-bar__value--awaiting-delivery,
.summary__status-item--awaiting-delivery::before {
  background-color: var(--credit-awaiting-delivery-bg);
}

.summary__breakdown-bar__value--available-to-retire,
.summary__status-item--available-to-retire::before {
  background-color: var(--credit-available-to-retire-bg);
}

.summary__breakdown-bar__value--retired,
.summary__status-item--retired::before {
  background-color: var(--credit-retired-bg);
}

.summary__breakdown-bar__value--transferred,
.summary__status-item--transferred::before {
  background-color: var(--credit-transferred-bg);
}

/* Facet colours */
.summary__breakdown-bar__value--spot-forward,
.summary__facet-item--spot-forward::before {
  background-color: var(--credit-spot-forward-bg);
}

.summary__breakdown-bar__value--offtake,
.summary__facet-item--offtake::before {
  background-color: var(--credit-offtake-bg);
}

/* Facet colours - removal pathways */
.summary__breakdown-bar__value--arr,
.summary__facet-item--arr::before {
  background-color: var(--credit-arr-bg);
}

.summary__breakdown-bar__value--bio-oil,
.summary__facet-item--bio-oil::before {
  background-color: var(--credit-bio-oil-bg);
}

.summary__breakdown-bar__value--biochar,
.summary__facet-item--biochar::before {
  background-color: var(--credit-biochar-bg);
}

.summary__breakdown-bar__value--beccs-biomass-energy-with-carbon-capture-and-storage,
.summary__facet-item--beccs-biomass-energy-with-carbon-capture-and-storage::before {
  background-color: var(--credit-beccs-biomass-energy-with-carbon-capture-and-storage-bg);
}

.summary__breakdown-bar__value--biomass-burial,
.summary__facet-item--biomass-burial::before {
  background-color: var(--credit-biomass-burial-bg);
}

.summary__breakdown-bar__value--biomass-sinking,
.summary__facet-item--biomass-sinking::before {
  background-color: var(--credit-biomass-sinking-bg);
}

.summary__breakdown-bar__value--commercial-agroforestry,
.summary__facet-item--commercial-agroforestry::before {
  background-color: var(--credit-commercial-agroforestry-bg);
}

.summary__breakdown-bar__value--community-agroforestry,
.summary__facet-item--community-agroforestry::before {
  background-color: var(--credit-community-agroforestry-bg);
}

.summary__breakdown-bar__value--dac-with-ocean-storage,
.summary__facet-item--dac-with-ocean-storage::before {
  background-color: var(--credit-dac-ocean-storage-bg);
}

.summary__breakdown-bar__value--direct-air-capture,
.summary__facet-item--direct-air-capture::before {
  background-color: var(--credit-direct-air-capture-bg);
}

.summary__breakdown-bar__value--direct-ocean-removal,
.summary__facet-item--direct-ocean-removal::before {
  background-color: var(--credit-direct-ocean-removal-bg);
}

.summary__breakdown-bar__value--enhanced-weathering,
.summary__facet-item--enhanced-weathering::before {
  background-color: var(--credit-enhanced-weathering-bg);
}

.summary__breakdown-bar__value--mineralization,
.summary__facet-item--mineralization::before,
.summary__breakdown-bar__value--mineralisation,
.summary__facet-item--mineralisation::before {
  background-color: var(--credit-mineralisation-bg);
}

.summary__breakdown-bar__value--ocean-alkalinity-enhancement,
.summary__facet-item--ocean-alkalinity-enhancement::before {
  background-color: var(--credit-ocean-alkalinity-enhancement-bg);
}

.summary__status-label-wrapper {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-xs);
  align-items: center;
}

.summary__status-label {
  font-size: var(--text-lg-size);
  line-height: var(--text-lg-height);
}

.summary__hr {
  width: 100%;
  height: 1px;
  background-color: var(--colour-border-border-lightest);
  margin: var(--spacing-2xl) 0;
}

.summary__hr--total {
  margin: var(--spacing-sm) 0;
  max-width: 80%;
}

@media only screen and (max-width: 100em) {
  .summary__status-list {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (max-width: 62em) {
  .summary__body {
    flex-direction: column;
    gap: var(--spacing-lg);
  }

  .summary__total {
    width: 100%;
  }

  .summary__breakdown {
    width: 100%;
  }

  .summary__breakdown-by-facet,
  .summary__breakdown-by-facet--wide {
    grid-column: span 3;
  }
}

@media only screen and (max-width: 42.1875em) {
  .summary__status-list {
    grid-template-columns: repeat(1, 1fr);
  }
}

@media only screen and (max-height: 54em) {
  .summary {
    padding-bottom: 0;
    gap: var(--spacing-lg);
  }

  .summary__hr {
    margin: var(--spacing-lg) 0;
  }

  .summary__hr--total {
    margin: var(--spacing-sm) 0;
  }
}
.credits-show {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.credits-show-body {
  background-color: var(--colour-background-bg-2);
  padding: var(--spacing-2xl) var(--spacing-lg);
  flex-grow: 1;
}

.credits-show-body__title {
  color: var(--color-text-primary-text);
  margin-bottom: var(--spacing-lg);
}

.credits-show-body__section-title {
  color: var(--color-text-primary-text);
  margin-bottom: var(--spacing-lg);
}

.transaction-and-project-container {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-lg);
  width: 100%;
  margin-bottom: var(--spacing-4xl);
}

.vintages-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: var(--spacing-4xl);
}

.retirements-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: var(--spacing-4xl);
}

.project-details {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  width: 40%;
  padding-right: var(--spacing-xl);
}

.project-details__image {
  width: 100%;
  display: block;
  border-radius: var(--border-radius-sm);
  overflow: hidden;
}

.transaction-details {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  flex-grow: 1;
}

.transaction-details-grid {
  display: grid;
  grid-template-columns: 1fr 2fr;
  background-color: var(--colour-background-bg-1);
  border: 1px solid var(--colour-border-border-lightest);
  border-radius: var(--border-radius-sm);
}

.transaction-details-grid__label-wrapper {
  display: flex;
  align-items: center;
  padding-top: var(--spacing-md);
  padding-bottom: var(--spacing-md);
  padding-left: var(--spacing-md);
  border-bottom: 1px solid var(--colour-border-border-lightest);
  font-weight: var(--text-semi-bold);
  color: var(--colour-text-primary-text);
  gap: var(--spacing-sm);
}

.transaction-details-grid__label-wrapper--last {
  border-bottom: none;
}

.transaction-details-grid__value {
  display: flex;
  align-items: center;
  padding-right: var(--spacing-lg);
  padding-left: var(--spacing-sm);
  border-bottom: 1px solid var(--colour-border-border-lightest);
  font-weight: var(--text-regular);
  color: var(--colour-text-primary-text);
}

.transaction-details-grid__value--last {
  border-bottom: none;
}

.transaction-details--grid__value--btn {
  padding-top: var(--spacing-sm);
  padding-bottom: var(--spacing-sm);
}

.transaction-details-grid__tooltip {
  flex-shrink: 0;
}

@media only screen and (max-width: 42.1875em) {
  .transaction-and-project-container {
    flex-direction: column;
  }

  .project-details {
    width: 100%;
    padding-right: 0;
  }
}
.exomad-spot-purchase-form {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
  padding: var(--spacing-2xl) var(--spacing-xl);
  border-radius: var(--border-radius-md);
  border: 1px solid var(--colour-border-border-light);
  background: var(--colour-background-bg-1);
}

.exomad-spot-purchase-form__terms-link {
  display: inline-flex;
  gap: var(--spacing-xs);
}

.exomad-spot-purchase-form__header {
  padding-bottom: var(--spacing-sm);
}

.exomad-spot-purchase-form__cta {
  margin-top: var(--spacing-xl);
  margin-bottom: var(--spacing-sm);
}

.exomad-spot-purchase-form__fields-container {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
}

.exomad-spot-purchase-form__signatory-checkbox-field {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}

.exomad-spot-purchase-form__fields-container--hidden-fields {
  padding-top: var(--spacing-md);
}

@media only screen and (max-width: 42.1875em) {
  .exomad-spot-purchase-form {
    padding: var(--spacing-md);
  }
}
.marketplace {
  height: 100vh;
  height: 100dvh;
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.marketplace__content {
  flex: 1;
  min-height: 0;
  background: var(--colour-background-bg-2);
  padding: var(--spacing-lg);
  display: flex;
}

.marketplace__table,
.marketplace-table-frame,
.marketplace-table-panel {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  min-width: 0;
}

.marketplace-table-panel {
  border: 1px solid var(--colour-border-border-lightest);
  border-radius: var(--border-radius-sm);
  background: var(--colour-background-bg-1);
  overflow: hidden;
}

.marketplace-table-frame[busy] {
  opacity: 0.6;
}

@media (max-width: 62em) {
  .marketplace {
    height: auto;
  }
}

@media (max-width: 42.1875em) {
  .marketplace__content {
    padding: var(--spacing-md);
  }
}
.preview {
  height: 100%;
  width: 100%;
}
.science-team {
  padding: var(--spacing-lg);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
}

.science-team__members {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xl);
}

.science-team__member {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.science-team__member:not(:last-child) {
  border-bottom: 1px solid var(--colour-border-border-lightest);
  padding-bottom: var(--spacing-xl);
}
.science-team-member__header {
  display: flex;
  gap: var(--spacing-md);
}

.science-team-member__img {
  border-radius: var(--border-radius-sm);
  height: 7.5rem;
  width: 7.5rem;
}

.science-team-member__information {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.science-team-member__introduction {
  display: flex;
  flex-direction: column;
}

.science-team-member__content {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}
.shared-sites-tabs-container {
  max-width: 68.625rem;
  margin-inline: auto;
  width: 100%;
  overflow-x: auto;
}

.shared-site__section-group {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
/* This is a bit of a dumping ground for styles concerned with laying out the logged in site pages (PDPs). */
/* Once we've migrated to the new version of the PDP we should sort these styles out and possibly consider a new layout or at least component */
/* We need to rethink how the page actions height works. Ideally we wouldn't have fixed heights */
.site-page-actions {
  --group-gutter: var(--spacing-lg);

  position: sticky;
  top: 0;
  z-index: 100;
  background-color: var(--colour-background-bg-1);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  column-gap: var(--spacing-md);
  border-bottom: 1px solid var(--colour-border-border-lightest);
}

.site-page-actions__breadcrumbs {
  border-bottom: 1px solid var(--colour-border-border-lightest);
}

.site-page-actions__tabs {
  max-width: 68.625rem;
  margin-inline: auto;
  width: 100%;
  overflow-x: auto;
}

/* Temporary styles for the temporary CTA */
.site-footer-cta-container {
  position: sticky;
  bottom: 0;
  display: flex;
  z-index: 2;
  justify-content: center;
  border-top: 1px solid var(--colour-border-border-lightest);
  background: var(--colour-background-bg-1);
  padding: var(--spacing-md);
}

.site-footer-cta {
  width: 19rem;
}

.site-content-container {
  position: relative;
}

.site-content-container::-webkit-scrollbar {
  display: none; /* Chrome, Safari and Opera */
}

@media only screen and (max-width: 42.1875em) {
  .site-page-actions {
    --group-gutter: var(--spacing-md);
  }
}
.vetting-pass {
  display: flex;
  flex-direction: column;
  row-gap: var(--spacing-lg);
}

.vetting-pass__box {
  border-radius: var(--border-radius-sm);
  background-color: var(--colour-background-bg-1);
  border: 1px solid var(--colour-border-border-lightest);
  padding: var(--spacing-2xl);
  box-shadow: var(--shadow-sm);
}

.vetting-pass__circle-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  grid-gap: var(--spacing-md);
}

.vetting-pass__circle {
  height: 4.5rem;
  width: 4.5rem;
}

.vetting-pass__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.vetting-pass__download {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.supplier-submission-form-container {
  max-width: 40rem;
  margin: auto;
  margin-bottom: var(--spacing-xl);
  margin-top: var(--spacing-lg);
  padding: var(--spacing-lg);
}

.supplier-submission-form {
  display: flex;
  flex-direction: column;
  row-gap: var(--spacing-xl);
  margin-bottom: var(--spacing-xl);
  margin-top: var(--spacing-lg);
}

.supplier-submission__instructions {
  display: flex;
  flex-direction: column;
  row-gap: var(--spacing-xs);
  margin-top: var(--spacing-md);
}

.supplier-submission-submit {
  margin-bottom: var(--spacing-xl);
}

.supplier-submission-heading {
  margin-bottom: var(--spacing-md);
}

.supplier-submission-site-header {
  display: flex;
  gap: var(--spacing-lg);
  margin-bottom: var(--spacing-sm);
  align-items: center;
}

.supplier-submission__fields {
  display: flex;
  flex-direction: column;
  row-gap: var(--spacing-xl);
}

.supplier-submission__sites {
  display: flex;
  flex-direction: column;
  row-gap: var(--spacing-md);
}

.price-input-table {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: var(--spacing-md);
  row-gap: var(--spacing-md);
}

.availability-input-table {
  display: grid;
  grid-template-columns: auto 1fr 1fr;
  column-gap: var(--spacing-md);
  row-gap: var(--spacing-md);
}

.supplier-submission-buttons {
  display: flex;
  justify-content: space-between;
  column-gap: var(--spacing-md);
}

.supplier-submission-buttons__submit {
  flex-grow: 1;
}

.supplier-submission-buttons__add-site {
  width: 12rem;
}

.supplier-submission-success {
  display: flex;
  flex-direction: column;
  row-gap: var(--spacing-md);
  align-items: center;
}

.supplier-submission-disclaimer {
  display: flex;
  flex-direction: column;
  row-gap: var(--spacing-xs);
}
.supplier-submissions-slim-h1 {
  font-size: var(--text-3xl-size);
  line-height: var(--text-3xl-height);
  margin-bottom: var(--spacing-xl);
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  text-wrap: pretty;
}

.supplier-submissions-slim-blurb {
  margin-bottom: var(--spacing-xl);
  max-width: 35rem;
}

.supplier-submissions-slim-price-row {
  display: grid;
  grid-template-columns: repeat(auto-fill, 7rem);
  gap: var(--spacing-lg);
}

.supplier-submissions-slim-heading {
  margin-bottom: var(--spacing-sm);
}

.supplier-submissions-slim-text {
  margin-bottom: var(--spacing-sm);
}

.supplier-submissions-slim-success__content {
  margin-bottom: var(--spacing-2xl);
}

.supplier-submissions-slim-success__content--callout {
  background-color: var(--colour-background-bg-2);
  padding: var(--spacing-lg);
  border-radius: var(--spacing-sm);
  border: 1px solid var(--colour-border-border-light);
}

.supplier-submissions-slim-success__content--with-element {
  display: flex;
  gap: var(--spacing-lg);
}

.supplier-submissions-slim-success__content-text {
  flex-grow: 1;
}

.supplier-submissions-slim-success__content-extra {
  flex-grow: 0;
  align-self: flex-end;
  justify-self: flex-end;
  max-width: 15rem;
}

.supplier-submissions-slim-success__content-extra-image {
  width: 100%;
  aspect-ratio: 1/1;
}

.supplier-submissions-slim-success__content-extra .button {
  white-space: nowrap;
}

.supplier-submissions-slim-email-button {
  margin-top: var(--spacing-lg);
}

.supplier-submissions-slim-site-info {
  display: flex;
  flex-direction: column;
  row-gap: var(--spacing-lg);
  padding-bottom: var(--spacing-xl);
  max-width: 75%;
}

/* Site availability fields */
.site-availability-fields {
  max-width: 75%;
  width: 100%;
  border-collapse: collapse;
  margin-top: var(--spacing-lg);
  background-color: var(--colour-background-bg-primary);
}

.site-availability-fields-container {
  overflow-x: auto;
}

.site-availability-fields__cell {
  vertical-align: middle;
  text-align: left;
}

.site-availability-fields__cell {
  padding-right: var(--spacing-md);
  padding-bottom: var(--spacing-sm);
}

.site-availability-fields__cell:last-child {
  padding-right: 0;
}

.site-availability-fields__cell--vintage {
  text-align: left;
  white-space: nowrap;
}

@media (max-width: 62rem) {
  .supplier-submissions-slim-h1 {
    font-size: var(--text-2xl-size);
    line-height: var(--text-2xl-height);
  }

  .supplier-submissions-slim-heading {
    font-size: var(--text-xl-size);
    line-height: var(--text-xl-height);
  }

  .supplier-submissions-slim-site-info {
    max-width: 100%;
  }

  .site-availability-fields-container {
    padding-bottom: var(--spacing-md);
  }

  .site-availability-fields {
    max-width: 100%;
  }
}

@media (max-width: 42.1875rem) {
  .supplier-submissions-slim-success__content--with-element {
    flex-direction: column;
  }

  .supplier-submissions-slim-success__content-extra {
    align-self: flex-start;
    justify-self: flex-start;
  }
}
.badge {
  font-family: var(--plex-sans-font);
  font-size: 0.625rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: normal;
  border-radius: 1.875rem;
  border: 1px solid var(--colour-border-border-lightest);
  padding: 0.5em 1em 0.4em;
  text-transform: uppercase;
  width: fit-content;
  background-color: var(--colour-background-bg-1);
}

.badge--with-icon {
  display: flex;
  gap: var(--spacing-xs);
  align-items: center;
}

.badge__text {
  text-transform: uppercase;
}

.badge__icon--red {
  color: var(--colour-utility-danger-bright);
}
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: fit-content;
  text-decoration: none;
  border-radius: var(--border-radius-sm);
  box-shadow: var(--shadow-sm);
  font-family: var(--plex-sans-font);
  font-weight: var(--text-regular);
  transition: all 300ms ease-out;
}

.button--xs {
  column-gap: var(--spacing-xs);
  padding: var(--spacing-xs) var(--spacing-sm);
  font-size: var(--text-xs-size);
  line-height: var(--text-xs-height);
  letter-spacing: var(--text-xs-spacing);
  align-content: center;
}

.button--sm {
  column-gap: var(--spacing-sm);
  padding: var(--spacing-sm);
  font-size: var(--text-xs-size);
  line-height: var(--text-xs-height);
  letter-spacing: var(--text-xs-spacing);
}

.button--base {
  column-gap: var(--spacing-sm);
  padding: var(--spacing-sm);
  font-size: var(--text-sm-size);
  line-height: var(--text-sm-height);
  letter-spacing: var(--text-sm-spacing);
}

.button--lg {
  column-gap: var(--spacing-md);
  padding: var(--spacing-md);
  font-size: var(--text-base-size);
  line-height: var(--text-base-height);
  letter-spacing: var(--text-base-spacing);
}

.button--xl {
  column-gap: var(--spacing-md);
  padding: var(--spacing-lg);
  font-size: var(--text-lg-size);
  line-height: var(--text-lg-height);
  letter-spacing: var(--text-lg-spacing);
}

.button--icon-only-xs {
  padding: var(--spacing-xs);
}

.button--icon-only-sm {
  padding: var(--spacing-sm);
}

.button--icon-only-base {
  padding: var(--spacing-sm);
}

.button--icon-only-lg {
  padding: var(--spacing-md);
}

.button--icon-only-xl {
  padding: var(--spacing-lg);
}

.button:hover {
  text-decoration: none;
}

.button--disabled,
.button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}

.button--100w {
  width: 100%;
}

.button--primary {
  background-color: var(--brand-primary-sc-teal);
  color: var(--colour-text-primary-text);
}

.button--primary:hover {
  background-color: var(--colour-states-sc-teal-hover);
}

.button--primary:active {
  background-color: var(--colour-states-sc-teal-pressed);
}

.button--outline {
  color: var(--colour-text-primary-text);
  border: 1px solid var(--colour-border-border-lightest);
  background: var(--colour-background-bg-1);
}

.button--outline:hover {
  background: var(--colour-states-sage-hover);
}

.button--outline:active {
  background: var(--colour-states-sage-pressed);
}

.button--secondary {
  border: 1px solid var(--colour-border-border-light);
  color: var(--colour-text-primary-text);
  background-color: var(--extended-sage-sage-3);
}

.button--secondary:hover {
  background-color: var(--colour-states-sage-hover-darker);
  border: 1px solid var(--colour-states-sage-hover-darker);
}

.button--secondary:active {
  background-color: var(--colour-states-sage-pressed-darker);
  border: 1px solid var(--colour-states-sage-pressed-darker);
}

.button--tertiary {
  background-color: var(--colour-utility-link);
  border: 1px solid var(--colour-utility-link);
}

.button__tag {
  padding: var(--spacing-xs) var(--spacing-sm);
  color: var(--brand-primary-purple);
  text-align: center;
  font-family: var(--plex-sans-font);
  font-size: 0.625rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.01em;
  border-radius: var(--border-radius-sm);
  border: 1px solid var(--colour-border-border-lightest);
  background: var(--colour-background-bg-1);
  box-shadow: var(--shadow-sm);
}
.checkbox {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
  display: inline-block;
  vertical-align: middle;
  background-origin: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  flex-shrink: 0;
  height: 1rem;
  width: 1rem;
  border-style: solid;
  border-width: 1px;
  border-radius: 2px;
  color: var(--colour-border-border-light);
  border-color: var(--colour-border-border-light);
  background-color: var(--colour-background-bg-1);
}

.checkbox:checked {
  background-image: url(/assets/icons/check-line-9d52a5327f36db250a61e7e0827ef82729a34552cf9571b5e0c164c5affc7180.svg);
  background-size: 0.75rem;
  background-position: center;
  background-repeat: no-repeat;
}
.checkbox-button {
  display: inline-flex;
  padding: var(--spacing-sm);
  justify-content: center;
  align-items: center;
  gap: var(--spacing-sm);
  flex-shrink: 0;
  border-radius: var(--border-radius-sm);
  border: 1px solid var(--colour-border-border-lightest);
  background: var(--colour-background-bg-1);
  box-shadow: var(--shadow-sm);
  transition: background-color 300ms ease-out;
}

.checkbox-button:hover {
  background: var(--colour-states-sage-hover);
}

.checkbox-button:has(> :checked) {
  background: var(--colour-utility-link);
  color: var(--colour-text-light-text);
}
.credits-table-container {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.credits-table__scroll {
  overflow-x: auto;
  border: 1px solid var(--colour-border-border-lightest);
  border-radius: var(--border-radius-sm);
  background: var(--colour-background-bg-1);
}

.credits-table {
  width: 100%;
  border-collapse: collapse;
  font-family: var(--plex-sans-font);
  font-size: var(--text-sm-size);
  text-align: left;
  color: var(--colour-text-primary-text);
}

.credits-table th,
.credits-table td {
  padding: var(--spacing-md);
  border-bottom: 1px solid var(--colour-border-border-lightest);
  vertical-align: middle;
  white-space: nowrap;
}

.credits-table th {
  font-weight: var(--text-semi-bold);
}

.credits-table tbody tr:last-child > * {
  border-bottom: none;
}

.credits-table tbody tr:hover {
  background: var(--colour-sage-1);
}

.credits-table .credits-table__project {
  min-width: 14rem;
  max-width: 24rem;
  white-space: normal;
}

.credits-table .credits-table__number {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.credits-table__sort {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs);
  color: inherit;
  text-decoration: none;
}

.credits-table__sort:hover {
  text-decoration: underline;
}

.credits-table .credits-table__empty {
  padding: var(--spacing-xl);
  text-align: center;
  white-space: normal;
}
.engineered-vet-node {
  display: flex;
  flex-direction: column;
  row-gap: var(--spacing-md);
}

.engineered-vet-node__summary {
  border-bottom: 1px solid var(--colour-border-border-lightest);
  padding-bottom: var(--spacing-md);
}

.engineered-vet-node__explanation {
  display: flex;
  flex-direction: column;
  row-gap: 1em;
}
.exomad-spot-purchase-complete-message {
  display: flex;
  flex-direction: column;
  padding: var(--spacing-xl);
  border-radius: var(--border-radius-sm);
  background-color: var(--colour-background-bg-1);
  border: solid 1px var(--colour-border-border-light);
}

.exomad-spot-purchase-complete-message__image {
  margin-bottom: var(--spacing-xl);
}

.exomad-spot-purchase-complete-message__content {
  display: flex;
  flex-direction: column;
  row-gap: var(--spacing-md);
}
.exomad-spot-purchase-details {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
}

.exomad-spot-purchase-details__title {
  padding-bottom: var(--spacing-lg);
  border-bottom: 1px solid var(--colour-border-border-lightest);
}

.exomad-spot-purchase-details__logo {
  height: var(--exomad-spot-purchase-details-logo-size, 4.5rem);
  filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.2));
}

.exomad-spot-purchase-details__quote-breakdown-section {
  border-bottom: 1px solid var(--colour-border-border-lightest);
}

.exomad-spot-purchase-details__row {
  display: flex;
  justify-content: space-between;
}

.exomad-spot-purchase-details__row--padded {
  padding-bottom: var(--spacing-lg);
}

.exomad-spot-purchase-details__user-note {
  text-align: right;
}
.exomad-spot-purchase-journey-status__title {
  margin-bottom: var(--spacing-sm);
}

.exomad-spot-purchase-journey-status__description {
  margin-bottom: var(--spacing-lg);
}
.exomad-spot-purchase-journey-step {
  padding: var(--spacing-lg) var(--spacing-xl) var(--spacing-lg) var(--spacing-xl);
  border-radius: var(--border-radius-sm);
  border: 1px solid var(--colour-border-border-lightest);
  display: flex;
  flex-direction: row;
  gap: var(--spacing-md);
  align-items: flex-start;
}

.exomad-spot-purchase-journey-step--incomplete {
  background-color: var(--colour-background-bg-1);
  border-color: var(--colour-border-border-light);
}

.exomad-spot-purchase-journey-step--complete {
  background-color: var(--colour-utility-success-pale);
  border-color: color-mix(
      in srgb,
      var(--colour-utility-success-bright),
      transparent 75%
  );
}

.exomad-spot-purchase-journey-step__count {
  color: var(--colour-utility-success-bright);
  font-family: var(--plex-sans-font);
  font-size: var(--text-sm-size);
  line-height: 1;
  font-weight: var(--text-semi-bold);
  padding: var(--spacing-sm);
  border-radius: 50%;
  position: relative;
  top: -0.0625rem;
}

.exomad-spot-purchase-journey-step--incomplete
.exomad-spot-purchase-journey-step__count {
  background-color: var(--colour-utility-success-pale);
}

.exomad-spot-purchase-journey-step--complete
.exomad-spot-purchase-journey-step__count {
  background-color: var(--colour-utility-success-bright);
  background-image: url(/assets/icons/check-line-white-744b7df24d4ce023a57401eca0cabc2c6812e9610ce74ef1f8b2a742fbe2de97.svg);
  background-size: 1rem;
  background-position: center;
  background-repeat: no-repeat;
  text-indent: -9999px;
}

.exomad-spot-purchase-journey-step__count-label {
  width: 1rem;
  height: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.exomad-spot-purchase-journey-step__content {
  font-family: var(--plex-sans-font);
  display: flex;
  flex-direction: column;
  width: 100%;
}

.exomad-spot-purchase-journey-step__title {
  font-family: var(--plex-sans-font);
  font-size: var(--text-xl-size);
  line-height: var(--text-xl-height);
  font-weight: var(--text-semi-bold);
  text-wrap: pretty;
  display: flex;
  justify-content: space-between;
}

.exomad-spot-purchase-journey-step__description {
  padding-top: var(--spacing-md);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-md);
  align-items: flex-start;
}
.exomad-spot-purchase-journey-steps {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  position: relative;
  z-index: 1;
}

.exomad-spot-purchase-journey-steps::before {
  content: "";
  display: block;
  height: 100%;
  width: 1px;
  background-color: var(--colour-border-border-light);
  position: absolute;
  top: 0;
  left: calc(var(--spacing-lg) * 2);
  z-index: -1;
}
.flash-message {
  position: fixed;
  display: flex;
  align-items: center;
  padding: var(--spacing-lg);
  border-radius: var(--spacing-md);
  bottom: var(--spacing-lg);
  right: var(--spacing-lg);
  left: var(--spacing-lg);
  margin-inline: auto;
  width: fit-content;
  z-index: 100001;
  border-radius: var(--border-radius-md);
  background-color: var(--extended-forest-forest-10);
  box-shadow: var(--shadow-lg);
}

.flash-message--enter {
  transition-timing-function: ease-in-out;
  transition-duration: 500ms;
}

.flash-message--enter-start {
  transform: translateY(100%);
  opacity: 0;
}

.flash-message--enter-end {
  transform: 0;
  opacity: 1;
}

.flash-message--leave {
  transition-timing-function: ease-in-out;
  transition-duration: 500ms;
}

.flash-message--leave-start {
  transform: 0;
  opacity: 1;
}

.flash-message--leave-end {
  transform: translateY(100%);
  opacity: 0;
}

.flash-message__icon-container {
  height: 1.5rem;
  width: 1.5rem;
  border-radius: 100%;
  flex-shrink: 0;
  margin-right: var(--spacing-md);
  display: flex;
  align-items: center;
  justify-content: center;
}

.flash-message__icon-container--notice {
  background-color: var(--colour-utility-success-bright);
}

.flash-message__icon-container--alert {
  background-color: var(--colour-utility-danger-bright);
}

.flash-message__icon {
  height: 1rem;
  width: 1rem;
}

.flash-message__icon--alert {
  fill: var(--colour-background-bg-1);
}

@media only screen and (max-width: 42.1875em) {
  .flash-message {
    padding: var(--spacing-md);
  }
}
.form-field {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}

.form-field__label {
  padding-bottom: var(--spacing-xs);
  font-family: var(--plex-sans-font);
  font-size: var(--text-sm-size);
  line-height: var(--text-sm-height);
  letter-spacing: var(--text-sm-spacing);
}

.form-field__label--bold {
  font-weight: var(--text-semi-bold);
}

.form-field__label-text {
  font-weight: var(--text-semi-bold);
}

.form-field__label-asterisk {
  color: var(--colour-text-tertiary-text);
}

.form-field__help-text {
  margin-top: var(--spacing-xs);
  display: block;
  color: var(--colour-text-secondary-text);
  font-family: var(--plex-sans-font);
  font-size: var(--text-sm-size);
  line-height: var(--text-sm-height);
  letter-spacing: var(--text-sm-spacing);
}

.form-field__input {
  border-radius: var(--border-radius-sm);
  border: 1px solid var(--colour-border-border-lightest);
  background-color: var(--colour-background-bg-1);
  box-shadow: var(--shadow-sm);
  padding: var(--spacing-sm) var(--spacing-md);
  font-family: var(--plex-sans-font);
  font-size: var(--text-base-size);
  line-height: var(--text-base-height);
  letter-spacing: var(--text-base-spacing);
}

.form-field__input--select {
  --arrow-size: 1rem;

  padding-right: calc(
    var(--spacing-md) + var(--spacing-sm) + var(--arrow-size)
  );
  background-image: url(/assets/icons/arrow-down-s-line-c3ebb9f926004b0036a477bc708f98d11f55f771f3227fffe6eb1cb80ca0c43e.svg);
  background-position: right var(--arrow-size) center;
  background-repeat: no-repeat;
  background-size: var(--arrow-size);
  transition: background-color 300ms ease-out;
}

.form-field__input--error {
  border: 1px solid var(--colour-utility-danger-bright);
}

.form-field__input::placeholder {
  color: var(--colour-text-tertiary-text);
}

.form-field__input:focus-visible {
  outline: 2px solid var(--colour-border-border-focusRing);
  border-radius: var(--border-radius-sm);
}

.form-field__error {
  display: flex;
  align-items: center;
  color: var(--colour-utility-danger-bright);
}

.form-field__error-icon {
  margin-right: var(--spacing-xs);
  height: 1rem;
  width: 1rem;
}

.form-field__error-msg {
  font-family: var(--plex-sans-font);
  font-size: var(--text-xs-size);
  line-height: var(--text-xs-height);
  letter-spacing: var(--text-xs-spacing);
}
.gallery-actions-bar {
  width: 100%;
}

.gallery-actions-bar--marketplace {
  padding-block: var(--spacing-sm);
  padding-inline: var(--spacing-md);
}

.gallery-actions-bar--shared {
  padding: var(--spacing-md);
}
.gallery-flood {
  padding-inline: 12rem;
  padding-block: var(--spacing-5xl);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--spacing-sm);
  opacity: 0;
  animation: fadeIn 0.6s ease-in-out forwards;
}

.gallery-flood__image-container {
  overflow: hidden;
  border-radius: var(--border-radius-sm);
}

.gallery-flood__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: var(--border-radius-sm);
  transition: transform 0.2s ease-in-out;
}

.gallery-flood__image-container:hover .gallery-flood__image {
  transform: scale(1.05);
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@media only screen and (max-width: 42.1875em) {
  .gallery-flood {
    grid-template-columns: 1fr;
  }
}

@media only screen and (max-width: 80em) {
  .gallery-flood {
    padding: var(--spacing-md);
    padding-inline: var(--spacing-md);
  }
}

.gallery-preview {
  display: grid;
  position: relative;
  grid-template-columns: 2fr 1fr;
  grid-template-rows: 1fr 1fr;
  gap: var(--spacing-sm);
}

.gallery-preview__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.2s ease-in-out;
}

.gallery-preview__placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--colour-background-bg-1);
  border: 1px solid var(--colour-border-border-lightest);
  border-radius: var(--border-radius-sm);
}

.gallery-preview__image-container {
  overflow: hidden;
  border-radius: var(--border-radius-sm);
}

.gallery-preview__image-container:hover .gallery-preview__image {
  transform: scale(1.05);
}

.gallery-preview__item--main {
  grid-row: 1 / 3;
}

.gallery-preview__open-gallery-button {
  position: absolute;
  right: var(--spacing-lg);
  bottom: var(--spacing-lg);
}

@media only screen and (max-width: 42.1875em) {
  .gallery-preview {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
  }

  .gallery-preview__item--secondary {
    display: none;
  }

  .gallery-preview__open-gallery-button {
    position: absolute;
    right: var(--spacing-lg);
    top: var(--spacing-lg);
  }
}
.link {}

.link--with-icon {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}
.loading-spinner {
  animation: spin 1s linear infinite;
}

.loading-spinner-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  color: var(--brand-primary-sc-teal);
}
.marketplace-filters {
  display: flex;
  align-items: center;
  flex: none;
  gap: var(--spacing-lg);
  padding: var(--spacing-sm) var(--spacing-md);
  border-bottom: 1px solid var(--colour-border-border-lightest);
  font-family: var(--plex-sans-font);
  font-size: var(--text-sm-size);
  color: var(--colour-text-primary-text);
}

.marketplace-filters__search {
  position: relative;
  flex: 1;
  min-width: 0;
  max-width: 24rem;
}

.marketplace-filters__input {
  width: 100%;
  height: 2.5rem;
  padding: 0 2.5rem;
  border: 1px solid var(--colour-border-border-light);
  border-radius: var(--border-radius-sm);
  background: var(--colour-background-bg-1);
  font: inherit;
}

.marketplace-filters__input::-webkit-search-cancel-button {
  display: none;
}

.marketplace-filters__search-icon,
.marketplace-filters__clear-search {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.marketplace-filters__search-icon {
  left: var(--spacing-sm);
  pointer-events: none;
}

.marketplace-filters__clear-search {
  right: var(--spacing-xs);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border: 0;
  border-radius: var(--border-radius-sm);
  background: transparent;
  color: inherit;
  cursor: pointer;
}

.marketplace-filters__actions,
.marketplace-filters__currency {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  flex-shrink: 0;
}

.marketplace-filters__currency .select-menu {
  min-width: 7rem;
  height: 2.5rem;
}

.marketplace-filters__actions {
  margin-left: auto;
}

.marketplace-filters__button {
  height: 2.5rem;
}

.marketplace-filters__button--active {
  background: var(--brand-secondary-purple-pale);
}

.marketplace-filters__count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.25rem;
  height: 1.25rem;
  padding: 0 var(--spacing-xs);
  border-radius: 1rem;
  background: var(--colour-text-primary-text);
  color: white;
  font-size: var(--text-xs-size);
}

.marketplace-filters [hidden] {
  display: none;
}

.marketplace-filters__drawer {
  position: fixed;
  inset: 0 0 0 auto;
  width: 28rem;
  max-width: 100%;
  height: 100vh;
  height: 100dvh;
  max-height: none;
  margin: 0;
  padding: 0;
  border: 0;
  background: var(--colour-background-bg-1);
  color: inherit;
  box-shadow: var(--shadow-md);
}

.marketplace-filters__drawer[open] {
  animation: marketplace-filters-slide-in 200ms ease-out;
}

.marketplace-filters__drawer::backdrop {
  background: #1a211e80;
}

.marketplace-filters__drawer-content {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.marketplace-filters__drawer-header,
.marketplace-filters__drawer-footer {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-lg);
  flex-shrink: 0;
}

.marketplace-filters__drawer-header {
  justify-content: space-between;
  border-bottom: 1px solid var(--colour-border-border-lightest);
}

.marketplace-filters__drawer-body {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  flex: 1;
  padding: var(--spacing-lg);
  overflow-y: auto;
}

.marketplace-filters__field {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-sm);
}

.marketplace-filters__field label {
  font-weight: var(--text-semi-bold);
}

.marketplace-filters__field .select-menu {
  width: 100%;
  height: 2.75rem;
}

.marketplace-filters__drawer-footer {
  border-top: 1px solid var(--colour-border-border-lightest);
}

.marketplace-filters__drawer-footer .button {
  flex: 1;
}

body:has(.marketplace-filters__drawer[open]) {
  overflow: hidden;
}

@keyframes marketplace-filters-slide-in {
  from { transform: translateX(100%); }
  to { transform: translateX(0); }
}

@media (prefers-reduced-motion: reduce) {
  .marketplace-filters__drawer[open] {
    animation: none;
  }
}

@media (max-width: 42.1875em) {
  .marketplace-filters {
    flex-wrap: wrap;
    gap: var(--spacing-sm);
  }

  .marketplace-filters__search {
    flex-basis: 100%;
    max-width: none;
  }

  .marketplace-filters__actions {
    width: 100%;
    justify-content: space-between;
  }
}
.marketplace-table__scroll {
  overflow: auto;
  min-height: 0;
  flex: 1;
}

.marketplace-table {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  text-align: left;
  color: var(--colour-text-primary-text);
}

.marketplace-table th,
.marketplace-table td {
  padding: var(--spacing-xs) var(--spacing-md);
  border-bottom: 1px solid var(--colour-border-border-lightest);
  vertical-align: middle;
  white-space: nowrap;
}

.marketplace-table tbody th,
.marketplace-table tbody td {
  padding-block: 0.375rem;
}

.marketplace-table thead {
  position: sticky;
  top: 0;
  z-index: 2;
  background: var(--colour-background-bg-2);
}

.marketplace-table thead th {
  font-weight: var(--text-semi-bold);
}

.marketplace-table tbody tr {
  background: var(--colour-background-bg-1);
}

.marketplace-table tbody tr:hover {
  background: var(--brand-secondary-purple-pale);
}

.marketplace-table tbody tr[data-site-id] {
  cursor: pointer;
}

.marketplace-table__sort {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-xs);
  color: inherit;
  text-decoration: none;
}

.marketplace-table__sort:hover,
.marketplace-table__project a:hover {
  text-decoration: underline;
}

.marketplace-table .marketplace-table__project {
  min-width: 18rem;
  max-width: 24rem;
  white-space: normal;
  font-weight: var(--text-semi-bold);
}

.marketplace-table .marketplace-table__number {
  text-align: right;
  font-variant-numeric: tabular-nums;
}

.marketplace-table .marketplace-table__group {
  text-align: center;
}

.marketplace-table__vetting {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-sm);
}

.marketplace-table__availability-note {
  display: block;
  margin-top: var(--spacing-xs);
  font-weight: normal;
  color: var(--colour-text-tertiary-text);
}

.marketplace-table .marketplace-table__empty {
  padding: var(--spacing-xl);
  text-align: center;
  white-space: normal;
}

@media (min-width: 48em) {
  .marketplace-table tbody .marketplace-table__project {
    position: sticky;
    z-index: 1;
    background: inherit;
  }

  .marketplace-table .marketplace-table__project,
  .marketplace-table thead tr:first-child th:first-child {
    left: 0;
  }

  .marketplace-table thead tr:first-child th:first-child {
    position: sticky;
    background: var(--colour-background-bg-2);
    z-index: 3;
  }
}

@media (max-width: 62em) {
  .marketplace-table__scroll {
    flex: none;
    max-height: 65vh;
    max-height: 65dvh;
  }
}
.nav-slide-over {
  --transition-nav-slide-over: 500ms;
}

.nav-slide-over--hidden {
  display: none;
}

.nav-slide-over__backdrop--enter {
  transition-duration: var(--transition-nav-slide-over);
  transition-timing-function: ease-in-out;
}

.nav-slide-over__backdrop--enter-start {
  opacity: 0;
}

.nav-slide-over__backdrop--enter-end {
  opacity: 1;
}

.nav-slide-over__backdrop--leave {
  transition-duration: var(--transition-nav-slide-over);
  transition-timing-function: ease-in-out;
}

.nav-slide-over__backdrop--leave-start {
  opacity: 1;
}

.nav-slide-over__backdrop--leave-end {
  opacity: 0;
}

.nav-slide-over__panel--enter {
  transition-duration: var(--transition-nav-slide-over);
  transition-timing-function: ease-in-out;
}

.nav-slide-over__panel--enter-start {
  transform: translateX(-100%);
}

.nav-slide-over__panel--enter-end {
  transform: translateX(0);
}

.nav-slide-over__panel--leave {
  transition-duration: var(--transition-nav-slide-over);
  transition-timing-function: ease-in-out;
}

.nav-slide-over__panel--leave-start {
  transform: translateX(0);
}

.nav-slide-over__panel--leave-end {
  transform: translateX(-100%);
}

.nav-slide-over__close-button--enter {
  transition-duration: var(--transition-nav-slide-over);
  transition-timing-function: ease-in-out;
}

.nav-slide-over__close-button--enter-start {
  opacity: 0;
}

.nav-slide-over__close-button--enter-end {
  opacity: 1;
}

.nav-slide-over__close-button--leave {
  transition-duration: var(--transition-nav-slide-over);
  transition-timing-function: ease-in-out;
}

.nav-slide-over__close-button--leave-start {
  opacity: 1;
}

.nav-slide-over__close-button--leave-end {
  opacity: 0;
}

.nav-slide-over {
  position: relative;
  z-index: 10000;
}

.nav-slide-over__backdrop {
  position: fixed;
  inset: 0;
  background-color: #1a211e80;
}

.nav-slide-over__layer-1 {
  position: fixed;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}

.nav-slide-over__layer-2 {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}

.nav-slide-over__layer-3 {
  pointer-events: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  display: flex;
  max-width: 100%;
  padding-right: var(--spacing-2xl);
}

.nav-slide-over__panel {
  pointer-events: auto;
  position: relative;
  max-width: 16.25rem;
}

.nav-slide-over__close-button-container {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  z-index: 10;
  margin-right: -3.125rem;
  padding-left: var(--spacing-md);
  padding-top: var(--spacing-md);
}

.nav-slide-over__close-button {
  position: relative;
}

.nav-slide-over__close-button-inset {
  position: absolute;
  inset: -0.625rem;
}

.nav-slide-over__close-button-icon {
  width: 1.5rem;
  height: 1.5rem;
}

.nav-slide-over__content-wrapper {
  height: 100%;
  background-color: rgb(255 255 255);
  --shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
  --ring-offset-shadow: 0 0 0 0 0 0;
  --ring-shadow: 0 0 0 0 2px rgb(255 255 255);
  box-shadow: var(--ring-offset-shadow, 0 0 #0000),
    var(--tw-ring-shadow, 0 0 #0000), var(--shadow);
}

.nav-slide-over__content {
  height: 100vh; /* falls back to if below is not supported */
  height: 100dvh;
  display: flex;
  flex-direction: column;
}

.nav-slide-over__header {
  position: sticky;
  top: 0;
  padding: var(--spacing-lg);
}

.nav-slide-over__header--body-scrolled {
  border-bottom: 1px solid var(--colour-border-border-lightest);
  box-shadow: var(--shadow-md);
}

.nav-slide-over__body {
  flex: 1;
  padding: var(--spacing-lg);
  overflow-y: auto;
}

.nav-slide-over__footer {
  padding: var(--spacing-lg);
  border-top: 1px solid var(--colour-border-border-lightest);
  box-shadow: var(--shadow-md);
}

@media only screen and (max-width: 42.1875em) {
  .nav-slide-over__layer-3 {
    padding-left: 0;
  }

  .nav-slide-over__close-button-container {
    left: calc(100% - var(--spacing-sm));
    padding-right: var(--spacing-sm);
  }
}
.page-actions {
  --group-gutter: var(--spacing-lg);
  display: flex;
  justify-content: space-between;
  column-gap: var(--spacing-md);
  border-bottom: 1px solid var(--colour-border-border-lightest);
}

.page-actions__tabs,
.page-actions__breadcrumbs {
  display: flex;
  padding-inline: var(--group-gutter);
}

.page-actions__button-group {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: max-content;
  align-items: center;
  gap: var(--spacing-sm);
  padding-inline: var(--group-gutter);
  overflow-x: auto;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

.page-actions__button-group::-webkit-scrollbar {
  display: none;
}

@media only screen and (max-width: 62em) {
  .page-actions {
    flex-wrap: wrap;
  }

  .page-actions__tabs {
    width: 100%;
    overflow-x: auto;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
  }

  .page-actions::-webkit-scrollbar {
    display: none;
  }

  .page-actions__button-group {
    width: 100%;
    border-top: 1px solid var(--colour-border-border-lightest);
    padding-block: var(--spacing-sm);
  }
}

@media only screen and (max-width: 42.1875em) {
  .page-actions {
    --group-gutter: var(--spacing-md);
  }
}
.page-actions-breadcrumbs {
  padding-inline: var(--group-gutter);
}

.page-actions-breadcrumbs__mobile-display {
  display: none;
  align-items: center;
  gap: var(--spacing-sm);
}

.page-actions-breadcrumbs__desktop-display {
  display: flex;
  overflow-x: auto;
  align-items: center;
  gap: var(--spacing-sm);
}

.page-actions-breadcrumbs__icon {
  width: var(--spacing-md);
  height: var(--spacing-md);
}

.page-actions-breadcrumbs__item {
  color: var(--colour-text-secondary-text);
  padding: var(--spacing-md) 0 var(--spacing-md);
  text-wrap: nowrap;
}

.page-actions-breadcrumbs__item--link {
  text-decoration: underline;
}

.page-actions-breadcrumbs__item--link:hover {
  text-decoration: underline;
  color: var(--brand-primary-purple);
}


@media only screen and (max-width: 42.1875em) {
  .page-actions-breadcrumbs__mobile-display {
    display: flex;
  }

  .page-actions-breadcrumbs__desktop-display {
    display: none;
  }
}
.page-header {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  padding: var(--spacing-md) var(--spacing-lg);
  border-bottom: 1px solid var(--colour-border-border-lightest);
}

.page-header__end {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  margin-left: auto;
}

@media only screen and (max-width: 42.1875em) {
  .page-header {
    padding-inline: var(--spacing-md);
  }
}
.pill {
  font-family: var(--plex-sans-font);
  font-size: 0.625rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: normal;
  border-radius: 1.875rem;
  padding: 0.5em 1em;
  text-transform: uppercase;
  width: fit-content;
}

.pill--green {
  background-color: #c4fb8c;
  color: #2d6a65;
}

.pill--pink {
  background-color: #ffd0d7;
  color: #d95761;
}

.pill--orange {
  background-color: #fbe5a6;
  color: #b4841d;
}
.popup-menu {
  --transition: 100ms ease-in-out;

  display: flex;
  position: relative;
}

.popup-menu__toggler {
  width: 100%;
}

.popup-menu__content {
  position: absolute;
  bottom: calc(100% + 0.5rem);
  z-index: 999;
  visibility: hidden;
  opacity: 0;
  border-radius: var(--border-radius-sm);
  background-color: #fff;
  border: 1px solid #e6e9e8;
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.06),
    0px 4px 6px -1px rgba(0, 0, 0, 0.1);
  max-width: calc(100vw - 4rem);
}

.popup-menu__content--expanded {
  opacity: 1;
  visibility: visible;
}

.popup-menu__section {
  padding: 0.5rem;
}

.popup-menu__section--title {
  border-bottom: 1px solid #e6e9e8;
  padding: 1rem;
}

.popup-menu__item {
  display: flex;
  align-items: center;
  padding: 0.5rem;
  border-radius: var(--border-radius-xs, 4px);
  text-decoration: none;
  width: 100%;
}

.popup-menu__item:hover {
  background-color: #eef1f0;
}

.popup-menu__item:active {
  background-color: #e6e9e8;
}

.popup-menu__item-icon {
  height: 1rem;
  width: 1rem;
  fill: #1a211e;
  flex-shrink: 0;
  margin-right: 0.5rem;
}

@media only screen and (max-width: 42.1875em) {
  .popup-menu__content {
    top: calc(100% + 0.5rem);
    right: 0;
    bottom: unset;
  }
}
.score-circle {
  position: relative;
}

.score__circle-container {
  height: 4.5rem;
  width: 4.5rem;
}

.score-circle__ring {
  transition: stroke-dashoffset 1s;
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
}

.score-circle__value {
  fill: #000;
  font-family: var(--plex-sans-font);
  font-size: 2rem;
  line-height: 1.5em;
  letter-spacing: 0.02em;
}
.select-menu {
  --arrow-size: 1rem;

  padding-top: var(--spacing-sm);
  padding-right: calc(
    var(--spacing-md) + var(--spacing-sm) + var(--arrow-size)
  );
  padding-left: var(--spacing-md);
  padding-bottom: var(--spacing-sm);
  background-image: url(/assets/icons/arrow-down-s-line-c3ebb9f926004b0036a477bc708f98d11f55f771f3227fffe6eb1cb80ca0c43e.svg);
  background-position: right var(--arrow-size) center;
  background-repeat: no-repeat;
  border-radius: var(--border-radius-sm);
  background-size: var(--arrow-size);
  border: 1px solid var(--colour-border-border-lightest);
  background-color: var(--colour-background-bg-1);
  transition: background-color 300ms ease-out;
  box-shadow: var(--shadow-sm);
  font-family: var(--plex-sans-font);
  font-size: var(--text-sm-size);
  line-height: var(--text-sm-height);
  letter-spacing: var(--text-sm-spacing);
  font-weight: var(--text-regular);
}

.select-menu:hover {
  background-color: var(--colour-states-sage-hover);
}
.copy-to-clipboard-btn {
  position: relative;
}

.copy-to-clipboard-btn__success-msg {
  display: flex;
  flex-shrink: 0;
  gap: var(--spacing-xs);
  background: var(--colour-text-primary-text);
  color: white;
  padding: var(--spacing-sm) var(--spacing-sm);
  border-radius: var(--border-radius-sm);
  position: absolute;
  top: calc(-1 * 2.25rem);
  left: 50%;
  transform: translateX(-50%);
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.copy-to-clipboard-btn__success-msg-text {
  white-space: nowrap;
}

.copy-to-clipboard-btn__success-msg-icon {
  display: flex;
  width: 1rem;
  height: 1rem;
}

.copy-to-clipboard-btn__success-msg--visible {
  opacity: 1;
  visibility: visible;
}

@media only screen and (max-width: 62em) {
  .copy-to-clipboard-btn__success-msg {
    top: 0;
    left: -11rem;
    transform: translateX(0);
  }
}
.shared-site-navigation-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-block: var(--spacing-md);
  padding-inline: var(--spacing-lg);
}

.shared-site-navigation-header__breadcrumb {
  display: flex;
  align-items: center;
}

.shared-site-navigation-header__breadcrumb-text {
  font-family: var(--plex-sans-font);
  font-weight: var(--text-regular);
  font-size: var(--text-sm-size);
  letter-spacing: var(--text-sm-spacing);
}

.shared-site-navigation-header__breadcrumb-text--full-path {
  display: flex;
  align-items: center;
}

.shared-site-navigation-header__breadcrumb-text--back {
  display: none;
}

.shared-site-navigation-header__breadcrumb-chevron {
  display: inline-block;
  background-image: url(/assets/icons/arrow-right-s-line-225f633248f709a1368a26f90b826f32f5a04a7915852cafa4817499cdc6aba4.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1rem;
  height: 2rem;
  width: 1.5rem;
}

.shared-site-navigation-header__breadcrumb-chevron--back {
  background-image: url(/assets/icons/arrow-left-s-line-375d0c580364bd1678b5e17b2ef3267ce9b7c409cfe4372d201cfee15b19c093.svg);
}

.shared-site-navigation-header__breadcrumb-link {
  color: var(--colour-text-text-primary);
  text-decoration: underline;
  text-underline-offset: 0.25rem;
}

.shared-site-navigation-header__breadcrumb-link--back,
.shared-site-navigation-header__breadcrumb-link--back:hover {
  text-decoration: none;
}

@media only screen and (max-width: 62em) {
  .shared-site-navigation-header__breadcrumb-text--full-path {
    display: none;
  }

  .shared-site-header-navigation__header-breadcrumb-text--back {
    display: flex;
    align-items: center;
  }
}

@media only screen and (max-width: 42.1875em) {
  .shared-site-navigation-header {
    padding-inline: var(--spacing-md);
  }
}
.shared-site-info-panel {
  border-radius: var(--border-radius-md);
  padding: var(--spacing-lg);
  border: 1px solid var(--colour-border-border-lightest);
  background: var(--colour-background-bg-2);
}

.shared-site-info-panel__title {
  display: flex;
  justify-content: flex-start;
  gap: var(--spacing-sm);
  align-items: center;
  margin-bottom: var(--spacing-lg);
  font-size: var(--text-lg-size);
  line-height: var(--text-lg-height);
  letter-spacing: var(--text-lg-spacing);
}

.shared-site-info-panel__content {
  display: flex;
  justify-content: space-between;
  gap: var(--spacing-md);
}

@media only screen and (max-width: 42.1875em) {
  .shared-site-info-panel {
    border-radius: var(--border-radius-sm);
  }
  .shared-site-info-panel__title {
    margin-bottom: var(--spacing-sm);
    font-size: var(--text-base-size);
    line-height: var(--text-base-height);
    letter-spacing: var(--text-base-spacing);
  }
  .shared-site-info-panel__content {
    flex-direction: column;
  }
  .shared-site-info-panel__content p {
    font-size: var(--text-sm-size);
    line-height: var(--text-sm-height);
    letter-spacing: var(--text-sm-spacing);
  }
}
.shared-site-nav__bar {
  display: none;
  justify-content: space-between;
  padding: var(--spacing-sm) var(--spacing-lg);
}

.shared-site-nav__desktop-menu {
  height: 100%;
}

@media only screen and (max-width: 62em) {
  .shared-site-nav {
    width: 100%;
  }

  .shared-site-nav__bar {
    display: flex;
  }

  .shared-site-nav__desktop-menu {
    display: none;
  }
}

@media only screen and (max-width: 42.1875em) {
  .shared-site-nav__bar {
    padding-inline: var(--spacing-md);
    min-height: 3.125rem;
  }
}
.shared-site-paging-controls {
  display: flex;
  gap: var(--spacing-sm);
}

.shared-site-paging-controls__control {
  appearance: none;
  background-color: var(--colour-background-bg-2);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1rem;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  border: 1px solid var(--colour-border-border-light);
  text-indent: -9999px;
}

.shared-site-paging-controls__control--prev {
  background-image: url(/assets/icons/arrow-left-s-line-375d0c580364bd1678b5e17b2ef3267ce9b7c409cfe4372d201cfee15b19c093.svg);
}

.shared-site-paging-controls__control--next {
  background-image: url(/assets/icons/arrow-right-s-line-225f633248f709a1368a26f90b826f32f5a04a7915852cafa4817499cdc6aba4.svg);
}

.shared-site-paging-controls__control--disabled {
  opacity: 0.25;
  pointer-events: none;
}

@media only screen and (max-width: 62em) {
  .shared-site-paging-controls__control {
    background-color: var(--colour-background-bg-1);
  }
}
.sidebar-card {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  border-radius: var(--border-radius-sm);
  border: 1px solid var(--colour-border-border-light);
}

.sidebar-card--primary {
  background-color: var(--colour-background-bg-1);
}

.sidebar-card--secondary {
  background-color: var(--colour-background-bg-2);
}

.sidebar-card--fill-space {
  flex-grow: 1;
}

.sidebar-card--fill-space .sidebar-card__footer {
  flex-grow: 1;
  background-color: var(--colour-background-bg-2);
  border-radius: var(--border-radius-sm);
}

.sidebar-card__header {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  padding-block: var(--spacing-sm);
  padding-inline: var(--spacing-lg);
}

.sidebar-card--for-org .sidebar-card__header {
  padding-block: var(--spacing-md);
}

.sidebar-card__heading {
  font-family: var(--plex-sans-font);
  font-weight: var(--text-semi-bold);
}

.sidebar-card__heading--xl {
  font-size: var(--text-xl-size);
  line-height: var(--text-xl-height);
  letter-spacing: var(--text-xl-spacing);
}

.sidebar-card__heading--base {
  font-size: var(--text-base-size);
  line-height: var(--text-base-height);
  letter-spacing: var(--text-base-spacing);
}

.sidebar-card__heading--lg {
  font-size: var(--text-lg-size);
  line-height: var(--text-lg-height);
  letter-spacing: var(--text-lg-spacing);
}

.sidebar-card__divider {
  border-top: 1px solid var(--colour-border-border-lightest);
  width: calc(100% - (var(--spacing-lg) * 2));
  margin-inline: var(--spacing-lg);
}

.sidebar-card__content {
  padding-block: var(--spacing-md);
  padding-inline: var(--spacing-lg);
}

.sidebar-card__footer {
  width: 100%;
}

@media only screen and (max-width: 62em) {
  .sidebar-card {
    display: none;
  }

  .sidebar-card--for-org {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-md);
    border: none;
    border-top: 1px solid var(--colour-border-border-light);
    border-radius: 0;
  }

  .sidebar-card--for-org .sidebar-card__header {
    padding-left: var(--spacing-md);
    padding-block: var(--spacing-sm);
  }

  .sidebar-card--for-org .sidebar-card__content {
    padding-right: var(--spacing-md);
    padding-block: var(--spacing-sm);
  }

  .sidebar-card span[data-clipboard-target] {
    display: none;
  }

  .sidebar-card__divider {
    display: none;
  }

  .sidebar-card__heading--xl {
    font-size: var(--text-base-size);
    line-height: var(--text-base-height);
    letter-spacing: var(--text-base-spacing);
  }
}
.shortlist-carousel-controls {
  display: flex;
  gap: var(--spacing-sm);
}

.shortlist-carousel-controls__control {
  appearance: none;
  background-color: var(--colour-background-bg-2);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1rem;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  border: 1px solid var(--colour-border-border-light);
  text-indent: -9999px;
}

.shortlist-carousel-controls__control:hover {
  background-color: var(--colour-background-bg-1);
  transition: background-color 0.2s ease-in-out;
}

.shortlist-carousel-controls__control--prev {
  background-image: url(/assets/icons/arrow-left-s-line-375d0c580364bd1678b5e17b2ef3267ce9b7c409cfe4372d201cfee15b19c093.svg);
}

.shortlist-carousel-controls__control--next {
  background-image: url(/assets/icons/arrow-right-s-line-225f633248f709a1368a26f90b826f32f5a04a7915852cafa4817499cdc6aba4.svg);
}

@media only screen and (max-width: 62em) {
  .shortlist-carousel-controls__control {
    background-color: var(--colour-background-bg-1);
  }
  .shortlist-carousel-controls__control:hover {
    background-color: var(--colour-background-bg-2);
  }
}
.shortlist-carousel {
  --item-width: 19.6875rem;

  display: grid;
  grid-template-columns: repeat(
    var(--item-count, 3),
    /* Set in HTMLs style attribute server side */ var(--item-width)
  );
  grid-template-rows: 4.1875rem auto auto auto auto auto auto auto auto;
  width: calc(var(--item-count, 3) * var(--item-width));
  padding-right: calc(
    var(--item-count, 3) * (var(--item-width) + var(--spacing-lg))
  );
  column-gap: var(--spacing-lg);
  overflow-x: scroll;
  scroll-snap-type: x mandatory;
  background-color: var(--colour-background-bg-2);
}
.shortlist-empty-state {
  display: flex;
  flex-direction: row;
  width: 100%;
  gap: var(--spacing-2xl);
}

.shortlist-empty-state__text-content {
  padding-block: var(--spacing-2xl);
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: var(--spacing-md);
  width: 50%;
  max-width: 25rem;
}

.shortlist-empty-state__heading {
  font-size: var(--text-3xl-size);
  line-height: var(--text-3xl-height);
  font-weight: var(--text-semi-bold);
  text-wrap: balance;
}

@media only screen and (max-width: 62em) {
  .shortlist-empty-state__heading {
    font-size: var(--text-2xl-size);
    line-height: var(--text-2xl-height);
  }

  .shortlist-empty-state__text-content {
    padding-block: var(--spacing-lg);
    width: 100%;
  }

  .shortlist-empty-state__illustration-container {
    padding-block: var(--spacing-lg);
  }
}

@media only screen and (max-width: 42.1875em) {
  .shortlist-empty-state {
    flex-direction: column;
  }

  .shortlist-empty-state__illustration-container {
    padding-block: 0;
  }
}
.shortlists-header-navigation {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.shortlists-header-navigation__breadcrumb {
  display: flex;
  align-items: center;
}

.shortlists-header-navigation__breadcrumb-text {
  font-family: var(--plex-sans-font);
  font-weight: var(--text-regular);
  font-size: var(--text-sm-size);
  letter-spacing: var(--text-sm-spacing);
}
/* Item */
.shortlist-item {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: 1 / -1;
  background-color: var(--colour-background-bg-1);
  border-radius: var(--border-radius-xs);
  box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.05);
  scroll-snap-align: start;
  overflow: hidden;
}

.shortlist-item:hover .button--secondary {
  color: var(--colour-text-light-text);
  border-color: var(--brand-secondary-purple-dark);
  background-color: var(--brand-primary-purple);
}

.shortlist-item__section {
  display: flex;
  flex-direction: column;
  padding: var(--spacing-md);
}

.shortlist-item__section-title {
  border-bottom: 1px solid var(--colour-border-border-lightest);
  padding-bottom: var(--spacing-sm);
  margin-bottom: var(--spacing-sm);
}

.shortlist-item__section-footer {
  flex-grow: 1;
  margin-top: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.shortlist-item__section-footer--pad-top {
  padding-top: var(--spacing-4xl);
}

.shortlist-item__pdp-link-wrapper {
  margin: var(--spacing-md);
}

.shortlist-item__text-content {
  padding: var(--spacing-sm, 8px) 0px var(--spacing-md, 16px) 0px;
}
.shortlist-commentary {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-inline: var(--spacing-md);
}

.shortlist-commentary--not-truncatable {
  padding-bottom: var(--spacing-md);
}

.shortlist-commentary:has(.shortlist-commentary__copy--truncated) {
  justify-content: flex-start;
}

.shortlist-commentary__title {
  margin-bottom: var(--spacing-md);
}

.shortlist-commentary__copy {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  position: relative;
}

.shortlist-commentary__text {
  margin-bottom: var(--spacing-md);
}

.shortlist-commentary__text:last-of-type {
  margin-bottom: 0;
}

.shortlist-commentary__copy--truncated {
  -webkit-line-clamp: 4;
  max-height: 6em; /* Fallback for non-WebKit browsers */
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  position: relative;
}

.shortlist-commentary__copy--truncated::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background: linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  pointer-events: none;
}

.shortlist-commentary__copy:not(.shortlist-commentary__copy--truncated)::after {
  display: none;
}

.shortlist-commentary__cta {
  margin-top: var(--spacing-md);
}

.shortlist-commentary--not-truncatable .shortlist-commentary__cta {
  display: none;
}
.shortlist-header {
  background-color: var(--extended-forest-forest-9);
  padding: 0.75rem;
  overflow: hidden;
}

.shortlist-header__inner {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}

.shortlist-header__logo-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  background-color: var(--colour-background-bg-1);
}

.shortlist-header__copy-container {
  white-space: nowrap;
}

.shortlist-header__logo {
  object-fit: contain;
  border: 2px solid transparent;
  position: relative;
  z-index: 2;
}

.shortlist-header__logo-char {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
.shortlist-hero-image {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: var(--border-radius-xs);
  border: 1px solid var(--colour-border-border-light);
  background-color: var(--colour-background-bg-2);
  height: 10rem;
  width: 17.75rem;
  overflow: hidden;
}

.shortlist-hero-image__img {
  border-radius: var(--border-radius-xs);
}
.shortlist-icon-list {
  row-gap: var(--spacing-sm);
  display: flex;
  flex-direction: column;
  list-style: none;
}

.shortlist-icon-list__item {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
  padding-bottom: var(--spacing-sm);
}

.shortlist-icon-list__item:not(:last-child) {
  border-bottom: 1px solid var(--extended-sage-sage-3);
}

.shortlist-icon-list__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  overflow: hidden;
  color: var(--colour-background-bg-1);
  background-color: var(--brand-primary-purple);
}

.shortlist-icon-list__icon--fully-rounded {
  border-radius: 50%;
}

.shortlist-icon-list__icon--xs-rounded {
  border-radius: var(--border-radius-xs);
}
.shortlist-key-information {
  padding-bottom: var(--spacing-sm);
}

.shortlist-key-information__item {
  display: flex;
  padding-bottom: var(--spacing-sm);
}

.shortlist-key-information__item-no-cta {
  flex-direction: column;
}

.shortlist-key-information__item:not(:first-child) {
  padding-top: var(--spacing-sm);
}

.shortlist-key-information__item:not(:last-child) {
  border-bottom: 1px solid var(--colour-border-border-lightest);
}

.shortlist-key-information__item-with-cta {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.shortlist-vetting-score {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: var(--spacing-sm);
  padding-bottom: var(--spacing-md);
}

.shortlist-vetting-score__value {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}
.availability-table {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-lg);
  border-radius: var(--border-radius-sm);
  padding: var(--spacing-lg);
  background: var(--colour-background-bg-1);
  border: 1px solid var(--colour-border-border-lightest);
  box-shadow: var(--shadow-sm);
}

.availability-table__header {
  display: flex;
  justify-content: flex-start;
  gap: 0.5rem;
  align-items: center;
}

.availability-table__row {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--colour-border-border-lightest);
  padding-top: var(--spacing-lg);
  padding-bottom: var(--spacing-lg);
}

.availability-table__row:first-of-type {
  padding-top: 0;
}

.availability-table__row:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
}

.availability-table__key {
  color: var(--colour-text-tertiary-text);
}

.availability-table__value {
  color: var(--colour-text-primary-text);
}

.availability-table__icon {
  height: 1rem;
  width: 1rem;
  fill: var(--colour-text-secondary-text);
}
.co-benefits {
  display: flex;
  flex-direction: column;
}

.co-benefit {
  display: grid;
  column-gap: var(--spacing-5xl);
  grid-template-columns: 1.5rem 1fr;
  max-width: 46.75rem;
  border-bottom: 1px solid var(--colour-border-border-lightest);
  padding-bottom: var(--spacing-lg);
}

.co-benefit:not(:first-child) {
  padding-top: 1.5rem;
}

.co-benefit__icon-container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--spacing-md, 16px);
  gap: 5.5rem;
  height: 3.5rem;
  width: 3.5rem;
  border-radius: var(--border-radius-md, 1rem);
  background: var(--brand-secondary-purple-pale, #edeeff);
  color: var(--brand-primary-purple);
}

.co-benefit__icon {
  width: 2rem;
  height: 2rem;
}

@media only screen and (max-width: 42.1875em) {
  .co-benefit__description {
    font-size: var(--text-sm-size);
  }
}
.site-hero-image {
  width: 100%;
  background-color: var(--colour-background-bg-2);
}

.site-hero-image__inner {
  max-width: 64rem;
  width: 100%;
}

.site-hero-image__img {
  overflow: hidden;
  aspect-ratio: 16 / 7.5;
  object-fit: cover;
  border-radius: var(--border-radius-sm);
}

@media only screen and (max-width: 42.1875em) {
  .site-hero-image {
    width: 100%;
  }
}
.site-hero-section {
  width: 100%;
  background-color: var(--colour-background-bg-2);
}

.site-hero-section__inner {
  max-width: 71.625rem;
  padding-block: var(--spacing-2xl);
  margin-inline: auto;
  padding-inline: var(--spacing-lg);
}

.site-hero-section__gallery-preview {
  margin-bottom: calc(var(--spacing-3xl) * -1);
}

.site-hero-section__overview {
  max-width: 68.625rem;
}

@media only screen and (min-width: 80.0625em) {
  .site-hero-section__overview {
    padding-inline: var(--spacing-lg);
  }
}
.site-info-list {
  display: grid;
  grid-auto-rows: 1fr;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 3rem;
  font-family: var(--plex-sans-font);
  font-size: var(--text-base-size);
  letter-spacing: var(--text-base-spacing);
  line-height: var(--text-base-height);
}

.site-info-list__item {
  display: flex;
  flex-direction: row;
  row-gap: var(--spacing-sm);
  justify-content: flex-start;
  align-items: center;
  padding-top: var(--spacing-lg);
  padding-bottom: var(--spacing-lg);
  border-bottom: 1px solid var(--colour-border-border-lightest);
}

.site-info-list__key {
  flex: 0 0 40%;
  color: var(--colour-text-secondary-text);
}

.site-info-list__value {
  display: flex;
  align-items: center;
  column-gap: var(--spacing-sm);
}

.site-info-list__value--link {
  cursor: pointer;
}

@media only screen and (max-width: 42.1875em) {
  .site-info-list {
    grid-template-columns: 1fr;
  }
  .site-info-list__item {
    padding-top: var(--spacing-sm);
    padding-bottom: var(--spacing-sm);
  }
  .site-info-list__key {
    font-size: var(--text-sm-size);
    line-height: var(--text-sm-height);
    letter-spacing: var(--text-sm-spacing);
  }
  .site-info-list__value {
    font-size: var(--text-sm-size);
    line-height: var(--text-sm-height);
    letter-spacing: var(--text-sm-spacing);
  }
}

@media only screen and (max-width: 80em) {
  .site-info-list {
    grid-template-columns: 1fr;
  }
}
.site-location__map {
  height: 100%;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: var(--border-radius-sm);
  overflow: hidden;
}

.site-location__name {
  margin-top: var(--spacing-sm);
  display: flex;
  gap: var(--spacing-xs);
}
.site-youtube-video {
  aspect-ratio: 16 / 9;
  width: 100%;
  overflow: hidden;
  border-radius: var(--border-radius-sm);
}
.meet-the-people-hero-image {
  aspect-ratio: 16 / 9;
  border-radius: var(--border-radius-sm);
}
.meet-the-people-key-val-item {
  padding-block: var(--spacing-lg);
  font-family: var(--plex-sans-font);
  font-size: var(--text-base-size);
  line-height: var(--text-base-height);
  letter-spacing: var(--text-base-spacing);
  border-top: 1px solid var(--colour-border-border-lightest);
  max-width: 46.75rem;
}

.meet-the-people-key-val-item:last-child {
  border-bottom: 1px solid var(--colour-border-border-lightest);
}

.meet-the-people-key-val-item__key {
  margin-bottom: var(--spacing-sm);
  font-weight: var(--text-semi-bold);
}

@media only screen and (max-width: 42.1875em) {
  .meet-the-people-key-val-item__key {
    margin-bottom: var(--spacing-xs);
  }
  .meet-the-people-key-val-item dd {
    font-size: var(--text-sm-size);
    line-height: var(--text-sm-height);
    letter-spacing: var(--text-sm-spacing);
  }
}
.meet-the-people-quote {
  padding-block: var(--spacing-xl);
  font-family: var(--plex-sans-font);
  margin-block: var(--spacing-2xl);
  max-width: 42rem;
}

.meet-the-people-quote__text {
  font-weight: var(--text-semi-bold);
  font-size: var(--text-2xl-size);
  line-height: var(--text-2xl-height);
  text-wrap: pretty;
}

.meet-the-people-quote__author {
  margin-top: var(--spacing-lg);
  font-size: var(--text-xs-size);
  letter-spacing: var(--text-xs-spacing);
  line-height: var(--text-xs-height);
}

@media only screen and (max-width: 42.1875em) {
  .meet-the-people-quote {
    padding-block: var(--spacing-md);
  }
  .meet-the-people-quote__text {
    font-size: var(--text-lg-size);
    line-height: var(--text-lg-height);
    letter-spacing: var(--text-lg-spacing);
  }
  .meet-the-people-quote__author {
    font-size: var(--text-sm-size);
    line-height: var(--text-sm-height);
    letter-spacing: var(--text-sm-spacing);
  }
}
.site-overview {
  display: flex;
  flex-direction: column;
  row-gap: var(--spacing-2xl);
}

.site-overview__header {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  grid-gap: var(--spacing-md);
  flex-wrap: wrap;
}

.site-overview__logo-container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--spacing-5xl);
  width: var(--spacing-5xl);
  overflow: hidden;
  border-radius: 50%;
  background-color: var(--colour-background-bg-1);
  border: 1px solid var(--colour-border-border-lightest);
  padding: 2px;
}

.site-overview__logo {
  border: var(--spacing-xs) solid transparent;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.site-overview__name-initial {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.site-overview__content-container {
  display: flex;
  flex-direction: column;
  row-gap: var(--spacing-2xl);
}

.site-overview__stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(12.5rem, 1fr));
  gap: var(--spacing-md);
}

.site-overview__description {
  display: flex;
  flex-direction: column;
  row-gap: 1em;
}

.site-overview__description p {
  font-size: var(--text-base-size);
  line-height: var(--text-base-height);
  letter-spacing: var(--text-base-spacing);
}

.site-overview__show-more-toggle {
  margin-top: var(--spacing-md);
}

.site-overview__content--truncated {
  max-height: 97px;
  overflow: hidden;
  position: relative;
}

.site-overview--not-truncatable .site-overview__show-more-toggle {
  display: none;
}

.site-overview__content--truncated::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3em;
  background: linear-gradient(
      to bottom,
      transparent 0%,
      var(--colour-background-bg-2) 100%
  );
  pointer-events: none;
}

.site-overview__copy:not(.site-overview__content--truncated)::after {
  display: none;
}

@media only screen and (min-width: 42.25em) and (max-width: 80em) {
  .site-overview__logo-container {
    margin-left: var(--spacing-md);
  }
}

@media only screen and (max-width: 42.1875em) {
  .site-overview__description p {
    font-size: var(--text-sm-size);
    line-height: var(--text-sm-height);
    letter-spacing: var(--text-sm-spacing);
  }

  .site-overview__header {
    align-items: center;
    text-align: center;
  }
}
.profile-card {
  padding: var(--spacing-lg);
  border-radius: var(--border-radius-lg);
  background: var(--colour-background-bg-2);
  font-family: var(--plex-sans-font);
  font-size: var(--text-base-size);
  line-height: var(--text-base-height);
  letter-spacing: var(--text-base-spacing);
}

.profile-card__inner {
  display: flex;
  flex-direction: row;
  gap: var(--spacing-lg);
}

.profile-card__copy {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 66.6%;
}

.profile-card__name {
  font-weight: var(--text-semi-bold);
}

.profile-card__role {
  color: var(--colour-text-secondary-text);
  margin-bottom: var(--spacing-sm);
}

.profile-card__bio {
  margin-top: auto;
}

.profile-card__img {
  object-fit: cover;
  aspect-ratio: 1 / 1;
  flex: 33.3%;
  background-color: var(--colour-background-bg-2);
  border-radius: var(--border-radius-sm);
}

@media only screen and (max-width: 42.1875em) {
  .profile-card {
    border-radius: var(--border-radius-sm);
    padding: var(--spacing-md);
  }
  .profile-card__inner {
    flex-wrap: wrap;
  }
  .profile-card__bio {
    font-size: var(--text-sm-size);
    line-height: var(--text-sm-height);
    letter-spacing: var(--text-sm-spacing);
  }
}
.quote-card {
  display: flex;
  padding: var(--spacing-lg);
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: var(--spacing-lg);
  border-radius: var(--border-radius-sm);
  background: var(--colour-background-bg-1);
}

.quote-card__heading {
  display: flex;
  align-items: center;
  gap: var(--spacing-sm);
}

.quote-card__quote {
  display: flex;
  flex-direction: column;
  row-gap: 1em;
  padding-left: var(--spacing-md);
  border-left: 1px solid var(--colour-border-border-darkest);
}

.quote-card__paragraph {
  font-size: var(--text-base-size);
  line-height: var(--text-base-height);
  letter-spacing: var(--text-base-spacing);
}

.quote-card__figure {
  display: flex;
  align-items: center;
  margin-left: calc(var(--spacing-md) + 1);
}

.quote-card__avatar {
  flex: 0 4rem;
  border-radius: 50%;
  margin-right: var(--spacing-lg);
}

.quote-card__title {
  color: var(--colour-text-secondary-text);
  margin-bottom: var(--spacing-xs);
}

@media only screen and (max-width: 42.1875em) {
  .quote-card__paragraph {
    font-size: var(--text-sm-size);
    line-height: var(--text-sm-height);
    letter-spacing: var(--text-sm-spacing);
  }
}
.site-section {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.site-section--white {
  background-color: var(--colour-background-bg-1);
}

.site-section--grey {
  background-color: var(--colour-background-bg-2);
}

.site-section__inner {
  width: 100%;
  max-width: 68.625rem;
  padding-block: var(--spacing-2xl);
  padding-inline: var(--spacing-lg);
  margin-inline: auto;
}

.site-section__heading {
  margin-bottom: var(--spacing-lg);
  border-bottom: 1px solid var(--colour-border-border-lightest);
  display: flex;
  justify-content: space-between;
}

.site-section__title {
  margin-bottom: var(--spacing-lg);
  font-family: var(--plex-sans-font);
  font-size: var(--text-2xl-size);
  line-height: var(--text-2xl-height);
  font-weight: var(--text-semi-bold);
}

.site-section__explainer {
  color: var(--colour-text-secondary-text, #5f6563);
  margin-bottom: var(--spacing-lg);
  font-family: var(--plex-sans-font);
  font-size: var(--text-sm-size);
  max-width: 33rem;
}

.site-section__title--margin-lg {
  margin-bottom: var(--spacing-lg);
}

.site-section__cta {
  margin-bottom: var(--spacing-lg);
}

@media only screen and (max-width: 62em) {
  .site-section__inner {
    padding-inline: var(--spacing-lg);
  }
}

@media only screen and (max-width: 42.1875em) {
  .site-section__inner {
    padding-block: var(--spacing-lg);
    padding-inline: var(--spacing-md);
  }

  .site-section__title {
    font-size: var(--text-xl-size);
    line-height: var(--text-xl-height);
  }

  .site-section__heading {
    flex-direction: column;
  }
}
.site-section-group {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.site-section-group__horizontal-content-grouping {
  display: flex;
  max-width: 68.625rem;
  width: 100%;
  gap: var(--spacing-md);
}

.site-section-group__horizontal-content-grouping-item {
  flex: 1;
}

.site-section-group__horizontal-content-grouping-item:only-child {
  flex: none;
  width: 100%;
}

@media only screen and (max-width: 80em) {
  .site-section-group__horizontal-content-grouping {
    display: flex;
    flex-direction: column;
  }
  .site-footer-cta {
    width: 100%;
  }
}
.stat-card {
  display: flex;
  padding: var(--spacing-md);
  flex-direction: column;
  gap: var(--spacing-lg);
  border-radius: var(--border-radius-sm);
  background: var(--colour-background-bg-2);
  font-family: var(--plex-sans-font);
}

.stat-card__title {
  font-size: var(--text-sm-size);
  letter-spacing: var(--text-sm-spacing);
  line-height: var(--text-sm-height);
  font-weight: var(--text-regular);
  margin-bottom: var(--spacing-sm);
}

.stat-card__value {
  font-size: var(--text-xl-size);
  line-height: var(--text-xl-height);
}

.stat-card__icon {
  margin-top: auto;
}
.sustainable-development-goals {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(7rem, 1fr));
  gap: var(--spacing-sm);
}

.sustainable-development-goals__goal {
  border-radius: var(--border-radius-sm);
}

@media only screen and (max-width: 42.1875em) {
  .sustainable-development-goals {
    grid-template-columns: repeat(auto-fill, minmax(5rem, 1fr));
  }
}
.site-tab-nav {
  display: flex;
  position: sticky;
  top: 0;
  z-index: 1000;
  background-color: var(--colour-background-bg-1);
}

.site-tab-nav__items {
  padding-inline: var(--spacing-lg);
}

@media only screen and (max-width: 42.1875em) {
  .site-tab-nav__items {
    padding-inline: var(--spacing-md);
  }
}
.vetting__heading {
  margin-bottom: var(--spacing-lg);
}
.site-vetting-score-indicator {
  display: flex;
  padding: var(--spacing-xs) var(--spacing-sm) var(--spacing-xs)
    var(--spacing-xs);
  gap: var(--spacing-sm);
  align-items: center;
  border-radius: var(--border-radius-btn);
}

.site-vetting-score-indicator--excellent {
  background-color: var(--excellent-vetting-score-bg);
  color: var(--excellent-vetting-score-color);
}

.site-vetting-score-indicator--good {
  background-color: var(--good-vetting-score-bg);
  color: var(--good-vetting-score-color);
}

.site-vetting-score-indicator__circle-wrapper {
  height: 1rem;
  width: 1rem;
}
.site-vetting-status-tag {
  padding: var(--spacing-xs) var(--spacing-sm);
  border-radius: var(--border-radius-xs);
}

.site-vetting-status-tag--excellent, .site-vetting-status-tag--pass {
  background-color: var(--excellent-vetting-score-bg);
  color: var(--excellent-vetting-score-color);
}

.site-vetting-status-tag--good {
  background-color: var(--good-vetting-score-bg);
  color: var(--good-vetting-score-color);
}

.site-vetting-status-tag--early-access {
  border: 1px solid var(--good-vetting-score-color);
  color: var(--good-vetting-score-color);
}

.site-vetting-status-tag--under-development {
  border: 1px solid var(--colour-border-border-light);
  color: var(--colour-text-secondary-text);
}

.site-vetting-status-tag--awaiting-vetting {
  background-color: var(--awaiting-vetting-score-bg);
  color: var(--awaiting-vetting-score-color);
}
.vetting-summary {
  font-family: var(--plex-sans-font);
  font-size: var(--text-base-size);
  line-height: var(--text-base-height);
  letter-spacing: var(--text-base-spacing);
}

.vetting-summary__scores-link {
  display: inline-flex;
  margin-bottom: var(--spacing-lg);
}

.vetting-summary__row {
  display: flex;
  column-gap: var(--spacing-2xl);
  align-items: flex-start;
  padding-block: var(--spacing-xl);           /* Figma py-32 */
  border-bottom: 1px solid var(--colour-border-border-lightest);
}

/* Matches today's summary-table, whose last row has no rule and no trailing padding. */
.vetting-summary__row:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}

/* Proportional basis, capped at the Figma width. A fixed 21rem basis does not work
   here: .vetting-summary__explanation has flex-basis 0, so the row is always growing
   rather than shrinking and flex-shrink never engages — a fixed criterion would take
   336px out of every container size, leaving ~171px of prose on a shared-site page at
   ~993px, where the sidebar is still showing. 32% of the 1050px content box is 336px,
   so the desktop layout is unchanged. */
.vetting-summary__criterion {
  flex: 0 1 32%;
  max-width: 21rem;
  min-width: 0;
  display: flex;
  flex-direction: column;
  row-gap: var(--spacing-xs);
  font-weight: var(--text-semi-bold);
}

.vetting-summary__score {
  display: flex;
  align-items: center;
  gap: var(--spacing-md);
}

.vetting-summary__meter {
  flex: 1 1 auto;
  max-width: 18.25rem;                        /* Figma 292px */
  height: 0.375rem;                           /* Figma 6px */
  border-radius: var(--border-radius-btn);
  background-color: var(--colour-data-emerald-green-bg);
  overflow: hidden;
}

.vetting-summary__meter-fill {
  height: 100%;
  border-radius: var(--border-radius-btn);
  background-color: var(--colour-data-data-emerald-green);
}

.vetting-summary__score-value {
  color: var(--colour-text-primary-text);
}

/* min-width/overflow-wrap so a long unbreakable token in CMS prose cannot widen the row. */
.vetting-summary__explanation {
  flex: 1 1 0;
  min-width: 0;
  overflow-wrap: anywhere;
  font-weight: var(--text-regular);
  color: var(--colour-text-secondary-text);
}

@media only screen and (max-width: 42.1875em) {
  .vetting-summary__row {
    flex-direction: column;
    row-gap: var(--spacing-md);
    /* Once the row is a column, flex-start (the base rule) makes the cross axis
       (now horizontal) shrink-wrap .vetting-summary__criterion to its content —
       stretch makes it full width regardless of how long the criterion name is. */
    align-items: stretch;
  }

  /* flex-basis sizes the main axis, which is height once the row goes column —
     reset it here so .vetting-summary__criterion doesn't lock to 336px tall. */
  .vetting-summary__criterion {
    flex: 0 1 auto;
  }

  .vetting-summary__explanation {
    font-size: var(--text-sm-size);
    line-height: var(--text-sm-height);
    letter-spacing: var(--text-sm-spacing);
  }
}
.slide-over {
  --transition-slide-over: 500ms;
}

.slide-over--hidden {
  display: none;
}

.slide-over__backdrop--enter {
  transition-duration: var(--transition-slide-over);
  transition-timing-function: ease-in-out;
}

.slide-over__backdrop--enter-start {
  opacity: 0;
}

.slide-over__backdrop--enter-end {
  opacity: 1;
}

.slide-over__backdrop--leave {
  transition-duration: var(--transition-slide-over);
  transition-timing-function: ease-in-out;
}

.slide-over__backdrop--leave-start {
  opacity: 1;
}

.slide-over__backdrop--leave-end {
  opacity: 0;
}

.slide-over__panel--enter {
  transition-duration: var(--transition-slide-over);
  transition-timing-function: ease-in-out;
}

.slide-over__panel--enter-start {
  transform: translateX(100%);
}

.slide-over__panel--enter-end {
  transform: translateX(0);
}

.slide-over__panel--leave {
  transition-duration: var(--transition-slide-over);
  transition-timing-function: ease-in-out;
}

.slide-over__panel--leave-start {
  transform: translateX(0);
}

.slide-over__panel--leave-end {
  transform: translateX(100%);
}

.slide-over__close-button--enter {
  transition-duration: var(--transition-slide-over);
  transition-timing-function: ease-in-out;
}

.slide-over__close-button--enter-start {
  opacity: 0;
}

.slide-over__close-button--enter-end {
  opacity: 1;
}

.slide-over__close-button--leave {
  transition-duration: var(--transition-slide-over);
  transition-timing-function: ease-in-out;
}

.slide-over__close-button--leave-start {
  opacity: 1;
}

.slide-over__close-button--leave-end {
  opacity: 0;
}

.slide-over {
  position: relative;
  z-index: 10000;
}

.slide-over__backdrop {
  position: fixed;
  inset: 0;
  background-color: #1a211e80;
}

.slide-over__layer-1 {
  position: fixed;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}

.slide-over__layer-2 {
  position: absolute;
  inset: 0;
  overflow: hidden;
  pointer-events: none;
}

.slide-over__layer-3 {
  pointer-events: none;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  display: flex;
  max-width: 100%;
  padding-left: var(--spacing-4xl);
}

.slide-over__panel {
  pointer-events: auto;
  position: relative;
  width: 100vw;
}

.slide-over__panel--wide {
  max-width: 48.875rem;
}

.slide-over__panel--regular {
  max-width: 35.375rem;
}

.slide-over__close-button-container {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  z-index: 10;
  margin-left: -3.125rem;
  padding-right: var(--spacing-md);
  padding-top: var(--spacing-md);
}

.slide-over__close-button {
  position: relative;
}

.slide-over__close-button-inset {
  position: absolute;
  inset: -0.625rem;
}

.slide-over__close-button-icon {
  width: 1.5rem;
  height: 1.5rem;
}

.slide-over__content-wrapper {
  height: 100%;
  overflow-y: scroll;
  background-color: rgb(255 255 255);
  box-shadow: 0px 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.slide-over__content {
  height: 100vh; /* falls back to if below is not supported */
  height: 100dvh;
  display: flex;
  flex-direction: column;
}

.slide-over__header {
  position: sticky;
  top: 0;
  padding: var(--spacing-lg);
}

.slide-over__header--body-scrolled {
  border-bottom: 1px solid var(--colour-border-border-lightest);
  box-shadow: var(--shadow-md);
}

.slide-over__body {
  flex: 1;
  padding: var(--spacing-lg);
  overflow-y: auto;
}

.slide-over__footer {
  position: sticky;
  bottom: 0;
  padding-block: var(--spacing-lg);
  padding-inline: var(--spacing-lg);
  border-top: 1px solid var(--colour-border-border-lightest);
  background-color: var(--colour-background-bg-1);
}

@media only screen and (max-width: 42.1875em) {
  .slide-over__layer-3 {
    padding-left: 0;
  }

  .slide-over__close-button-container {
    left: calc(100% - var(--spacing-sm));
    padding-right: var(--spacing-sm);
  }

  .slide-over__footer {
    padding-block: var(--spacing-md);
  }
}
.stack {
  display: flex;
  flex-direction: column;
}

.stack--gap-xs {
  gap: var(--spacing-xs);
}

.stack--gap-sm {
  gap: var(--spacing-sm);
}

.stack--gap-md {
  gap: var(--spacing-md);
}

.stack--gap-lg {
  gap: var(--spacing-lg);
}

.stack--gap-xl {
  gap: var(--spacing-xl);
}

.stack--gap-2xl {
  gap: var(--spacing-2xl);
}

.stack--gap-3xl {
  gap: var(--spacing-3xl);
}

.stack--gap-4xl {
  gap: var(--spacing-4xl);
}

.stack--column {
  flex-direction: column;
}

.stack--column-reverse {
  flex-direction: column-reverse;
}

.stack--row {
  flex-direction: row;
}

.stack--row-reverse {
  flex-direction: row-reverse;
}

.stack--padding-xs {
  padding: var(--spacing-xs);
}

.stack--padding-sm {
  padding: var(--spacing-sm);
}

.stack--padding-md {
  padding: var(--spacing-md);
}

.stack--padding-lg {
  padding: var(--spacing-lg);
}

.stack--padding-xl {
  padding: var(--spacing-xl);
}
.supercritical-brand-header {
  padding: var(--spacing-lg);
}

@media only screen and (max-width: 62em) {
  .supercritical-brand-header {
    padding: var(--spacing-md);
  }
}
.supplier-submissions-slim-card-form__fieldset {
  padding: var(--spacing-xl);
  margin-bottom: var(--spacing-xl);
  background-color: var(--colour-background-bg-2);
  border-radius: var(--border-radius-sm);
  border: 1px solid var(--colour-border-border-light);
  max-width: calc(100vw - (var(--spacing-2xl) * 2));
}

.supplier-submissions-slim-card-form__legend {
  margin-bottom: var(--spacing-lg);
}

.supplier-submissions-slim-card-form__updated-at {
  padding-top: var(--spacing-sm);
  margin-top: var(--spacing-md);
}

.supplier-submissions-slim-card-form__buttons {
  display: flex;
  gap: var(--spacing-md);
  align-items: center;
}

.supplier-submissions-slim-card-form__footer {
  margin-top: var(--spacing-2xl);
}

.supplier-submissions-slim-card-form__summary {
  list-style: none;
  padding-right: var(--spacing-6xl);
}

.supplier-submissions-slim-card-form__summary::-webkit-details-marker {
  display: none;
}

.supplier-submissions-slim-card-form__summary-read-more {
  text-decoration: underline;
}

.supplier-submissions-slim-card-form__summary-text {
  margin-top: var(--spacing-md);
}

@media (max-width: 62rem) {
  .supplier-submissions-slim-card-form__fieldset {
    padding: var(--spacing-lg);
    max-width: calc(100vw - (var(--spacing-xl)));
  }
}

@media (max-width: 62rem) {
  .supplier-submissions-slim-card-form__summary {
    padding-right: 0;
  }
}
.tab-nav {
  display: flex;
  overflow-x: auto;
  flex-shrink: 0;
}

.tab-nav--md {
  gap: var(--spacing-md);
}

.tab-nav--lg {
  gap: var(--spacing-lg);
}

.tab-nav__item {
  color: var(--colour-text-primary-text);
  font-size: var(--text-sm-size);
  line-height: var(--text-sm-height);
  padding: var(--spacing-md) 0 var(--spacing-md);
  border-bottom: 2px solid transparent;
  text-wrap: nowrap;
}

.tab-nav__item:hover {
  text-decoration: none;
  border-bottom: 2px solid var(--brand-primary-purple);
  color: var(--brand-primary-purple);
}

.tab-nav__item--active {
  color: var(--brand-primary-purple);
  border-bottom: 2px solid var(--brand-primary-purple);
}
.tooltip {
  visibility: hidden;
  opacity: 0;
  width: max-content;
  max-width: 17.25rem;
  position: absolute;
  top: 0;
  left: 0;
  background: #1a211e;
  color: white;
  border-radius: var(--border-radius-sm);
  z-index: 2;
  padding: var(--spacing-md);
  white-space: normal;
  overflow-wrap: break-word;
}

.tooltip--visible {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s;
}

.tooltip__copy {
  font-family: var(--plex-sans-font);
  font-size: var(--text-xs-size);
  line-height: var(--line-height-xs);
  letter-spacing: var(--text-xs-spacing);
}

.tooltip__item {
  list-style-position: inside;
}
.vetting-tree {
  display: flex;
  flex-direction: column;
}

.vetting-tree__summary {
  display: grid;
  grid-template-columns: 6.5rem 1fr;
  column-gap: var(--spacing-xl);
  align-items: center;
  padding: var(--spacing-lg);
  margin-bottom: var(--spacing-sm);
  border: 1px solid var(--colour-border-border-lightest);
  background-color: var(--colour-background-bg-1);
  box-shadow: var(--shadow-sm);
  border-radius: var(--border-radius-sm);
}

.vetting-tree__accordion {
  display: flex;
  flex-direction: column;
  row-gap: var(--spacing-xl);
  padding: var(--spacing-xl) var(--spacing-xl) var(--spacing-xl)
    var(--spacing-lg);
  border: 1px solid var(--colour-border-border-lightest);
  background-color: var(--colour-background-bg-1);
  box-shadow: var(--shadow-sm);
  border-radius: var(--border-radius-sm);
}

.vetting-tree__toggle {
  --toggle-btn-size: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  height: var(--toggle-btn-size);
  width: var(--toggle-btn-size);
  border: 1px solid var(--colour-border-border-lightest);
  border-radius: 100%;
  pointer-events: none;
  color: var(--colour-secondary-icon);
  transition: all 300ms ease-out;
}

.vetting-tree__toggle--hover {
  border: 1px solid var(--brand-primary-purple);
  background-color: var(--brand-secondary-purple-light);
  color: var(--colour-utility-link);
}

.vetting-tree__toggle-open-icon {
  display: block;
}

.vetting-tree__toggle--open .vetting-tree__toggle-open-icon {
  display: none;
}

.vetting-tree__toggle-close-icon {
  display: none;
}

.vetting-tree__toggle--open .vetting-tree__toggle-close-icon {
  display: block;
}
/* Level 1 */
.vetting-tree-node-1__summary {
  display: grid;
  grid-template-columns: 3.5rem 1fr;
  grid-template-rows: 3.5rem auto auto;
  column-gap: var(--spacing-lg);
  margin-left: var(--spacing-lg);
}

.vetting-tree-node-1__score {
  grid-column: 1 / 2;
  grid-row: 1 / 2;
  align-content: center;
  text-align: center;
}

.vetting-tree-node-1__name {
  grid-column: 2 / 3;
  column-gap: var(--spacing-lg);
  align-content: center;
}

.vetting-tree-node-1__toggle-wrapper {
  position: relative;
  grid-column: 1 / 2;
  grid-row: 2 / 3;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.vetting-tree-node-1__toggle-wrapper::before {
  content: "";
  position: absolute;
  top: 0.25rem;
  height: calc(100% - 2rem);
  width: 1px;
  background-color: var(--colour-border-border-lightest);
}

.vetting-tree-node-1:not(:last-child)
  .vetting-tree-node-1__toggle-wrapper::after {
  content: "";
  position: absolute;
  bottom: -1.25rem;
  left: 1px;
  right: 0;
  margin: auto;
  height: 1rem;
  width: 1px;
  background-color: var(--colour-border-border-lightest);
}

.vetting-tree-node-1__explanation {
  grid-column: 2 / 3;
  grid-row: 2 / 3;
  display: flex;
  flex-direction: column;
}

.vetting-tree-node-1__children {
  position: relative;
  grid-column: 2 / 3;
  grid-row: 3 / 4;
  display: grid;
  grid-template-columns: 3.5rem 1fr;
  column-gap: var(--spacing-lg);
  margin-left: var(--spacing-lg);
}

/* The line down the side */
.vetting-tree-node-1:not(:last-child) .vetting-tree-node-1__children::before {
  content: "";
  position: absolute;
  top: 2rem;
  left: 1.75rem;
  height: calc(100% - 1rem);
  width: 1px;
  background-color: var(--colour-border-border-lightest);
}

/* The curve */
.vetting-tree-node-1__children::after {
  content: "";
  position: absolute;
  height: 2.5rem;
  width: 3rem;
  top: 0.25rem;
  left: 1.75rem;
  border-radius: 0 0 0 8px;
  border-bottom: 1px solid var(--colour-border-border-lightest);
  border-left: 1px solid var(--colour-border-border-lightest);
}

.vetting-tree-node-1__child {
  grid-column: 2 / 3;
  align-content: center;
}

.vetting-tree-node-1__child:first-of-type {
  padding-top: var(--spacing-lg);
}

.vetting-tree-node-1__child:not(:first-of-type) {
  padding-top: var(--spacing-sm);
}

.vetting-tree-node-2__summary {
  display: grid;
  grid-template-columns: 2.5rem 1fr;
  grid-template-rows: 2.5rem auto;
  column-gap: var(--spacing-lg);
}

.vetting-tree-node-2__score {
  grid-column: 1 / 2;
  align-content: center;
  text-align: center;
}

.vetting-tree-node-2__name {
  grid-column: 2 / 3;
  display: flex;
  align-items: center;
  column-gap: var(--spacing-sm);
}

.vetting-tree-node-2__body {
  position: relative;
  margin-left: 4rem;
  display: flex;
  flex-direction: column;
  row-gap: var(--spacing-sm);
}

/* Line down side of level 2 category */
.vetting-tree-node-1__child:not(:last-child)
  .vetting-tree-node-2__body::before {
  content: "";
  position: absolute;
  top: 0.25rem;
  left: -2.75rem; /* width of negative margin less 1/2 button width */
  height: 100%;
  width: 1px;
  background-color: var(--colour-border-border-lightest);
}

.vetting-tree-node-2__body-section {
  background-color: var(--colour-background-bg-2);
  border-radius: var(--border-radius-sm);
  padding: var(--spacing-md);
}

/* Level 3 - leaf */
.vetting-tree-node-3-leaf {
  display: flex;
  flex-direction: column;
  row-gap: var(--spacing-md);
}

.vetting-tree-node-3-leaf:not(:first-of-type) {
  border-top: 1px solid var(--colour-border-border-lightest);
  margin-top: var(--spacing-md);
  padding-top: var(--spacing-md);
}

/* Level 3 - with children */
.vetting-tree-node-3-with-children__summary {
  display: grid;
  grid-template-columns: 1.5rem 1fr;
  column-gap: var(--spacing-md);
}

.vetting-tree-node-3-with-children__name {
  grid-column: 2 / 3;
}

.vetting-tree-node-3-with-children__body {
  margin-left: 2.5rem;
  padding-left: var(--spacing-md);
  margin-top: var(--spacing-md);
  border-left: 1px solid var(--colour-border-border-lightest);
}

/* Level 4 */

.vetting-tree-node-4 {
  display: flex;
  flex-direction: column;
  row-gap: var(--spacing-sm);
}

.vetting-tree-node-4:not(:first-of-type) {
  margin-top: var(--spacing-lg);
}

.vetting-tree-node-4__score {
  grid-column: 1 / 2;
}

.vetting-tree-node-4__summary {
  grid-column: 2 / 3;
}

.vetting-tree-node-4__children {
  padding-left: var(--spacing-md);
  border-left: 1px solid var(--colour-border-border-lightest);
  display: flex;
  flex-direction: column;
  row-gap: var(--spacing-sm);
}

/* Level 5 */
.vetting-tree-node-5 {
  display: flex;
  flex-direction: column;
  row-gap: var(--spacing-sm);
}

.vetting-tree-node-5_summary {
  display: flex;
  align-items: center;
  column-gap: var(--spacing-md);
}

.vetting-tree-node-5__details {
  padding-top: var(--spacing-sm);
  margin-left: 2.5rem;
}
.vetting-tree-score {
  position: relative;
}

.vetting-tree-score__ring {
  transition: stroke-dashoffset 1s;
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
}

.vetting-tree-score__value {
  position: absolute;
  right: 50%;
  bottom: 50%;
  transform: translate(50%, 50%);
  display: flex;
  flex-direction: column;
  text-align: center;
}

.vetting-tree-score__label {
  font-size: 0.75em;
}
.ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.screen-reader-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.hide-scrollbar::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.hide-scrollbar {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

/* This is used by the el-transition package to hide/show elements */
.hidden {
  display: none;
}

/* Helpers to set vetting text colours */
.vetting-score-excellent {
  color: var(--excellent-vetting-score-color);
}

.vetting-score-good {
  color: var(--good-vetting-score-color);
}

/* Helpers for showing/hiding depending on screen size */
.show-small-screen {
  display: none;
}

@media only screen and (max-width: 62em) {
  .show-large-screen {
    display: none;
  }
}

@media only screen and (max-width: 42.1875em) {
  .show-small-screen {
    display: block;
  }

  .hide-small-screen {
    display: none;
  }
}