@dso-toolkit/core 88.1.1 → 90.0.0

package/dist/esm/dso-annotation-locatie_2.entry.js

@@ -1,10 +1,10 @@
-import { r as registerInstance, d as createEvent, h, F as Fragment, g as getElement, a as Host } from './index-Dx5skKSq.js';
-import { A as AnnotationBody } from './annotation-body-BssUg8-Y.js';
-import { w as watcher, A as AnnotationGewijzigdeLocatie, a as AnnotationSymbolSlot } from './annotation-watcher-Rs1ULLIo.js';
-import { p as parseXml, a as parseWijzigactieFromNode, M as MarkText } from './parse-wijzigactie-from-node.function-skF9dYbu.js';
+import { r as registerInstance, d as createEvent, h, F as Fragment, g as getElement, a as Host } from './index-ai7aDzJN.js';
+import { A as AnnotationBody } from './annotation-body-Ce5c-0pe.js';
+import { w as watcher, A as AnnotationGewijzigdeLocatie, a as AnnotationSymbolSlot } from './annotation-watcher-Dk6POxYU.js';
+import { p as parseXml, a as parseWijzigactieFromNode, M as MarkText } from './parse-wijzigactie-from-node.function-DFRwNK3S.js';
 import { i as isModifiedEvent } from './is-modified-event-Hgv-pDpy.js';
 
