@dso-toolkit/core 88.1.1 → 90.0.0

package/dist/cjs/dso-map-controls.cjs.entry.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-2aek-b9X.js');
-var i18n = require('./i18n-DLqfPwuf.js');
+var index = require('./index-BKUr3Wdg.js');
+var i18n = require('./i18n-CBaOSyHy.js');
 
 const translations = {
     en: {
@@ -24,1176 +24,7 @@ const translations = {
     },
 };
 
-const mapControlsCss = () => `button {
-  -webkit-appearance: button;
-  color: inherit;
-  cursor: pointer;
-  font: inherit;
-  font-family: inherit;
-  font-size: inherit;
-  line-height: inherit;
-  margin: 0;
-  overflow: visible;
-  text-transform: none;
-}
-button[disabled] {
-  cursor: default;
-}
-button::-moz-focus-inner {
-  border: 0;
-  padding: 0;
-}
-
-a.dso-primary,
-button.dso-primary,
-label.dso-primary {
-  display: inline-block;
-  font-size: 1em;
-  font-weight: 500;
-  margin-block-end: 0;
-  text-decoration: none;
-  touch-action: manipulation;
-  text-align: start;
-  user-select: none;
-  vertical-align: middle;
-  background-clip: padding-box;
-}
-a.dso-primary:focus, a.dso-primary:focus-visible,
-button.dso-primary:focus,
-button.dso-primary:focus-visible,
-label.dso-primary:focus,
-label.dso-primary:focus-visible {
-  outline-offset: 2px;
-}
-a.dso-primary:active,
-button.dso-primary:active,
-label.dso-primary:active {
-  outline: 0;
-}
-a.dso-primary.extern::after, a.dso-primary.download::after,
-button.dso-primary.extern::after,
-button.dso-primary.download::after,
-label.dso-primary.extern::after,
-label.dso-primary.download::after {
-  content: "";
-  display: inline-block;
-  margin-inline-start: 8px;
-}
-a.dso-primary,
-button.dso-primary,
-label.dso-primary {
-  background-color: var(--_dso-button-primary-background-color, #39870c);
-  border-color: var(--_dso-button-primary-border-color, #39870c);
-  color: var(--_dso-button-primary-color, #fff);
-  border-width: 1px;
-  border-style: solid;
-  border-radius: 4px;
-  line-height: 1.5;
-  min-inline-size: 56px;
-  padding-block: 11px;
-  padding-inline: 15px;
-}
-a.dso-primary:hover,
-button.dso-primary:hover,
-label.dso-primary:hover {
-  background-color: var(--_dso-button-primary-hover-background-color, #275937);
-  border-color: var(--_dso-button-primary-hover-border-color, #275937);
-  color: var(--_dso-button-primary-hover-color, #fff);
-}
-a.dso-primary:active,
-button.dso-primary:active,
-label.dso-primary:active {
-  background-color: var(--_dso-button-primary-active-background-color, #173521);
-  border-color: var(--_dso-button-primary-active-border-color, #173521);
-  color: var(--_dso-button-primary-active-color, #fff);
-}
-a.dso-primary[disabled], a.dso-primary[disabled]:hover,
-button.dso-primary[disabled],
-button.dso-primary[disabled]:hover,
-label.dso-primary[disabled],
-label.dso-primary[disabled]:hover {
-  background-color: var(--_dso-button-primary-disabled-background-color, #afcf9d);
-  border-color: var(--_dso-button-primary-disabled-border-color, #afcf9d);
-  color: var(--_dso-button-primary-disabled-color, #fff);
-}
-a.dso-primary.dso-small,
-button.dso-primary.dso-small,
-label.dso-primary.dso-small {
-  line-height: 1rem;
-}
-a.dso-primary.dso-small dso-icon, a.dso-primary.dso-small.extern::after, a.dso-primary.dso-small.download::after, a.dso-primary.dso-small.dso-spinner::before,
-button.dso-primary.dso-small dso-icon,
-button.dso-primary.dso-small.extern::after,
-button.dso-primary.dso-small.download::after,
-button.dso-primary.dso-small.dso-spinner::before,
-label.dso-primary.dso-small dso-icon,
-label.dso-primary.dso-small.extern::after,
-label.dso-primary.dso-small.download::after,
-label.dso-primary.dso-small.dso-spinner::before {
-  margin-block-end: -4px;
-  margin-block-start: -4px;
-}
-a.dso-primary.dso-small.dso-spinner-left::before,
-button.dso-primary.dso-small.dso-spinner-left::before,
-label.dso-primary.dso-small.dso-spinner-left::before {
-  block-size: 16px;
-  inline-size: 16px;
-}
-a.dso-primary.dso-small.dso-spinner-right::after,
-button.dso-primary.dso-small.dso-spinner-right::after,
-label.dso-primary.dso-small.dso-spinner-right::after {
-  block-size: 16px;
-  inline-size: 16px;
-}
-a.dso-primary.dso-extra-small,
-button.dso-primary.dso-extra-small,
-label.dso-primary.dso-extra-small {
-  line-height: 1rem;
-}
-a.dso-primary.dso-extra-small dso-icon, a.dso-primary.dso-extra-small.extern::after, a.dso-primary.dso-extra-small.download::after, a.dso-primary.dso-extra-small.dso-spinner::before,
-button.dso-primary.dso-extra-small dso-icon,
-button.dso-primary.dso-extra-small.extern::after,
-button.dso-primary.dso-extra-small.download::after,
-button.dso-primary.dso-extra-small.dso-spinner::before,
-label.dso-primary.dso-extra-small dso-icon,
-label.dso-primary.dso-extra-small.extern::after,
-label.dso-primary.dso-extra-small.download::after,
-label.dso-primary.dso-extra-small.dso-spinner::before {
-  margin-block-end: -4px;
-  margin-block-start: -4px;
-}
-a.dso-primary.dso-extra-small.dso-spinner-left::before,
-button.dso-primary.dso-extra-small.dso-spinner-left::before,
-label.dso-primary.dso-extra-small.dso-spinner-left::before {
-  block-size: 16px;
-  inline-size: 16px;
-}
-a.dso-primary.dso-extra-small.dso-spinner-right::after,
-button.dso-primary.dso-extra-small.dso-spinner-right::after,
-label.dso-primary.dso-extra-small.dso-spinner-right::after {
-  block-size: 16px;
-  inline-size: 16px;
-}
-a.dso-primary.dso-extra-small,
-button.dso-primary.dso-extra-small,
-label.dso-primary.dso-extra-small {
-  padding-block: 9px;
-}
-a.dso-primary dso-icon:has(+ span:not(.sr-only)),
-button.dso-primary dso-icon:has(+ span:not(.sr-only)),
-label.dso-primary dso-icon:has(+ span:not(.sr-only)) {
-  margin-inline-start: -8px;
-}
-a.dso-primary span:not(.sr-only) + dso-icon,
-button.dso-primary span:not(.sr-only) + dso-icon,
-label.dso-primary span:not(.sr-only) + dso-icon {
-  margin-inline-start: 8px;
-  margin-inline-end: -8px;
-}
-a.dso-primary dso-icon + span:not(.sr-only),
-button.dso-primary dso-icon + span:not(.sr-only),
-label.dso-primary dso-icon + span:not(.sr-only) {
-  margin-inline-start: 8px;
-}
-a.dso-primary.dso-spinner-left[disabled], a.dso-primary.dso-spinner-right[disabled],
-button.dso-primary.dso-spinner-left[disabled],
-button.dso-primary.dso-spinner-right[disabled],
-label.dso-primary.dso-spinner-left[disabled],
-label.dso-primary.dso-spinner-right[disabled] {
-  background-color: #39870c;
-  border-color: #39870c;
-  color: #fff;
-}
-a.dso-primary.dso-spinner-left::before,
-button.dso-primary.dso-spinner-left::before,
-label.dso-primary.dso-spinner-left::before {
-  background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");
-  background-repeat: no-repeat;
-  content: "";
-  display: inline-block;
-  block-size: 24px;
-  vertical-align: top;
-  inline-size: 24px;
-  margin-inline-end: 8px;
-}
-a.dso-primary.dso-spinner-right::after,
-button.dso-primary.dso-spinner-right::after,
-label.dso-primary.dso-spinner-right::after {
-  background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");
-  background-repeat: no-repeat;
-  content: "";
-  display: inline-block;
-  block-size: 24px;
-  vertical-align: top;
-  inline-size: 24px;
-  margin-inline-start: 8px;
-}
-a.dso-primary.download::after,
-button.dso-primary.download::after,
-label.dso-primary.download::after {
-  background: url("./di.svg#download-wit") no-repeat center;
-  background-size: cover;
-  block-size: 24px;
-  vertical-align: top;
-  inline-size: 24px;
-}
-a.dso-primary.extern::after,
-button.dso-primary.extern::after,
-label.dso-primary.extern::after {
-  background: url("./di.svg#external-link-wit") no-repeat center;
-  background-size: cover;
-  block-size: 24px;
-  vertical-align: top;
-  inline-size: 24px;
-}
-a.dso-secondary,
-button.dso-secondary,
-label.dso-secondary {
-  display: inline-block;
-  font-size: 1em;
-  font-weight: 500;
-  margin-block-end: 0;
-  text-decoration: none;
-  touch-action: manipulation;
-  text-align: start;
-  user-select: none;
-  vertical-align: middle;
-  background-clip: padding-box;
-}
-a.dso-secondary:focus, a.dso-secondary:focus-visible,
-button.dso-secondary:focus,
-button.dso-secondary:focus-visible,
-label.dso-secondary:focus,
-label.dso-secondary:focus-visible {
-  outline-offset: 2px;
-}
-a.dso-secondary:active,
-button.dso-secondary:active,
-label.dso-secondary:active {
-  outline: 0;
-}
-a.dso-secondary.extern::after, a.dso-secondary.download::after,
-button.dso-secondary.extern::after,
-button.dso-secondary.download::after,
-label.dso-secondary.extern::after,
-label.dso-secondary.download::after {
-  content: "";
-  display: inline-block;
-  margin-inline-start: 8px;
-}
-a.dso-secondary,
-button.dso-secondary,
-label.dso-secondary {
-  background-color: var(--_dso-button-secondary-background-color, #fff);
-  border-color: var(--_dso-button-secondary-border-color, #39870c);
-  color: var(--_dso-button-secondary-color, #39870c);
-  border-width: 1px;
-  border-style: solid;
-  border-radius: 4px;
-  line-height: 1.5;
-  min-inline-size: 56px;
-  padding-block: 11px;
-  padding-inline: 15px;
-}
-a.dso-secondary:hover,
-button.dso-secondary:hover,
-label.dso-secondary:hover {
-  background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce);
-  border-color: var(--_dso-button-secondary-hover-border-color, #275937);
-  color: var(--_dso-button-secondary-hover-color, #275937);
-}
-a.dso-secondary:active,
-button.dso-secondary:active,
-label.dso-secondary:active {
-  background-color: var(--_dso-button-secondary-active-background-color, #275937);
-  border-color: var(--_dso-button-secondary-active-border-color, #275937);
-  color: var(--_dso-button-secondary-active-color, #fff);
-}
-a.dso-secondary[disabled], a.dso-secondary[disabled]:hover,
-button.dso-secondary[disabled],
-button.dso-secondary[disabled]:hover,
-label.dso-secondary[disabled],
-label.dso-secondary[disabled]:hover {
-  background-color: var(--_dso-button-secondary-disabled-background-color, #fff);
-  border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d);
-  color: var(--_dso-button-secondary-disabled-color, #afcf9d);
-}
-a.dso-secondary.dso-small,
-button.dso-secondary.dso-small,
-label.dso-secondary.dso-small {
-  line-height: 1rem;
-}
-a.dso-secondary.dso-small dso-icon, a.dso-secondary.dso-small.extern::after, a.dso-secondary.dso-small.download::after, a.dso-secondary.dso-small.dso-spinner::before,
-button.dso-secondary.dso-small dso-icon,
-button.dso-secondary.dso-small.extern::after,
-button.dso-secondary.dso-small.download::after,
-button.dso-secondary.dso-small.dso-spinner::before,
-label.dso-secondary.dso-small dso-icon,
-label.dso-secondary.dso-small.extern::after,
-label.dso-secondary.dso-small.download::after,
-label.dso-secondary.dso-small.dso-spinner::before {
-  margin-block-end: -4px;
-  margin-block-start: -4px;
-}
-a.dso-secondary.dso-small.dso-spinner-left::before,
-button.dso-secondary.dso-small.dso-spinner-left::before,
-label.dso-secondary.dso-small.dso-spinner-left::before {
-  block-size: 16px;
-  inline-size: 16px;
-}
-a.dso-secondary.dso-small.dso-spinner-right::after,
-button.dso-secondary.dso-small.dso-spinner-right::after,
-label.dso-secondary.dso-small.dso-spinner-right::after {
-  block-size: 16px;
-  inline-size: 16px;
-}
-a.dso-secondary.dso-extra-small,
-button.dso-secondary.dso-extra-small,
-label.dso-secondary.dso-extra-small {
-  line-height: 1rem;
-}
-a.dso-secondary.dso-extra-small dso-icon, a.dso-secondary.dso-extra-small.extern::after, a.dso-secondary.dso-extra-small.download::after, a.dso-secondary.dso-extra-small.dso-spinner::before,
-button.dso-secondary.dso-extra-small dso-icon,
-button.dso-secondary.dso-extra-small.extern::after,
-button.dso-secondary.dso-extra-small.download::after,
-button.dso-secondary.dso-extra-small.dso-spinner::before,
-label.dso-secondary.dso-extra-small dso-icon,
-label.dso-secondary.dso-extra-small.extern::after,
-label.dso-secondary.dso-extra-small.download::after,
-label.dso-secondary.dso-extra-small.dso-spinner::before {
-  margin-block-end: -4px;
-  margin-block-start: -4px;
-}
-a.dso-secondary.dso-extra-small.dso-spinner-left::before,
-button.dso-secondary.dso-extra-small.dso-spinner-left::before,
-label.dso-secondary.dso-extra-small.dso-spinner-left::before {
-  block-size: 16px;
-  inline-size: 16px;
-}
-a.dso-secondary.dso-extra-small.dso-spinner-right::after,
-button.dso-secondary.dso-extra-small.dso-spinner-right::after,
-label.dso-secondary.dso-extra-small.dso-spinner-right::after {
-  block-size: 16px;
-  inline-size: 16px;
-}
-a.dso-secondary.dso-extra-small,
-button.dso-secondary.dso-extra-small,
-label.dso-secondary.dso-extra-small {
-  padding-block: 9px;
-}
-a.dso-secondary dso-icon:has(+ span:not(.sr-only)),
-button.dso-secondary dso-icon:has(+ span:not(.sr-only)),
-label.dso-secondary dso-icon:has(+ span:not(.sr-only)) {
-  margin-inline-start: -8px;
-}
-a.dso-secondary span:not(.sr-only) + dso-icon,
-button.dso-secondary span:not(.sr-only) + dso-icon,
-label.dso-secondary span:not(.sr-only) + dso-icon {
-  margin-inline-start: 8px;
-  margin-inline-end: -8px;
-}
-a.dso-secondary dso-icon + span:not(.sr-only),
-button.dso-secondary dso-icon + span:not(.sr-only),
-label.dso-secondary dso-icon + span:not(.sr-only) {
-  margin-inline-start: 8px;
-}
-a.dso-secondary.dso-spinner-left[disabled], a.dso-secondary.dso-spinner-right[disabled],
-button.dso-secondary.dso-spinner-left[disabled],
-button.dso-secondary.dso-spinner-right[disabled],
-label.dso-secondary.dso-spinner-left[disabled],
-label.dso-secondary.dso-spinner-right[disabled] {
-  background-color: #fff;
-  border-color: #39870c;
-  color: #39870c;
-}
-a.dso-secondary.dso-spinner-left::before,
-button.dso-secondary.dso-spinner-left::before,
-label.dso-secondary.dso-spinner-left::before {
-  background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");
-  background-repeat: no-repeat;
-  content: "";
-  display: inline-block;
-  block-size: 24px;
-  vertical-align: top;
-  inline-size: 24px;
-  margin-inline-end: 8px;
-}
-a.dso-secondary.dso-spinner-left:not([disabled]):hover::before,
-button.dso-secondary.dso-spinner-left:not([disabled]):hover::before,
-label.dso-secondary.dso-spinner-left:not([disabled]):hover::before {
-  background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");
-  background-repeat: no-repeat;
-  content: "";
-  display: inline-block;
-  block-size: 24px;
-  vertical-align: top;
-  inline-size: 24px;
-  margin-inline-end: 8px;
-}
-a.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before,
-button.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before,
-label.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before {
-  block-size: 16px;
-  inline-size: 16px;
-}
-a.dso-secondary.dso-spinner-right::after,
-button.dso-secondary.dso-spinner-right::after,
-label.dso-secondary.dso-spinner-right::after {
-  background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");
-  background-repeat: no-repeat;
-  content: "";
-  display: inline-block;
-  block-size: 24px;
-  vertical-align: top;
-  inline-size: 24px;
-  margin-inline-start: 8px;
-}
-a.dso-secondary.dso-spinner-right:not([disabled]):hover::after,
-button.dso-secondary.dso-spinner-right:not([disabled]):hover::after,
-label.dso-secondary.dso-spinner-right:not([disabled]):hover::after {
-  background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");
-  background-repeat: no-repeat;
-  content: "";
-  display: inline-block;
-  block-size: 24px;
-  vertical-align: top;
-  inline-size: 24px;
-  margin-inline-start: 8px;
-}
-a.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after,
-button.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after,
-label.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after {
-  block-size: 16px;
-  inline-size: 16px;
-}
-a.dso-secondary.download::after,
-button.dso-secondary.download::after,
-label.dso-secondary.download::after {
-  background: url("./di.svg#download") no-repeat center;
-  background-size: cover;
-  block-size: 24px;
-  vertical-align: top;
-  inline-size: 24px;
-}
-a.dso-secondary.download:hover::after,
-button.dso-secondary.download:hover::after,
-label.dso-secondary.download:hover::after {
-  background-image: var(--_dso-di-background-image, url("./di.svg#download-wit"));
-}
-a.dso-secondary.download[disabled]::after,
-button.dso-secondary.download[disabled]::after,
-label.dso-secondary.download[disabled]::after {
-  background-image: var(--_dso-di-background-image, url("./di.svg#download-grasgroen-40"));
-}
-a.dso-secondary.extern::after,
-button.dso-secondary.extern::after,
-label.dso-secondary.extern::after {
-  background: url("./di.svg#external-link") no-repeat center;
-  background-size: cover;
-  block-size: 24px;
-  vertical-align: top;
-  inline-size: 24px;
-}
-a.dso-secondary.extern:hover::after,
-button.dso-secondary.extern:hover::after,
-label.dso-secondary.extern:hover::after {
-  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-wit"));
-}
-a.dso-secondary.extern[disabled]::after,
-button.dso-secondary.extern[disabled]::after,
-label.dso-secondary.extern[disabled]::after {
-  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-grasgroen-40"));
-}
-a.dso-tertiary,
-button.dso-tertiary,
-label.dso-tertiary {
-  display: inline-block;
-  font-size: 1em;
-  font-weight: 500;
-  margin-block-end: 0;
-  text-decoration: none;
-  touch-action: manipulation;
-  text-align: start;
-  user-select: none;
-  vertical-align: middle;
-  background-clip: padding-box;
-}
-a.dso-tertiary:focus, a.dso-tertiary:focus-visible,
-button.dso-tertiary:focus,
-button.dso-tertiary:focus-visible,
-label.dso-tertiary:focus,
-label.dso-tertiary:focus-visible {
-  outline-offset: 2px;
-}
-a.dso-tertiary:active,
-button.dso-tertiary:active,
-label.dso-tertiary:active {
-  outline: 0;
-}
-a.dso-tertiary.extern::after, a.dso-tertiary.download::after,
-button.dso-tertiary.extern::after,
-button.dso-tertiary.download::after,
-label.dso-tertiary.extern::after,
-label.dso-tertiary.download::after {
-  content: "";
-  display: inline-block;
-  margin-inline-start: 8px;
-}
-a.dso-tertiary,
-button.dso-tertiary,
-label.dso-tertiary {
-  display: inline-block;
-  font-size: 1em;
-  font-weight: 500;
-  margin-block-end: 0;
-  text-decoration: none;
-  touch-action: manipulation;
-  text-align: start;
-  user-select: none;
-  vertical-align: middle;
-  background-clip: padding-box;
-}
-a.dso-tertiary:focus, a.dso-tertiary:focus-visible,
-button.dso-tertiary:focus,
-button.dso-tertiary:focus-visible,
-label.dso-tertiary:focus,
-label.dso-tertiary:focus-visible {
-  outline-offset: 2px;
-}
-a.dso-tertiary:active,
-button.dso-tertiary:active,
-label.dso-tertiary:active {
-  outline: 0;
-}
-a.dso-tertiary.extern::after, a.dso-tertiary.download::after,
-button.dso-tertiary.extern::after,
-button.dso-tertiary.download::after,
-label.dso-tertiary.extern::after,
-label.dso-tertiary.download::after {
-  content: "";
-  display: inline-block;
-  margin-inline-start: 8px;
-}
-a.dso-tertiary,
-button.dso-tertiary,
-label.dso-tertiary {
-  background-color: var(--_dso-button-tertiary-background-color, );
-  border-color: var(--_dso-button-tertiary-border-color, );
-  color: var(--_dso-button-tertiary-color, #39870c);
-  border-width: 1px;
-  border-style: solid;
-  border-radius: 4px;
-  line-height: 1.5;
-  min-inline-size: auto;
-  padding-block: 11px;
-  padding-inline: 15px;
-}
-a.dso-tertiary:hover,
-button.dso-tertiary:hover,
-label.dso-tertiary:hover {
-  background-color: var(--_dso-button-tertiary-hover-background-color, );
-  border-color: var(--_dso-button-tertiary-hover-border-color, );
-  color: var(--_dso-button-tertiary-hover-color, #275937);
-}
-a.dso-tertiary:active,
-button.dso-tertiary:active,
-label.dso-tertiary:active {
-  background-color: var(--_dso-button-tertiary-active-background-color, );
-  border-color: var(--_dso-button-tertiary-active-border-color, );
-  color: var(--_dso-button-tertiary-active-color, #173521);
-}
-a.dso-tertiary[disabled], a.dso-tertiary[disabled]:hover,
-button.dso-tertiary[disabled],
-button.dso-tertiary[disabled]:hover,
-label.dso-tertiary[disabled],
-label.dso-tertiary[disabled]:hover {
-  background-color: var(--_dso-button-tertiary-disabled-background-color, );
-  border-color: var(--_dso-button-tertiary-disabled-border-color, );
-  color: var(--_dso-button-tertiary-disabled-color, #afcf9d);
-}
-a.dso-tertiary.dso-small,
-button.dso-tertiary.dso-small,
-label.dso-tertiary.dso-small {
-  line-height: 1rem;
-}
-a.dso-tertiary.dso-small dso-icon, a.dso-tertiary.dso-small.extern::after, a.dso-tertiary.dso-small.download::after, a.dso-tertiary.dso-small.dso-spinner::before,
-button.dso-tertiary.dso-small dso-icon,
-button.dso-tertiary.dso-small.extern::after,
-button.dso-tertiary.dso-small.download::after,
-button.dso-tertiary.dso-small.dso-spinner::before,
-label.dso-tertiary.dso-small dso-icon,
-label.dso-tertiary.dso-small.extern::after,
-label.dso-tertiary.dso-small.download::after,
-label.dso-tertiary.dso-small.dso-spinner::before {
-  margin-block-end: -4px;
-  margin-block-start: -4px;
-}
-a.dso-tertiary.dso-small.dso-spinner-left::before,
-button.dso-tertiary.dso-small.dso-spinner-left::before,
-label.dso-tertiary.dso-small.dso-spinner-left::before {
-  block-size: 16px;
-  inline-size: 16px;
-}
-a.dso-tertiary.dso-small.dso-spinner-right::after,
-button.dso-tertiary.dso-small.dso-spinner-right::after,
-label.dso-tertiary.dso-small.dso-spinner-right::after {
-  block-size: 16px;
-  inline-size: 16px;
-}
-a.dso-tertiary.dso-extra-small,
-button.dso-tertiary.dso-extra-small,
-label.dso-tertiary.dso-extra-small {
-  line-height: 1rem;
-}
-a.dso-tertiary.dso-extra-small dso-icon, a.dso-tertiary.dso-extra-small.extern::after, a.dso-tertiary.dso-extra-small.download::after, a.dso-tertiary.dso-extra-small.dso-spinner::before,
-button.dso-tertiary.dso-extra-small dso-icon,
-button.dso-tertiary.dso-extra-small.extern::after,
-button.dso-tertiary.dso-extra-small.download::after,
-button.dso-tertiary.dso-extra-small.dso-spinner::before,
-label.dso-tertiary.dso-extra-small dso-icon,
-label.dso-tertiary.dso-extra-small.extern::after,
-label.dso-tertiary.dso-extra-small.download::after,
-label.dso-tertiary.dso-extra-small.dso-spinner::before {
-  margin-block-end: -4px;
-  margin-block-start: -4px;
-}
-a.dso-tertiary.dso-extra-small.dso-spinner-left::before,
-button.dso-tertiary.dso-extra-small.dso-spinner-left::before,
-label.dso-tertiary.dso-extra-small.dso-spinner-left::before {
-  block-size: 16px;
-  inline-size: 16px;
-}
-a.dso-tertiary.dso-extra-small.dso-spinner-right::after,
-button.dso-tertiary.dso-extra-small.dso-spinner-right::after,
-label.dso-tertiary.dso-extra-small.dso-spinner-right::after {
-  block-size: 16px;
-  inline-size: 16px;
-}
-a.dso-tertiary.dso-extra-small,
-button.dso-tertiary.dso-extra-small,
-label.dso-tertiary.dso-extra-small {
-  padding-block: 9px;
-}
-a.dso-tertiary dso-icon:has(+ span:not(.sr-only)),
-button.dso-tertiary dso-icon:has(+ span:not(.sr-only)),
-label.dso-tertiary dso-icon:has(+ span:not(.sr-only)) {
-  margin-inline-start: -8px;
-}
-a.dso-tertiary span:not(.sr-only) + dso-icon,
-button.dso-tertiary span:not(.sr-only) + dso-icon,
-label.dso-tertiary span:not(.sr-only) + dso-icon {
-  margin-inline-start: 8px;
-  margin-inline-end: -8px;
-}
-a.dso-tertiary dso-icon + span:not(.sr-only),
-button.dso-tertiary dso-icon + span:not(.sr-only),
-label.dso-tertiary dso-icon + span:not(.sr-only) {
-  margin-inline-start: 8px;
-}
-a.dso-tertiary,
-button.dso-tertiary,
-label.dso-tertiary {
-  border: 0;
-  line-height: 1;
-  padding: 0;
-  background-color: transparent;
-}
-a.dso-tertiary[disabled].dso-spinner-left, a.dso-tertiary[disabled].dso-spinner-right,
-button.dso-tertiary[disabled].dso-spinner-left,
-button.dso-tertiary[disabled].dso-spinner-right,
-label.dso-tertiary[disabled].dso-spinner-left,
-label.dso-tertiary[disabled].dso-spinner-right {
-  color: #39870c;
-}
-a.dso-tertiary:not([disabled]):hover,
-button.dso-tertiary:not([disabled]):hover,
-label.dso-tertiary:not([disabled]):hover {
-  text-decoration: underline;
-  text-underline-position: under;
-}
-a.dso-tertiary.dso-align,
-button.dso-tertiary.dso-align,
-label.dso-tertiary.dso-align {
-  line-height: calc(1.5em - 1px);
-  padding-block: 11px;
-  padding-inline: 0;
-  position: relative;
-}
-a.dso-tertiary.dso-truncate,
-button.dso-tertiary.dso-truncate,
-label.dso-tertiary.dso-truncate {
-  max-inline-size: 100%;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-a.dso-tertiary.dso-spinner-left::before,
-button.dso-tertiary.dso-spinner-left::before,
-label.dso-tertiary.dso-spinner-left::before {
-  background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");
-  background-repeat: no-repeat;
-  content: "";
-  display: inline-block;
-  block-size: 24px;
-  vertical-align: middle;
-  inline-size: 24px;
-  margin-inline-end: 8px;
-}
-a.dso-tertiary.dso-spinner-right::after,
-button.dso-tertiary.dso-spinner-right::after,
-label.dso-tertiary.dso-spinner-right::after {
-  background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");
-  background-repeat: no-repeat;
-  content: "";
-  display: inline-block;
-  block-size: 24px;
-  vertical-align: middle;
-  inline-size: 24px;
-  margin-inline-start: 8px;
-}
-a.dso-tertiary dso-icon + span:not(.sr-only),
-a.dso-tertiary span:not(.sr-only) + dso-icon,
-button.dso-tertiary dso-icon + span:not(.sr-only),
-button.dso-tertiary span:not(.sr-only) + dso-icon,
-label.dso-tertiary dso-icon + span:not(.sr-only),
-label.dso-tertiary span:not(.sr-only) + dso-icon {
-  margin-inline-start: 8px;
-}
-a.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only),
-a.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only),
-a.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left],
-a.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right],
-button.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only),
-button.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only),
-button.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left],
-button.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right],
-label.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only),
-label.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only),
-label.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left],
-label.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right] {
-  margin-inline-start: 0;
-}
-a.dso-tertiary dso-icon,
-a.dso-tertiary span,
-button.dso-tertiary dso-icon,
-button.dso-tertiary span,
-label.dso-tertiary dso-icon,
-label.dso-tertiary span {
-  vertical-align: middle;
-}
-a.dso-tertiary.extern::after, a.dso-tertiary.download::after,
-button.dso-tertiary.extern::after,
-button.dso-tertiary.download::after,
-label.dso-tertiary.extern::after,
-label.dso-tertiary.download::after {
-  position: relative;
-  inset-block-start: -2px;
-}
-a.dso-tertiary.download::after,
-button.dso-tertiary.download::after,
-label.dso-tertiary.download::after {
-  background: url("./di.svg#download") no-repeat center;
-  background-size: cover;
-  block-size: 24px;
-  vertical-align: top;
-  inline-size: 24px;
-}
-a.dso-tertiary.download[disabled]::after,
-button.dso-tertiary.download[disabled]::after,
-label.dso-tertiary.download[disabled]::after {
-  background-image: var(--_dso-di-background-image, url("./di.svg#download-grasgroen-40"));
-}
-a.dso-tertiary.download:not([disabled]):hover::after, a.dso-tertiary.download:not([disabled]):active::after,
-button.dso-tertiary.download:not([disabled]):hover::after,
-button.dso-tertiary.download:not([disabled]):active::after,
-label.dso-tertiary.download:not([disabled]):hover::after,
-label.dso-tertiary.download:not([disabled]):active::after {
-  background-image: var(--_dso-di-background-image, url("./di.svg#download-bosgroen"));
-}
-a.dso-tertiary.extern::after,
-button.dso-tertiary.extern::after,
-label.dso-tertiary.extern::after {
-  background: url("./di.svg#external-link") no-repeat center;
-  background-size: cover;
-  block-size: 24px;
-  vertical-align: top;
-  inline-size: 24px;
-}
-a.dso-tertiary.extern[disabled]::after,
-button.dso-tertiary.extern[disabled]::after,
-label.dso-tertiary.extern[disabled]::after {
-  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-grasgroen-40"));
-}
-a.dso-tertiary.extern:not([disabled]):hover::after, a.dso-tertiary.extern:not([disabled]):active::after,
-button.dso-tertiary.extern:not([disabled]):hover::after,
-button.dso-tertiary.extern:not([disabled]):active::after,
-label.dso-tertiary.extern:not([disabled]):hover::after,
-label.dso-tertiary.extern:not([disabled]):active::after {
-  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-bosgroen"));
-}
-a.dso-map,
-button.dso-map,
-label.dso-map {
-  display: inline-block;
-  font-size: 1em;
-  font-weight: 500;
-  margin-block-end: 0;
-  text-decoration: none;
-  touch-action: manipulation;
-  text-align: start;
-  user-select: none;
-  vertical-align: middle;
-  background-clip: padding-box;
-}
-a.dso-map:focus, a.dso-map:focus-visible,
-button.dso-map:focus,
-button.dso-map:focus-visible,
-label.dso-map:focus,
-label.dso-map:focus-visible {
-  outline-offset: 2px;
-}
-a.dso-map:active,
-button.dso-map:active,
-label.dso-map:active {
-  outline: 0;
-}
-a.dso-map,
-button.dso-map,
-label.dso-map {
-  background-color: var(--_dso-button-secondary-background-color, #fff);
-  border-color: var(--_dso-button-secondary-border-color, #39870c);
-  color: var(--_dso-button-secondary-color, #39870c);
-  border-width: 1px;
-  border-style: solid;
-  border-radius: 4px;
-  line-height: 1.5;
-  min-inline-size: 56px;
-  padding-block: 11px;
-  padding-inline: 15px;
-}
-a.dso-map:hover,
-button.dso-map:hover,
-label.dso-map:hover {
-  background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce);
-  border-color: var(--_dso-button-secondary-hover-border-color, #275937);
-  color: var(--_dso-button-secondary-hover-color, #275937);
-}
-a.dso-map:active,
-button.dso-map:active,
-label.dso-map:active {
-  background-color: var(--_dso-button-secondary-active-background-color, #275937);
-  border-color: var(--_dso-button-secondary-active-border-color, #275937);
-  color: var(--_dso-button-secondary-active-color, #fff);
-}
-a.dso-map[disabled], a.dso-map[disabled]:hover,
-button.dso-map[disabled],
-button.dso-map[disabled]:hover,
-label.dso-map[disabled],
-label.dso-map[disabled]:hover {
-  background-color: var(--_dso-button-secondary-disabled-background-color, #fff);
-  border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d);
-  color: var(--_dso-button-secondary-disabled-color, #afcf9d);
-}
-a.dso-map.dso-small,
-button.dso-map.dso-small,
-label.dso-map.dso-small {
-  line-height: 1rem;
-}
-a.dso-map.dso-small dso-icon, a.dso-map.dso-small.extern::after, a.dso-map.dso-small.download::after, a.dso-map.dso-small.dso-spinner::before,
-button.dso-map.dso-small dso-icon,
-button.dso-map.dso-small.extern::after,
-button.dso-map.dso-small.download::after,
-button.dso-map.dso-small.dso-spinner::before,
-label.dso-map.dso-small dso-icon,
-label.dso-map.dso-small.extern::after,
-label.dso-map.dso-small.download::after,
-label.dso-map.dso-small.dso-spinner::before {
-  margin-block-end: -4px;
-  margin-block-start: -4px;
-}
-a.dso-map.dso-small.dso-spinner-left::before,
-button.dso-map.dso-small.dso-spinner-left::before,
-label.dso-map.dso-small.dso-spinner-left::before {
-  block-size: 16px;
-  inline-size: 16px;
-}
-a.dso-map.dso-small.dso-spinner-right::after,
-button.dso-map.dso-small.dso-spinner-right::after,
-label.dso-map.dso-small.dso-spinner-right::after {
-  block-size: 16px;
-  inline-size: 16px;
-}
-a.dso-map.dso-extra-small,
-button.dso-map.dso-extra-small,
-label.dso-map.dso-extra-small {
-  line-height: 1rem;
-}
-a.dso-map.dso-extra-small dso-icon, a.dso-map.dso-extra-small.extern::after, a.dso-map.dso-extra-small.download::after, a.dso-map.dso-extra-small.dso-spinner::before,
-button.dso-map.dso-extra-small dso-icon,
-button.dso-map.dso-extra-small.extern::after,
-button.dso-map.dso-extra-small.download::after,
-button.dso-map.dso-extra-small.dso-spinner::before,
-label.dso-map.dso-extra-small dso-icon,
-label.dso-map.dso-extra-small.extern::after,
-label.dso-map.dso-extra-small.download::after,
-label.dso-map.dso-extra-small.dso-spinner::before {
-  margin-block-end: -4px;
-  margin-block-start: -4px;
-}
-a.dso-map.dso-extra-small.dso-spinner-left::before,
-button.dso-map.dso-extra-small.dso-spinner-left::before,
-label.dso-map.dso-extra-small.dso-spinner-left::before {
-  block-size: 16px;
-  inline-size: 16px;
-}
-a.dso-map.dso-extra-small.dso-spinner-right::after,
-button.dso-map.dso-extra-small.dso-spinner-right::after,
-label.dso-map.dso-extra-small.dso-spinner-right::after {
-  block-size: 16px;
-  inline-size: 16px;
-}
-a.dso-map.dso-extra-small,
-button.dso-map.dso-extra-small,
-label.dso-map.dso-extra-small {
-  padding-block: 9px;
-}
-a.dso-map dso-icon:has(+ span:not(.sr-only)),
-button.dso-map dso-icon:has(+ span:not(.sr-only)),
-label.dso-map dso-icon:has(+ span:not(.sr-only)) {
-  margin-inline-start: -8px;
-}
-a.dso-map span:not(.sr-only) + dso-icon,
-button.dso-map span:not(.sr-only) + dso-icon,
-label.dso-map span:not(.sr-only) + dso-icon {
-  margin-inline-start: 8px;
-  margin-inline-end: -8px;
-}
-a.dso-map dso-icon + span:not(.sr-only),
-button.dso-map dso-icon + span:not(.sr-only),
-label.dso-map dso-icon + span:not(.sr-only) {
-  margin-inline-start: 8px;
-}
-a.dso-map.dso-spinner-left[disabled], a.dso-map.dso-spinner-right[disabled],
-button.dso-map.dso-spinner-left[disabled],
-button.dso-map.dso-spinner-right[disabled],
-label.dso-map.dso-spinner-left[disabled],
-label.dso-map.dso-spinner-right[disabled] {
-  background-color: #fff;
-  border-color: #39870c;
-  color: #39870c;
-}
-a.dso-map.dso-spinner-left::before,
-button.dso-map.dso-spinner-left::before,
-label.dso-map.dso-spinner-left::before {
-  background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");
-  background-repeat: no-repeat;
-  content: "";
-  display: inline-block;
-  block-size: 24px;
-  vertical-align: top;
-  inline-size: 24px;
-  margin-inline-end: 8px;
-}
-a.dso-map.dso-spinner-left:not([disabled]):hover::before,
-button.dso-map.dso-spinner-left:not([disabled]):hover::before,
-label.dso-map.dso-spinner-left:not([disabled]):hover::before {
-  background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");
-  background-repeat: no-repeat;
-  content: "";
-  display: inline-block;
-  block-size: 24px;
-  vertical-align: top;
-  inline-size: 24px;
-  margin-inline-end: 8px;
-}
-a.dso-map.dso-spinner-left:not([disabled]).dso-small:hover::before,
-button.dso-map.dso-spinner-left:not([disabled]).dso-small:hover::before,
-label.dso-map.dso-spinner-left:not([disabled]).dso-small:hover::before {
-  block-size: 16px;
-  inline-size: 16px;
-}
-a.dso-map.dso-spinner-right::after,
-button.dso-map.dso-spinner-right::after,
-label.dso-map.dso-spinner-right::after {
-  background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");
-  background-repeat: no-repeat;
-  content: "";
-  display: inline-block;
-  block-size: 24px;
-  vertical-align: top;
-  inline-size: 24px;
-  margin-inline-start: 8px;
-}
-a.dso-map.dso-spinner-right:not([disabled]):hover::after,
-button.dso-map.dso-spinner-right:not([disabled]):hover::after,
-label.dso-map.dso-spinner-right:not([disabled]):hover::after {
-  background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");
-  background-repeat: no-repeat;
-  content: "";
-  display: inline-block;
-  block-size: 24px;
-  vertical-align: top;
-  inline-size: 24px;
-  margin-inline-start: 8px;
-}
-a.dso-map.dso-spinner-right:not([disabled]).dso-small:hover::after,
-button.dso-map.dso-spinner-right:not([disabled]).dso-small:hover::after,
-label.dso-map.dso-spinner-right:not([disabled]).dso-small:hover::after {
-  block-size: 16px;
-  inline-size: 16px;
-}
-a.dso-map,
-button.dso-map,
-label.dso-map {
-  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
-  border: 0;
-  font-weight: 600;
-  margin-inline-end: 16px;
-  padding-block: 8px;
-  padding-inline: 16px;
-  white-space: nowrap;
-}
-a.dso-map:focus, a.dso-map:focus-visible,
-button.dso-map:focus,
-button.dso-map:focus-visible,
-label.dso-map:focus,
-label.dso-map:focus-visible {
-  outline-offset: -1px;
-}
-a.dso-map:has(span.sr-only):has(dso-icon),
-button.dso-map:has(span.sr-only):has(dso-icon),
-label.dso-map:has(span.sr-only):has(dso-icon) {
-  padding: 8px;
-  min-inline-size: auto;
-  block-size: 40px;
-  inline-size: 40px;
-}
-
-a.dso-primary {
-  text-decoration: none;
-}
-a.dso-primary, a.dso-primary:visited {
-  color: #fff;
-}
-a.dso-secondary {
-  text-decoration: none;
-}
-a.dso-secondary, a.dso-secondary:visited {
-  color: #39870c;
-}
-a.dso-secondary:hover, a.dso-secondary:visited:hover {
-  color: #275937;
-}
-a.dso-tertiary {
-  text-decoration: none;
-}
-a.dso-tertiary, a.dso-tertiary:visited {
-  color: #39870c;
-}
-
-.dso-primary + .dso-primary,
-.dso-primary + .dso-secondary,
-.dso-primary + .dso-tertiary,
-.dso-secondary + .dso-primary,
-.dso-secondary + .dso-secondary,
-.dso-secondary + .dso-tertiary,
-.dso-tertiary + .dso-primary,
-.dso-tertiary + .dso-secondary,
-.dso-tertiary + .dso-tertiary {
-  margin-inline-start: 16px;
-}
-
-:host {
-  background-color: #fff;
-  border: 1px solid #ccc;
-  inset-block-end: 0;
-  display: block;
-  font-family: Asap, sans-serif;
-  position: absolute;
-  inset-block-start: 0;
-  inset-inline-start: 100%;
-  transition: transform 300ms ease;
-  inline-size: 300px;
-}
-
-*,
-*::after,
-*::before {
-  box-sizing: border-box;
-}
-
-:host([open]) {
-  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);
-  transform: translateX(-100%);
-}
-:host([open]) .toggle-visibility-button,
-:host([open]) .toggle-visibility-icon-button {
-  display: none;
-}
-:host([open]) .zoom-buttons {
-  inset-block-start: 16px;
-}
-
-.toggle-visibility-icon-button {
-  display: none;
-}
-
-.toggle-visibility-button {
-  position: absolute;
-  inset-inline-end: calc(100% + 56px);
-  inset-block-start: 16px;
-}
-
-.zoom-buttons {
-  position: absolute;
-  inset-inline-end: calc(100% + 16px);
-  inset-block-start: 16px;
-}
-
-.close-button {
-  padding: 0;
-  position: absolute;
-  inset-inline-end: 16px;
-  inset-block-start: 16px;
-}
-
-section:not([hidden]) {
-  display: flex;
-  flex-direction: column;
-  block-size: 100%;
-}
-
-header,
-.content {
-  padding: 16px;
-}
-
-header {
-  border-block-end: 1px solid #ccc;
-  flex-grow: 0;
-  position: relative;
-}
-header h2 {
-  color: #275937;
-  font-family: "Asap", sans-serif;
-  line-height: 1;
-  margin: 0;
-}
-
-@media screen and (max-width: 767px) {
-  button.toggle-visibility-button {
-    display: none;
-  }
-  .toggle-visibility-icon-button {
-    display: inline-block;
-    position: absolute;
-    inset-block-start: 16px;
-    inset-inline-end: calc(100% + 16px);
-  }
-  .zoom-buttons {
-    inset-block-start: 72px;
-  }
-}`;
+const mapControlsCss = () => `button {   -webkit-appearance: button;   color: inherit;   cursor: pointer;   font: inherit;   font-family: inherit;   font-size: inherit;   line-height: inherit;   margin: 0;   overflow: visible;   text-transform: none; } button[disabled] {   cursor: default; } button::-moz-focus-inner {   border: 0;   padding: 0; }  a.dso-primary, button.dso-primary, label.dso-primary {   display: inline-block;   font-size: 1em;   font-weight: 500;   margin-block-end: 0;   text-decoration: none;   touch-action: manipulation;   text-align: start;   user-select: none;   vertical-align: middle;   background-clip: padding-box; } a.dso-primary:focus, a.dso-primary:focus-visible, button.dso-primary:focus, button.dso-primary:focus-visible, label.dso-primary:focus, label.dso-primary:focus-visible {   outline-offset: 2px; } a.dso-primary:active, button.dso-primary:active, label.dso-primary:active {   outline: 0; } a.dso-primary.extern::after, a.dso-primary.download::after, button.dso-primary.extern::after, button.dso-primary.download::after, label.dso-primary.extern::after, label.dso-primary.download::after {   content: "";   display: inline-block; } a.dso-primary, button.dso-primary, label.dso-primary {   background-color: var(--_dso-button-primary-background-color, #39870c);   border-color: var(--_dso-button-primary-border-color, #39870c);   color: var(--_dso-button-primary-color, #fff);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: 56px;   padding-block: 11px;   padding-inline: 15px; } a.dso-primary:hover, button.dso-primary:hover, label.dso-primary:hover {   background-color: var(--_dso-button-primary-hover-background-color, #275937);   border-color: var(--_dso-button-primary-hover-border-color, #275937);   color: var(--_dso-button-primary-hover-color, #fff); } a.dso-primary:active, button.dso-primary:active, label.dso-primary:active {   background-color: var(--_dso-button-primary-active-background-color, #173521);   border-color: var(--_dso-button-primary-active-border-color, #173521);   color: var(--_dso-button-primary-active-color, #fff); } a.dso-primary[disabled], a.dso-primary[disabled]:hover, button.dso-primary[disabled], button.dso-primary[disabled]:hover, label.dso-primary[disabled], label.dso-primary[disabled]:hover {   background-color: var(--_dso-button-primary-disabled-background-color, #afcf9d);   border-color: var(--_dso-button-primary-disabled-border-color, #afcf9d);   color: var(--_dso-button-primary-disabled-color, #fff); } a.dso-primary.dso-small, button.dso-primary.dso-small, label.dso-primary.dso-small {   line-height: 1rem; } a.dso-primary.dso-small dso-icon, a.dso-primary.dso-small.extern::after, a.dso-primary.dso-small.download::after, a.dso-primary.dso-small.dso-spinner::before, button.dso-primary.dso-small dso-icon, button.dso-primary.dso-small.extern::after, button.dso-primary.dso-small.download::after, button.dso-primary.dso-small.dso-spinner::before, label.dso-primary.dso-small dso-icon, label.dso-primary.dso-small.extern::after, label.dso-primary.dso-small.download::after, label.dso-primary.dso-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } a.dso-primary.dso-small.dso-spinner-left::before, button.dso-primary.dso-small.dso-spinner-left::before, label.dso-primary.dso-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } a.dso-primary.dso-small.dso-spinner-right::after, button.dso-primary.dso-small.dso-spinner-right::after, label.dso-primary.dso-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } a.dso-primary.dso-extra-small, button.dso-primary.dso-extra-small, label.dso-primary.dso-extra-small {   line-height: 1rem; } a.dso-primary.dso-extra-small dso-icon, a.dso-primary.dso-extra-small.extern::after, a.dso-primary.dso-extra-small.download::after, a.dso-primary.dso-extra-small.dso-spinner::before, button.dso-primary.dso-extra-small dso-icon, button.dso-primary.dso-extra-small.extern::after, button.dso-primary.dso-extra-small.download::after, button.dso-primary.dso-extra-small.dso-spinner::before, label.dso-primary.dso-extra-small dso-icon, label.dso-primary.dso-extra-small.extern::after, label.dso-primary.dso-extra-small.download::after, label.dso-primary.dso-extra-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } a.dso-primary.dso-extra-small.dso-spinner-left::before, button.dso-primary.dso-extra-small.dso-spinner-left::before, label.dso-primary.dso-extra-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } a.dso-primary.dso-extra-small.dso-spinner-right::after, button.dso-primary.dso-extra-small.dso-spinner-right::after, label.dso-primary.dso-extra-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } a.dso-primary.dso-extra-small, button.dso-primary.dso-extra-small, label.dso-primary.dso-extra-small {   padding-block: 9px; } a.dso-primary dso-icon:has(+ span:not(.sr-only)), button.dso-primary dso-icon:has(+ span:not(.sr-only)), label.dso-primary dso-icon:has(+ span:not(.sr-only)) {   margin-inline-start: -8px; } a.dso-primary span:not(.sr-only) + dso-icon, button.dso-primary span:not(.sr-only) + dso-icon, label.dso-primary span:not(.sr-only) + dso-icon {   margin-inline-start: 8px;   margin-inline-end: -8px; } a.dso-primary dso-icon + span:not(.sr-only), button.dso-primary dso-icon + span:not(.sr-only), label.dso-primary dso-icon + span:not(.sr-only) {   margin-inline-start: 8px; } a.dso-primary.dso-spinner-left[disabled], a.dso-primary.dso-spinner-right[disabled], button.dso-primary.dso-spinner-left[disabled], button.dso-primary.dso-spinner-right[disabled], label.dso-primary.dso-spinner-left[disabled], label.dso-primary.dso-spinner-right[disabled] {   background-color: #39870c;   border-color: #39870c;   color: #fff; } a.dso-primary.dso-spinner-left::before, button.dso-primary.dso-spinner-left::before, label.dso-primary.dso-spinner-left::before {   background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E");   background-repeat: no-repeat;   content: "";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-end: 8px; } a.dso-primary.dso-spinner-right::after, button.dso-primary.dso-spinner-right::after, label.dso-primary.dso-spinner-right::after {   background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E");   background-repeat: no-repeat;   content: "";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-start: 8px; } a.dso-primary.download::after, button.dso-primary.download::after, label.dso-primary.download::after {   background: url("./di.svg#download-wit") no-repeat center;   background-size: cover;   block-size: 24px;   vertical-align: top;   inline-size: 24px; } a.dso-primary.extern::after, button.dso-primary.extern::after, label.dso-primary.extern::after {   background: url("./di.svg#external-link-wit") no-repeat center;   background-size: cover;   block-size: 24px;   vertical-align: top;   inline-size: 24px; } a.dso-secondary, button.dso-secondary, label.dso-secondary {   display: inline-block;   font-size: 1em;   font-weight: 500;   margin-block-end: 0;   text-decoration: none;   touch-action: manipulation;   text-align: start;   user-select: none;   vertical-align: middle;   background-clip: padding-box; } a.dso-secondary:focus, a.dso-secondary:focus-visible, button.dso-secondary:focus, button.dso-secondary:focus-visible, label.dso-secondary:focus, label.dso-secondary:focus-visible {   outline-offset: 2px; } a.dso-secondary:active, button.dso-secondary:active, label.dso-secondary:active {   outline: 0; } a.dso-secondary.extern::after, a.dso-secondary.download::after, button.dso-secondary.extern::after, button.dso-secondary.download::after, label.dso-secondary.extern::after, label.dso-secondary.download::after {   content: "";   display: inline-block; } a.dso-secondary, button.dso-secondary, label.dso-secondary {   background-color: var(--_dso-button-secondary-background-color, #fff);   border-color: var(--_dso-button-secondary-border-color, #39870c);   color: var(--_dso-button-secondary-color, #39870c);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: 56px;   padding-block: 11px;   padding-inline: 15px; } a.dso-secondary:hover, button.dso-secondary:hover, label.dso-secondary:hover {   background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce);   border-color: var(--_dso-button-secondary-hover-border-color, #275937);   color: var(--_dso-button-secondary-hover-color, #275937); } a.dso-secondary:active, button.dso-secondary:active, label.dso-secondary:active {   background-color: var(--_dso-button-secondary-active-background-color, #275937);   border-color: var(--_dso-button-secondary-active-border-color, #275937);   color: var(--_dso-button-secondary-active-color, #fff); } a.dso-secondary[disabled], a.dso-secondary[disabled]:hover, button.dso-secondary[disabled], button.dso-secondary[disabled]:hover, label.dso-secondary[disabled], label.dso-secondary[disabled]:hover {   background-color: var(--_dso-button-secondary-disabled-background-color, #fff);   border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d);   color: var(--_dso-button-secondary-disabled-color, #afcf9d); } a.dso-secondary.dso-small, button.dso-secondary.dso-small, label.dso-secondary.dso-small {   line-height: 1rem; } a.dso-secondary.dso-small dso-icon, a.dso-secondary.dso-small.extern::after, a.dso-secondary.dso-small.download::after, a.dso-secondary.dso-small.dso-spinner::before, button.dso-secondary.dso-small dso-icon, button.dso-secondary.dso-small.extern::after, button.dso-secondary.dso-small.download::after, button.dso-secondary.dso-small.dso-spinner::before, label.dso-secondary.dso-small dso-icon, label.dso-secondary.dso-small.extern::after, label.dso-secondary.dso-small.download::after, label.dso-secondary.dso-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } a.dso-secondary.dso-small.dso-spinner-left::before, button.dso-secondary.dso-small.dso-spinner-left::before, label.dso-secondary.dso-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } a.dso-secondary.dso-small.dso-spinner-right::after, button.dso-secondary.dso-small.dso-spinner-right::after, label.dso-secondary.dso-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } a.dso-secondary.dso-extra-small, button.dso-secondary.dso-extra-small, label.dso-secondary.dso-extra-small {   line-height: 1rem; } a.dso-secondary.dso-extra-small dso-icon, a.dso-secondary.dso-extra-small.extern::after, a.dso-secondary.dso-extra-small.download::after, a.dso-secondary.dso-extra-small.dso-spinner::before, button.dso-secondary.dso-extra-small dso-icon, button.dso-secondary.dso-extra-small.extern::after, button.dso-secondary.dso-extra-small.download::after, button.dso-secondary.dso-extra-small.dso-spinner::before, label.dso-secondary.dso-extra-small dso-icon, label.dso-secondary.dso-extra-small.extern::after, label.dso-secondary.dso-extra-small.download::after, label.dso-secondary.dso-extra-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } a.dso-secondary.dso-extra-small.dso-spinner-left::before, button.dso-secondary.dso-extra-small.dso-spinner-left::before, label.dso-secondary.dso-extra-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } a.dso-secondary.dso-extra-small.dso-spinner-right::after, button.dso-secondary.dso-extra-small.dso-spinner-right::after, label.dso-secondary.dso-extra-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } a.dso-secondary.dso-extra-small, button.dso-secondary.dso-extra-small, label.dso-secondary.dso-extra-small {   padding-block: 9px; } a.dso-secondary dso-icon:has(+ span:not(.sr-only)), button.dso-secondary dso-icon:has(+ span:not(.sr-only)), label.dso-secondary dso-icon:has(+ span:not(.sr-only)) {   margin-inline-start: -8px; } a.dso-secondary span:not(.sr-only) + dso-icon, button.dso-secondary span:not(.sr-only) + dso-icon, label.dso-secondary span:not(.sr-only) + dso-icon {   margin-inline-start: 8px;   margin-inline-end: -8px; } a.dso-secondary dso-icon + span:not(.sr-only), button.dso-secondary dso-icon + span:not(.sr-only), label.dso-secondary dso-icon + span:not(.sr-only) {   margin-inline-start: 8px; } a.dso-secondary.dso-spinner-left[disabled], a.dso-secondary.dso-spinner-right[disabled], button.dso-secondary.dso-spinner-left[disabled], button.dso-secondary.dso-spinner-right[disabled], label.dso-secondary.dso-spinner-left[disabled], label.dso-secondary.dso-spinner-right[disabled] {   background-color: #fff;   border-color: #39870c;   color: #39870c; } a.dso-secondary.dso-spinner-left::before, button.dso-secondary.dso-spinner-left::before, label.dso-secondary.dso-spinner-left::before {   background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E");   background-repeat: no-repeat;   content: "";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-end: 8px; } a.dso-secondary.dso-spinner-left:not([disabled]):hover::before, button.dso-secondary.dso-spinner-left:not([disabled]):hover::before, label.dso-secondary.dso-spinner-left:not([disabled]):hover::before {   background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E");   background-repeat: no-repeat;   content: "";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-end: 8px; } a.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before, button.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before, label.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before {   block-size: 16px;   inline-size: 16px; } a.dso-secondary.dso-spinner-right::after, button.dso-secondary.dso-spinner-right::after, label.dso-secondary.dso-spinner-right::after {   background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E");   background-repeat: no-repeat;   content: "";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-start: 8px; } a.dso-secondary.dso-spinner-right:not([disabled]):hover::after, button.dso-secondary.dso-spinner-right:not([disabled]):hover::after, label.dso-secondary.dso-spinner-right:not([disabled]):hover::after {   background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E");   background-repeat: no-repeat;   content: "";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-start: 8px; } a.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after, button.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after, label.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after {   block-size: 16px;   inline-size: 16px; } a.dso-secondary.download::after, button.dso-secondary.download::after, label.dso-secondary.download::after {   background: url("./di.svg#download") no-repeat center;   background-size: cover;   block-size: 24px;   vertical-align: top;   inline-size: 24px; } a.dso-secondary.download:hover::after, button.dso-secondary.download:hover::after, label.dso-secondary.download:hover::after {   background-image: var(--_dso-di-background-image, url("./di.svg#download-bosgroen")); } a.dso-secondary.download[disabled]::after, button.dso-secondary.download[disabled]::after, label.dso-secondary.download[disabled]::after {   background-image: var(--_dso-di-background-image, url("./di.svg#download-grasgroen-40")); } a.dso-secondary.extern::after, button.dso-secondary.extern::after, label.dso-secondary.extern::after {   background: url("./di.svg#external-link") no-repeat center;   background-size: cover;   block-size: 24px;   vertical-align: top;   inline-size: 24px; } a.dso-secondary.extern:hover::after, button.dso-secondary.extern:hover::after, label.dso-secondary.extern:hover::after {   background-image: var(--_dso-di-background-image, url("./di.svg#external-link-bosgroen")); } a.dso-secondary.extern[disabled]::after, button.dso-secondary.extern[disabled]::after, label.dso-secondary.extern[disabled]::after {   background-image: var(--_dso-di-background-image, url("./di.svg#external-link-grasgroen-40")); } a.dso-tertiary, button.dso-tertiary, label.dso-tertiary {   display: inline-block;   font-size: 1em;   font-weight: 500;   margin-block-end: 0;   text-decoration: none;   touch-action: manipulation;   text-align: start;   user-select: none;   vertical-align: middle;   background-clip: padding-box; } a.dso-tertiary:focus, a.dso-tertiary:focus-visible, button.dso-tertiary:focus, button.dso-tertiary:focus-visible, label.dso-tertiary:focus, label.dso-tertiary:focus-visible {   outline-offset: 2px; } a.dso-tertiary:active, button.dso-tertiary:active, label.dso-tertiary:active {   outline: 0; } a.dso-tertiary.extern::after, a.dso-tertiary.download::after, button.dso-tertiary.extern::after, button.dso-tertiary.download::after, label.dso-tertiary.extern::after, label.dso-tertiary.download::after {   content: "";   display: inline-block; } a.dso-tertiary, button.dso-tertiary, label.dso-tertiary {   display: inline-block;   font-size: 1em;   font-weight: 500;   margin-block-end: 0;   text-decoration: none;   touch-action: manipulation;   text-align: start;   user-select: none;   vertical-align: middle;   background-clip: padding-box; } a.dso-tertiary:focus, a.dso-tertiary:focus-visible, button.dso-tertiary:focus, button.dso-tertiary:focus-visible, label.dso-tertiary:focus, label.dso-tertiary:focus-visible {   outline-offset: 2px; } a.dso-tertiary:active, button.dso-tertiary:active, label.dso-tertiary:active {   outline: 0; } a.dso-tertiary.extern::after, a.dso-tertiary.download::after, button.dso-tertiary.extern::after, button.dso-tertiary.download::after, label.dso-tertiary.extern::after, label.dso-tertiary.download::after {   content: "";   display: inline-block; } a.dso-tertiary, button.dso-tertiary, label.dso-tertiary {   background-color: var(--_dso-button-tertiary-background-color, );   border-color: var(--_dso-button-tertiary-border-color, );   color: var(--_dso-button-tertiary-color, #39870c);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: auto;   padding-block: 11px;   padding-inline: 15px; } a.dso-tertiary:hover, button.dso-tertiary:hover, label.dso-tertiary:hover {   background-color: var(--_dso-button-tertiary-hover-background-color, );   border-color: var(--_dso-button-tertiary-hover-border-color, );   color: var(--_dso-button-tertiary-hover-color, #275937); } a.dso-tertiary:active, button.dso-tertiary:active, label.dso-tertiary:active {   background-color: var(--_dso-button-tertiary-active-background-color, );   border-color: var(--_dso-button-tertiary-active-border-color, );   color: var(--_dso-button-tertiary-active-color, #173521); } a.dso-tertiary[disabled], a.dso-tertiary[disabled]:hover, button.dso-tertiary[disabled], button.dso-tertiary[disabled]:hover, label.dso-tertiary[disabled], label.dso-tertiary[disabled]:hover {   background-color: var(--_dso-button-tertiary-disabled-background-color, );   border-color: var(--_dso-button-tertiary-disabled-border-color, );   color: var(--_dso-button-tertiary-disabled-color, #afcf9d); } a.dso-tertiary.dso-small, button.dso-tertiary.dso-small, label.dso-tertiary.dso-small {   line-height: 1rem; } a.dso-tertiary.dso-small dso-icon, a.dso-tertiary.dso-small.extern::after, a.dso-tertiary.dso-small.download::after, a.dso-tertiary.dso-small.dso-spinner::before, button.dso-tertiary.dso-small dso-icon, button.dso-tertiary.dso-small.extern::after, button.dso-tertiary.dso-small.download::after, button.dso-tertiary.dso-small.dso-spinner::before, label.dso-tertiary.dso-small dso-icon, label.dso-tertiary.dso-small.extern::after, label.dso-tertiary.dso-small.download::after, label.dso-tertiary.dso-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } a.dso-tertiary.dso-small.dso-spinner-left::before, button.dso-tertiary.dso-small.dso-spinner-left::before, label.dso-tertiary.dso-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } a.dso-tertiary.dso-small.dso-spinner-right::after, button.dso-tertiary.dso-small.dso-spinner-right::after, label.dso-tertiary.dso-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } a.dso-tertiary.dso-extra-small, button.dso-tertiary.dso-extra-small, label.dso-tertiary.dso-extra-small {   line-height: 1rem; } a.dso-tertiary.dso-extra-small dso-icon, a.dso-tertiary.dso-extra-small.extern::after, a.dso-tertiary.dso-extra-small.download::after, a.dso-tertiary.dso-extra-small.dso-spinner::before, button.dso-tertiary.dso-extra-small dso-icon, button.dso-tertiary.dso-extra-small.extern::after, button.dso-tertiary.dso-extra-small.download::after, button.dso-tertiary.dso-extra-small.dso-spinner::before, label.dso-tertiary.dso-extra-small dso-icon, label.dso-tertiary.dso-extra-small.extern::after, label.dso-tertiary.dso-extra-small.download::after, label.dso-tertiary.dso-extra-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } a.dso-tertiary.dso-extra-small.dso-spinner-left::before, button.dso-tertiary.dso-extra-small.dso-spinner-left::before, label.dso-tertiary.dso-extra-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } a.dso-tertiary.dso-extra-small.dso-spinner-right::after, button.dso-tertiary.dso-extra-small.dso-spinner-right::after, label.dso-tertiary.dso-extra-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } a.dso-tertiary.dso-extra-small, button.dso-tertiary.dso-extra-small, label.dso-tertiary.dso-extra-small {   padding-block: 9px; } a.dso-tertiary dso-icon:has(+ span:not(.sr-only)), button.dso-tertiary dso-icon:has(+ span:not(.sr-only)), label.dso-tertiary dso-icon:has(+ span:not(.sr-only)) {   margin-inline-start: -8px; } a.dso-tertiary span:not(.sr-only) + dso-icon, button.dso-tertiary span:not(.sr-only) + dso-icon, label.dso-tertiary span:not(.sr-only) + dso-icon {   margin-inline-start: 8px;   margin-inline-end: -8px; } a.dso-tertiary dso-icon + span:not(.sr-only), button.dso-tertiary dso-icon + span:not(.sr-only), label.dso-tertiary dso-icon + span:not(.sr-only) {   margin-inline-start: 8px; } a.dso-tertiary, button.dso-tertiary, label.dso-tertiary {   border: 0;   line-height: 1;   padding: 0;   background-color: transparent; } a.dso-tertiary[disabled].dso-spinner-left, a.dso-tertiary[disabled].dso-spinner-right, button.dso-tertiary[disabled].dso-spinner-left, button.dso-tertiary[disabled].dso-spinner-right, label.dso-tertiary[disabled].dso-spinner-left, label.dso-tertiary[disabled].dso-spinner-right {   color: #39870c; } a.dso-tertiary:not([disabled]):hover, button.dso-tertiary:not([disabled]):hover, label.dso-tertiary:not([disabled]):hover {   text-decoration: underline;   text-underline-position: under; } a.dso-tertiary.dso-align, button.dso-tertiary.dso-align, label.dso-tertiary.dso-align {   line-height: calc(1.5em - 1px);   padding-block: 11px;   padding-inline: 0;   position: relative; } a.dso-tertiary.dso-truncate, button.dso-tertiary.dso-truncate, label.dso-tertiary.dso-truncate {   max-inline-size: 100%;   overflow: hidden;   text-overflow: ellipsis;   white-space: nowrap; } a.dso-tertiary.dso-spinner-left::before, button.dso-tertiary.dso-spinner-left::before, label.dso-tertiary.dso-spinner-left::before {   background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E");   background-repeat: no-repeat;   content: "";   display: inline-block;   block-size: 24px;   vertical-align: middle;   inline-size: 24px;   margin-inline-end: 8px; } a.dso-tertiary.dso-spinner-right::after, button.dso-tertiary.dso-spinner-right::after, label.dso-tertiary.dso-spinner-right::after {   background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E");   background-repeat: no-repeat;   content: "";   display: inline-block;   block-size: 24px;   vertical-align: middle;   inline-size: 24px;   margin-inline-start: 8px; } a.dso-tertiary dso-icon + span:not(.sr-only), a.dso-tertiary span:not(.sr-only) + dso-icon, button.dso-tertiary dso-icon + span:not(.sr-only), button.dso-tertiary span:not(.sr-only) + dso-icon, label.dso-tertiary dso-icon + span:not(.sr-only), label.dso-tertiary span:not(.sr-only) + dso-icon {   margin-inline-start: 8px; } a.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only), a.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only), a.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left], a.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right], button.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only), button.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only), button.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left], button.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right], label.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only), label.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only), label.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left], label.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right] {   margin-inline-start: 0; } a.dso-tertiary dso-icon, a.dso-tertiary span, button.dso-tertiary dso-icon, button.dso-tertiary span, label.dso-tertiary dso-icon, label.dso-tertiary span {   vertical-align: middle; } a.dso-tertiary.extern::after, a.dso-tertiary.download::after, button.dso-tertiary.extern::after, button.dso-tertiary.download::after, label.dso-tertiary.extern::after, label.dso-tertiary.download::after {   position: relative;   inset-block-start: -2px; } a.dso-tertiary.download::after, button.dso-tertiary.download::after, label.dso-tertiary.download::after {   background: url("./di.svg#download") no-repeat center;   background-size: cover;   block-size: 24px;   vertical-align: top;   inline-size: 24px; } a.dso-tertiary.download[disabled]::after, button.dso-tertiary.download[disabled]::after, label.dso-tertiary.download[disabled]::after {   background-image: var(--_dso-di-background-image, url("./di.svg#download-grasgroen-40")); } a.dso-tertiary.download:not([disabled]):hover::after, a.dso-tertiary.download:not([disabled]):active::after, button.dso-tertiary.download:not([disabled]):hover::after, button.dso-tertiary.download:not([disabled]):active::after, label.dso-tertiary.download:not([disabled]):hover::after, label.dso-tertiary.download:not([disabled]):active::after {   background-image: var(--_dso-di-background-image, url("./di.svg#download-bosgroen")); } a.dso-tertiary.extern::after, button.dso-tertiary.extern::after, label.dso-tertiary.extern::after {   background: url("./di.svg#external-link") no-repeat center;   background-size: cover;   block-size: 24px;   vertical-align: top;   inline-size: 24px; } a.dso-tertiary.extern[disabled]::after, button.dso-tertiary.extern[disabled]::after, label.dso-tertiary.extern[disabled]::after {   background-image: var(--_dso-di-background-image, url("./di.svg#external-link-grasgroen-40")); } a.dso-tertiary.extern:not([disabled]):hover::after, a.dso-tertiary.extern:not([disabled]):active::after, button.dso-tertiary.extern:not([disabled]):hover::after, button.dso-tertiary.extern:not([disabled]):active::after, label.dso-tertiary.extern:not([disabled]):hover::after, label.dso-tertiary.extern:not([disabled]):active::after {   background-image: var(--_dso-di-background-image, url("./di.svg#external-link-bosgroen")); } a.dso-map, button.dso-map, label.dso-map {   display: inline-block;   font-size: 1em;   font-weight: 500;   margin-block-end: 0;   text-decoration: none;   touch-action: manipulation;   text-align: start;   user-select: none;   vertical-align: middle;   background-clip: padding-box; } a.dso-map:focus, a.dso-map:focus-visible, button.dso-map:focus, button.dso-map:focus-visible, label.dso-map:focus, label.dso-map:focus-visible {   outline-offset: 2px; } a.dso-map:active, button.dso-map:active, label.dso-map:active {   outline: 0; } a.dso-map, button.dso-map, label.dso-map {   background-color: var(--_dso-button-secondary-background-color, #fff);   border-color: var(--_dso-button-secondary-border-color, #39870c);   color: var(--_dso-button-secondary-color, #39870c);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: 56px;   padding-block: 11px;   padding-inline: 15px; } a.dso-map:hover, button.dso-map:hover, label.dso-map:hover {   background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce);   border-color: var(--_dso-button-secondary-hover-border-color, #275937);   color: var(--_dso-button-secondary-hover-color, #275937); } a.dso-map:active, button.dso-map:active, label.dso-map:active {   background-color: var(--_dso-button-secondary-active-background-color, #275937);   border-color: var(--_dso-button-secondary-active-border-color, #275937);   color: var(--_dso-button-secondary-active-color, #fff); } a.dso-map[disabled], a.dso-map[disabled]:hover, button.dso-map[disabled], button.dso-map[disabled]:hover, label.dso-map[disabled], label.dso-map[disabled]:hover {   background-color: var(--_dso-button-secondary-disabled-background-color, #fff);   border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d);   color: var(--_dso-button-secondary-disabled-color, #afcf9d); } a.dso-map.dso-small, button.dso-map.dso-small, label.dso-map.dso-small {   line-height: 1rem; } a.dso-map.dso-small dso-icon, a.dso-map.dso-small.extern::after, a.dso-map.dso-small.download::after, a.dso-map.dso-small.dso-spinner::before, button.dso-map.dso-small dso-icon, button.dso-map.dso-small.extern::after, button.dso-map.dso-small.download::after, button.dso-map.dso-small.dso-spinner::before, label.dso-map.dso-small dso-icon, label.dso-map.dso-small.extern::after, label.dso-map.dso-small.download::after, label.dso-map.dso-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } a.dso-map.dso-small.dso-spinner-left::before, button.dso-map.dso-small.dso-spinner-left::before, label.dso-map.dso-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } a.dso-map.dso-small.dso-spinner-right::after, button.dso-map.dso-small.dso-spinner-right::after, label.dso-map.dso-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } a.dso-map.dso-extra-small, button.dso-map.dso-extra-small, label.dso-map.dso-extra-small {   line-height: 1rem; } a.dso-map.dso-extra-small dso-icon, a.dso-map.dso-extra-small.extern::after, a.dso-map.dso-extra-small.download::after, a.dso-map.dso-extra-small.dso-spinner::before, button.dso-map.dso-extra-small dso-icon, button.dso-map.dso-extra-small.extern::after, button.dso-map.dso-extra-small.download::after, button.dso-map.dso-extra-small.dso-spinner::before, label.dso-map.dso-extra-small dso-icon, label.dso-map.dso-extra-small.extern::after, label.dso-map.dso-extra-small.download::after, label.dso-map.dso-extra-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } a.dso-map.dso-extra-small.dso-spinner-left::before, button.dso-map.dso-extra-small.dso-spinner-left::before, label.dso-map.dso-extra-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } a.dso-map.dso-extra-small.dso-spinner-right::after, button.dso-map.dso-extra-small.dso-spinner-right::after, label.dso-map.dso-extra-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } a.dso-map.dso-extra-small, button.dso-map.dso-extra-small, label.dso-map.dso-extra-small {   padding-block: 9px; } a.dso-map dso-icon:has(+ span:not(.sr-only)), button.dso-map dso-icon:has(+ span:not(.sr-only)), label.dso-map dso-icon:has(+ span:not(.sr-only)) {   margin-inline-start: -8px; } a.dso-map span:not(.sr-only) + dso-icon, button.dso-map span:not(.sr-only) + dso-icon, label.dso-map span:not(.sr-only) + dso-icon {   margin-inline-start: 8px;   margin-inline-end: -8px; } a.dso-map dso-icon + span:not(.sr-only), button.dso-map dso-icon + span:not(.sr-only), label.dso-map dso-icon + span:not(.sr-only) {   margin-inline-start: 8px; } a.dso-map.dso-spinner-left[disabled], a.dso-map.dso-spinner-right[disabled], button.dso-map.dso-spinner-left[disabled], button.dso-map.dso-spinner-right[disabled], label.dso-map.dso-spinner-left[disabled], label.dso-map.dso-spinner-right[disabled] {   background-color: #fff;   border-color: #39870c;   color: #39870c; } a.dso-map.dso-spinner-left::before, button.dso-map.dso-spinner-left::before, label.dso-map.dso-spinner-left::before {   background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E");   background-repeat: no-repeat;   content: "";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-end: 8px; } a.dso-map.dso-spinner-left:not([disabled]):hover::before, button.dso-map.dso-spinner-left:not([disabled]):hover::before, label.dso-map.dso-spinner-left:not([disabled]):hover::before {   background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E");   background-repeat: no-repeat;   content: "";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-end: 8px; } a.dso-map.dso-spinner-left:not([disabled]).dso-small:hover::before, button.dso-map.dso-spinner-left:not([disabled]).dso-small:hover::before, label.dso-map.dso-spinner-left:not([disabled]).dso-small:hover::before {   block-size: 16px;   inline-size: 16px; } a.dso-map.dso-spinner-right::after, button.dso-map.dso-spinner-right::after, label.dso-map.dso-spinner-right::after {   background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E");   background-repeat: no-repeat;   content: "";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-start: 8px; } a.dso-map.dso-spinner-right:not([disabled]):hover::after, button.dso-map.dso-spinner-right:not([disabled]):hover::after, label.dso-map.dso-spinner-right:not([disabled]):hover::after {   background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E");   background-repeat: no-repeat;   content: "";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-start: 8px; } a.dso-map.dso-spinner-right:not([disabled]).dso-small:hover::after, button.dso-map.dso-spinner-right:not([disabled]).dso-small:hover::after, label.dso-map.dso-spinner-right:not([disabled]).dso-small:hover::after {   block-size: 16px;   inline-size: 16px; } a.dso-map, button.dso-map, label.dso-map {   box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);   border: 0;   font-weight: 600;   margin-inline-end: 16px;   padding-block: 8px;   padding-inline: 16px;   white-space: nowrap; } a.dso-map:focus, a.dso-map:focus-visible, button.dso-map:focus, button.dso-map:focus-visible, label.dso-map:focus, label.dso-map:focus-visible {   outline-offset: -1px; } a.dso-map:has(span.sr-only):has(dso-icon), button.dso-map:has(span.sr-only):has(dso-icon), label.dso-map:has(span.sr-only):has(dso-icon) {   padding: 8px;   min-inline-size: auto;   block-size: 40px;   inline-size: 40px; }  a.dso-primary {   text-decoration: none; } a.dso-primary, a.dso-primary:visited {   color: #fff; } a.dso-secondary {   text-decoration: none; } a.dso-secondary, a.dso-secondary:visited {   color: #39870c; } a.dso-secondary:hover, a.dso-secondary:visited:hover {   color: #275937; } a.dso-tertiary {   text-decoration: none; } a.dso-tertiary, a.dso-tertiary:visited {   color: #39870c; }  .dso-primary + .dso-primary, .dso-primary + .dso-secondary, .dso-primary + .dso-tertiary, .dso-secondary + .dso-primary, .dso-secondary + .dso-secondary, .dso-secondary + .dso-tertiary, .dso-tertiary + .dso-primary, .dso-tertiary + .dso-secondary, .dso-tertiary + .dso-tertiary {   margin-inline-start: 16px; }  :host {   background-color: #fff;   border: 1px solid #ccc;   inset-block-end: 0;   display: block;   font-family: Asap, sans-serif;   position: absolute;   inset-block-start: 0;   inset-inline-start: 100%;   transition: transform 300ms ease;   inline-size: 300px; }  *, *::after, *::before {   box-sizing: border-box; }  :host([open]) {   box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3);   transform: translateX(-100%); } :host([open]) .toggle-visibility-button, :host([open]) .toggle-visibility-icon-button {   display: none; } :host([open]) .zoom-buttons {   inset-block-start: 16px; }  .toggle-visibility-icon-button {   display: none; }  .toggle-visibility-button {   position: absolute;   inset-inline-end: calc(100% + 56px);   inset-block-start: 16px; }  .zoom-buttons {   position: absolute;   inset-inline-end: calc(100% + 16px);   inset-block-start: 16px; }  .close-button {   padding: 0;   position: absolute;   inset-inline-end: 16px;   inset-block-start: 16px; }  section:not([hidden]) {   display: flex;   flex-direction: column;   block-size: 100%; }  header, .content {   padding: 16px; }  header {   border-block-end: 1px solid #ccc;   flex-grow: 0;   position: relative; } header h2 {   color: #275937;   font-family: "Asap", sans-serif;   line-height: 1;   margin: 0; }  @media screen and (max-width: 767px) {   button.toggle-visibility-button {     display: none;   }   .toggle-visibility-icon-button {     display: inline-block;     position: absolute;     inset-block-start: 16px;     inset-inline-end: calc(100% + 16px);   }   .zoom-buttons {     inset-block-start: 72px;   } }`;
 
 var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
     if (kind === "a" && !f)
@@ -1233,16 +64,15 @@ const MapControls = class {
     watchOpen(open) {
         if (open) {
             this.hideContent = false;
-            setTimeout(() => { var _a; return (_a = __classPrivateFieldGet(this, _MapControls_closeButtonElement, "f")) === null || _a === void 0 ? void 0 : _a.focus(); }, transitionDuration);
+            setTimeout(() => __classPrivateFieldGet(this, _MapControls_closeButtonElement, "f")?.focus(), transitionDuration);
         }
         else {
             setTimeout(() => {
-                var _a, _b, _c;
                 this.hideContent = true;
-                if ((_a = __classPrivateFieldGet(this, _MapControls_toggleButtonElement, "f")) === null || _a === void 0 ? void 0 : _a.checkVisibility()) {
-                    (_b = __classPrivateFieldGet(this, _MapControls_toggleButtonElement, "f")) === null || _b === void 0 ? void 0 : _b.focus();
+                if (__classPrivateFieldGet(this, _MapControls_toggleButtonElement, "f")?.checkVisibility()) {
+                    __classPrivateFieldGet(this, _MapControls_toggleButtonElement, "f")?.focus();
                 }
-                if ((_c = __classPrivateFieldGet(this, _MapControls_toggleIconButtonElement, "f")) === null || _c === void 0 ? void 0 : _c.checkVisibility()) {
+                if (__classPrivateFieldGet(this, _MapControls_toggleIconButtonElement, "f")?.checkVisibility()) {
                     __classPrivateFieldGet(this, _MapControls_toggleIconButtonElement, "f").focus();
                 }
             }, transitionDuration);
@@ -1262,15 +92,16 @@ const MapControls = class {
         });
     }
     render() {
-        return (index.h(index.Fragment, { key: '31c5d89ecdc3151ae2fc526ff0dede8dcac86cc7' }, index.h("dso-icon-button", { key: '48ef2aed7c06164db5b7e7970e58e89bb6542c41', label: this.text("layersButton"), icon: "layers", variant: "map", tooltipPlacement: "left", class: "toggle-visibility-icon-button", onDsoClick: (e) => this.toggleVisibility(e.detail.originalEvent), ref: (element) => (__classPrivateFieldSet(this, _MapControls_toggleIconButtonElement, element, "f")) }), index.h("button", { key: '1d14943fa858477fb01370095a1d9ee61da45be5', type: "button", class: "dso-map toggle-visibility-button", onClick: (e) => this.toggleVisibility(e), ref: (element) => (__classPrivateFieldSet(this, _MapControls_toggleButtonElement, element, "f")) }, index.h("dso-icon", { key: '4d854ab110c6a91008d08452764ee4bfe2e92cc1', icon: "layers" }), index.h("span", { key: '0aa99415bf2944299a319215e6d667323a03e9f2' }, this.text("layersButton"))), index.h("dso-button-group", { key: 'cc499e10742bac282222a550a389191680b3d7c5', class: "zoom-buttons", direction: "column" }, index.h("dso-icon-button", { key: 'dfa5283d7dd8f9ec0cc4718613eb1d265dc6fb19', label: this.text("zoomIn"), icon: "plus", variant: "map", tooltipPlacement: "left", onDsoClick: (e) => this.dsoZoomIn.emit(e.detail.originalEvent), disabled: this.disableZoom === "in" || this.disableZoom === "both" }), index.h("dso-icon-button", { key: '92636c6fa991095c9615901f54bfac09a92543f0', label: this.text("zoomOut"), icon: "minus", variant: "map", tooltipPlacement: "left", onDsoClick: (e) => this.dsoZoomOut.emit(e.detail.originalEvent), disabled: this.disableZoom === "out" || this.disableZoom === "both" })), index.h("section", { key: '3acd93f44a44be85490fd118210a8f60672ec444', hidden: this.hideContent }, index.h("header", { key: '20f02fdc7d4393e830fef60aeebd459a363b1b40' }, index.h("h2", { key: '3b64e4c12246cd89bdceceaa05f1868d1e242477' }, this.text("title")), index.h("dso-icon-button", { key: '003abb86c99a583639090443690125f2b5c512f9', class: "close-button", label: this.text("hidePanel", { title: this.text("title") }), icon: "times", variant: "tertiary", onDsoClick: (e) => this.toggleVisibility(e.detail.originalEvent), ref: (element) => (__classPrivateFieldSet(this, _MapControls_closeButtonElement, element, "f")) })), index.h("dso-scrollable", { key: '7c2aa131fdefbc6adde5b736b8469272d50519c6' }, index.h("div", { key: '62958c695eb80b1f838c714989da69771c557f3f', class: "content" }, index.h("slot", { key: '86ee6e7002cffbae46a9db1df9e9d574a59a9f50' }))))));
+        return (index.h(index.Fragment, { key: 'f47cd78cb61af0df942eaf20c21d514bf599f2f5' }, index.h("dso-icon-button", { key: 'bb963d516ef096aaa3ae10a357f396cf8b9cd445', label: this.text("layersButton"), icon: "layers", variant: "map", tooltipPlacement: "left", class: "toggle-visibility-icon-button", onDsoClick: (e) => this.toggleVisibility(e.detail.originalEvent), ref: (element) => (__classPrivateFieldSet(this, _MapControls_toggleIconButtonElement, element, "f")) }), index.h("button", { key: '31b202f3ad934ddad3db766aed7795d2280d743d', type: "button", class: "dso-map toggle-visibility-button", onClick: (e) => this.toggleVisibility(e), ref: (element) => (__classPrivateFieldSet(this, _MapControls_toggleButtonElement, element, "f")) }, index.h("dso-icon", { key: '7585b25f6b83dd494b7581f15ea118dde96e5765', icon: "layers" }), index.h("span", { key: 'bee0f055d5628d92602e5b61548412158db89dd8' }, this.text("layersButton"))), index.h("dso-button-group", { key: '33fdc19ec0c8b004d55ec979410bcfb345e9a281', class: "zoom-buttons", direction: "column" }, index.h("dso-icon-button", { key: '1044c042191799df425d6c8acc3f9df5bd888111', label: this.text("zoomIn"), icon: "plus", variant: "map", tooltipPlacement: "left", onDsoClick: (e) => this.dsoZoomIn.emit(e.detail.originalEvent), disabled: this.disableZoom === "in" || this.disableZoom === "both" }), index.h("dso-icon-button", { key: 'c963a8a9676ba7aff2394c9df9becd931b0e4896', label: this.text("zoomOut"), icon: "minus", variant: "map", tooltipPlacement: "left", onDsoClick: (e) => this.dsoZoomOut.emit(e.detail.originalEvent), disabled: this.disableZoom === "out" || this.disableZoom === "both" })), index.h("section", { key: 'cc80e7787fbc299e9f36f794164d629514720eae', hidden: this.hideContent }, index.h("header", { key: '48b10ffe0f45f33a70ca1ab44866232f4d9a46f1' }, index.h("h2", { key: '4aa6496e6ecfb43c403dace2e9740633a254de35' }, this.text("title")), index.h("dso-icon-button", { key: 'c1fadfa8980ce4ae7a41c8fa3b223d9f7fee7586', class: "close-button", label: this.text("hidePanel", { title: this.text("title") }), icon: "cross", variant: "tertiary", onDsoClick: (e) => this.toggleVisibility(e.detail.originalEvent), ref: (element) => (__classPrivateFieldSet(this, _MapControls_closeButtonElement, element, "f")) })), index.h("dso-scrollable", { key: '33d207a7683aadbdbbf2339fe4bfeb4132b2c3b9' }, index.h("div", { key: '0086be8f9366e9387cc677413ae21dffaf2b80e9', class: "content" }, index.h("slot", { key: '76b1ed95bbb0b90078a8829abf3b601dcddd84b4' }))))));
     }
     get host() { return index.getElement(this); }
     static get watchers() { return {
-        "open": ["watchOpen"]
+        "open": [{
+                "watchOpen": 0
+            }]
     }; }
 };
 _MapControls_closeButtonElement = new WeakMap(), _MapControls_toggleButtonElement = new WeakMap(), _MapControls_toggleIconButtonElement = new WeakMap();
 MapControls.style = mapControlsCss();
 
 exports.dso_map_controls = MapControls;
-//# sourceMappingURL=dso-map-controls.entry.cjs.js.map