npm - @dso-toolkit/core - Versions diffs - 101.2.0 → 102.0.0 - Mend

@dso-toolkit/core 101.2.0 → 102.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (217) hide show

package/dist/cjs/dso-annotation-locatie_2.cjs.entry.js CHANGED Viewed

@@ -69,7 +69,7 @@ const Heading = ({ headingLevel, mode, href, onClick, ...props }, children) => {
     return headingElement;
 };
-const documentComponentCss = () => `button {   -webkit-appearance: button;   color: inherit;   cursor: pointer;   font: inherit;   font-family: inherit;   font-size: inherit;   letter-spacing: 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: var(--_dso-button-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);   float: var(--_dso-button-float-primary, none);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: 56px;   inline-size: var(--_dso-button-inline-size, auto);   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);   float: var(--_dso-button-float-primary, none); } 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);   float: var(--_dso-button-float-primary, none); } 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);   float: var(--_dso-button-float-primary, none); } 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-image: var(--_dso-di-download-wit);   background-repeat: no-repeat;   background-position: center;   background-size: cover;   block-size: 24px;   inline-size: 24px;   vertical-align: top; } a.dso-primary.extern::after, button.dso-primary.extern::after, label.dso-primary.extern::after {   background-image: var(--_dso-di-external-link-wit);   background-repeat: no-repeat;   background-position: center;   background-size: cover;   block-size: 24px;   inline-size: 24px;   vertical-align: top; } 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: var(--_dso-button-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);   float: var(--_dso-button-float-secondary, none);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: 56px;   inline-size: var(--_dso-button-inline-size, auto);   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);   float: var(--_dso-button-float-secondary, none); } 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);   float: var(--_dso-button-float-secondary, none); } 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);   float: var(--_dso-button-float-secondary, none); } 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-image: var(--_dso-di-download-grasgroen);   background-repeat: no-repeat;   background-position: center;   background-size: cover;   block-size: 24px;   inline-size: 24px;   vertical-align: top; } a.dso-secondary.download:hover::after, button.dso-secondary.download:hover::after, label.dso-secondary.download:hover::after {   background-image: var(--_dso-di-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-download-grasgroen-40); } a.dso-secondary.extern::after, button.dso-secondary.extern::after, label.dso-secondary.extern::after {   background-image: var(--_dso-di-external-link-grasgroen);   background-repeat: no-repeat;   background-position: center;   background-size: cover;   block-size: 24px;   inline-size: 24px;   vertical-align: top; } a.dso-secondary.extern:hover::after, button.dso-secondary.extern:hover::after, label.dso-secondary.extern:hover::after {   background-image: var(--_dso-di-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-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: var(--_dso-button-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: var(--_dso-button-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);   float: var(--_dso-button-float-tertiary, none);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: auto;   inline-size: var(--_dso-button-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);   float: var(--_dso-button-float-tertiary, none); } 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);   float: var(--_dso-button-float-tertiary, none); } 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);   float: var(--_dso-button-float-tertiary, none); } 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, button.dso-tertiary, label.dso-tertiary {   border: 0;   line-height: 1;   padding-inline: 0;   padding-block: var(--_dso-button-padding-block-tertiary, 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: 4px; } 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-image: var(--_dso-button-tertiary-download-icon, var(--_dso-di-download-grasgroen));   background-repeat: no-repeat;   background-position: center;   background-size: cover;   block-size: 24px;   inline-size: 24px;   vertical-align: top; } a.dso-tertiary.download[disabled]::after, button.dso-tertiary.download[disabled]::after, label.dso-tertiary.download[disabled]::after {   background-image: var(--_dso-di-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-button-tertiary-download-icon, var(--_dso-di-download-bosgroen)); } a.dso-tertiary.extern::after, button.dso-tertiary.extern::after, label.dso-tertiary.extern::after {   background-image: var(--_dso-button-tertiary-external-link-icon, var(--_dso-di-external-link-grasgroen));   background-repeat: no-repeat;   background-position: center;   background-size: cover;   block-size: 24px;   inline-size: 24px;   vertical-align: top; } a.dso-tertiary.extern[disabled]::after, button.dso-tertiary.extern[disabled]::after, label.dso-tertiary.extern[disabled]::after {   background-image: var(--_dso-di-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-button-tertiary-external-link-icon, var(--_dso-di-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: var(--_dso-button-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);   float: var(--_dso-button-float-secondary, none);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: 56px;   inline-size: var(--_dso-button-inline-size, auto);   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);   float: var(--_dso-button-float-secondary, none); } 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);   float: var(--_dso-button-float-secondary, none); } 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);   float: var(--_dso-button-float-secondary, none); } 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, a.dso-primary:hover, a.dso-primary:visited, a.dso-primary:focus-visible {   color: #fff;   text-decoration: none; } a.dso-secondary {   text-decoration: none; } a.dso-secondary, a.dso-secondary:visited {   color: #39870c; } a.dso-secondary:hover, a.dso-secondary:focus-visible {   text-decoration: none; } a.dso-tertiary {   text-decoration: none; } a.dso-tertiary, a.dso-tertiary:visited {   color: var(--_dso-button-tertiary-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-block-start: var(--_dso-button-after-button-margin-block-start, 0);   margin-inline-start: var(--_dso-button-after-button-margin-inline-start, 16px); }  mark {   background-color: var(--_dso-mark-bg-color, #f8f5ce);   color: var(--_dso-mark-color, #000);   padding-block: var(--_dso-mark-padding-block, 0.2rem);   font-weight: var(--_dso-mark-font-weight, normal); } mark.dso-highlight {   background-color: #dbd136; }  .sr-only {   position: absolute;   inline-size: 1px;   block-size: 1px;   padding: 0;   margin: -1px;   border: 0;   overflow: hidden;   clip-path: rect(0 0 0 0); }  :host {   display: block;   --depth: var(--a, 0); }  :host([not-collapsible]:where([wijzigactie=verwijder], [wijzigactie=voegtoe])) {   padding-inline-start: 8px;   margin-inline-end: 8px; }  :host(:where([wijzigactie=verwijder], [wijzigactie=voegtoe])), :host(:where([wijzigactie=nieuweContainer], [wijzigactie=verwijderContainer])) .heading-container {   padding-block-start: 4px;   padding-block-end: 4px; }  :host([wijzigactie=verwijderContainer]) .heading-container, :host(:where([wijzigactie=verwijder])) {   --_dso-document-component-text-decoration: line-through;   --_dso-alert-success-border-color: #39870c;   --_dso-alert-error-border-color: #ce3f51;   --_dso-alert-info-border-color: #6ca4d9;   --_dso-alert-warning-border-color: #dcd400;   --_dso-link-color: currentColor;   --_dso-link-hover-color: currentColor;   --_dso-link-visited-color: currentColor;   --_dso-link-download-icon: var(--_dso-di-download-zwart);   --_dso-link-extern-icon: var(--_dso-di-external-link-zwart);   --_dso-link-phone-icon: var(--_dso-di-call-zwart);   --_dso-link-mail-icon: var(--_dso-di-mail-outline-zwart);   --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-zwart);   --_dso-icon-button-secondary-active-color: #fff;   --_dso-icon-button-secondary-active-background-color: #1f472c;   --_dso-icon-button-secondary-toggled-color: #fff;   --_dso-icon-button-secondary-toggled-background-color: #275937;   --_dso-icon-button-secondary-toggled-hover-background-color: #1b3e27;   --_dso-icon-button-tertiary-color: #191919;   --_dso-icon-button-tertiary-hover-color: #4c4c4c;   --_dso-icon-button-tertiary-active-color: #1f472c;   --_dso-icon-button-tertiary-toggled-color: #275937;   --_dso-icon-button-tertiary-toggled-hover-color: #1b3e27;   --_dso-icon-button-tertiary-disabled-color: #999;   --_dso-button-tertiary-download-icon: var(--_dso-di-download-zwart);   --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-zwart);   --_dso-button-tertiary-color: #191919;   --_dso-button-tertiary-hover-color: #4c4c4c;   --_dso-button-tertiary-active-color: #173521;   --_dso-button-tertiary-disabled-color: #999;   background-color: #f5d8dc;   color: #191919;   --_dso-ozon-content-toggletip-color: #000; }  .heading-element, .content {   text-decoration: var(--_dso-document-component-text-decoration);   --_dso-ozon-content-toggletip-text-decoration: underline var(--_dso-document-component-text-decoration); } @media screen and (min--moz-device-pixel-ratio: 0) {   .heading-element,   .content {     font-family: sans-serif;   } }  :host([wijzigactie=nieuweContainer]) .heading-container, :host([wijzigactie=voegtoe]) {   --_dso-alert-success-border-color: #39870c;   --_dso-alert-error-border-color: #ce3f51;   --_dso-alert-info-border-color: #6ca4d9;   --_dso-alert-warning-border-color: #dcd400;   --_dso-link-color: currentColor;   --_dso-link-hover-color: currentColor;   --_dso-link-visited-color: currentColor;   --_dso-link-download-icon: var(--_dso-di-download-zwart);   --_dso-link-extern-icon: var(--_dso-di-external-link-zwart);   --_dso-link-phone-icon: var(--_dso-di-call-zwart);   --_dso-link-mail-icon: var(--_dso-di-mail-outline-zwart);   --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-zwart);   --_dso-icon-button-secondary-active-color: #fff;   --_dso-icon-button-secondary-active-background-color: #1f472c;   --_dso-icon-button-secondary-toggled-color: #fff;   --_dso-icon-button-secondary-toggled-background-color: #275937;   --_dso-icon-button-secondary-toggled-hover-background-color: #1b3e27;   --_dso-icon-button-tertiary-color: #191919;   --_dso-icon-button-tertiary-hover-color: #4c4c4c;   --_dso-icon-button-tertiary-active-color: #1f472c;   --_dso-icon-button-tertiary-toggled-color: #275937;   --_dso-icon-button-tertiary-toggled-hover-color: #1b3e27;   --_dso-icon-button-tertiary-disabled-color: #999;   --_dso-button-tertiary-download-icon: var(--_dso-di-download-zwart);   --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-zwart);   --_dso-button-tertiary-color: #191919;   --_dso-button-tertiary-hover-color: #4c4c4c;   --_dso-button-tertiary-active-color: #173521;   --_dso-button-tertiary-disabled-color: #999;   background-color: #e4f1d4;   color: #191919;   box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5);   --_dso-ozon-content-toggletip-color: #000; }  :host([filtered]) {   position: relative; } :host([filtered])::before {   content: "";   inset-inline-start: -3px;   position: absolute;   display: block;   inline-size: 3px;   inset-block-start: 0;   inset-block-end: 0;   background-color: #6ca4d9; }  :host([open]) .annotation-container, :host([open]) .heading-container, :host([open-annotation]) .annotation-container, :host([open-annotation]) .heading-container {   margin-block-end: 8px; }  :host(:not([open])) dso-ozon-content::part(_subtitels), :host([mode=table-of-contents]) dso-ozon-content::part(_subtitels) {   display: none; }  .recursive-toggle, .toggle-button {   --_dso-icon-button-tertiary-color: #275937;   border: 0;   padding: 0;   background: 0;   color: #275937; }  .heading-anchor {   display: flex;   flex-wrap: nowrap;   overflow-wrap: anywhere;   background-color: transparent;   color: var(--_dso-link-color);   text-decoration: underline;   text-underline-offset: 15%; } .heading-anchor:hover, .heading-anchor:focus-visible {   color: var(--_dso-link-hover-color);   text-decoration: underline; } .heading-anchor:active {   text-decoration: none; } .heading-anchor .sr-only + dso-icon {   margin-inline-start: 0; } .heading-anchor:visited {   color: var(--_dso-link-visited-color); } .heading-anchor {   text-decoration: none; }  .heading-element {   align-items: start;   display: flex;   font-size: 1rem;   font-weight: 700;   color: #275937;   margin: 0; } .heading-element > * {   vertical-align: middle; }  .alternative-title {   cursor: pointer; } .alternative-title:hover, .alternative-title:focus-visible {   color: var(--_dso-link-hover-color);   text-decoration: underline; } .alternative-title:active {   text-decoration: none; }  :host([not-collapsible]) .heading-container {   margin-block-end: 0; } :host([not-collapsible]) .editaction-label {   margin-inline-start: 0; } :host([not-collapsible]) dso-ozon-content.kop::part(_kop) {   color: #000; }  :host(:not([not-collapsible])) dso-ozon-content[inline].kop::part(_kop) {   display: inline; }  :host([mode=document]:not([not-collapsible])) {   --_dso-link-color: #39870c;   --_dso-link-hover-color: #676cb0; } :host([mode=document]:not([not-collapsible])) dso-ozon-content.kop::part(_kop) {   cursor: pointer; } :host([mode=document]:not([not-collapsible])) dso-ozon-content.kop::part(_kop):hover {   color: var(--_dso-link-hover-color);   text-decoration: underline; } :host([mode=document]:not([not-collapsible])) .editaction-label {   margin-inline-start: 24px; }  :host([mode=document]:not([not-collapsible]):active) dso-ozon-content.kop::part(_kop) {   text-decoration: none; }  :host([mode=table-of-contents]) .heading-container {   padding-inline-start: 8px; } :host([mode=table-of-contents]) .heading-element {   color: inherit; } :host([mode=table-of-contents]) .editaction-label {   margin-inline-start: 0; }  :host([mode=table-of-contents][type=ARTIKEL]) dso-ozon-content.kop::part(_kop) {   --_dso-icon-button-tertiary-color: inherit;   color: inherit; }  :host([mode=table-of-contents]:not([type=HOOFDSTUK])) dso-ozon-content.kop::part(_kop) {   font-weight: normal; }  .addons {   margin-inline-start: auto;   display: flex;   gap: 8px; }  .heading {   display: flex;   align-items: start;   gap: 8px; }  :host([type=ARTIKEL]:not([alternative-title]):not([mode=table-of-contents])) dso-ozon-content.kop::part(_kop), :host([type=ARTIKEL]:not([alternative-title]):not([mode=table-of-contents])) .toggle-button {   --_dso-icon-button-tertiary-color: #000;   color: #000; }  :host([type=LID][open-annotation]) .annotation-container {   margin-block-start: 8px; }  .editaction-label {   font-style: italic;   margin-inline-start: 8px; }  .content, .heading-container {   padding-inline-end: 8px; }  .content {   --_dso-alert-margin-block-end: 8px; }  .annotation-container {   padding-inline-end: 8px; } .annotation-container dso-panel {   --_dso-panel-body-background-color: #fff; }  :host(:where([annotations-wijzigactie=verwijder])) .annotation-container dso-panel {   --_dso-panel-body-background-color: #faecee;   --_dso-renvooi-text-decoration: line-through; }  :host([annotations-wijzigactie=voegtoe]) .annotation-container dso-panel {   --_dso-panel-body-background-color: #f2f8ea; }`;
+const documentComponentCss = () => `button {   -webkit-appearance: button;   color: inherit;   cursor: pointer;   font: inherit;   font-family: inherit;   font-size: inherit;   letter-spacing: 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: var(--_dso-button-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);   float: var(--_dso-button-float-primary, none);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: 56px;   inline-size: var(--_dso-button-inline-size, auto);   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);   float: var(--_dso-button-float-primary, none); } 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);   float: var(--_dso-button-float-primary, none); } 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);   float: var(--_dso-button-float-primary, none); } 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-image: var(--_dso-di-download-wit);   background-repeat: no-repeat;   background-position: center;   background-size: cover;   block-size: 24px;   inline-size: 24px;   vertical-align: top; } a.dso-primary.extern::after, button.dso-primary.extern::after, label.dso-primary.extern::after {   background-image: var(--_dso-di-external-link-wit);   background-repeat: no-repeat;   background-position: center;   background-size: cover;   block-size: 24px;   inline-size: 24px;   vertical-align: top; } 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: var(--_dso-button-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);   float: var(--_dso-button-float-secondary, none);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: 56px;   inline-size: var(--_dso-button-inline-size, auto);   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);   float: var(--_dso-button-float-secondary, none); } 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);   float: var(--_dso-button-float-secondary, none); } 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);   float: var(--_dso-button-float-secondary, none); } 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-image: var(--_dso-di-download-grasgroen);   background-repeat: no-repeat;   background-position: center;   background-size: cover;   block-size: 24px;   inline-size: 24px;   vertical-align: top; } a.dso-secondary.download:hover::after, button.dso-secondary.download:hover::after, label.dso-secondary.download:hover::after {   background-image: var(--_dso-di-download-bosgroen); } a.dso-secondary.download:active::after, button.dso-secondary.download:active::after, label.dso-secondary.download:active::after {   background-image: var(--_dso-di-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-download-grasgroen-40); } a.dso-secondary.extern::after, button.dso-secondary.extern::after, label.dso-secondary.extern::after {   background-image: var(--_dso-di-external-link-grasgroen);   background-repeat: no-repeat;   background-position: center;   background-size: cover;   block-size: 24px;   inline-size: 24px;   vertical-align: top; } a.dso-secondary.extern:hover::after, button.dso-secondary.extern:hover::after, label.dso-secondary.extern:hover::after {   background-image: var(--_dso-di-external-link-bosgroen); } a.dso-secondary.extern:active::after, button.dso-secondary.extern:active::after, label.dso-secondary.extern:active::after {   background-image: var(--_dso-di-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-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: var(--_dso-button-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: var(--_dso-button-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);   float: var(--_dso-button-float-tertiary, none);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: auto;   inline-size: var(--_dso-button-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);   float: var(--_dso-button-float-tertiary, none); } 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);   float: var(--_dso-button-float-tertiary, none); } 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);   float: var(--_dso-button-float-tertiary, none); } 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, button.dso-tertiary, label.dso-tertiary {   border: 0;   line-height: 1;   padding-inline: 0;   padding-block: var(--_dso-button-padding-block-tertiary, 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: 4px; } 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-image: var(--_dso-button-tertiary-download-icon, var(--_dso-di-download-grasgroen));   background-repeat: no-repeat;   background-position: center;   background-size: cover;   block-size: 24px;   inline-size: 24px;   vertical-align: top; } a.dso-tertiary.download[disabled]::after, button.dso-tertiary.download[disabled]::after, label.dso-tertiary.download[disabled]::after {   background-image: var(--_dso-di-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-button-tertiary-download-icon, var(--_dso-di-download-bosgroen)); } a.dso-tertiary.extern::after, button.dso-tertiary.extern::after, label.dso-tertiary.extern::after {   background-image: var(--_dso-button-tertiary-external-link-icon, var(--_dso-di-external-link-grasgroen));   background-repeat: no-repeat;   background-position: center;   background-size: cover;   block-size: 24px;   inline-size: 24px;   vertical-align: top; } a.dso-tertiary.extern[disabled]::after, button.dso-tertiary.extern[disabled]::after, label.dso-tertiary.extern[disabled]::after {   background-image: var(--_dso-di-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-button-tertiary-external-link-icon, var(--_dso-di-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: var(--_dso-button-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);   float: var(--_dso-button-float-secondary, none);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: 56px;   inline-size: var(--_dso-button-inline-size, auto);   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);   float: var(--_dso-button-float-secondary, none); } 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);   float: var(--_dso-button-float-secondary, none); } 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);   float: var(--_dso-button-float-secondary, none); } 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, a.dso-primary:hover, a.dso-primary:visited, a.dso-primary:focus-visible {   color: #fff;   text-decoration: none; } a.dso-secondary {   text-decoration: none; } a.dso-secondary, a.dso-secondary:visited:not(:hover):not(:active), a.dso-secondary:focus-visible:not(:hover):not(:active) {   color: #39870c; } a.dso-secondary:hover, a.dso-secondary:focus-visible {   text-decoration: none; } a.dso-tertiary {   text-decoration: none; } a.dso-tertiary, a.dso-tertiary:visited {   color: var(--_dso-button-tertiary-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-block-start: var(--_dso-button-after-button-margin-block-start, 0);   margin-inline-start: var(--_dso-button-after-button-margin-inline-start, 16px); }  mark {   background-color: var(--_dso-mark-bg-color, #f8f5ce);   color: var(--_dso-mark-color, #000);   padding-block: var(--_dso-mark-padding-block, 0.2rem);   font-weight: var(--_dso-mark-font-weight, normal); } mark.dso-highlight {   background-color: #dbd136; }  .sr-only {   position: absolute;   inline-size: 1px;   block-size: 1px;   padding: 0;   margin: -1px;   border: 0;   overflow: hidden;   clip-path: rect(0 0 0 0); }  :host {   display: block;   --depth: var(--a, 0); }  :host([not-collapsible]:where([wijzigactie=verwijder], [wijzigactie=voegtoe])) {   padding-inline-start: 8px;   margin-inline-end: 8px; }  :host(:where([wijzigactie=verwijder], [wijzigactie=voegtoe])), :host(:where([wijzigactie=nieuweContainer], [wijzigactie=verwijderContainer])) .heading-container {   padding-block-start: 4px;   padding-block-end: 4px; }  :host([wijzigactie=verwijderContainer]) .heading-container, :host(:where([wijzigactie=verwijder])) {   --_dso-document-component-text-decoration: line-through;   --_dso-alert-success-border-color: #39870c;   --_dso-alert-error-border-color: #ce3f51;   --_dso-alert-info-border-color: #6ca4d9;   --_dso-alert-warning-border-color: #dcd400;   --_dso-link-color: currentColor;   --_dso-link-hover-color: currentColor;   --_dso-link-visited-color: currentColor;   --_dso-link-download-icon: var(--_dso-di-download-zwart);   --_dso-link-extern-icon: var(--_dso-di-external-link-zwart);   --_dso-link-phone-icon: var(--_dso-di-call-zwart);   --_dso-link-mail-icon: var(--_dso-di-mail-outline-zwart);   --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-zwart);   --_dso-icon-button-secondary-active-color: #fff;   --_dso-icon-button-secondary-active-background-color: #1f472c;   --_dso-icon-button-secondary-toggled-color: #fff;   --_dso-icon-button-secondary-toggled-background-color: #275937;   --_dso-icon-button-secondary-toggled-hover-background-color: #1b3e27;   --_dso-icon-button-tertiary-color: #191919;   --_dso-icon-button-tertiary-hover-color: #4c4c4c;   --_dso-icon-button-tertiary-active-color: #1f472c;   --_dso-icon-button-tertiary-toggled-color: #275937;   --_dso-icon-button-tertiary-toggled-hover-color: #1b3e27;   --_dso-icon-button-tertiary-disabled-color: #999;   --_dso-button-tertiary-download-icon: var(--_dso-di-download-zwart);   --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-zwart);   --_dso-button-tertiary-color: #191919;   --_dso-button-tertiary-hover-color: #4c4c4c;   --_dso-button-tertiary-active-color: #173521;   --_dso-button-tertiary-disabled-color: #999;   background-color: #f5d8dc;   color: #191919;   --_dso-ozon-content-toggletip-color: #000; }  .heading-element, .content {   text-decoration: var(--_dso-document-component-text-decoration);   --_dso-ozon-content-toggletip-text-decoration: underline var(--_dso-document-component-text-decoration); } @media screen and (min--moz-device-pixel-ratio: 0) {   .heading-element,   .content {     font-family: sans-serif;   } }  :host([wijzigactie=nieuweContainer]) .heading-container, :host([wijzigactie=voegtoe]) {   --_dso-alert-success-border-color: #39870c;   --_dso-alert-error-border-color: #ce3f51;   --_dso-alert-info-border-color: #6ca4d9;   --_dso-alert-warning-border-color: #dcd400;   --_dso-link-color: currentColor;   --_dso-link-hover-color: currentColor;   --_dso-link-visited-color: currentColor;   --_dso-link-download-icon: var(--_dso-di-download-zwart);   --_dso-link-extern-icon: var(--_dso-di-external-link-zwart);   --_dso-link-phone-icon: var(--_dso-di-call-zwart);   --_dso-link-mail-icon: var(--_dso-di-mail-outline-zwart);   --_dso-link-list-chevron-icon: var(--_dso-di-chevron-right-zwart);   --_dso-icon-button-secondary-active-color: #fff;   --_dso-icon-button-secondary-active-background-color: #1f472c;   --_dso-icon-button-secondary-toggled-color: #fff;   --_dso-icon-button-secondary-toggled-background-color: #275937;   --_dso-icon-button-secondary-toggled-hover-background-color: #1b3e27;   --_dso-icon-button-tertiary-color: #191919;   --_dso-icon-button-tertiary-hover-color: #4c4c4c;   --_dso-icon-button-tertiary-active-color: #1f472c;   --_dso-icon-button-tertiary-toggled-color: #275937;   --_dso-icon-button-tertiary-toggled-hover-color: #1b3e27;   --_dso-icon-button-tertiary-disabled-color: #999;   --_dso-button-tertiary-download-icon: var(--_dso-di-download-zwart);   --_dso-button-tertiary-external-link-icon: var(--_dso-di-external-link-zwart);   --_dso-button-tertiary-color: #191919;   --_dso-button-tertiary-hover-color: #4c4c4c;   --_dso-button-tertiary-active-color: #173521;   --_dso-button-tertiary-disabled-color: #999;   background-color: #e4f1d4;   color: #191919;   box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.5);   --_dso-ozon-content-toggletip-color: #000; }  :host([filtered]) {   position: relative; } :host([filtered])::before {   content: "";   inset-inline-start: -3px;   position: absolute;   display: block;   inline-size: 3px;   inset-block-start: 0;   inset-block-end: 0;   background-color: #6ca4d9; }  :host([open]) .annotation-container, :host([open]) .heading-container, :host([open-annotation]) .annotation-container, :host([open-annotation]) .heading-container {   margin-block-end: 8px; }  :host(:not([open])) dso-ozon-content::part(_subtitels), :host([mode=table-of-contents]) dso-ozon-content::part(_subtitels) {   display: none; }  .recursive-toggle, .toggle-button {   --_dso-icon-button-tertiary-color: #275937;   border: 0;   padding: 0;   background: 0;   color: #275937; }  .heading-anchor {   display: flex;   flex-wrap: nowrap;   overflow-wrap: anywhere;   background-color: transparent;   color: var(--_dso-link-color);   text-decoration: underline;   text-underline-offset: 15%; } .heading-anchor:hover, .heading-anchor:focus-visible {   color: var(--_dso-link-hover-color);   text-decoration: underline; } .heading-anchor:active {   text-decoration: none; } .heading-anchor .sr-only + dso-icon {   margin-inline-start: 0; } .heading-anchor:visited {   color: var(--_dso-link-visited-color); } .heading-anchor {   text-decoration: none; }  .heading-element {   align-items: start;   display: flex;   font-size: 1rem;   font-weight: 700;   color: #275937;   margin: 0; } .heading-element > * {   vertical-align: middle; }  .alternative-title {   cursor: pointer; } .alternative-title:hover, .alternative-title:focus-visible {   color: var(--_dso-link-hover-color);   text-decoration: underline; } .alternative-title:active {   text-decoration: none; }  :host([not-collapsible]) .heading-container {   margin-block-end: 0; } :host([not-collapsible]) .editaction-label {   margin-inline-start: 0; } :host([not-collapsible]) dso-ozon-content.kop::part(_kop) {   color: #000; }  :host(:not([not-collapsible])) dso-ozon-content[inline].kop::part(_kop) {   display: inline; }  :host([mode=document]:not([not-collapsible])) {   --_dso-link-color: #39870c;   --_dso-link-hover-color: #676cb0; } :host([mode=document]:not([not-collapsible])) dso-ozon-content.kop::part(_kop) {   cursor: pointer; } :host([mode=document]:not([not-collapsible])) dso-ozon-content.kop::part(_kop):hover {   color: var(--_dso-link-hover-color);   text-decoration: underline; } :host([mode=document]:not([not-collapsible])) .editaction-label {   margin-inline-start: 24px; }  :host([mode=document]:not([not-collapsible]):active) dso-ozon-content.kop::part(_kop) {   text-decoration: none; }  :host([mode=table-of-contents]) .heading-container {   padding-inline-start: 8px; } :host([mode=table-of-contents]) .heading-element {   color: inherit; } :host([mode=table-of-contents]) .editaction-label {   margin-inline-start: 0; }  :host([mode=table-of-contents][type=ARTIKEL]) dso-ozon-content.kop::part(_kop) {   --_dso-icon-button-tertiary-color: inherit;   color: inherit; }  :host([mode=table-of-contents]:not([type=HOOFDSTUK])) dso-ozon-content.kop::part(_kop) {   font-weight: normal; }  .addons {   margin-inline-start: auto;   display: flex;   gap: 8px; }  .heading {   display: flex;   align-items: start;   gap: 8px; }  :host([type=ARTIKEL]:not([alternative-title]):not([mode=table-of-contents])) dso-ozon-content.kop::part(_kop), :host([type=ARTIKEL]:not([alternative-title]):not([mode=table-of-contents])) .toggle-button {   --_dso-icon-button-tertiary-color: #000;   color: #000; }  :host([type=LID][open-annotation]) .annotation-container {   margin-block-start: 8px; }  .editaction-label {   font-style: italic;   margin-inline-start: 8px; }  .content, .heading-container {   padding-inline-end: 8px; }  .content {   --_dso-alert-margin-block-end: 8px; }  .annotation-container {   padding-inline-end: 8px; } .annotation-container dso-panel {   --_dso-panel-body-background-color: #fff; }  :host(:where([annotations-wijzigactie=verwijder])) .annotation-container dso-panel {   --_dso-panel-body-background-color: #faecee;   --_dso-renvooi-text-decoration: line-through; }  :host([annotations-wijzigactie=voegtoe]) .annotation-container dso-panel {   --_dso-panel-body-background-color: #f2f8ea; }`;
 const wijzigactieLabels = {
     nieuweContainer: "Toegevoegd",

package/dist/cjs/dso-dropdown-menu-item.cjs.entry.js CHANGED Viewed

@@ -4,7 +4,7 @@ var index = require('./index-nobQUdjz.js');
 var clsx = require('./clsx-BtxeOLZW.js');
 var isModifiedEvent = require('./is-modified-event-Dh9YsHw8.js');
-const dropdownMenuItemCss = () => `:host{display:block}a:visited{color:#191919}button{-webkit-appearance:button;color:inherit;cursor:pointer;font:inherit;font-family:inherit;font-size:inherit;letter-spacing:inherit;line-height:inherit;margin:0;overflow:visible;text-transform:none}button[disabled]{cursor:default}button::-moz-focus-inner{border:0;padding:0}button{background-color:transparent;border:0;border-radius:0;text-align:inherit;inline-size:100%}a,button{text-decoration:none}a:hover,a:focus-visible,a:active,button:hover,button:focus-visible,button:active{text-decoration:underline}a,button{clear:both;color:#191919;display:block;font-weight:400;line-height:1.5;padding-block:3px;padding-inline:20px;text-decoration:none;white-space:nowrap}a:hover,a:focus,button:hover,button:focus{background-color:#39870c;border-color:#39870c;color:#fff;text-decoration:none}a dso-icon,button dso-icon{margin-inline:-12px 4px}.checkable:not(.checked) a,.checkable:not(.checked) button{padding-inline-start:40px}.checked a:not(:focus),.checked button:not(:focus){background-color:#39870c;color:#fff}`;
+const dropdownMenuItemCss = () => `:host{display:block}a:visited{color:#191919}button{-webkit-appearance:button;color:inherit;cursor:pointer;font:inherit;font-family:inherit;font-size:inherit;letter-spacing:inherit;line-height:inherit;margin:0;overflow:visible;text-transform:none}button[disabled]{cursor:default}button::-moz-focus-inner{border:0;padding:0}button{background-color:transparent;border:0;border-radius:0;text-align:inherit;inline-size:100%}a,button{text-decoration:none}a:hover,a:focus-visible,a:active,button:hover,button:focus-visible,button:active{text-decoration:underline}a,button{clear:both;color:#191919;display:block;font-weight:400;line-height:1.5;padding-block:3px;padding-inline:20px;text-decoration:none;white-space:nowrap}a:hover,button:hover{background-color:#d7e7ce;color:#191919;text-decoration:none}a:focus,button:focus{background-color:#d7e7ce;color:#191919;text-decoration:none}a:focus-visible,:host(:focus-visible) a,button:focus-visible,:host(:focus-visible) button{background-color:#d7e7ce;color:#191919;text-decoration:none}a:active,button:active{background-color:#1f472c;color:#fff}a dso-icon,button dso-icon{margin-inline:-12px 4px}.checkable:not(.checked) a,.checkable:not(.checked) button{padding-inline-start:40px}.checked a:not(:focus):not(:hover):not(:active),.checked button:not(:focus):not(:hover):not(:active){background-color:#275937;color:#fff}`;
 const DropdownMenuItem = class {
     constructor(hostRef) {

package/dist/cjs/dso-info_3.cjs.entry.js CHANGED Viewed

@@ -181,7 +181,7 @@ const Selectable = class {
         const describedBy = [hasInfo && this.infoFixed ? this.describedById : undefined, this.errormessage]
             .filter((value) => value !== undefined)
             .join(" ") || undefined;
-        return (index.h(index.Fragment, { key: '68845031d900fd4e836859c6628a6049a3f27ade' }, index.h("div", { key: 'f177f07dce575305a6fb165ca81c02ae09d7afa7', class: "dso-selectable-container" }, index.h("div", { key: '0769aa30e6aaa1f6961d83ebaa7a0c083d42a009', class: "dso-selectable-input-wrapper" }, index.h("input", { key: 'c93ec1b0ada9abf961064c3bdfbe529fcf3933c2', type: this.type, id: this.getIdentifier(), value: this.value, name: this.name, "aria-invalid": this.invalid?.toString(), "aria-describedby": describedBy, "aria-labelledBy": this.labelledById, disabled: this.disabled, required: this.required, checked: this.checked, onChange: this.handleOnChange, ref: (el) => (this.input = el) }), !this.labelledById ? (index.h("label", { htmlFor: this.getIdentifier() }, index.h("slot", null))) : (index.h("label", null, index.h("slot", null)))), hasInfo && !this.infoFixed && (index.h("dso-info-button", { key: '56e99d443552b32995befbea8dc16b656f38ac92', active: this.infoActive, onDsoToggle: (e) => (this.infoActive = e.detail.active) }))), hasInfo && (index.h("dso-info", { key: '59872ab73d6977023d5fd3fdecb3c30161877a6c', id: hasInfo && this.infoFixed ? this.describedById : undefined, fixed: this.infoFixed, active: this.infoActive, onDsoClose: () => (this.infoActive = false) }, index.h("div", { key: '19f24fdacb00641989b95442a9c1b2c66a0bbdfd' }, index.h("slot", { key: '45b881d9baef21e4cefa662ec0e8d8620779bfe7', name: "info" })))), index.h("slot", { key: 'bdc7f35cd2d93d9d5710b250bfaa565b26d51e7f', name: "options" })));
+        return (index.h(index.Fragment, { key: '8dd68e53dfd210af37dff9d5f690dc2518fb8d92' }, index.h("div", { key: '2f7471e7982eac3bd3f71f78a49c425cfb80374f', class: "dso-selectable-container" }, index.h("div", { key: '3e57c892c72a561880e0daede5ed021314d7b19a', class: "dso-selectable-input-wrapper" }, index.h("input", { key: '77f1802260eae5c61c49da3c33d6051da47eeef3', type: this.type, id: this.getIdentifier(), value: this.value, name: this.name, "aria-invalid": this.invalid?.toString(), "aria-describedby": describedBy, "aria-labelledBy": this.labelledById, disabled: this.disabled, required: this.required, checked: this.checked, onChange: this.handleOnChange, ref: (el) => (this.input = el) }), !this.labelledById ? (index.h("label", { htmlFor: this.getIdentifier() }, index.h("slot", null))) : (index.h("label", null, index.h("slot", null)))), hasInfo && !this.infoFixed && (index.h("dso-info-button", { key: 'a545fc8f475fe67e87c7c7bd2b6833befc1774db', active: this.infoActive, onDsoToggle: (e) => (this.infoActive = e.detail.active) }))), hasInfo && (index.h("dso-info", { key: '2e249a7ae4d92d5a8fe571b21fadd8d2ca019a10', id: hasInfo && this.infoFixed ? this.describedById : undefined, fixed: this.infoFixed, active: this.infoActive, onDsoClose: () => (this.infoActive = false) }, index.h("div", { key: 'fc58ac778599db02efa796aefb3372ba9d3f3fb7' }, index.h("slot", { key: 'd751a2429da3e43a1d9136a651cfd5a2c709037b', name: "info" })))), index.h("slot", { key: 'aaa73e33614ba4790696174afed3946486514619', name: "options" })));
     }
     componentDidRender() {
         if (this.input && typeof this.checked === "boolean" && this.input.checked !== this.checked) {

package/dist/cjs/dso-label_3.cjs.entry.js CHANGED Viewed

@@ -117,7 +117,7 @@ const Renvooi = class {
 };
 Renvooi.style = renvooiCss();
-const slideToggleCss = () => `.sc-dso-slide-toggle-h{display:inline-block;padding-block-start:calc((1.5rem - 20px) * 0.5)}button.dso-slider.sc-dso-slide-toggle{border:0;padding:0}button.dso-slider.sc-dso-slide-toggle:focus-visible{outline:2px solid #323232;outline-offset:1px}button.dso-slider.sc-dso-slide-toggle svg.sc-dso-slide-toggle rect.sc-dso-slide-toggle{fill:#999;transition:fill 0.25s}button.dso-slider.sc-dso-slide-toggle svg.sc-dso-slide-toggle circle.sc-dso-slide-toggle{transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transform:translateX(10px);fill:#fff}button.dso-slider[aria-checked=true].sc-dso-slide-toggle svg.sc-dso-slide-toggle rect.sc-dso-slide-toggle{fill:#275937}button.dso-slider[aria-checked=true].sc-dso-slide-toggle svg.sc-dso-slide-toggle circle.sc-dso-slide-toggle{transform:translateX(30px);fill:#fff}button.dso-slider[disabled].sc-dso-slide-toggle svg.sc-dso-slide-toggle rect.sc-dso-slide-toggle{fill:#ccc}button.dso-slider[disabled].sc-dso-slide-toggle svg.sc-dso-slide-toggle circle.sc-dso-slide-toggle{fill:#e5e5e5}button.dso-slider[disabled][aria-checked=true].sc-dso-slide-toggle svg.sc-dso-slide-toggle rect.sc-dso-slide-toggle{fill:#a8bcaf}button.dso-slider[disabled][aria-checked=true].sc-dso-slide-toggle svg.sc-dso-slide-toggle circle.sc-dso-slide-toggle{fill:#e5e5e5}.dso-slider.sc-dso-slide-toggle{border-radius:24px;display:inline-flex}.dso-slider.sc-dso-slide-toggle:hover{cursor:pointer}`;
+const slideToggleCss = () => `.sc-dso-slide-toggle-h{display:inline-flex;align-items:flex-start;block-size:max-content;margin-block:calc((1lh - 20px) * 0.5);vertical-align:top}.sc-dso-slide-toggle-h:has(>label){margin-block:0}.sc-dso-slide-toggle-h:has(>label) button.dso-slider.sc-dso-slide-toggle{margin-block:calc((1lh - 20px) * 0.5);font:inherit}button.dso-slider.sc-dso-slide-toggle{border:0;padding:0}button.dso-slider.sc-dso-slide-toggle:focus-visible{outline:2px solid #323232;outline-offset:1px}button.dso-slider.sc-dso-slide-toggle svg.sc-dso-slide-toggle rect.sc-dso-slide-toggle{fill:#999;transition:fill 0.25s}button.dso-slider.sc-dso-slide-toggle svg.sc-dso-slide-toggle circle.sc-dso-slide-toggle{transition:transform 260ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;transform:translateX(10px);fill:#fff}button.dso-slider[aria-checked=true].sc-dso-slide-toggle svg.sc-dso-slide-toggle rect.sc-dso-slide-toggle{fill:#275937}button.dso-slider[aria-checked=true].sc-dso-slide-toggle svg.sc-dso-slide-toggle circle.sc-dso-slide-toggle{transform:translateX(30px);fill:#fff}button.dso-slider[disabled].sc-dso-slide-toggle svg.sc-dso-slide-toggle rect.sc-dso-slide-toggle{fill:#ccc}button.dso-slider[disabled].sc-dso-slide-toggle svg.sc-dso-slide-toggle circle.sc-dso-slide-toggle{fill:#e5e5e5}button.dso-slider[disabled][aria-checked=true].sc-dso-slide-toggle svg.sc-dso-slide-toggle rect.sc-dso-slide-toggle{fill:#a8bcaf}button.dso-slider[disabled][aria-checked=true].sc-dso-slide-toggle svg.sc-dso-slide-toggle circle.sc-dso-slide-toggle{fill:#e5e5e5}.dso-slider.sc-dso-slide-toggle{border-radius:24px;display:inline-flex}.dso-slider.sc-dso-slide-toggle:hover{cursor:pointer}`;
 const SlideToggle = class {
     constructor(hostRef) {
@@ -146,7 +146,7 @@ const SlideToggle = class {
         this.hasVisibleLabel = this.host.querySelector("*") !== null;
     }
     render() {
-        return (index.h(index.Fragment, { key: '64a97f9d83968bdebbc47b3bb4a3a2351505ad61' }, index.h("button", { key: '692a3db28c1d319ad3da63d632f0064b7e08af75', id: this.identifier, role: "switch", class: "dso-slider", "aria-checked": "" + this.checked, disabled: this.disabled, onClick: (e) => this.handleSwitch(e), ...(this.accessibleLabel ? { "aria-label": this.accessibleLabel } : {}), ...(this.labelledbyId ? { "aria-labelledby": this.labelledbyId } : {}) }, index.h("svg", { key: '4b4f22a4128da3c283c57c182705534df87cecb2', xmlns: "http://www.w3.org/2000/svg", width: "40", height: "20", viewBox: "0 0 40 20" }, index.h("g", { key: '948390a81782cfe675544c9e79863cd966bb0a08', fill: "none", "fill-rule": "evenodd" }, index.h("rect", { key: '690fb1aa53236f9d8ab8fd37043d4c8a63a86f01', width: "40", height: "20", fill: "currentColor", rx: "10" }), index.h("circle", { key: '9a34f945b81e9796438d1044d199feafc9404e5e', cy: "10", r: "8", fill: "currentColor" })))), this.hasVisibleLabel && (index.h("label", { key: 'c2de4147452d4a3266261f902fc2cc1704310d04', htmlFor: this.identifier }, index.h("slot", { key: 'a03022da8ddce1a038652c88b43f6cb6e59e07d1' })))));
+        return (index.h(index.Fragment, { key: '23e0811e02855a33137317e2351ccf19b51a3fd3' }, index.h("button", { key: '2b1291c6876dce526060e71db2c63a68b2a6ff8b', id: this.identifier, role: "switch", class: "dso-slider", "aria-checked": "" + this.checked, disabled: this.disabled, onClick: (e) => this.handleSwitch(e), ...(this.accessibleLabel ? { "aria-label": this.accessibleLabel } : {}), ...(this.labelledbyId ? { "aria-labelledby": this.labelledbyId } : {}) }, index.h("svg", { key: 'd9e4a98959b210205d93a44a075beb4f292e2977', xmlns: "http://www.w3.org/2000/svg", width: "40", height: "20", viewBox: "0 0 40 20" }, index.h("g", { key: '3b1599d3640133fecedbd572cfe2387c691c2142', fill: "none", "fill-rule": "evenodd" }, index.h("rect", { key: '134d2c2a9f1bdfbd5fa3cf552406925472ce314e', width: "40", height: "20", fill: "currentColor", rx: "10" }), index.h("circle", { key: '971520ada40f7169cd5490348df4acf23d94a9af', cy: "10", r: "8", fill: "currentColor" })))), this.hasVisibleLabel && (index.h("label", { key: '8b8625782d75afa77f34a9918dd64fa194b76fd7', htmlFor: this.identifier }, index.h("slot", { key: 'd32ed096a2b76e6febdd8edfed192ae12a9b25ea' })))));
     }
     get host() { return index.getElement(this); }
 };

package/dist/cjs/dso-legend-item.cjs.entry.js CHANGED Viewed

@@ -29,7 +29,7 @@ const translations = {
     },
 };
-const legendItemCss = () => `:host{display:block;padding-block:4px}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}::slotted(span[slot=symbol]){background-color:#fff;display:block;float:inline-start;block-size:26px;margin-block-start:0;margin-inline-end:8px;inline-size:30px;overflow:hidden;position:relative}::slotted(h3){margin:0 !important}::slotted([slot=options]){margin-block-start:8px}.legend-item{display:flex;position:relative}.legend-item.legend-item-symbol+.options{margin-block-start:8px}.legend-item-right-content{margin-inline-start:auto;display:flex}.legend-item-right-content dso-slide-toggle{line-height:1;padding-block-start:0 !important}.legend-item-right-content dso-icon-button{margin-inline-start:4px}`;
+const legendItemCss = () => `:host{display:block;padding-block:4px}*,*::after,*::before{box-sizing:border-box}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;border:0;overflow:hidden;clip-path:rect(0 0 0 0)}::slotted(span[slot=symbol]){background-color:#fff;display:block;float:inline-start;block-size:26px;margin-block-start:0;margin-inline-end:8px;inline-size:30px;overflow:hidden;position:relative}::slotted(h3){margin:0 !important}::slotted([slot=options]){margin-block-start:8px}.legend-item{display:flex;position:relative}.legend-item.legend-item-symbol+.options{margin-block-start:8px}.legend-item-right-content{margin-inline-start:auto;display:flex}.legend-item-right-content dso-icon-button{margin-inline-start:4px}`;
 const LegendItem = class {
     constructor(hostRef) {

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

@@ -24,7 +24,7 @@ const translations = {
     },
 };
-const mapControlsCss = () => `button {   -webkit-appearance: button;   color: inherit;   cursor: pointer;   font: inherit;   font-family: inherit;   font-size: inherit;   letter-spacing: 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: var(--_dso-button-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);   float: var(--_dso-button-float-primary, none);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: 56px;   inline-size: var(--_dso-button-inline-size, auto);   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);   float: var(--_dso-button-float-primary, none); } 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);   float: var(--_dso-button-float-primary, none); } 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);   float: var(--_dso-button-float-primary, none); } 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-image: var(--_dso-di-download-wit);   background-repeat: no-repeat;   background-position: center;   background-size: cover;   block-size: 24px;   inline-size: 24px;   vertical-align: top; } a.dso-primary.extern::after, button.dso-primary.extern::after, label.dso-primary.extern::after {   background-image: var(--_dso-di-external-link-wit);   background-repeat: no-repeat;   background-position: center;   background-size: cover;   block-size: 24px;   inline-size: 24px;   vertical-align: top; } 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: var(--_dso-button-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);   float: var(--_dso-button-float-secondary, none);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: 56px;   inline-size: var(--_dso-button-inline-size, auto);   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);   float: var(--_dso-button-float-secondary, none); } 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);   float: var(--_dso-button-float-secondary, none); } 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);   float: var(--_dso-button-float-secondary, none); } 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-image: var(--_dso-di-download-grasgroen);   background-repeat: no-repeat;   background-position: center;   background-size: cover;   block-size: 24px;   inline-size: 24px;   vertical-align: top; } a.dso-secondary.download:hover::after, button.dso-secondary.download:hover::after, label.dso-secondary.download:hover::after {   background-image: var(--_dso-di-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-download-grasgroen-40); } a.dso-secondary.extern::after, button.dso-secondary.extern::after, label.dso-secondary.extern::after {   background-image: var(--_dso-di-external-link-grasgroen);   background-repeat: no-repeat;   background-position: center;   background-size: cover;   block-size: 24px;   inline-size: 24px;   vertical-align: top; } a.dso-secondary.extern:hover::after, button.dso-secondary.extern:hover::after, label.dso-secondary.extern:hover::after {   background-image: var(--_dso-di-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-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: var(--_dso-button-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: var(--_dso-button-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);   float: var(--_dso-button-float-tertiary, none);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: auto;   inline-size: var(--_dso-button-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);   float: var(--_dso-button-float-tertiary, none); } 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);   float: var(--_dso-button-float-tertiary, none); } 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);   float: var(--_dso-button-float-tertiary, none); } 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, button.dso-tertiary, label.dso-tertiary {   border: 0;   line-height: 1;   padding-inline: 0;   padding-block: var(--_dso-button-padding-block-tertiary, 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: 4px; } 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-image: var(--_dso-button-tertiary-download-icon, var(--_dso-di-download-grasgroen));   background-repeat: no-repeat;   background-position: center;   background-size: cover;   block-size: 24px;   inline-size: 24px;   vertical-align: top; } a.dso-tertiary.download[disabled]::after, button.dso-tertiary.download[disabled]::after, label.dso-tertiary.download[disabled]::after {   background-image: var(--_dso-di-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-button-tertiary-download-icon, var(--_dso-di-download-bosgroen)); } a.dso-tertiary.extern::after, button.dso-tertiary.extern::after, label.dso-tertiary.extern::after {   background-image: var(--_dso-button-tertiary-external-link-icon, var(--_dso-di-external-link-grasgroen));   background-repeat: no-repeat;   background-position: center;   background-size: cover;   block-size: 24px;   inline-size: 24px;   vertical-align: top; } a.dso-tertiary.extern[disabled]::after, button.dso-tertiary.extern[disabled]::after, label.dso-tertiary.extern[disabled]::after {   background-image: var(--_dso-di-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-button-tertiary-external-link-icon, var(--_dso-di-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: var(--_dso-button-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);   float: var(--_dso-button-float-secondary, none);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: 56px;   inline-size: var(--_dso-button-inline-size, auto);   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);   float: var(--_dso-button-float-secondary, none); } 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);   float: var(--_dso-button-float-secondary, none); } 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);   float: var(--_dso-button-float-secondary, none); } 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, a.dso-primary:hover, a.dso-primary:visited, a.dso-primary:focus-visible {   color: #fff;   text-decoration: none; } a.dso-secondary {   text-decoration: none; } a.dso-secondary, a.dso-secondary:visited {   color: #39870c; } a.dso-secondary:hover, a.dso-secondary:focus-visible {   text-decoration: none; } a.dso-tertiary {   text-decoration: none; } a.dso-tertiary, a.dso-tertiary:visited {   color: var(--_dso-button-tertiary-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-block-start: var(--_dso-button-after-button-margin-block-start, 0);   margin-inline-start: var(--_dso-button-after-button-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;   letter-spacing: 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: var(--_dso-button-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);   float: var(--_dso-button-float-primary, none);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: 56px;   inline-size: var(--_dso-button-inline-size, auto);   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);   float: var(--_dso-button-float-primary, none); } 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);   float: var(--_dso-button-float-primary, none); } 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);   float: var(--_dso-button-float-primary, none); } 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-image: var(--_dso-di-download-wit);   background-repeat: no-repeat;   background-position: center;   background-size: cover;   block-size: 24px;   inline-size: 24px;   vertical-align: top; } a.dso-primary.extern::after, button.dso-primary.extern::after, label.dso-primary.extern::after {   background-image: var(--_dso-di-external-link-wit);   background-repeat: no-repeat;   background-position: center;   background-size: cover;   block-size: 24px;   inline-size: 24px;   vertical-align: top; } 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: var(--_dso-button-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);   float: var(--_dso-button-float-secondary, none);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: 56px;   inline-size: var(--_dso-button-inline-size, auto);   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);   float: var(--_dso-button-float-secondary, none); } 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);   float: var(--_dso-button-float-secondary, none); } 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);   float: var(--_dso-button-float-secondary, none); } 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-image: var(--_dso-di-download-grasgroen);   background-repeat: no-repeat;   background-position: center;   background-size: cover;   block-size: 24px;   inline-size: 24px;   vertical-align: top; } a.dso-secondary.download:hover::after, button.dso-secondary.download:hover::after, label.dso-secondary.download:hover::after {   background-image: var(--_dso-di-download-bosgroen); } a.dso-secondary.download:active::after, button.dso-secondary.download:active::after, label.dso-secondary.download:active::after {   background-image: var(--_dso-di-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-download-grasgroen-40); } a.dso-secondary.extern::after, button.dso-secondary.extern::after, label.dso-secondary.extern::after {   background-image: var(--_dso-di-external-link-grasgroen);   background-repeat: no-repeat;   background-position: center;   background-size: cover;   block-size: 24px;   inline-size: 24px;   vertical-align: top; } a.dso-secondary.extern:hover::after, button.dso-secondary.extern:hover::after, label.dso-secondary.extern:hover::after {   background-image: var(--_dso-di-external-link-bosgroen); } a.dso-secondary.extern:active::after, button.dso-secondary.extern:active::after, label.dso-secondary.extern:active::after {   background-image: var(--_dso-di-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-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: var(--_dso-button-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: var(--_dso-button-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);   float: var(--_dso-button-float-tertiary, none);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: auto;   inline-size: var(--_dso-button-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);   float: var(--_dso-button-float-tertiary, none); } 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);   float: var(--_dso-button-float-tertiary, none); } 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);   float: var(--_dso-button-float-tertiary, none); } 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, button.dso-tertiary, label.dso-tertiary {   border: 0;   line-height: 1;   padding-inline: 0;   padding-block: var(--_dso-button-padding-block-tertiary, 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: 4px; } 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-image: var(--_dso-button-tertiary-download-icon, var(--_dso-di-download-grasgroen));   background-repeat: no-repeat;   background-position: center;   background-size: cover;   block-size: 24px;   inline-size: 24px;   vertical-align: top; } a.dso-tertiary.download[disabled]::after, button.dso-tertiary.download[disabled]::after, label.dso-tertiary.download[disabled]::after {   background-image: var(--_dso-di-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-button-tertiary-download-icon, var(--_dso-di-download-bosgroen)); } a.dso-tertiary.extern::after, button.dso-tertiary.extern::after, label.dso-tertiary.extern::after {   background-image: var(--_dso-button-tertiary-external-link-icon, var(--_dso-di-external-link-grasgroen));   background-repeat: no-repeat;   background-position: center;   background-size: cover;   block-size: 24px;   inline-size: 24px;   vertical-align: top; } a.dso-tertiary.extern[disabled]::after, button.dso-tertiary.extern[disabled]::after, label.dso-tertiary.extern[disabled]::after {   background-image: var(--_dso-di-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-button-tertiary-external-link-icon, var(--_dso-di-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: var(--_dso-button-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);   float: var(--_dso-button-float-secondary, none);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: 56px;   inline-size: var(--_dso-button-inline-size, auto);   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);   float: var(--_dso-button-float-secondary, none); } 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);   float: var(--_dso-button-float-secondary, none); } 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);   float: var(--_dso-button-float-secondary, none); } 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, a.dso-primary:hover, a.dso-primary:visited, a.dso-primary:focus-visible {   color: #fff;   text-decoration: none; } a.dso-secondary {   text-decoration: none; } a.dso-secondary, a.dso-secondary:visited:not(:hover):not(:active), a.dso-secondary:focus-visible:not(:hover):not(:active) {   color: #39870c; } a.dso-secondary:hover, a.dso-secondary:focus-visible {   text-decoration: none; } a.dso-tertiary {   text-decoration: none; } a.dso-tertiary, a.dso-tertiary:visited {   color: var(--_dso-button-tertiary-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-block-start: var(--_dso-button-after-button-margin-block-start, 0);   margin-inline-start: var(--_dso-button-after-button-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 __classPrivateFieldSet = (undefined && undefined.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
     if (kind === "m")