-const annotationCss = () => `a{background-color:transparent;color:var(--link-color);text-decoration:underline;text-underline-offset:15%}a:hover,a:focus-visible{color:var(--link-hover-color);text-decoration:underline}a:active{text-decoration:none}a dso-icon+span,a span+dso-icon{margin-inline-start:8px}a .sr-only+dso-icon{margin-inline-start:0}a:visited{color:var(--link-visited-color)}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download{background-repeat:no-repeat;background-size:1.25em 1.25em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom 0 right 0;background-image:var(--_dso-di-background-image, url("./di.svg#download"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#download-scampi"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern{background-repeat:no-repeat;background-size:1.25em 1.25em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom 0 right 0;background-image:var(--_dso-di-background-image, url("./di.svg#external-link"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#external-link-scampi"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]{background-repeat:no-repeat;background-size:1.25em 1.25em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom 0 left 0;background-image:var(--_dso-di-background-image, url("./di.svg#call-grasgroen"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#call-scampi"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]{background-repeat:no-repeat;background-size:1.25em 1.25em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom 0 left 0;background-image:var(--_dso-di-background-image, url("./di.svg#email-grasgroen"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#email-scampi"))}:host{display:block;padding:2px}: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;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#email-zwart"))}:host([wijzigactie=voegtoe]){--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_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:colors.$zwart}:host([wijzigactie=verwijder]){--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#email-zwart"))}:host([wijzigactie=verwijder]){--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_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:colors.$zwart;text-decoration:line-through;--_dso-ozon-content-toggletip-text-decoration:underline line-through}@media screen and (min--moz-device-pixel-ratio: 0){:host([wijzigactie=verwijder]){font-family:sans-serif}}*,*::after,*::before{box-sizing:border-box}.annotation-body{display:flex;gap:8px}.annotation-info{flex-grow:1}.annotation-symbol,.annotation-control{flex-shrink:0}.annotation-title{font-weight:500;overflow-wrap:anywhere}.annotation-title,.annotation-data{margin-block:0}.annotation-title .content:has(+dso-label),.annotation-data .content:has(+dso-label){margin-inline-end:4px}.annotation-data{font-size:0.875rem}`;
+const annotationCss = () => `a{background-color:transparent;color:var(--link-color);text-decoration:underline;text-underline-offset:15%}a:hover,a:focus-visible{color:var(--link-hover-color);text-decoration:underline}a:active{text-decoration:none}a .sr-only+dso-icon{margin-inline-start:0}a:visited{color:var(--link-visited-color)}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom -3px right 0;background-image:var(--_dso-di-background-image, url("./di.svg#download"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).download:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#download-scampi"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-end:var(--_dso-link-icon-padding-inline-end, 1.5em);background-position:bottom -3px right 0;background-image:var(--_dso-di-background-image, url("./di.svg#external-link"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary)).extern:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#external-link-scampi"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom -3px left 0;background-image:var(--_dso-di-background-image, url("./di.svg#call-grasgroen"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="tel:"]:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#call-scampi"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]{background-repeat:no-repeat;background-size:1.5em 1.5em;padding-inline-start:var(--_dso-link-icon-padding-inline-start, 1.5em);background-position:bottom -3px left 0;background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-grasgroen"))}a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]:hover,a:where(:not(.dso-primary,.dso-secondary,.dso-tertiary))[href^="mailto:"]:focus-visible{background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-scampi"))}:host{display:block;padding:2px}: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;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}:host([wijzigactie=voegtoe]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}:host([wijzigactie=voegtoe]){--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_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([wijzigactie=verwijder]){--_dso-alert-success-border-color:#39870c;--_dso-alert-error-border-color:#ce3f51;--_dso-alert-info-border-color:#6ca4d9;--_dso-alert-warning-border-color:#dcd400;--link-color:currentColor;--link-hover-color:currentColor;--link-visited-color:currentColor}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.download,.download:hover,.download:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#download-zwart"))}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is(.extern,.extern:hover,.extern:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#external-link-zwart"))}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="tel:"],[href^="tel:"]:hover,[href^="tel:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#call-zwart"))}:host([wijzigactie=verwijder]) a:not(.dso-primary,.dso-secondary,.dso-tertiary):is([href^="mailto:"],[href^="mailto:"]:hover,[href^="mailto:"]:focus-visible){background-image:var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart"))}:host([wijzigactie=verwijder]){--_dso-icon-button-tertiary-color:#191919;--_dso-icon-button-tertiary-hover-color:#4c4c4c;--_dso-icon-button-tertiary-active-color:#173521;--_dso-icon-button-tertiary-disabled-color:#999;--_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;text-decoration:line-through;--_dso-ozon-content-toggletip-text-decoration:underline line-through}@media screen and (min--moz-device-pixel-ratio: 0){:host([wijzigactie=verwijder]){font-family:sans-serif}}*,*::after,*::before{box-sizing:border-box}.annotation-body{display:flex;gap:8px}.annotation-info{flex-grow:1}.annotation-symbol,.annotation-control{flex-shrink:0}.annotation-title{font-weight:500;overflow-wrap:anywhere}.annotation-title,.annotation-data{margin-block:0}.annotation-title .content:has(+dso-label),.annotation-data .content:has(+dso-label){margin-inline-end:4px}.annotation-data{font-size:0.875rem}`;
 
 const AnnotationLocatie = class {
     constructor(hostRef) {
@@ -26,37 +26,24 @@ const AnnotationLocatie = class {
 };
 AnnotationLocatie.style = annotationCss();
 
-var __rest = (undefined && undefined.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s)
-        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-            t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-const Heading = (_a, children) => {
-    var { heading, mode, href, onClick } = _a, props = __rest(_a, ["heading", "mode", "href", "onClick"]);
+const Heading = ({ heading, mode, href, onClick, ...props }, children) => {
     let headingElement;
     switch (heading) {
         default:
         case "h2":
-            headingElement = (h("h2", Object.assign({}, props, { onClick: mode === "document" ? onClick : undefined }), children));
+            headingElement = (h("h2", { ...props, onClick: mode === "document" ? onClick : undefined }, children));
             break;
         case "h3":
-            headingElement = (h("h3", Object.assign({}, props, { onClick: mode === "document" ? onClick : undefined }), children));
+            headingElement = (h("h3", { ...props, onClick: mode === "document" ? onClick : undefined }, children));
             break;
         case "h4":
-            headingElement = (h("h4", Object.assign({}, props, { onClick: mode === "document" ? onClick : undefined }), children));
+            headingElement = (h("h4", { ...props, onClick: mode === "document" ? onClick : undefined }, children));
             break;
         case "h5":
-            headingElement = (h("h5", Object.assign({}, props, { onClick: mode === "document" ? onClick : undefined }), children));
+            headingElement = (h("h5", { ...props, onClick: mode === "document" ? onClick : undefined }, children));
             break;
         case "h6":
-            headingElement = (h("h6", Object.assign({}, props, { onClick: mode === "document" ? onClick : undefined }), children));
+            headingElement = (h("h6", { ...props, onClick: mode === "document" ? onClick : undefined }, children));
     }
     if (mode === "table-of-contents" && href) {
         return (h("a", { href: href, onClick: onClick, class: "heading-anchor" }, headingElement));
@@ -64,1407 +51,7 @@ const Heading = (_a, children) => {
     return headingElement;
 };
 
-const documentComponentCss = () => `button {
-  -webkit-appearance: button;
-  color: inherit;
-  cursor: pointer;
-  font: inherit;
-  font-family: inherit;
-  font-size: inherit;
-  line-height: inherit;
-  margin: 0;
-  overflow: visible;
-  text-transform: none;
-}
-button[disabled] {
-  cursor: default;
-}
-button::-moz-focus-inner {
-  border: 0;
-  padding: 0;
-}
-
-a.dso-primary,
-button.dso-primary,
-label.dso-primary {
-  display: inline-block;
-  font-size: 1em;
-  font-weight: 500;
-  margin-block-end: 0;
-  text-decoration: none;
-  touch-action: manipulation;
-  text-align: start;
-  user-select: none;
-  vertical-align: middle;
-  background-clip: padding-box;
-}
-a.dso-primary:focus, a.dso-primary:focus-visible,
-button.dso-primary:focus,
-button.dso-primary:focus-visible,
-label.dso-primary:focus,
-label.dso-primary:focus-visible {
-  outline-offset: 2px;
-}
-a.dso-primary:active,
-button.dso-primary:active,
-label.dso-primary:active {
-  outline: 0;
-}
-a.dso-primary.extern::after, a.dso-primary.download::after,
-button.dso-primary.extern::after,
-button.dso-primary.download::after,
-label.dso-primary.extern::after,
-label.dso-primary.download::after {
-  content: "";
-  display: inline-block;
-  margin-inline-start: 8px;
-}
-a.dso-primary,
-button.dso-primary,
-label.dso-primary {
-  background-color: var(--_dso-button-primary-background-color, #39870c);
-  border-color: var(--_dso-button-primary-border-color, #39870c);
-  color: var(--_dso-button-primary-color, #fff);
-  border-width: 1px;
-  border-style: solid;
-  border-radius: 4px;
-  line-height: 1.5;
-  min-inline-size: 56px;
-  padding-block: 11px;
-  padding-inline: 15px;
-}
-a.dso-primary:hover,
-button.dso-primary:hover,
-label.dso-primary:hover {
-  background-color: var(--_dso-button-primary-hover-background-color, #275937);
-  border-color: var(--_dso-button-primary-hover-border-color, #275937);
-  color: var(--_dso-button-primary-hover-color, #fff);
-}
-a.dso-primary:active,
-button.dso-primary:active,
-label.dso-primary:active {
-  background-color: var(--_dso-button-primary-active-background-color, #173521);
-  border-color: var(--_dso-button-primary-active-border-color, #173521);
-  color: var(--_dso-button-primary-active-color, #fff);
-}
-a.dso-primary[disabled], a.dso-primary[disabled]:hover,
-button.dso-primary[disabled],
-button.dso-primary[disabled]:hover,
-label.dso-primary[disabled],
-label.dso-primary[disabled]:hover {
-  background-color: var(--_dso-button-primary-disabled-background-color, #afcf9d);
-  border-color: var(--_dso-button-primary-disabled-border-color, #afcf9d);
-  color: var(--_dso-button-primary-disabled-color, #fff);
-}
-a.dso-primary.dso-small,
-button.dso-primary.dso-small,
-label.dso-primary.dso-small {
-  line-height: 1rem;
-}
-a.dso-primary.dso-small dso-icon, a.dso-primary.dso-small.extern::after, a.dso-primary.dso-small.download::after, a.dso-primary.dso-small.dso-spinner::before,
-button.dso-primary.dso-small dso-icon,
-button.dso-primary.dso-small.extern::after,
-button.dso-primary.dso-small.download::after,
-button.dso-primary.dso-small.dso-spinner::before,
-label.dso-primary.dso-small dso-icon,
-label.dso-primary.dso-small.extern::after,
-label.dso-primary.dso-small.download::after,
-label.dso-primary.dso-small.dso-spinner::before {
-  margin-block-end: -4px;
-  margin-block-start: -4px;
-}
-a.dso-primary.dso-small.dso-spinner-left::before,
-button.dso-primary.dso-small.dso-spinner-left::before,
-label.dso-primary.dso-small.dso-spinner-left::before {
-  block-size: 16px;
-  inline-size: 16px;
-}
-a.dso-primary.dso-small.dso-spinner-right::after,
-button.dso-primary.dso-small.dso-spinner-right::after,
-label.dso-primary.dso-small.dso-spinner-right::after {
-  block-size: 16px;
-  inline-size: 16px;
-}
-a.dso-primary.dso-extra-small,
-button.dso-primary.dso-extra-small,
-label.dso-primary.dso-extra-small {
-  line-height: 1rem;
-}
-a.dso-primary.dso-extra-small dso-icon, a.dso-primary.dso-extra-small.extern::after, a.dso-primary.dso-extra-small.download::after, a.dso-primary.dso-extra-small.dso-spinner::before,
-button.dso-primary.dso-extra-small dso-icon,
-button.dso-primary.dso-extra-small.extern::after,
-button.dso-primary.dso-extra-small.download::after,
-button.dso-primary.dso-extra-small.dso-spinner::before,
-label.dso-primary.dso-extra-small dso-icon,
-label.dso-primary.dso-extra-small.extern::after,
-label.dso-primary.dso-extra-small.download::after,
-label.dso-primary.dso-extra-small.dso-spinner::before {
-  margin-block-end: -4px;
-  margin-block-start: -4px;
-}
-a.dso-primary.dso-extra-small.dso-spinner-left::before,
-button.dso-primary.dso-extra-small.dso-spinner-left::before,
-label.dso-primary.dso-extra-small.dso-spinner-left::before {
-  block-size: 16px;
-  inline-size: 16px;
-}
-a.dso-primary.dso-extra-small.dso-spinner-right::after,
-button.dso-primary.dso-extra-small.dso-spinner-right::after,
-label.dso-primary.dso-extra-small.dso-spinner-right::after {
-  block-size: 16px;
-  inline-size: 16px;
-}
-a.dso-primary.dso-extra-small,
-button.dso-primary.dso-extra-small,
-label.dso-primary.dso-extra-small {
-  padding-block: 9px;
-}
-a.dso-primary dso-icon:has(+ span:not(.sr-only)),
-button.dso-primary dso-icon:has(+ span:not(.sr-only)),
-label.dso-primary dso-icon:has(+ span:not(.sr-only)) {
-  margin-inline-start: -8px;
-}
-a.dso-primary span:not(.sr-only) + dso-icon,
-button.dso-primary span:not(.sr-only) + dso-icon,
-label.dso-primary span:not(.sr-only) + dso-icon {
-  margin-inline-start: 8px;
-  margin-inline-end: -8px;
-}
-a.dso-primary dso-icon + span:not(.sr-only),
-button.dso-primary dso-icon + span:not(.sr-only),
-label.dso-primary dso-icon + span:not(.sr-only) {
-  margin-inline-start: 8px;
-}
-a.dso-primary.dso-spinner-left[disabled], a.dso-primary.dso-spinner-right[disabled],
-button.dso-primary.dso-spinner-left[disabled],
-button.dso-primary.dso-spinner-right[disabled],
-label.dso-primary.dso-spinner-left[disabled],
-label.dso-primary.dso-spinner-right[disabled] {
-  background-color: #39870c;
-  border-color: #39870c;
-  color: #fff;
-}
-a.dso-primary.dso-spinner-left::before,
-button.dso-primary.dso-spinner-left::before,
-label.dso-primary.dso-spinner-left::before {
-  background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");
-  background-repeat: no-repeat;
-  content: "";
-  display: inline-block;
-  block-size: 24px;
-  vertical-align: top;
-  inline-size: 24px;
-  margin-inline-end: 8px;
-}
-a.dso-primary.dso-spinner-right::after,
-button.dso-primary.dso-spinner-right::after,
-label.dso-primary.dso-spinner-right::after {
-  background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");
-  background-repeat: no-repeat;
-  content: "";
-  display: inline-block;
-  block-size: 24px;
-  vertical-align: top;
-  inline-size: 24px;
-  margin-inline-start: 8px;
-}
-a.dso-primary.download::after,
-button.dso-primary.download::after,
-label.dso-primary.download::after {
-  background: url("./di.svg#download-wit") no-repeat center;
-  background-size: cover;
-  block-size: 24px;
-  vertical-align: top;
-  inline-size: 24px;
-}
-a.dso-primary.extern::after,
-button.dso-primary.extern::after,
-label.dso-primary.extern::after {
-  background: url("./di.svg#external-link-wit") no-repeat center;
-  background-size: cover;
-  block-size: 24px;
-  vertical-align: top;
-  inline-size: 24px;
-}
-a.dso-secondary,
-button.dso-secondary,
-label.dso-secondary {
-  display: inline-block;
-  font-size: 1em;
-  font-weight: 500;
-  margin-block-end: 0;
-  text-decoration: none;
-  touch-action: manipulation;
-  text-align: start;
-  user-select: none;
-  vertical-align: middle;
-  background-clip: padding-box;
-}
-a.dso-secondary:focus, a.dso-secondary:focus-visible,
-button.dso-secondary:focus,
-button.dso-secondary:focus-visible,
-label.dso-secondary:focus,
-label.dso-secondary:focus-visible {
-  outline-offset: 2px;
-}
-a.dso-secondary:active,
-button.dso-secondary:active,
-label.dso-secondary:active {
-  outline: 0;
-}
-a.dso-secondary.extern::after, a.dso-secondary.download::after,
-button.dso-secondary.extern::after,
-button.dso-secondary.download::after,
-label.dso-secondary.extern::after,
-label.dso-secondary.download::after {
-  content: "";
-  display: inline-block;
-  margin-inline-start: 8px;
-}
-a.dso-secondary,
-button.dso-secondary,
-label.dso-secondary {
-  background-color: var(--_dso-button-secondary-background-color, #fff);
-  border-color: var(--_dso-button-secondary-border-color, #39870c);
-  color: var(--_dso-button-secondary-color, #39870c);
-  border-width: 1px;
-  border-style: solid;
-  border-radius: 4px;
-  line-height: 1.5;
-  min-inline-size: 56px;
-  padding-block: 11px;
-  padding-inline: 15px;
-}
-a.dso-secondary:hover,
-button.dso-secondary:hover,
-label.dso-secondary:hover {
-  background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce);
-  border-color: var(--_dso-button-secondary-hover-border-color, #275937);
-  color: var(--_dso-button-secondary-hover-color, #275937);
-}
-a.dso-secondary:active,
-button.dso-secondary:active,
-label.dso-secondary:active {
-  background-color: var(--_dso-button-secondary-active-background-color, #275937);
-  border-color: var(--_dso-button-secondary-active-border-color, #275937);
-  color: var(--_dso-button-secondary-active-color, #fff);
-}
-a.dso-secondary[disabled], a.dso-secondary[disabled]:hover,
-button.dso-secondary[disabled],
-button.dso-secondary[disabled]:hover,
-label.dso-secondary[disabled],
-label.dso-secondary[disabled]:hover {
-  background-color: var(--_dso-button-secondary-disabled-background-color, #fff);
-  border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d);
-  color: var(--_dso-button-secondary-disabled-color, #afcf9d);
-}
-a.dso-secondary.dso-small,
-button.dso-secondary.dso-small,
-label.dso-secondary.dso-small {
-  line-height: 1rem;
-}
-a.dso-secondary.dso-small dso-icon, a.dso-secondary.dso-small.extern::after, a.dso-secondary.dso-small.download::after, a.dso-secondary.dso-small.dso-spinner::before,
-button.dso-secondary.dso-small dso-icon,
-button.dso-secondary.dso-small.extern::after,
-button.dso-secondary.dso-small.download::after,
-button.dso-secondary.dso-small.dso-spinner::before,
-label.dso-secondary.dso-small dso-icon,
-label.dso-secondary.dso-small.extern::after,
-label.dso-secondary.dso-small.download::after,
-label.dso-secondary.dso-small.dso-spinner::before {
-  margin-block-end: -4px;
-  margin-block-start: -4px;
-}
-a.dso-secondary.dso-small.dso-spinner-left::before,
-button.dso-secondary.dso-small.dso-spinner-left::before,
-label.dso-secondary.dso-small.dso-spinner-left::before {
-  block-size: 16px;
-  inline-size: 16px;
-}
-a.dso-secondary.dso-small.dso-spinner-right::after,
-button.dso-secondary.dso-small.dso-spinner-right::after,
-label.dso-secondary.dso-small.dso-spinner-right::after {
-  block-size: 16px;
-  inline-size: 16px;
-}
-a.dso-secondary.dso-extra-small,
-button.dso-secondary.dso-extra-small,
-label.dso-secondary.dso-extra-small {
-  line-height: 1rem;
-}
-a.dso-secondary.dso-extra-small dso-icon, a.dso-secondary.dso-extra-small.extern::after, a.dso-secondary.dso-extra-small.download::after, a.dso-secondary.dso-extra-small.dso-spinner::before,
-button.dso-secondary.dso-extra-small dso-icon,
-button.dso-secondary.dso-extra-small.extern::after,
-button.dso-secondary.dso-extra-small.download::after,
-button.dso-secondary.dso-extra-small.dso-spinner::before,
-label.dso-secondary.dso-extra-small dso-icon,
-label.dso-secondary.dso-extra-small.extern::after,
-label.dso-secondary.dso-extra-small.download::after,
-label.dso-secondary.dso-extra-small.dso-spinner::before {
-  margin-block-end: -4px;
-  margin-block-start: -4px;
-}
-a.dso-secondary.dso-extra-small.dso-spinner-left::before,
-button.dso-secondary.dso-extra-small.dso-spinner-left::before,
-label.dso-secondary.dso-extra-small.dso-spinner-left::before {
-  block-size: 16px;
-  inline-size: 16px;
-}
-a.dso-secondary.dso-extra-small.dso-spinner-right::after,
-button.dso-secondary.dso-extra-small.dso-spinner-right::after,
-label.dso-secondary.dso-extra-small.dso-spinner-right::after {
-  block-size: 16px;
-  inline-size: 16px;
-}
-a.dso-secondary.dso-extra-small,
-button.dso-secondary.dso-extra-small,
-label.dso-secondary.dso-extra-small {
-  padding-block: 9px;
-}
-a.dso-secondary dso-icon:has(+ span:not(.sr-only)),
-button.dso-secondary dso-icon:has(+ span:not(.sr-only)),
-label.dso-secondary dso-icon:has(+ span:not(.sr-only)) {
-  margin-inline-start: -8px;
-}
-a.dso-secondary span:not(.sr-only) + dso-icon,
-button.dso-secondary span:not(.sr-only) + dso-icon,
-label.dso-secondary span:not(.sr-only) + dso-icon {
-  margin-inline-start: 8px;
-  margin-inline-end: -8px;
-}
-a.dso-secondary dso-icon + span:not(.sr-only),
-button.dso-secondary dso-icon + span:not(.sr-only),
-label.dso-secondary dso-icon + span:not(.sr-only) {
-  margin-inline-start: 8px;
-}
-a.dso-secondary.dso-spinner-left[disabled], a.dso-secondary.dso-spinner-right[disabled],
-button.dso-secondary.dso-spinner-left[disabled],
-button.dso-secondary.dso-spinner-right[disabled],
-label.dso-secondary.dso-spinner-left[disabled],
-label.dso-secondary.dso-spinner-right[disabled] {
-  background-color: #fff;
-  border-color: #39870c;
-  color: #39870c;
-}
-a.dso-secondary.dso-spinner-left::before,
-button.dso-secondary.dso-spinner-left::before,
-label.dso-secondary.dso-spinner-left::before {
-  background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");
-  background-repeat: no-repeat;
-  content: "";
-  display: inline-block;
-  block-size: 24px;
-  vertical-align: top;
-  inline-size: 24px;
-  margin-inline-end: 8px;
-}
-a.dso-secondary.dso-spinner-left:not([disabled]):hover::before,
-button.dso-secondary.dso-spinner-left:not([disabled]):hover::before,
-label.dso-secondary.dso-spinner-left:not([disabled]):hover::before {
-  background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");
-  background-repeat: no-repeat;
-  content: "";
-  display: inline-block;
-  block-size: 24px;
-  vertical-align: top;
-  inline-size: 24px;
-  margin-inline-end: 8px;
-}
-a.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before,
-button.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before,
-label.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before {
-  block-size: 16px;
-  inline-size: 16px;
-}
-a.dso-secondary.dso-spinner-right::after,
-button.dso-secondary.dso-spinner-right::after,
-label.dso-secondary.dso-spinner-right::after {
-  background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");
-  background-repeat: no-repeat;
-  content: "";
-  display: inline-block;
-  block-size: 24px;
-  vertical-align: top;
-  inline-size: 24px;
-  margin-inline-start: 8px;
-}
-a.dso-secondary.dso-spinner-right:not([disabled]):hover::after,
-button.dso-secondary.dso-spinner-right:not([disabled]):hover::after,
-label.dso-secondary.dso-spinner-right:not([disabled]):hover::after {
-  background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");
-  background-repeat: no-repeat;
-  content: "";
-  display: inline-block;
-  block-size: 24px;
-  vertical-align: top;
-  inline-size: 24px;
-  margin-inline-start: 8px;
-}
-a.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after,
-button.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after,
-label.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after {
-  block-size: 16px;
-  inline-size: 16px;
-}
-a.dso-secondary.download::after,
-button.dso-secondary.download::after,
-label.dso-secondary.download::after {
-  background: url("./di.svg#download") no-repeat center;
-  background-size: cover;
-  block-size: 24px;
-  vertical-align: top;
-  inline-size: 24px;
-}
-a.dso-secondary.download:hover::after,
-button.dso-secondary.download:hover::after,
-label.dso-secondary.download:hover::after {
-  background-image: var(--_dso-di-background-image, url("./di.svg#download-wit"));
-}
-a.dso-secondary.download[disabled]::after,
-button.dso-secondary.download[disabled]::after,
-label.dso-secondary.download[disabled]::after {
-  background-image: var(--_dso-di-background-image, url("./di.svg#download-grasgroen-40"));
-}
-a.dso-secondary.extern::after,
-button.dso-secondary.extern::after,
-label.dso-secondary.extern::after {
-  background: url("./di.svg#external-link") no-repeat center;
-  background-size: cover;
-  block-size: 24px;
-  vertical-align: top;
-  inline-size: 24px;
-}
-a.dso-secondary.extern:hover::after,
-button.dso-secondary.extern:hover::after,
-label.dso-secondary.extern:hover::after {
-  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-wit"));
-}
-a.dso-secondary.extern[disabled]::after,
-button.dso-secondary.extern[disabled]::after,
-label.dso-secondary.extern[disabled]::after {
-  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-grasgroen-40"));
-}
-a.dso-tertiary,
-button.dso-tertiary,
-label.dso-tertiary {
-  display: inline-block;
-  font-size: 1em;
-  font-weight: 500;
-  margin-block-end: 0;
-  text-decoration: none;
-  touch-action: manipulation;
-  text-align: start;
-  user-select: none;
-  vertical-align: middle;
-  background-clip: padding-box;
-}
-a.dso-tertiary:focus, a.dso-tertiary:focus-visible,
-button.dso-tertiary:focus,
-button.dso-tertiary:focus-visible,
-label.dso-tertiary:focus,
-label.dso-tertiary:focus-visible {
-  outline-offset: 2px;
-}
-a.dso-tertiary:active,
-button.dso-tertiary:active,
-label.dso-tertiary:active {
-  outline: 0;
-}
-a.dso-tertiary.extern::after, a.dso-tertiary.download::after,
-button.dso-tertiary.extern::after,
-button.dso-tertiary.download::after,
-label.dso-tertiary.extern::after,
-label.dso-tertiary.download::after {
-  content: "";
-  display: inline-block;
-  margin-inline-start: 8px;
-}
-a.dso-tertiary,
-button.dso-tertiary,
-label.dso-tertiary {
-  display: inline-block;
-  font-size: 1em;
-  font-weight: 500;
-  margin-block-end: 0;
-  text-decoration: none;
-  touch-action: manipulation;
-  text-align: start;
-  user-select: none;
-  vertical-align: middle;
-  background-clip: padding-box;
-}
-a.dso-tertiary:focus, a.dso-tertiary:focus-visible,
-button.dso-tertiary:focus,
-button.dso-tertiary:focus-visible,
-label.dso-tertiary:focus,
-label.dso-tertiary:focus-visible {
-  outline-offset: 2px;
-}
-a.dso-tertiary:active,
-button.dso-tertiary:active,
-label.dso-tertiary:active {
-  outline: 0;
-}
-a.dso-tertiary.extern::after, a.dso-tertiary.download::after,
-button.dso-tertiary.extern::after,
-button.dso-tertiary.download::after,
-label.dso-tertiary.extern::after,
-label.dso-tertiary.download::after {
-  content: "";
-  display: inline-block;
-  margin-inline-start: 8px;
-}
-a.dso-tertiary,
-button.dso-tertiary,
-label.dso-tertiary {
-  background-color: var(--_dso-button-tertiary-background-color, );
-  border-color: var(--_dso-button-tertiary-border-color, );
-  color: var(--_dso-button-tertiary-color, #39870c);
-  border-width: 1px;
-  border-style: solid;
-  border-radius: 4px;
-  line-height: 1.5;
-  min-inline-size: auto;
-  padding-block: 11px;
-  padding-inline: 15px;
-}
-a.dso-tertiary:hover,
-button.dso-tertiary:hover,
-label.dso-tertiary:hover {
-  background-color: var(--_dso-button-tertiary-hover-background-color, );
-  border-color: var(--_dso-button-tertiary-hover-border-color, );
-  color: var(--_dso-button-tertiary-hover-color, #275937);
-}
-a.dso-tertiary:active,
-button.dso-tertiary:active,
-label.dso-tertiary:active {
-  background-color: var(--_dso-button-tertiary-active-background-color, );
-  border-color: var(--_dso-button-tertiary-active-border-color, );
-  color: var(--_dso-button-tertiary-active-color, #173521);
-}
-a.dso-tertiary[disabled], a.dso-tertiary[disabled]:hover,
-button.dso-tertiary[disabled],
-button.dso-tertiary[disabled]:hover,
-label.dso-tertiary[disabled],
-label.dso-tertiary[disabled]:hover {
-  background-color: var(--_dso-button-tertiary-disabled-background-color, );
-  border-color: var(--_dso-button-tertiary-disabled-border-color, );
-  color: var(--_dso-button-tertiary-disabled-color, #afcf9d);
-}
-a.dso-tertiary.dso-small,
-button.dso-tertiary.dso-small,
-label.dso-tertiary.dso-small {
-  line-height: 1rem;
-}
-a.dso-tertiary.dso-small dso-icon, a.dso-tertiary.dso-small.extern::after, a.dso-tertiary.dso-small.download::after, a.dso-tertiary.dso-small.dso-spinner::before,
-button.dso-tertiary.dso-small dso-icon,
-button.dso-tertiary.dso-small.extern::after,
-button.dso-tertiary.dso-small.download::after,
-button.dso-tertiary.dso-small.dso-spinner::before,
-label.dso-tertiary.dso-small dso-icon,
-label.dso-tertiary.dso-small.extern::after,
-label.dso-tertiary.dso-small.download::after,
-label.dso-tertiary.dso-small.dso-spinner::before {
-  margin-block-end: -4px;
-  margin-block-start: -4px;
-}
-a.dso-tertiary.dso-small.dso-spinner-left::before,
-button.dso-tertiary.dso-small.dso-spinner-left::before,
-label.dso-tertiary.dso-small.dso-spinner-left::before {
-  block-size: 16px;
-  inline-size: 16px;
-}
-a.dso-tertiary.dso-small.dso-spinner-right::after,
-button.dso-tertiary.dso-small.dso-spinner-right::after,
-label.dso-tertiary.dso-small.dso-spinner-right::after {
-  block-size: 16px;
-  inline-size: 16px;
-}
-a.dso-tertiary.dso-extra-small,
-button.dso-tertiary.dso-extra-small,
-label.dso-tertiary.dso-extra-small {
-  line-height: 1rem;
-}
-a.dso-tertiary.dso-extra-small dso-icon, a.dso-tertiary.dso-extra-small.extern::after, a.dso-tertiary.dso-extra-small.download::after, a.dso-tertiary.dso-extra-small.dso-spinner::before,
-button.dso-tertiary.dso-extra-small dso-icon,
-button.dso-tertiary.dso-extra-small.extern::after,
-button.dso-tertiary.dso-extra-small.download::after,
-button.dso-tertiary.dso-extra-small.dso-spinner::before,
-label.dso-tertiary.dso-extra-small dso-icon,
-label.dso-tertiary.dso-extra-small.extern::after,
-label.dso-tertiary.dso-extra-small.download::after,
-label.dso-tertiary.dso-extra-small.dso-spinner::before {
-  margin-block-end: -4px;
-  margin-block-start: -4px;
-}
-a.dso-tertiary.dso-extra-small.dso-spinner-left::before,
-button.dso-tertiary.dso-extra-small.dso-spinner-left::before,
-label.dso-tertiary.dso-extra-small.dso-spinner-left::before {
-  block-size: 16px;
-  inline-size: 16px;
-}
-a.dso-tertiary.dso-extra-small.dso-spinner-right::after,
-button.dso-tertiary.dso-extra-small.dso-spinner-right::after,
-label.dso-tertiary.dso-extra-small.dso-spinner-right::after {
-  block-size: 16px;
-  inline-size: 16px;
-}
-a.dso-tertiary.dso-extra-small,
-button.dso-tertiary.dso-extra-small,
-label.dso-tertiary.dso-extra-small {
-  padding-block: 9px;
-}
-a.dso-tertiary dso-icon:has(+ span:not(.sr-only)),
-button.dso-tertiary dso-icon:has(+ span:not(.sr-only)),
-label.dso-tertiary dso-icon:has(+ span:not(.sr-only)) {
-  margin-inline-start: -8px;
-}
-a.dso-tertiary span:not(.sr-only) + dso-icon,
-button.dso-tertiary span:not(.sr-only) + dso-icon,
-label.dso-tertiary span:not(.sr-only) + dso-icon {
-  margin-inline-start: 8px;
-  margin-inline-end: -8px;
-}
-a.dso-tertiary dso-icon + span:not(.sr-only),
-button.dso-tertiary dso-icon + span:not(.sr-only),
-label.dso-tertiary dso-icon + span:not(.sr-only) {
-  margin-inline-start: 8px;
-}
-a.dso-tertiary,
-button.dso-tertiary,
-label.dso-tertiary {
-  border: 0;
-  line-height: 1;
-  padding: 0;
-  background-color: transparent;
-}
-a.dso-tertiary[disabled].dso-spinner-left, a.dso-tertiary[disabled].dso-spinner-right,
-button.dso-tertiary[disabled].dso-spinner-left,
-button.dso-tertiary[disabled].dso-spinner-right,
-label.dso-tertiary[disabled].dso-spinner-left,
-label.dso-tertiary[disabled].dso-spinner-right {
-  color: #39870c;
-}
-a.dso-tertiary:not([disabled]):hover,
-button.dso-tertiary:not([disabled]):hover,
-label.dso-tertiary:not([disabled]):hover {
-  text-decoration: underline;
-  text-underline-position: under;
-}
-a.dso-tertiary.dso-align,
-button.dso-tertiary.dso-align,
-label.dso-tertiary.dso-align {
-  line-height: calc(1.5em - 1px);
-  padding-block: 11px;
-  padding-inline: 0;
-  position: relative;
-}
-a.dso-tertiary.dso-truncate,
-button.dso-tertiary.dso-truncate,
-label.dso-tertiary.dso-truncate {
-  max-inline-size: 100%;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-a.dso-tertiary.dso-spinner-left::before,
-button.dso-tertiary.dso-spinner-left::before,
-label.dso-tertiary.dso-spinner-left::before {
-  background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");
-  background-repeat: no-repeat;
-  content: "";
-  display: inline-block;
-  block-size: 24px;
-  vertical-align: middle;
-  inline-size: 24px;
-  margin-inline-end: 8px;
-}
-a.dso-tertiary.dso-spinner-right::after,
-button.dso-tertiary.dso-spinner-right::after,
-label.dso-tertiary.dso-spinner-right::after {
-  background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");
-  background-repeat: no-repeat;
-  content: "";
-  display: inline-block;
-  block-size: 24px;
-  vertical-align: middle;
-  inline-size: 24px;
-  margin-inline-start: 8px;
-}
-a.dso-tertiary dso-icon + span:not(.sr-only),
-a.dso-tertiary span:not(.sr-only) + dso-icon,
-button.dso-tertiary dso-icon + span:not(.sr-only),
-button.dso-tertiary span:not(.sr-only) + dso-icon,
-label.dso-tertiary dso-icon + span:not(.sr-only),
-label.dso-tertiary span:not(.sr-only) + dso-icon {
-  margin-inline-start: 8px;
-}
-a.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only),
-a.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only),
-a.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left],
-a.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right],
-button.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only),
-button.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only),
-button.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left],
-button.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right],
-label.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only),
-label.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only),
-label.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left],
-label.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right] {
-  margin-inline-start: 0;
-}
-a.dso-tertiary dso-icon,
-a.dso-tertiary span,
-button.dso-tertiary dso-icon,
-button.dso-tertiary span,
-label.dso-tertiary dso-icon,
-label.dso-tertiary span {
-  vertical-align: middle;
-}
-a.dso-tertiary.extern::after, a.dso-tertiary.download::after,
-button.dso-tertiary.extern::after,
-button.dso-tertiary.download::after,
-label.dso-tertiary.extern::after,
-label.dso-tertiary.download::after {
-  position: relative;
-  inset-block-start: -2px;
-}
-a.dso-tertiary.download::after,
-button.dso-tertiary.download::after,
-label.dso-tertiary.download::after {
-  background: url("./di.svg#download") no-repeat center;
-  background-size: cover;
-  block-size: 24px;
-  vertical-align: top;
-  inline-size: 24px;
-}
-a.dso-tertiary.download[disabled]::after,
-button.dso-tertiary.download[disabled]::after,
-label.dso-tertiary.download[disabled]::after {
-  background-image: var(--_dso-di-background-image, url("./di.svg#download-grasgroen-40"));
-}
-a.dso-tertiary.download:not([disabled]):hover::after, a.dso-tertiary.download:not([disabled]):active::after,
-button.dso-tertiary.download:not([disabled]):hover::after,
-button.dso-tertiary.download:not([disabled]):active::after,
-label.dso-tertiary.download:not([disabled]):hover::after,
-label.dso-tertiary.download:not([disabled]):active::after {
-  background-image: var(--_dso-di-background-image, url("./di.svg#download-bosgroen"));
-}
-a.dso-tertiary.extern::after,
-button.dso-tertiary.extern::after,
-label.dso-tertiary.extern::after {
-  background: url("./di.svg#external-link") no-repeat center;
-  background-size: cover;
-  block-size: 24px;
-  vertical-align: top;
-  inline-size: 24px;
-}
-a.dso-tertiary.extern[disabled]::after,
-button.dso-tertiary.extern[disabled]::after,
-label.dso-tertiary.extern[disabled]::after {
-  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-grasgroen-40"));
-}
-a.dso-tertiary.extern:not([disabled]):hover::after, a.dso-tertiary.extern:not([disabled]):active::after,
-button.dso-tertiary.extern:not([disabled]):hover::after,
-button.dso-tertiary.extern:not([disabled]):active::after,
-label.dso-tertiary.extern:not([disabled]):hover::after,
-label.dso-tertiary.extern:not([disabled]):active::after {
-  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-bosgroen"));
-}
-a.dso-map,
-button.dso-map,
-label.dso-map {
-  display: inline-block;
-  font-size: 1em;
-  font-weight: 500;
-  margin-block-end: 0;
-  text-decoration: none;
-  touch-action: manipulation;
-  text-align: start;
-  user-select: none;
-  vertical-align: middle;
-  background-clip: padding-box;
-}
-a.dso-map:focus, a.dso-map:focus-visible,
-button.dso-map:focus,
-button.dso-map:focus-visible,
-label.dso-map:focus,
-label.dso-map:focus-visible {
-  outline-offset: 2px;
-}
-a.dso-map:active,
-button.dso-map:active,
-label.dso-map:active {
-  outline: 0;
-}
-a.dso-map,
-button.dso-map,
-label.dso-map {
-  background-color: var(--_dso-button-secondary-background-color, #fff);
-  border-color: var(--_dso-button-secondary-border-color, #39870c);
-  color: var(--_dso-button-secondary-color, #39870c);
-  border-width: 1px;
-  border-style: solid;
-  border-radius: 4px;
-  line-height: 1.5;
-  min-inline-size: 56px;
-  padding-block: 11px;
-  padding-inline: 15px;
-}
-a.dso-map:hover,
-button.dso-map:hover,
-label.dso-map:hover {
-  background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce);
-  border-color: var(--_dso-button-secondary-hover-border-color, #275937);
-  color: var(--_dso-button-secondary-hover-color, #275937);
-}
-a.dso-map:active,
-button.dso-map:active,
-label.dso-map:active {
-  background-color: var(--_dso-button-secondary-active-background-color, #275937);
-  border-color: var(--_dso-button-secondary-active-border-color, #275937);
-  color: var(--_dso-button-secondary-active-color, #fff);
-}
-a.dso-map[disabled], a.dso-map[disabled]:hover,
-button.dso-map[disabled],
-button.dso-map[disabled]:hover,
-label.dso-map[disabled],
-label.dso-map[disabled]:hover {
-  background-color: var(--_dso-button-secondary-disabled-background-color, #fff);
-  border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d);
-  color: var(--_dso-button-secondary-disabled-color, #afcf9d);
-}
-a.dso-map.dso-small,
-button.dso-map.dso-small,
-label.dso-map.dso-small {
-  line-height: 1rem;
-}
-a.dso-map.dso-small dso-icon, a.dso-map.dso-small.extern::after, a.dso-map.dso-small.download::after, a.dso-map.dso-small.dso-spinner::before,
-button.dso-map.dso-small dso-icon,
-button.dso-map.dso-small.extern::after,
-button.dso-map.dso-small.download::after,
-button.dso-map.dso-small.dso-spinner::before,
-label.dso-map.dso-small dso-icon,
-label.dso-map.dso-small.extern::after,
-label.dso-map.dso-small.download::after,
-label.dso-map.dso-small.dso-spinner::before {
-  margin-block-end: -4px;
-  margin-block-start: -4px;
-}
-a.dso-map.dso-small.dso-spinner-left::before,
-button.dso-map.dso-small.dso-spinner-left::before,
-label.dso-map.dso-small.dso-spinner-left::before {
-  block-size: 16px;
-  inline-size: 16px;
-}
-a.dso-map.dso-small.dso-spinner-right::after,
-button.dso-map.dso-small.dso-spinner-right::after,
-label.dso-map.dso-small.dso-spinner-right::after {
-  block-size: 16px;
-  inline-size: 16px;
-}
-a.dso-map.dso-extra-small,
-button.dso-map.dso-extra-small,
-label.dso-map.dso-extra-small {
-  line-height: 1rem;
-}
-a.dso-map.dso-extra-small dso-icon, a.dso-map.dso-extra-small.extern::after, a.dso-map.dso-extra-small.download::after, a.dso-map.dso-extra-small.dso-spinner::before,
-button.dso-map.dso-extra-small dso-icon,
-button.dso-map.dso-extra-small.extern::after,
-button.dso-map.dso-extra-small.download::after,
-button.dso-map.dso-extra-small.dso-spinner::before,
-label.dso-map.dso-extra-small dso-icon,
-label.dso-map.dso-extra-small.extern::after,
-label.dso-map.dso-extra-small.download::after,
-label.dso-map.dso-extra-small.dso-spinner::before {
-  margin-block-end: -4px;
-  margin-block-start: -4px;
-}
-a.dso-map.dso-extra-small.dso-spinner-left::before,
-button.dso-map.dso-extra-small.dso-spinner-left::before,
-label.dso-map.dso-extra-small.dso-spinner-left::before {
-  block-size: 16px;
-  inline-size: 16px;
-}
-a.dso-map.dso-extra-small.dso-spinner-right::after,
-button.dso-map.dso-extra-small.dso-spinner-right::after,
-label.dso-map.dso-extra-small.dso-spinner-right::after {
-  block-size: 16px;
-  inline-size: 16px;
-}
-a.dso-map.dso-extra-small,
-button.dso-map.dso-extra-small,
-label.dso-map.dso-extra-small {
-  padding-block: 9px;
-}
-a.dso-map dso-icon:has(+ span:not(.sr-only)),
-button.dso-map dso-icon:has(+ span:not(.sr-only)),
-label.dso-map dso-icon:has(+ span:not(.sr-only)) {
-  margin-inline-start: -8px;
-}
-a.dso-map span:not(.sr-only) + dso-icon,
-button.dso-map span:not(.sr-only) + dso-icon,
-label.dso-map span:not(.sr-only) + dso-icon {
-  margin-inline-start: 8px;
-  margin-inline-end: -8px;
-}
-a.dso-map dso-icon + span:not(.sr-only),
-button.dso-map dso-icon + span:not(.sr-only),
-label.dso-map dso-icon + span:not(.sr-only) {
-  margin-inline-start: 8px;
-}
-a.dso-map.dso-spinner-left[disabled], a.dso-map.dso-spinner-right[disabled],
-button.dso-map.dso-spinner-left[disabled],
-button.dso-map.dso-spinner-right[disabled],
-label.dso-map.dso-spinner-left[disabled],
-label.dso-map.dso-spinner-right[disabled] {
-  background-color: #fff;
-  border-color: #39870c;
-  color: #39870c;
-}
-a.dso-map.dso-spinner-left::before,
-button.dso-map.dso-spinner-left::before,
-label.dso-map.dso-spinner-left::before {
-  background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");
-  background-repeat: no-repeat;
-  content: "";
-  display: inline-block;
-  block-size: 24px;
-  vertical-align: top;
-  inline-size: 24px;
-  margin-inline-end: 8px;
-}
-a.dso-map.dso-spinner-left:not([disabled]):hover::before,
-button.dso-map.dso-spinner-left:not([disabled]):hover::before,
-label.dso-map.dso-spinner-left:not([disabled]):hover::before {
-  background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");
-  background-repeat: no-repeat;
-  content: "";
-  display: inline-block;
-  block-size: 24px;
-  vertical-align: top;
-  inline-size: 24px;
-  margin-inline-end: 8px;
-}
-a.dso-map.dso-spinner-left:not([disabled]).dso-small:hover::before,
-button.dso-map.dso-spinner-left:not([disabled]).dso-small:hover::before,
-label.dso-map.dso-spinner-left:not([disabled]).dso-small:hover::before {
-  block-size: 16px;
-  inline-size: 16px;
-}
-a.dso-map.dso-spinner-right::after,
-button.dso-map.dso-spinner-right::after,
-label.dso-map.dso-spinner-right::after {
-  background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");
-  background-repeat: no-repeat;
-  content: "";
-  display: inline-block;
-  block-size: 24px;
-  vertical-align: top;
-  inline-size: 24px;
-  margin-inline-start: 8px;
-}
-a.dso-map.dso-spinner-right:not([disabled]):hover::after,
-button.dso-map.dso-spinner-right:not([disabled]):hover::after,
-label.dso-map.dso-spinner-right:not([disabled]):hover::after {
-  background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E");
-  background-repeat: no-repeat;
-  content: "";
-  display: inline-block;
-  block-size: 24px;
-  vertical-align: top;
-  inline-size: 24px;
-  margin-inline-start: 8px;
-}
-a.dso-map.dso-spinner-right:not([disabled]).dso-small:hover::after,
-button.dso-map.dso-spinner-right:not([disabled]).dso-small:hover::after,
-label.dso-map.dso-spinner-right:not([disabled]).dso-small:hover::after {
-  block-size: 16px;
-  inline-size: 16px;
-}
-a.dso-map,
-button.dso-map,
-label.dso-map {
-  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
-  border: 0;
-  font-weight: 600;
-  margin-inline-end: 16px;
-  padding-block: 8px;
-  padding-inline: 16px;
-  white-space: nowrap;
-}
-a.dso-map:focus, a.dso-map:focus-visible,
-button.dso-map:focus,
-button.dso-map:focus-visible,
-label.dso-map:focus,
-label.dso-map:focus-visible {
-  outline-offset: -1px;
-}
-a.dso-map:has(span.sr-only):has(dso-icon),
-button.dso-map:has(span.sr-only):has(dso-icon),
-label.dso-map:has(span.sr-only):has(dso-icon) {
-  padding: 8px;
-  min-inline-size: auto;
-  block-size: 40px;
-  inline-size: 40px;
-}
-
-a.dso-primary {
-  text-decoration: none;
-}
-a.dso-primary, a.dso-primary:visited {
-  color: #fff;
-}
-a.dso-secondary {
-  text-decoration: none;
-}
-a.dso-secondary, a.dso-secondary:visited {
-  color: #39870c;
-}
-a.dso-secondary:hover, a.dso-secondary:visited:hover {
-  color: #275937;
-}
-a.dso-tertiary {
-  text-decoration: none;
-}
-a.dso-tertiary, a.dso-tertiary:visited {
-  color: #39870c;
-}
-
-.dso-primary + .dso-primary,
-.dso-primary + .dso-secondary,
-.dso-primary + .dso-tertiary,
-.dso-secondary + .dso-primary,
-.dso-secondary + .dso-secondary,
-.dso-secondary + .dso-tertiary,
-.dso-tertiary + .dso-primary,
-.dso-tertiary + .dso-secondary,
-.dso-tertiary + .dso-tertiary {
-  margin-inline-start: 16px;
-}
-
-mark {
-  background-color: var(--_dt-mark-bg-color, #f8f5ce);
-  color: var(--_dt-mark-color, #000);
-  padding-block: var(--_dt-mark-padding-block, 0.2rem);
-  font-weight: var(--_dt-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;
-  --link-color: currentColor;
-  --link-hover-color: currentColor;
-  --link-visited-color: currentColor;
-}
-:host([wijzigactie=verwijderContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible),
-:host(:where([wijzigactie=verwijder])) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
-  background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
-}
-:host([wijzigactie=verwijderContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible),
-:host(:where([wijzigactie=verwijder])) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {
-  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));
-}
-:host([wijzigactie=verwijderContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible),
-:host(:where([wijzigactie=verwijder])) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
-  background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));
-}
-:host([wijzigactie=verwijderContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible),
-:host(:where([wijzigactie=verwijder])) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
-  background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
-}
-:host([wijzigactie=verwijderContainer]) .heading-container,
-:host(:where([wijzigactie=verwijder])) {
-  --_dso-icon-button-tertiary-color: #191919;
-  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
-  --_dso-icon-button-tertiary-active-color: #173521;
-  --_dso-icon-button-tertiary-disabled-color: #999;
-  --_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: colors.$zwart;
-}
-
-.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;
-  --link-color: currentColor;
-  --link-hover-color: currentColor;
-  --link-visited-color: currentColor;
-}
-:host([wijzigactie=nieuweContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible),
-:host([wijzigactie=voegtoe]) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {
-  background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart"));
-}
-:host([wijzigactie=nieuweContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible),
-:host([wijzigactie=voegtoe]) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {
-  background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart"));
-}
-:host([wijzigactie=nieuweContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible),
-:host([wijzigactie=voegtoe]) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {
-  background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart"));
-}
-:host([wijzigactie=nieuweContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible),
-:host([wijzigactie=voegtoe]) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {
-  background-image: var(--_dso-di-background-image, url("./di.svg#email-zwart"));
-}
-:host([wijzigactie=nieuweContainer]) .heading-container,
-:host([wijzigactie=voegtoe]) {
-  --_dso-icon-button-tertiary-color: #191919;
-  --_dso-icon-button-tertiary-hover-color: #4c4c4c;
-  --_dso-icon-button-tertiary-active-color: #173521;
-  --_dso-icon-button-tertiary-disabled-color: #999;
-  --_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: colors.$zwart;
-}
-
-: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;
-  background-color: transparent;
-  color: var(--link-color);
-  text-decoration: underline;
-  text-underline-offset: 15%;
-}
-.heading-anchor:hover, .heading-anchor:focus-visible {
-  color: var(--link-hover-color);
-  text-decoration: underline;
-}
-.heading-anchor:active {
-  text-decoration: none;
-}
-.heading-anchor dso-icon + span,
-.heading-anchor span + dso-icon {
-  margin-inline-start: 8px;
-}
-.heading-anchor .sr-only + dso-icon {
-  margin-inline-start: 0;
-}
-.heading-anchor:visited {
-  color: var(--link-visited-color);
-}
-.heading-anchor {
-  text-decoration: none;
-}
-
-.heading-element {
-  align-items: start;
-  display: flex;
-  font-size: 1rem;
-  color: #275937;
-  margin: 0;
-}
-.heading-element > * {
-  vertical-align: middle;
-}
-
-.alternative-title {
-  cursor: pointer;
-}
-.alternative-title:hover, .alternative-title:focus-visible {
-  color: var(--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])) {
-  --link-color: #39870c;
-  --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(--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])) dso-ozon-content.kop::part(_kop),
-:host([type=ARTIKEL]:not([alternative-title])) .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;   line-height: inherit;   margin: 0;   overflow: visible;   text-transform: none; } button[disabled] {   cursor: default; } button::-moz-focus-inner {   border: 0;   padding: 0; }  a.dso-primary, button.dso-primary, label.dso-primary {   display: inline-block;   font-size: 1em;   font-weight: 500;   margin-block-end: 0;   text-decoration: none;   touch-action: manipulation;   text-align: start;   user-select: none;   vertical-align: middle;   background-clip: padding-box; } a.dso-primary:focus, a.dso-primary:focus-visible, button.dso-primary:focus, button.dso-primary:focus-visible, label.dso-primary:focus, label.dso-primary:focus-visible {   outline-offset: 2px; } a.dso-primary:active, button.dso-primary:active, label.dso-primary:active {   outline: 0; } a.dso-primary.extern::after, a.dso-primary.download::after, button.dso-primary.extern::after, button.dso-primary.download::after, label.dso-primary.extern::after, label.dso-primary.download::after {   content: "";   display: inline-block; } a.dso-primary, button.dso-primary, label.dso-primary {   background-color: var(--_dso-button-primary-background-color, #39870c);   border-color: var(--_dso-button-primary-border-color, #39870c);   color: var(--_dso-button-primary-color, #fff);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: 56px;   padding-block: 11px;   padding-inline: 15px; } a.dso-primary:hover, button.dso-primary:hover, label.dso-primary:hover {   background-color: var(--_dso-button-primary-hover-background-color, #275937);   border-color: var(--_dso-button-primary-hover-border-color, #275937);   color: var(--_dso-button-primary-hover-color, #fff); } a.dso-primary:active, button.dso-primary:active, label.dso-primary:active {   background-color: var(--_dso-button-primary-active-background-color, #173521);   border-color: var(--_dso-button-primary-active-border-color, #173521);   color: var(--_dso-button-primary-active-color, #fff); } a.dso-primary[disabled], a.dso-primary[disabled]:hover, button.dso-primary[disabled], button.dso-primary[disabled]:hover, label.dso-primary[disabled], label.dso-primary[disabled]:hover {   background-color: var(--_dso-button-primary-disabled-background-color, #afcf9d);   border-color: var(--_dso-button-primary-disabled-border-color, #afcf9d);   color: var(--_dso-button-primary-disabled-color, #fff); } a.dso-primary.dso-small, button.dso-primary.dso-small, label.dso-primary.dso-small {   line-height: 1rem; } a.dso-primary.dso-small dso-icon, a.dso-primary.dso-small.extern::after, a.dso-primary.dso-small.download::after, a.dso-primary.dso-small.dso-spinner::before, button.dso-primary.dso-small dso-icon, button.dso-primary.dso-small.extern::after, button.dso-primary.dso-small.download::after, button.dso-primary.dso-small.dso-spinner::before, label.dso-primary.dso-small dso-icon, label.dso-primary.dso-small.extern::after, label.dso-primary.dso-small.download::after, label.dso-primary.dso-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } a.dso-primary.dso-small.dso-spinner-left::before, button.dso-primary.dso-small.dso-spinner-left::before, label.dso-primary.dso-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } a.dso-primary.dso-small.dso-spinner-right::after, button.dso-primary.dso-small.dso-spinner-right::after, label.dso-primary.dso-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } a.dso-primary.dso-extra-small, button.dso-primary.dso-extra-small, label.dso-primary.dso-extra-small {   line-height: 1rem; } a.dso-primary.dso-extra-small dso-icon, a.dso-primary.dso-extra-small.extern::after, a.dso-primary.dso-extra-small.download::after, a.dso-primary.dso-extra-small.dso-spinner::before, button.dso-primary.dso-extra-small dso-icon, button.dso-primary.dso-extra-small.extern::after, button.dso-primary.dso-extra-small.download::after, button.dso-primary.dso-extra-small.dso-spinner::before, label.dso-primary.dso-extra-small dso-icon, label.dso-primary.dso-extra-small.extern::after, label.dso-primary.dso-extra-small.download::after, label.dso-primary.dso-extra-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } a.dso-primary.dso-extra-small.dso-spinner-left::before, button.dso-primary.dso-extra-small.dso-spinner-left::before, label.dso-primary.dso-extra-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } a.dso-primary.dso-extra-small.dso-spinner-right::after, button.dso-primary.dso-extra-small.dso-spinner-right::after, label.dso-primary.dso-extra-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } a.dso-primary.dso-extra-small, button.dso-primary.dso-extra-small, label.dso-primary.dso-extra-small {   padding-block: 9px; } a.dso-primary dso-icon:has(+ span:not(.sr-only)), button.dso-primary dso-icon:has(+ span:not(.sr-only)), label.dso-primary dso-icon:has(+ span:not(.sr-only)) {   margin-inline-start: -8px; } a.dso-primary span:not(.sr-only) + dso-icon, button.dso-primary span:not(.sr-only) + dso-icon, label.dso-primary span:not(.sr-only) + dso-icon {   margin-inline-start: 8px;   margin-inline-end: -8px; } a.dso-primary dso-icon + span:not(.sr-only), button.dso-primary dso-icon + span:not(.sr-only), label.dso-primary dso-icon + span:not(.sr-only) {   margin-inline-start: 8px; } a.dso-primary.dso-spinner-left[disabled], a.dso-primary.dso-spinner-right[disabled], button.dso-primary.dso-spinner-left[disabled], button.dso-primary.dso-spinner-right[disabled], label.dso-primary.dso-spinner-left[disabled], label.dso-primary.dso-spinner-right[disabled] {   background-color: #39870c;   border-color: #39870c;   color: #fff; } a.dso-primary.dso-spinner-left::before, button.dso-primary.dso-spinner-left::before, label.dso-primary.dso-spinner-left::before {   background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E");   background-repeat: no-repeat;   content: "";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-end: 8px; } a.dso-primary.dso-spinner-right::after, button.dso-primary.dso-spinner-right::after, label.dso-primary.dso-spinner-right::after {   background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E");   background-repeat: no-repeat;   content: "";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-start: 8px; } a.dso-primary.download::after, button.dso-primary.download::after, label.dso-primary.download::after {   background: url("./di.svg#download-wit") no-repeat center;   background-size: cover;   block-size: 24px;   vertical-align: top;   inline-size: 24px; } a.dso-primary.extern::after, button.dso-primary.extern::after, label.dso-primary.extern::after {   background: url("./di.svg#external-link-wit") no-repeat center;   background-size: cover;   block-size: 24px;   vertical-align: top;   inline-size: 24px; } a.dso-secondary, button.dso-secondary, label.dso-secondary {   display: inline-block;   font-size: 1em;   font-weight: 500;   margin-block-end: 0;   text-decoration: none;   touch-action: manipulation;   text-align: start;   user-select: none;   vertical-align: middle;   background-clip: padding-box; } a.dso-secondary:focus, a.dso-secondary:focus-visible, button.dso-secondary:focus, button.dso-secondary:focus-visible, label.dso-secondary:focus, label.dso-secondary:focus-visible {   outline-offset: 2px; } a.dso-secondary:active, button.dso-secondary:active, label.dso-secondary:active {   outline: 0; } a.dso-secondary.extern::after, a.dso-secondary.download::after, button.dso-secondary.extern::after, button.dso-secondary.download::after, label.dso-secondary.extern::after, label.dso-secondary.download::after {   content: "";   display: inline-block; } a.dso-secondary, button.dso-secondary, label.dso-secondary {   background-color: var(--_dso-button-secondary-background-color, #fff);   border-color: var(--_dso-button-secondary-border-color, #39870c);   color: var(--_dso-button-secondary-color, #39870c);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: 56px;   padding-block: 11px;   padding-inline: 15px; } a.dso-secondary:hover, button.dso-secondary:hover, label.dso-secondary:hover {   background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce);   border-color: var(--_dso-button-secondary-hover-border-color, #275937);   color: var(--_dso-button-secondary-hover-color, #275937); } a.dso-secondary:active, button.dso-secondary:active, label.dso-secondary:active {   background-color: var(--_dso-button-secondary-active-background-color, #275937);   border-color: var(--_dso-button-secondary-active-border-color, #275937);   color: var(--_dso-button-secondary-active-color, #fff); } a.dso-secondary[disabled], a.dso-secondary[disabled]:hover, button.dso-secondary[disabled], button.dso-secondary[disabled]:hover, label.dso-secondary[disabled], label.dso-secondary[disabled]:hover {   background-color: var(--_dso-button-secondary-disabled-background-color, #fff);   border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d);   color: var(--_dso-button-secondary-disabled-color, #afcf9d); } a.dso-secondary.dso-small, button.dso-secondary.dso-small, label.dso-secondary.dso-small {   line-height: 1rem; } a.dso-secondary.dso-small dso-icon, a.dso-secondary.dso-small.extern::after, a.dso-secondary.dso-small.download::after, a.dso-secondary.dso-small.dso-spinner::before, button.dso-secondary.dso-small dso-icon, button.dso-secondary.dso-small.extern::after, button.dso-secondary.dso-small.download::after, button.dso-secondary.dso-small.dso-spinner::before, label.dso-secondary.dso-small dso-icon, label.dso-secondary.dso-small.extern::after, label.dso-secondary.dso-small.download::after, label.dso-secondary.dso-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } a.dso-secondary.dso-small.dso-spinner-left::before, button.dso-secondary.dso-small.dso-spinner-left::before, label.dso-secondary.dso-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } a.dso-secondary.dso-small.dso-spinner-right::after, button.dso-secondary.dso-small.dso-spinner-right::after, label.dso-secondary.dso-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } a.dso-secondary.dso-extra-small, button.dso-secondary.dso-extra-small, label.dso-secondary.dso-extra-small {   line-height: 1rem; } a.dso-secondary.dso-extra-small dso-icon, a.dso-secondary.dso-extra-small.extern::after, a.dso-secondary.dso-extra-small.download::after, a.dso-secondary.dso-extra-small.dso-spinner::before, button.dso-secondary.dso-extra-small dso-icon, button.dso-secondary.dso-extra-small.extern::after, button.dso-secondary.dso-extra-small.download::after, button.dso-secondary.dso-extra-small.dso-spinner::before, label.dso-secondary.dso-extra-small dso-icon, label.dso-secondary.dso-extra-small.extern::after, label.dso-secondary.dso-extra-small.download::after, label.dso-secondary.dso-extra-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } a.dso-secondary.dso-extra-small.dso-spinner-left::before, button.dso-secondary.dso-extra-small.dso-spinner-left::before, label.dso-secondary.dso-extra-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } a.dso-secondary.dso-extra-small.dso-spinner-right::after, button.dso-secondary.dso-extra-small.dso-spinner-right::after, label.dso-secondary.dso-extra-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } a.dso-secondary.dso-extra-small, button.dso-secondary.dso-extra-small, label.dso-secondary.dso-extra-small {   padding-block: 9px; } a.dso-secondary dso-icon:has(+ span:not(.sr-only)), button.dso-secondary dso-icon:has(+ span:not(.sr-only)), label.dso-secondary dso-icon:has(+ span:not(.sr-only)) {   margin-inline-start: -8px; } a.dso-secondary span:not(.sr-only) + dso-icon, button.dso-secondary span:not(.sr-only) + dso-icon, label.dso-secondary span:not(.sr-only) + dso-icon {   margin-inline-start: 8px;   margin-inline-end: -8px; } a.dso-secondary dso-icon + span:not(.sr-only), button.dso-secondary dso-icon + span:not(.sr-only), label.dso-secondary dso-icon + span:not(.sr-only) {   margin-inline-start: 8px; } a.dso-secondary.dso-spinner-left[disabled], a.dso-secondary.dso-spinner-right[disabled], button.dso-secondary.dso-spinner-left[disabled], button.dso-secondary.dso-spinner-right[disabled], label.dso-secondary.dso-spinner-left[disabled], label.dso-secondary.dso-spinner-right[disabled] {   background-color: #fff;   border-color: #39870c;   color: #39870c; } a.dso-secondary.dso-spinner-left::before, button.dso-secondary.dso-spinner-left::before, label.dso-secondary.dso-spinner-left::before {   background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E");   background-repeat: no-repeat;   content: "";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-end: 8px; } a.dso-secondary.dso-spinner-left:not([disabled]):hover::before, button.dso-secondary.dso-spinner-left:not([disabled]):hover::before, label.dso-secondary.dso-spinner-left:not([disabled]):hover::before {   background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E");   background-repeat: no-repeat;   content: "";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-end: 8px; } a.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before, button.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before, label.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before {   block-size: 16px;   inline-size: 16px; } a.dso-secondary.dso-spinner-right::after, button.dso-secondary.dso-spinner-right::after, label.dso-secondary.dso-spinner-right::after {   background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E");   background-repeat: no-repeat;   content: "";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-start: 8px; } a.dso-secondary.dso-spinner-right:not([disabled]):hover::after, button.dso-secondary.dso-spinner-right:not([disabled]):hover::after, label.dso-secondary.dso-spinner-right:not([disabled]):hover::after {   background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E");   background-repeat: no-repeat;   content: "";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-start: 8px; } a.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after, button.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after, label.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after {   block-size: 16px;   inline-size: 16px; } a.dso-secondary.download::after, button.dso-secondary.download::after, label.dso-secondary.download::after {   background: url("./di.svg#download") no-repeat center;   background-size: cover;   block-size: 24px;   vertical-align: top;   inline-size: 24px; } a.dso-secondary.download:hover::after, button.dso-secondary.download:hover::after, label.dso-secondary.download:hover::after {   background-image: var(--_dso-di-background-image, url("./di.svg#download-bosgroen")); } a.dso-secondary.download[disabled]::after, button.dso-secondary.download[disabled]::after, label.dso-secondary.download[disabled]::after {   background-image: var(--_dso-di-background-image, url("./di.svg#download-grasgroen-40")); } a.dso-secondary.extern::after, button.dso-secondary.extern::after, label.dso-secondary.extern::after {   background: url("./di.svg#external-link") no-repeat center;   background-size: cover;   block-size: 24px;   vertical-align: top;   inline-size: 24px; } a.dso-secondary.extern:hover::after, button.dso-secondary.extern:hover::after, label.dso-secondary.extern:hover::after {   background-image: var(--_dso-di-background-image, url("./di.svg#external-link-bosgroen")); } a.dso-secondary.extern[disabled]::after, button.dso-secondary.extern[disabled]::after, label.dso-secondary.extern[disabled]::after {   background-image: var(--_dso-di-background-image, url("./di.svg#external-link-grasgroen-40")); } a.dso-tertiary, button.dso-tertiary, label.dso-tertiary {   display: inline-block;   font-size: 1em;   font-weight: 500;   margin-block-end: 0;   text-decoration: none;   touch-action: manipulation;   text-align: start;   user-select: none;   vertical-align: middle;   background-clip: padding-box; } a.dso-tertiary:focus, a.dso-tertiary:focus-visible, button.dso-tertiary:focus, button.dso-tertiary:focus-visible, label.dso-tertiary:focus, label.dso-tertiary:focus-visible {   outline-offset: 2px; } a.dso-tertiary:active, button.dso-tertiary:active, label.dso-tertiary:active {   outline: 0; } a.dso-tertiary.extern::after, a.dso-tertiary.download::after, button.dso-tertiary.extern::after, button.dso-tertiary.download::after, label.dso-tertiary.extern::after, label.dso-tertiary.download::after {   content: "";   display: inline-block; } a.dso-tertiary, button.dso-tertiary, label.dso-tertiary {   display: inline-block;   font-size: 1em;   font-weight: 500;   margin-block-end: 0;   text-decoration: none;   touch-action: manipulation;   text-align: start;   user-select: none;   vertical-align: middle;   background-clip: padding-box; } a.dso-tertiary:focus, a.dso-tertiary:focus-visible, button.dso-tertiary:focus, button.dso-tertiary:focus-visible, label.dso-tertiary:focus, label.dso-tertiary:focus-visible {   outline-offset: 2px; } a.dso-tertiary:active, button.dso-tertiary:active, label.dso-tertiary:active {   outline: 0; } a.dso-tertiary.extern::after, a.dso-tertiary.download::after, button.dso-tertiary.extern::after, button.dso-tertiary.download::after, label.dso-tertiary.extern::after, label.dso-tertiary.download::after {   content: "";   display: inline-block; } a.dso-tertiary, button.dso-tertiary, label.dso-tertiary {   background-color: var(--_dso-button-tertiary-background-color, );   border-color: var(--_dso-button-tertiary-border-color, );   color: var(--_dso-button-tertiary-color, #39870c);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: auto;   padding-block: 11px;   padding-inline: 15px; } a.dso-tertiary:hover, button.dso-tertiary:hover, label.dso-tertiary:hover {   background-color: var(--_dso-button-tertiary-hover-background-color, );   border-color: var(--_dso-button-tertiary-hover-border-color, );   color: var(--_dso-button-tertiary-hover-color, #275937); } a.dso-tertiary:active, button.dso-tertiary:active, label.dso-tertiary:active {   background-color: var(--_dso-button-tertiary-active-background-color, );   border-color: var(--_dso-button-tertiary-active-border-color, );   color: var(--_dso-button-tertiary-active-color, #173521); } a.dso-tertiary[disabled], a.dso-tertiary[disabled]:hover, button.dso-tertiary[disabled], button.dso-tertiary[disabled]:hover, label.dso-tertiary[disabled], label.dso-tertiary[disabled]:hover {   background-color: var(--_dso-button-tertiary-disabled-background-color, );   border-color: var(--_dso-button-tertiary-disabled-border-color, );   color: var(--_dso-button-tertiary-disabled-color, #afcf9d); } a.dso-tertiary.dso-small, button.dso-tertiary.dso-small, label.dso-tertiary.dso-small {   line-height: 1rem; } a.dso-tertiary.dso-small dso-icon, a.dso-tertiary.dso-small.extern::after, a.dso-tertiary.dso-small.download::after, a.dso-tertiary.dso-small.dso-spinner::before, button.dso-tertiary.dso-small dso-icon, button.dso-tertiary.dso-small.extern::after, button.dso-tertiary.dso-small.download::after, button.dso-tertiary.dso-small.dso-spinner::before, label.dso-tertiary.dso-small dso-icon, label.dso-tertiary.dso-small.extern::after, label.dso-tertiary.dso-small.download::after, label.dso-tertiary.dso-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } a.dso-tertiary.dso-small.dso-spinner-left::before, button.dso-tertiary.dso-small.dso-spinner-left::before, label.dso-tertiary.dso-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } a.dso-tertiary.dso-small.dso-spinner-right::after, button.dso-tertiary.dso-small.dso-spinner-right::after, label.dso-tertiary.dso-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } a.dso-tertiary.dso-extra-small, button.dso-tertiary.dso-extra-small, label.dso-tertiary.dso-extra-small {   line-height: 1rem; } a.dso-tertiary.dso-extra-small dso-icon, a.dso-tertiary.dso-extra-small.extern::after, a.dso-tertiary.dso-extra-small.download::after, a.dso-tertiary.dso-extra-small.dso-spinner::before, button.dso-tertiary.dso-extra-small dso-icon, button.dso-tertiary.dso-extra-small.extern::after, button.dso-tertiary.dso-extra-small.download::after, button.dso-tertiary.dso-extra-small.dso-spinner::before, label.dso-tertiary.dso-extra-small dso-icon, label.dso-tertiary.dso-extra-small.extern::after, label.dso-tertiary.dso-extra-small.download::after, label.dso-tertiary.dso-extra-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } a.dso-tertiary.dso-extra-small.dso-spinner-left::before, button.dso-tertiary.dso-extra-small.dso-spinner-left::before, label.dso-tertiary.dso-extra-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } a.dso-tertiary.dso-extra-small.dso-spinner-right::after, button.dso-tertiary.dso-extra-small.dso-spinner-right::after, label.dso-tertiary.dso-extra-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } a.dso-tertiary.dso-extra-small, button.dso-tertiary.dso-extra-small, label.dso-tertiary.dso-extra-small {   padding-block: 9px; } a.dso-tertiary dso-icon:has(+ span:not(.sr-only)), button.dso-tertiary dso-icon:has(+ span:not(.sr-only)), label.dso-tertiary dso-icon:has(+ span:not(.sr-only)) {   margin-inline-start: -8px; } a.dso-tertiary span:not(.sr-only) + dso-icon, button.dso-tertiary span:not(.sr-only) + dso-icon, label.dso-tertiary span:not(.sr-only) + dso-icon {   margin-inline-start: 8px;   margin-inline-end: -8px; } a.dso-tertiary dso-icon + span:not(.sr-only), button.dso-tertiary dso-icon + span:not(.sr-only), label.dso-tertiary dso-icon + span:not(.sr-only) {   margin-inline-start: 8px; } a.dso-tertiary, button.dso-tertiary, label.dso-tertiary {   border: 0;   line-height: 1;   padding: 0;   background-color: transparent; } a.dso-tertiary[disabled].dso-spinner-left, a.dso-tertiary[disabled].dso-spinner-right, button.dso-tertiary[disabled].dso-spinner-left, button.dso-tertiary[disabled].dso-spinner-right, label.dso-tertiary[disabled].dso-spinner-left, label.dso-tertiary[disabled].dso-spinner-right {   color: #39870c; } a.dso-tertiary:not([disabled]):hover, button.dso-tertiary:not([disabled]):hover, label.dso-tertiary:not([disabled]):hover {   text-decoration: underline;   text-underline-position: under; } a.dso-tertiary.dso-align, button.dso-tertiary.dso-align, label.dso-tertiary.dso-align {   line-height: calc(1.5em - 1px);   padding-block: 11px;   padding-inline: 0;   position: relative; } a.dso-tertiary.dso-truncate, button.dso-tertiary.dso-truncate, label.dso-tertiary.dso-truncate {   max-inline-size: 100%;   overflow: hidden;   text-overflow: ellipsis;   white-space: nowrap; } a.dso-tertiary.dso-spinner-left::before, button.dso-tertiary.dso-spinner-left::before, label.dso-tertiary.dso-spinner-left::before {   background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E");   background-repeat: no-repeat;   content: "";   display: inline-block;   block-size: 24px;   vertical-align: middle;   inline-size: 24px;   margin-inline-end: 8px; } a.dso-tertiary.dso-spinner-right::after, button.dso-tertiary.dso-spinner-right::after, label.dso-tertiary.dso-spinner-right::after {   background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E");   background-repeat: no-repeat;   content: "";   display: inline-block;   block-size: 24px;   vertical-align: middle;   inline-size: 24px;   margin-inline-start: 8px; } a.dso-tertiary dso-icon + span:not(.sr-only), a.dso-tertiary span:not(.sr-only) + dso-icon, button.dso-tertiary dso-icon + span:not(.sr-only), button.dso-tertiary span:not(.sr-only) + dso-icon, label.dso-tertiary dso-icon + span:not(.sr-only), label.dso-tertiary span:not(.sr-only) + dso-icon {   margin-inline-start: 8px; } a.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only), a.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only), a.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left], a.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right], button.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only), button.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only), button.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left], button.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right], label.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only), label.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only), label.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left], label.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right] {   margin-inline-start: 0; } a.dso-tertiary dso-icon, a.dso-tertiary span, button.dso-tertiary dso-icon, button.dso-tertiary span, label.dso-tertiary dso-icon, label.dso-tertiary span {   vertical-align: middle; } a.dso-tertiary.extern::after, a.dso-tertiary.download::after, button.dso-tertiary.extern::after, button.dso-tertiary.download::after, label.dso-tertiary.extern::after, label.dso-tertiary.download::after {   position: relative;   inset-block-start: -2px; } a.dso-tertiary.download::after, button.dso-tertiary.download::after, label.dso-tertiary.download::after {   background: url("./di.svg#download") no-repeat center;   background-size: cover;   block-size: 24px;   vertical-align: top;   inline-size: 24px; } a.dso-tertiary.download[disabled]::after, button.dso-tertiary.download[disabled]::after, label.dso-tertiary.download[disabled]::after {   background-image: var(--_dso-di-background-image, url("./di.svg#download-grasgroen-40")); } a.dso-tertiary.download:not([disabled]):hover::after, a.dso-tertiary.download:not([disabled]):active::after, button.dso-tertiary.download:not([disabled]):hover::after, button.dso-tertiary.download:not([disabled]):active::after, label.dso-tertiary.download:not([disabled]):hover::after, label.dso-tertiary.download:not([disabled]):active::after {   background-image: var(--_dso-di-background-image, url("./di.svg#download-bosgroen")); } a.dso-tertiary.extern::after, button.dso-tertiary.extern::after, label.dso-tertiary.extern::after {   background: url("./di.svg#external-link") no-repeat center;   background-size: cover;   block-size: 24px;   vertical-align: top;   inline-size: 24px; } a.dso-tertiary.extern[disabled]::after, button.dso-tertiary.extern[disabled]::after, label.dso-tertiary.extern[disabled]::after {   background-image: var(--_dso-di-background-image, url("./di.svg#external-link-grasgroen-40")); } a.dso-tertiary.extern:not([disabled]):hover::after, a.dso-tertiary.extern:not([disabled]):active::after, button.dso-tertiary.extern:not([disabled]):hover::after, button.dso-tertiary.extern:not([disabled]):active::after, label.dso-tertiary.extern:not([disabled]):hover::after, label.dso-tertiary.extern:not([disabled]):active::after {   background-image: var(--_dso-di-background-image, url("./di.svg#external-link-bosgroen")); } a.dso-map, button.dso-map, label.dso-map {   display: inline-block;   font-size: 1em;   font-weight: 500;   margin-block-end: 0;   text-decoration: none;   touch-action: manipulation;   text-align: start;   user-select: none;   vertical-align: middle;   background-clip: padding-box; } a.dso-map:focus, a.dso-map:focus-visible, button.dso-map:focus, button.dso-map:focus-visible, label.dso-map:focus, label.dso-map:focus-visible {   outline-offset: 2px; } a.dso-map:active, button.dso-map:active, label.dso-map:active {   outline: 0; } a.dso-map, button.dso-map, label.dso-map {   background-color: var(--_dso-button-secondary-background-color, #fff);   border-color: var(--_dso-button-secondary-border-color, #39870c);   color: var(--_dso-button-secondary-color, #39870c);   border-width: 1px;   border-style: solid;   border-radius: 4px;   line-height: 1.5;   min-inline-size: 56px;   padding-block: 11px;   padding-inline: 15px; } a.dso-map:hover, button.dso-map:hover, label.dso-map:hover {   background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce);   border-color: var(--_dso-button-secondary-hover-border-color, #275937);   color: var(--_dso-button-secondary-hover-color, #275937); } a.dso-map:active, button.dso-map:active, label.dso-map:active {   background-color: var(--_dso-button-secondary-active-background-color, #275937);   border-color: var(--_dso-button-secondary-active-border-color, #275937);   color: var(--_dso-button-secondary-active-color, #fff); } a.dso-map[disabled], a.dso-map[disabled]:hover, button.dso-map[disabled], button.dso-map[disabled]:hover, label.dso-map[disabled], label.dso-map[disabled]:hover {   background-color: var(--_dso-button-secondary-disabled-background-color, #fff);   border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d);   color: var(--_dso-button-secondary-disabled-color, #afcf9d); } a.dso-map.dso-small, button.dso-map.dso-small, label.dso-map.dso-small {   line-height: 1rem; } a.dso-map.dso-small dso-icon, a.dso-map.dso-small.extern::after, a.dso-map.dso-small.download::after, a.dso-map.dso-small.dso-spinner::before, button.dso-map.dso-small dso-icon, button.dso-map.dso-small.extern::after, button.dso-map.dso-small.download::after, button.dso-map.dso-small.dso-spinner::before, label.dso-map.dso-small dso-icon, label.dso-map.dso-small.extern::after, label.dso-map.dso-small.download::after, label.dso-map.dso-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } a.dso-map.dso-small.dso-spinner-left::before, button.dso-map.dso-small.dso-spinner-left::before, label.dso-map.dso-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } a.dso-map.dso-small.dso-spinner-right::after, button.dso-map.dso-small.dso-spinner-right::after, label.dso-map.dso-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } a.dso-map.dso-extra-small, button.dso-map.dso-extra-small, label.dso-map.dso-extra-small {   line-height: 1rem; } a.dso-map.dso-extra-small dso-icon, a.dso-map.dso-extra-small.extern::after, a.dso-map.dso-extra-small.download::after, a.dso-map.dso-extra-small.dso-spinner::before, button.dso-map.dso-extra-small dso-icon, button.dso-map.dso-extra-small.extern::after, button.dso-map.dso-extra-small.download::after, button.dso-map.dso-extra-small.dso-spinner::before, label.dso-map.dso-extra-small dso-icon, label.dso-map.dso-extra-small.extern::after, label.dso-map.dso-extra-small.download::after, label.dso-map.dso-extra-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } a.dso-map.dso-extra-small.dso-spinner-left::before, button.dso-map.dso-extra-small.dso-spinner-left::before, label.dso-map.dso-extra-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } a.dso-map.dso-extra-small.dso-spinner-right::after, button.dso-map.dso-extra-small.dso-spinner-right::after, label.dso-map.dso-extra-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } a.dso-map.dso-extra-small, button.dso-map.dso-extra-small, label.dso-map.dso-extra-small {   padding-block: 9px; } a.dso-map dso-icon:has(+ span:not(.sr-only)), button.dso-map dso-icon:has(+ span:not(.sr-only)), label.dso-map dso-icon:has(+ span:not(.sr-only)) {   margin-inline-start: -8px; } a.dso-map span:not(.sr-only) + dso-icon, button.dso-map span:not(.sr-only) + dso-icon, label.dso-map span:not(.sr-only) + dso-icon {   margin-inline-start: 8px;   margin-inline-end: -8px; } a.dso-map dso-icon + span:not(.sr-only), button.dso-map dso-icon + span:not(.sr-only), label.dso-map dso-icon + span:not(.sr-only) {   margin-inline-start: 8px; } a.dso-map.dso-spinner-left[disabled], a.dso-map.dso-spinner-right[disabled], button.dso-map.dso-spinner-left[disabled], button.dso-map.dso-spinner-right[disabled], label.dso-map.dso-spinner-left[disabled], label.dso-map.dso-spinner-right[disabled] {   background-color: #fff;   border-color: #39870c;   color: #39870c; } a.dso-map.dso-spinner-left::before, button.dso-map.dso-spinner-left::before, label.dso-map.dso-spinner-left::before {   background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E");   background-repeat: no-repeat;   content: "";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-end: 8px; } a.dso-map.dso-spinner-left:not([disabled]):hover::before, button.dso-map.dso-spinner-left:not([disabled]):hover::before, label.dso-map.dso-spinner-left:not([disabled]):hover::before {   background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E");   background-repeat: no-repeat;   content: "";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-end: 8px; } a.dso-map.dso-spinner-left:not([disabled]).dso-small:hover::before, button.dso-map.dso-spinner-left:not([disabled]).dso-small:hover::before, label.dso-map.dso-spinner-left:not([disabled]).dso-small:hover::before {   block-size: 16px;   inline-size: 16px; } a.dso-map.dso-spinner-right::after, button.dso-map.dso-spinner-right::after, label.dso-map.dso-spinner-right::after {   background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E");   background-repeat: no-repeat;   content: "";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-start: 8px; } a.dso-map.dso-spinner-right:not([disabled]):hover::after, button.dso-map.dso-spinner-right:not([disabled]):hover::after, label.dso-map.dso-spinner-right:not([disabled]):hover::after {   background-image: url("data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 42.4; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 42.4; %7D 50%25 %7B stroke-dashoffset: 10.4; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 42.4; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='1.6' stroke-linecap='butt' cx='12' cy='12' r='7.2'%3E%3C/circle%3E%3C/svg%3E");   background-repeat: no-repeat;   content: "";   display: inline-block;   block-size: 24px;   vertical-align: top;   inline-size: 24px;   margin-inline-start: 8px; } a.dso-map.dso-spinner-right:not([disabled]).dso-small:hover::after, button.dso-map.dso-spinner-right:not([disabled]).dso-small:hover::after, label.dso-map.dso-spinner-right:not([disabled]).dso-small:hover::after {   block-size: 16px;   inline-size: 16px; } a.dso-map, button.dso-map, label.dso-map {   box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);   border: 0;   font-weight: 600;   margin-inline-end: 16px;   padding-block: 8px;   padding-inline: 16px;   white-space: nowrap; } a.dso-map:focus, a.dso-map:focus-visible, button.dso-map:focus, button.dso-map:focus-visible, label.dso-map:focus, label.dso-map:focus-visible {   outline-offset: -1px; } a.dso-map:has(span.sr-only):has(dso-icon), button.dso-map:has(span.sr-only):has(dso-icon), label.dso-map:has(span.sr-only):has(dso-icon) {   padding: 8px;   min-inline-size: auto;   block-size: 40px;   inline-size: 40px; }  a.dso-primary {   text-decoration: none; } a.dso-primary, a.dso-primary:visited {   color: #fff; } a.dso-secondary {   text-decoration: none; } a.dso-secondary, a.dso-secondary:visited {   color: #39870c; } a.dso-secondary:hover, a.dso-secondary:visited:hover {   color: #275937; } a.dso-tertiary {   text-decoration: none; } a.dso-tertiary, a.dso-tertiary:visited {   color: #39870c; }  .dso-primary + .dso-primary, .dso-primary + .dso-secondary, .dso-primary + .dso-tertiary, .dso-secondary + .dso-primary, .dso-secondary + .dso-secondary, .dso-secondary + .dso-tertiary, .dso-tertiary + .dso-primary, .dso-tertiary + .dso-secondary, .dso-tertiary + .dso-tertiary {   margin-inline-start: 16px; }  mark {   background-color: var(--_dt-mark-bg-color, #f8f5ce);   color: var(--_dt-mark-color, #000);   padding-block: var(--_dt-mark-padding-block, 0.2rem);   font-weight: var(--_dt-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;   --link-color: currentColor;   --link-hover-color: currentColor;   --link-visited-color: currentColor; } :host([wijzigactie=verwijderContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), :host(:where([wijzigactie=verwijder])) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {   background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart")); } :host([wijzigactie=verwijderContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), :host(:where([wijzigactie=verwijder])) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {   background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart")); } :host([wijzigactie=verwijderContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible), :host(:where([wijzigactie=verwijder])) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {   background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart")); } :host([wijzigactie=verwijderContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible), :host(:where([wijzigactie=verwijder])) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {   background-image: var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart")); } :host([wijzigactie=verwijderContainer]) .heading-container, :host(:where([wijzigactie=verwijder])) {   --_dso-icon-button-tertiary-color: #191919;   --_dso-icon-button-tertiary-hover-color: #4c4c4c;   --_dso-icon-button-tertiary-active-color: #173521;   --_dso-icon-button-tertiary-disabled-color: #999;   --_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;   --link-color: currentColor;   --link-hover-color: currentColor;   --link-visited-color: currentColor; } :host([wijzigactie=nieuweContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), :host([wijzigactie=voegtoe]) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {   background-image: var(--_dso-di-background-image, url("./di.svg#download-zwart")); } :host([wijzigactie=nieuweContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), :host([wijzigactie=voegtoe]) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {   background-image: var(--_dso-di-background-image, url("./di.svg#external-link-zwart")); } :host([wijzigactie=nieuweContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible), :host([wijzigactie=voegtoe]) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible) {   background-image: var(--_dso-di-background-image, url("./di.svg#call-zwart")); } :host([wijzigactie=nieuweContainer]) .heading-container a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible), :host([wijzigactie=voegtoe]) a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible) {   background-image: var(--_dso-di-background-image, url("./di.svg#mail-outline-zwart")); } :host([wijzigactie=nieuweContainer]) .heading-container, :host([wijzigactie=voegtoe]) {   --_dso-icon-button-tertiary-color: #191919;   --_dso-icon-button-tertiary-hover-color: #4c4c4c;   --_dso-icon-button-tertiary-active-color: #173521;   --_dso-icon-button-tertiary-disabled-color: #999;   --_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;   background-color: transparent;   color: var(--link-color);   text-decoration: underline;   text-underline-offset: 15%; } .heading-anchor:hover, .heading-anchor:focus-visible {   color: var(--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(--link-visited-color); } .heading-anchor {   text-decoration: none; }  .heading-element {   align-items: start;   display: flex;   font-size: 1rem;   color: #275937;   margin: 0; } .heading-element > * {   vertical-align: middle; }  .alternative-title {   cursor: pointer; } .alternative-title:hover, .alternative-title:focus-visible {   color: var(--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])) {   --link-color: #39870c;   --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(--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])) dso-ozon-content.kop::part(_kop), :host([type=ARTIKEL]:not([alternative-title])) .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",
@@ -1473,11 +60,11 @@ const wijzigactieLabels = {
     voegtoe: "Toegevoegd",
 };
 const AantekenStatus = ({ gereserveerd, vervallen }) => {
-    return (h(Fragment, null, " ", gereserveerd && (h("dso-label", Object.assign({ compact: true }, (gereserveerd.wijzigactie
-        ? { status: gereserveerd.wijzigactie === "voegtoe" ? "toegevoegd" : "verwijderd" }
-        : {})), gereserveerd.type)), " ", vervallen && (h("dso-label", Object.assign({ compact: true }, (vervallen.wijzigactie
-        ? { status: vervallen.wijzigactie === "voegtoe" ? "toegevoegd" : "verwijderd" }
-        : {})), vervallen.type))));
+    return (h(Fragment, null, " ", gereserveerd && (h("dso-label", { compact: true, ...(gereserveerd.wijzigactie
+            ? { status: gereserveerd.wijzigactie === "voegtoe" ? "toegevoegd" : "verwijderd" }
+            : {}) }, gereserveerd.type)), " ", vervallen && (h("dso-label", { compact: true, ...(vervallen.wijzigactie
+            ? { status: vervallen.wijzigactie === "voegtoe" ? "toegevoegd" : "verwijderd" }
+            : {}) }, vervallen.type))));
 };
 const AantekenAlert = ({ gereserveerd, vervallen }) => {
     if (gereserveerd && gereserveerd.wijzigactie !== "verwijder" && !vervallen) {
@@ -1603,7 +190,7 @@ const DocumentComponent = class {
         let element;
         if (typeof input === "string") {
             const doc = parseXml(input);
-            element = doc === null || doc === void 0 ? void 0 : doc.documentElement;
+            element = doc?.documentElement;
         }
         else if (input instanceof XMLDocument) {
             element = input.documentElement;
@@ -1633,11 +220,10 @@ const DocumentComponent = class {
             this.alternativeTitle ||
             this.label ||
             this.annotated);
-        return (h(Host, { key: '68f4fb252bc7a1657867c8462f02c37acfcfd795', "not-collapsible": !collapsible }, showHeading && (h("div", { key: 'dbb571c223fa1ef537e7dea1cdf2e52493fdc5a4', class: "heading-container", part: "_heading-container" }, this.wijzigactie && h("span", { key: '461c603eab7110053373f2b5c224dadb9b7a1e11', class: "editaction-label" }, this.wijzigactieLabel, ":"), h("div", { key: '956832b500e8fd2af29a324c6396e87957c08e1a', class: "heading" }, h(Heading, { key: 'd4d1ba7715f0760697ba7b19beedc91a76da1719', heading: this.heading, class: "heading-element", onClick: this.alternativeTitle ? this.handleHeadingClick : undefined, mode: this.mode, href: this.href }, collapsible && this.mode === "document" && (h("dso-icon-button", { key: '981740a7b2e5af9a9fbec99c5ac7b8f87b5e98e2', label: this.open ? "Invouwen" : "Uitvouwen", class: "toggle-button", icon: this.open ? "chevron-down" : "chevron-right", variant: "tertiary", onDsoClick: (e) => this.handleHeadingClick(e.detail.originalEvent) })), h("div", { key: '71d8c07c0ac6444fb8be558201e0c427259b684f' }, this.notApplicable && h("span", { key: 'e339b003b6603fa435c2ed0fc2cf47d2b67b41e9', class: "sr-only" }, "Niet van toepassing:"), this._kop ? (h("dso-ozon-content", { class: "kop", content: this._kop, onDsoClick: this.handleOzonContentClick, mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "kop"); }), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({}, e.detail), { source: "kop" })), inline: true, urlResolver: this.ozonContentUrlResolver, begripResolver: this.ozonContentBegripResolver, annotated: this.annotated })) : (h("span", { class: "alternative-title" }, (!this.mark && this.alternativeTitle) ||
-            (this.mark && this.alternativeTitle && (h(MarkText, { mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "alternativeTitle"); }), text: this.alternativeTitle, emitMarkItemHighlight: (text, elementRef) => this.dsoMarkItemHighlight.emit({ text, elementRef, source: "alternativeTitle" }) }))))), h(AantekenStatus, { key: '00b0e9074b2d34a39f64b68cb454379345f9e673', gereserveerd: this._gereserveerd, vervallen: this._vervallen }))), this.recursiveToggle !== undefined && this.open && this.mode === "document" && (h("dso-icon-button", { key: '4c6a480b2c9197c5d8f3479ad747b0533949db18', label: this.recursiveToggle === true ? "Verberg alles" : "Toon alles", class: "recursive-toggle", icon: this.recursiveToggle === true ? "eye" : "eye-slash", variant: "tertiary", onDsoClick: (e) => this.handleRecursiveToggleClick(e.detail.originalEvent) })), this.showBadge() && (h(Fragment, { key: 'd2dedc1f3fc8e3a05f6a023954876a30f87d4abf' }, h("dso-badge", { key: '3254a799ccfe8325520ee0b34ee1f1e93b27c087', status: this.badgeStatus, "aria-describedby": "badge-description" }, this.badge), this.badgeTooltip && h("dso-tooltip", { key: 'b949264eefb558b54b747083d2540cad06304887', id: "badge-description" }, this.badgeTooltip))), (this.label || this.annotated) && (h("div", { key: '4d3d3681167f76034eb96d30ef3febceb1118567', class: "addons" }, this.label && (h("dso-label", { key: '81d39d5e996b62fd98cc086e2f99ed9e7b5271f8', status: this.labelStatus, compact: true }, this.label)), this.annotated && this.mode === "document" && (h("dso-icon-button", { key: '4aaf2a51790cb50355e3bc8eeb08f39c1355f76b', label: `Kenmerken en kaartgegevens ${this.openAnnotation ? "verbergen" : "tonen"}`, icon: "label", variant: "tertiary", onDsoClick: (e) => this.dsoAnnotationToggle.emit({ originalEvent: e.detail.originalEvent }) }))))))), this.openAnnotation && (h("div", { key: '867c144ed5290d09684622a0f292b69a2d5d99ef', class: "annotation-container", part: "_annotation-container" }, h("dso-panel", { key: '40209342743374c35afb80c3627a80bdd9f91f17', id: "annotations", onDsoCloseClick: (e) => this.dsoAnnotationToggle.emit({ originalEvent: e }), closeButtonLabel: "Kenmerken en kaartgegevens verbergen" }, h("h2", { key: '26a7fedc702cb16941b065a110f05a2eb20e7b63', slot: "heading" }, "Kenmerken en kaart"), h("slot", { key: '8f7cb218e8cabbc070a6782ca49c215f9802570c', name: "annotations" })))), this.open && (this._inhoud || this._gereserveerd || this._vervallen) && this.mode === "document" && (h("div", { key: '0d7ff1c5143320acdccf7b8f4662e661e765acfa', class: "content", part: "_content" }, h(AantekenAlert, { key: '1959a7c591ba1947bc03667450c4e159f5e1ed67', gereserveerd: this._gereserveerd, vervallen: this._vervallen }), this._inhoud && (h("dso-ozon-content", { key: '702b0bd57cb52ceb8e4e7d34e728d0c41305ed48', content: this._inhoud, onDsoClick: this.handleOzonContentClick, mark: this.mark && ((text) => { var _a; return (_a = this.mark) === null || _a === void 0 ? void 0 : _a.call(this, text, "inhoud"); }), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit(Object.assign(Object.assign({}, e.detail), { source: "inhoud" })), urlResolver: this.ozonContentUrlResolver, begripResolver: this.ozonContentBegripResolver, annotated: this.annotated })))), h("div", { key: 'b4917c7fc168fa02fa7c8d0377c9f351257a36a3', class: "children-container", part: "_children-container" }, h("slot", { key: 'c5ffa83d96e186675aa81fcc14681372e0095e24' }))));
+        return (h(Host, { key: '72fb34bcacd46674e30c2ba8b3a9a58f8b01a5d4', "not-collapsible": !collapsible }, showHeading && (h("div", { key: '0cbfa166906ca816294656aa6d318cd76ee0627a', class: "heading-container", part: "_heading-container" }, this.wijzigactie && h("span", { key: 'e1068585f90d4a4c0f12b0c064f8d11c8c9b7dbd', class: "editaction-label" }, this.wijzigactieLabel, ":"), h("div", { key: '4f4241c0109c01d9401755ae96bbdfaa00704e4b', class: "heading" }, h(Heading, { key: '7c1c87727bc84c563072e2c214daf3eacbd6c289', heading: this.heading, class: "heading-element", onClick: this.alternativeTitle ? this.handleHeadingClick : undefined, mode: this.mode, href: this.href }, collapsible && this.mode === "document" && (h("dso-icon-button", { key: '4f22f75a56620df89884942ebc46b8dbfb35796e', label: this.open ? "Invouwen" : "Uitvouwen", class: "toggle-button", icon: this.open ? "chevron-down" : "chevron-right", variant: "tertiary", onDsoClick: (e) => this.handleHeadingClick(e.detail.originalEvent) })), h("div", { key: 'd9fb5a4dc99a36d28dd0d12ee33aaa629880a2ce' }, this.notApplicable && h("span", { key: '34bfbdeeb6d608c1f7640170ac534c0d401d694e', class: "sr-only" }, "Niet van toepassing:"), this._kop ? (h("dso-ozon-content", { class: "kop", content: this._kop, onDsoClick: this.handleOzonContentClick, mark: this.mark && ((text) => this.mark?.(text, "kop")), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit({ ...e.detail, source: "kop" }), inline: true, urlResolver: this.ozonContentUrlResolver, begripResolver: this.ozonContentBegripResolver, annotated: this.annotated })) : (h("span", { class: "alternative-title" }, (!this.mark && this.alternativeTitle) ||
+            (this.mark && this.alternativeTitle && (h(MarkText, { mark: this.mark && ((text) => this.mark?.(text, "alternativeTitle")), text: this.alternativeTitle, emitMarkItemHighlight: (text, elementRef) => this.dsoMarkItemHighlight.emit({ text, elementRef, source: "alternativeTitle" }) }))))), h(AantekenStatus, { key: '1b18bc1ccb2e77f2afd5318d2c0bfcf926a77d21', gereserveerd: this._gereserveerd, vervallen: this._vervallen }))), this.recursiveToggle !== undefined && this.open && this.mode === "document" && (h("dso-icon-button", { key: '90cdde4d20c111b650fbf929ecb475424a2ba3da', label: this.recursiveToggle === true ? "Verberg alles" : "Toon alles", class: "recursive-toggle", icon: this.recursiveToggle === true ? "eye" : "eye-slash", variant: "tertiary", onDsoClick: (e) => this.handleRecursiveToggleClick(e.detail.originalEvent) })), this.showBadge() && (h(Fragment, { key: 'e10d9a9bae8879076c2c087361765485f7fc3279' }, h("dso-badge", { key: '11cee29750d6643253c885c878366ac174850262', status: this.badgeStatus, "aria-describedby": "badge-description" }, this.badge), this.badgeTooltip && h("dso-tooltip", { key: 'c15b5edeb3f7325fd6cb136e13c5451a50aa1398', id: "badge-description" }, this.badgeTooltip))), (this.label || this.annotated) && (h("div", { key: '1385261eeb3112ac3a7a20fee5bacf317c1cbcc1', class: "addons" }, this.label && (h("dso-label", { key: 'b3485eb9910f948d12603e9f8626ee28c6aa2e87', status: this.labelStatus, compact: true }, this.label)), this.annotated && this.mode === "document" && (h("dso-icon-button", { key: 'b19fd86d447f1eb9fc9e41237852b63b64bc557f', label: `Kenmerken en kaartgegevens ${this.openAnnotation ? "verbergen" : "tonen"}`, icon: "label", variant: "tertiary", onDsoClick: (e) => this.dsoAnnotationToggle.emit({ originalEvent: e.detail.originalEvent }) }))))))), this.openAnnotation && (h("div", { key: 'd980ee09d5f5ef26634ac735f85b88e271c92d12', class: "annotation-container", part: "_annotation-container" }, h("dso-panel", { key: '17b4d4dd681d7d06fdc99750fe7f29f2c3030f2c', id: "annotations", onDsoCloseClick: (e) => this.dsoAnnotationToggle.emit({ originalEvent: e }), closeButtonLabel: "Kenmerken en kaartgegevens verbergen" }, h("h2", { key: '080bbcb05937297150b7ec283d8915c69fbb0fc3', slot: "heading" }, "Kenmerken en kaart"), h("slot", { key: 'dd5a21df3a48f48c8726e78c7306ad576a56a1dd', name: "annotations" })))), this.open && (this._inhoud || this._gereserveerd || this._vervallen) && this.mode === "document" && (h("div", { key: 'abd5a5dd52e5b259bcd0c64b0f06277f4d742bc0', class: "content", part: "_content" }, h(AantekenAlert, { key: '38c2af29d25cbef58b7386823a0b349aec901e28', gereserveerd: this._gereserveerd, vervallen: this._vervallen }), this._inhoud && (h("dso-ozon-content", { key: '89b5c03a30636b87c8ec927f15f6499bbdcb36f8', content: this._inhoud, onDsoClick: this.handleOzonContentClick, mark: this.mark && ((text) => this.mark?.(text, "inhoud")), onDsoOzonContentMarkItemHighlight: (e) => this.dsoMarkItemHighlight.emit({ ...e.detail, source: "inhoud" }), urlResolver: this.ozonContentUrlResolver, begripResolver: this.ozonContentBegripResolver, annotated: this.annotated })))), h("div", { key: '13c715bb3038d8e143d1d1edde7967206a67fbb5', class: "children-container", part: "_children-container" }, h("slot", { key: '2473dba2ab9b7bb60a349943c0cf5cf7c6491c8c' }))));
     }
 };
 DocumentComponent.style = documentComponentCss();
 
 export { AnnotationLocatie as dso_annotation_locatie, DocumentComponent as dso_document_component };
-//# sourceMappingURL=dso-annotation-locatie.dso-document-component.entry.js.map