@dso-toolkit/core 88.1.1 → 90.0.0

package/dist/bundle/p-DiyFr3Np.js

@@ -0,0 +1,1208 @@
+import { h, F as Fragment, p as proxyCustomElement, H, d as createEvent, t as transformTag } from './p-DmmKAUIT.js';
+import { i as isModifiedEvent } from './p-Hgv-pDpy.js';
+import { c as clsx } from './p-ChV9xqsO.js';
+import { v as v4 } from './p-C_akviUd.js';
+import { d as defineCustomElement$6 } from './p-DE7WGgpi.js';
+import { d as defineCustomElement$5 } from './p-CYWYJZS6.js';
+import { d as defineCustomElement$4 } from './p-Dgducv6v.js';
+import { d as defineCustomElement$3 } from './p-uBQHEbAs.js';
+import { d as defineCustomElement$2 } from './p-C3e8S8uz.js';
+import { d as defineCustomElement$1 } from './p-DzcBPvon.js';
+
+const MarkText = ({ mark, text, emitMarkItemHighlight }) => {
+    const result = mark(text);
+    return !result || result.length === 0 ? (h(Fragment, null, text)) : (h(Fragment, null, result.map((value) => {
+        if (typeof value === "string") {
+            return h(Fragment, null, value);
+        }
+        return (h("mark", { class: value.highlight ? "dso-highlight" : undefined, ref: (ref) => value.highlight && ref && emitMarkItemHighlight(value.text, ref) }, value.text));
+    })));
+};
+
+const parser = new DOMParser();
+function parseXml(input) {
+    if (!input) {
+        return undefined;
+    }
+    const doc = parser.parseFromString(input, "application/xml");
+    if (doc.querySelector("parsererror")) {
+        console.error({
+            message: "Unable to parse XML",
+            input,
+            document: doc,
+        }, null, 2);
+        return undefined;
+    }
+    return doc;
+}
+
+function parseWijzigactieFromNode(node) {
+    const wijzigactie = node instanceof Element ? node.getAttribute("wijzigactie") : undefined;
+    return wijzigactie === "voegtoe" || wijzigactie === "verwijder" ? wijzigactie : undefined;
+}
+
+function getNodeName(node) {
+    if (node instanceof Element) {
+        return node.localName;
+    }
+    if (node.nodeName.includes(":")) {
+        return node.nodeName.substring(node.nodeName.indexOf(":") + 1);
+    }
+    return node.nodeName;
+}
+
+class OzonContentAbbrNode {
+    constructor() {
+        this.name = "abbr";
+    }
+    render(node, { mapNodeToJsx }) {
+        const title = node.getAttribute("title");
+        return (h("span", { class: "od-abbr" }, h("abbr", null, mapNodeToJsx(node.childNodes)), title && ` (${title})`));
+    }
+}
+
+const WrapWijzigactie = ({ wijzigactie }, children) => {
+    if (wijzigactie === "voegtoe") {
+        return h("ins", null, children);
+    }
+    if (wijzigactie === "verwijder") {
+        return h("del", null, children);
+    }
+    return children;
+};
+
+function wijzigactieToClassName(wijzigactie) {
+    if (wijzigactie === "voegtoe") {
+        return "editaction-add";
+    }
+    if (wijzigactie === "verwijder") {
+        return "editaction-remove";
+    }
+    return undefined;
+}
+
+function isNestedAl(path) {
+    return path.some((n) => {
+        const nodeName = getNodeName(n);
+        return nodeName === "Al" || nodeName === "Opschrift";
+    });
+}
+class OzonContentAlNode {
+    constructor() {
+        this.name = "Al";
+    }
+    render(node, { mapNodeToJsx, path, inline }) {
+        let content = mapNodeToJsx(node.childNodes);
+        const wijzigactie = parseWijzigactieFromNode(node);
+        const className = wijzigactieToClassName(wijzigactie);
+        if (inline || isNestedAl(path)) {
+            content = (h("span", { role: "paragraph", class: className }, content));
+        }
+        else {
+            content = h("p", { class: className }, content);
+        }
+        return h(WrapWijzigactie, { wijzigactie: wijzigactie }, content);
+    }
+}
+
+const Term = ({ begripWijzigactie, node, mapNodeToJsx }) => {
+    const content = mapNodeToJsx(node.childNodes);
+    const wijzigactie = parseWijzigactieFromNode(node);
+    const className = wijzigactieToClassName(wijzigactie);
+    return (h("dt", { class: className }, h(WrapWijzigactie, { wijzigactie: begripWijzigactie || wijzigactie }, content)));
+};
+const Definitie = ({ begripWijzigactie, node, mapNodeToJsx }) => {
+    const content = mapNodeToJsx(node.childNodes);
+    const wijzigactie = parseWijzigactieFromNode(node);
+    const className = wijzigactieToClassName(wijzigactie);
+    return (h("dd", { class: className }, h(WrapWijzigactie, { wijzigactie: begripWijzigactie || wijzigactie }, content)));
+};
+class OzonContentBegripNode {
+    constructor() {
+        this.name = "Begrip";
+    }
+    render(node, { mapNodeToJsx }) {
+        const wijzigactie = parseWijzigactieFromNode(node);
+        const className = wijzigactieToClassName(wijzigactie);
+        const childNodes = Array.from(node.childNodes);
+        const terms = childNodes.filter((n) => getNodeName(n) === "Term");
+        const definitions = childNodes.filter((n) => getNodeName(n) === "Definitie");
+        return (h("div", { class: className }, terms.map((term) => (h(Term, { node: term, begripWijzigactie: wijzigactie, mapNodeToJsx: mapNodeToJsx }))), definitions.map((definition) => (h(Definitie, { node: definition, begripWijzigactie: wijzigactie, mapNodeToJsx: mapNodeToJsx })))));
+    }
+}
+
+class OzonContentBegrippenlijstNode {
+    constructor() {
+        this.name = "Begrippenlijst";
+    }
+    render(node, { mapNodeToJsx }) {
+        const content = mapNodeToJsx(node.childNodes);
+        const wijzigactie = parseWijzigactieFromNode(node);
+        const className = wijzigactieToClassName(wijzigactie);
+        return (h("div", { class: "begrippenlijst" }, h(WrapWijzigactie, { wijzigactie: wijzigactie }, h("dl", { class: className }, content))));
+    }
+}
+
+class OzonContentBronNode {
+    constructor() {
+        this.name = "Bron";
+    }
+    render(node, { mapNodeToJsx }, ignoreMark) {
+        return h("span", { class: "dso-ozon-bron" }, mapNodeToJsx(node.childNodes, ignoreMark));
+    }
+}
+
+class OzonContentDocumentNode {
+    constructor() {
+        this.name = "#document";
+    }
+    render(node, { mapNodeToJsx }) {
+        return h(Fragment, null, mapNodeToJsx(node.childNodes));
+    }
+}
+
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+/**
+ * lodash (Custom Build) <https://lodash.com/>
+ * Build: `lodash modularize exports="npm" -o ./`
+ * Copyright jQuery Foundation and other contributors <https://jquery.org/>
+ * Released under MIT license <https://lodash.com/license>
+ * Based on Underscore.js 1.8.3 <http://underscorejs.org/LICENSE>
+ * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
+ */
+
+var lodash_kebabcase;
+var hasRequiredLodash_kebabcase;
+
+function requireLodash_kebabcase () {
+	if (hasRequiredLodash_kebabcase) return lodash_kebabcase;
+	hasRequiredLodash_kebabcase = 1;
+
+	/** `Object#toString` result references. */
+	var symbolTag = '[object Symbol]';
+
+	/** Used to match words composed of alphanumeric characters. */
+	var reAsciiWord = /[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g;
+
+	/** Used to match Latin Unicode letters (excluding mathematical operators). */
+	var reLatin = /[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g;
+
+	/** Used to compose unicode character classes. */
+	var rsAstralRange = '\\ud800-\\udfff',
+	    rsComboMarksRange = '\\u0300-\\u036f\\ufe20-\\ufe23',
+	    rsComboSymbolsRange = '\\u20d0-\\u20f0',
+	    rsDingbatRange = '\\u2700-\\u27bf',
+	    rsLowerRange = 'a-z\\xdf-\\xf6\\xf8-\\xff',
+	    rsMathOpRange = '\\xac\\xb1\\xd7\\xf7',
+	    rsNonCharRange = '\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf',
+	    rsPunctuationRange = '\\u2000-\\u206f',
+	    rsSpaceRange = ' \\t\\x0b\\f\\xa0\\ufeff\\n\\r\\u2028\\u2029\\u1680\\u180e\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200a\\u202f\\u205f\\u3000',
+	    rsUpperRange = 'A-Z\\xc0-\\xd6\\xd8-\\xde',
+	    rsVarRange = '\\ufe0e\\ufe0f',
+	    rsBreakRange = rsMathOpRange + rsNonCharRange + rsPunctuationRange + rsSpaceRange;
+
+	/** Used to compose unicode capture groups. */
+	var rsApos = "['\u2019]",
+	    rsBreak = '[' + rsBreakRange + ']',
+	    rsCombo = '[' + rsComboMarksRange + rsComboSymbolsRange + ']',
+	    rsDigits = '\\d+',
+	    rsDingbat = '[' + rsDingbatRange + ']',
+	    rsLower = '[' + rsLowerRange + ']',
+	    rsMisc = '[^' + rsAstralRange + rsBreakRange + rsDigits + rsDingbatRange + rsLowerRange + rsUpperRange + ']',
+	    rsFitz = '\\ud83c[\\udffb-\\udfff]',
+	    rsModifier = '(?:' + rsCombo + '|' + rsFitz + ')',
+	    rsNonAstral = '[^' + rsAstralRange + ']',
+	    rsRegional = '(?:\\ud83c[\\udde6-\\uddff]){2}',
+	    rsSurrPair = '[\\ud800-\\udbff][\\udc00-\\udfff]',
+	    rsUpper = '[' + rsUpperRange + ']',
+	    rsZWJ = '\\u200d';
+
+	/** Used to compose unicode regexes. */
+	var rsLowerMisc = '(?:' + rsLower + '|' + rsMisc + ')',
+	    rsUpperMisc = '(?:' + rsUpper + '|' + rsMisc + ')',
+	    rsOptLowerContr = '(?:' + rsApos + '(?:d|ll|m|re|s|t|ve))?',
+	    rsOptUpperContr = '(?:' + rsApos + '(?:D|LL|M|RE|S|T|VE))?',
+	    reOptMod = rsModifier + '?',
+	    rsOptVar = '[' + rsVarRange + ']?',
+	    rsOptJoin = '(?:' + rsZWJ + '(?:' + [rsNonAstral, rsRegional, rsSurrPair].join('|') + ')' + rsOptVar + reOptMod + ')*',
+	    rsSeq = rsOptVar + reOptMod + rsOptJoin,
+	    rsEmoji = '(?:' + [rsDingbat, rsRegional, rsSurrPair].join('|') + ')' + rsSeq;
+
+	/** Used to match apostrophes. */
+	var reApos = RegExp(rsApos, 'g');
+
+	/**
+	 * Used to match [combining diacritical marks](https://en.wikipedia.org/wiki/Combining_Diacritical_Marks) and
+	 * [combining diacritical marks for symbols](https://en.wikipedia.org/wiki/Combining_Diacritical_Marks_for_Symbols).
+	 */
+	var reComboMark = RegExp(rsCombo, 'g');
+
+	/** Used to match complex or compound words. */
+	var reUnicodeWord = RegExp([
+	  rsUpper + '?' + rsLower + '+' + rsOptLowerContr + '(?=' + [rsBreak, rsUpper, '$'].join('|') + ')',
+	  rsUpperMisc + '+' + rsOptUpperContr + '(?=' + [rsBreak, rsUpper + rsLowerMisc, '$'].join('|') + ')',
+	  rsUpper + '?' + rsLowerMisc + '+' + rsOptLowerContr,
+	  rsUpper + '+' + rsOptUpperContr,
+	  rsDigits,
+	  rsEmoji
+	].join('|'), 'g');
+
+	/** Used to detect strings that need a more robust regexp to match words. */
+	var reHasUnicodeWord = /[a-z][A-Z]|[A-Z]{2,}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/;
+
+	/** Used to map Latin Unicode letters to basic Latin letters. */
+	var deburredLetters = {
+	  // Latin-1 Supplement block.
+	  '\xc0': 'A',  '\xc1': 'A', '\xc2': 'A', '\xc3': 'A', '\xc4': 'A', '\xc5': 'A',
+	  '\xe0': 'a',  '\xe1': 'a', '\xe2': 'a', '\xe3': 'a', '\xe4': 'a', '\xe5': 'a',
+	  '\xc7': 'C',  '\xe7': 'c',
+	  '\xd0': 'D',  '\xf0': 'd',
+	  '\xc8': 'E',  '\xc9': 'E', '\xca': 'E', '\xcb': 'E',
+	  '\xe8': 'e',  '\xe9': 'e', '\xea': 'e', '\xeb': 'e',
+	  '\xcc': 'I',  '\xcd': 'I', '\xce': 'I', '\xcf': 'I',
+	  '\xec': 'i',  '\xed': 'i', '\xee': 'i', '\xef': 'i',
+	  '\xd1': 'N',  '\xf1': 'n',
+	  '\xd2': 'O',  '\xd3': 'O', '\xd4': 'O', '\xd5': 'O', '\xd6': 'O', '\xd8': 'O',
+	  '\xf2': 'o',  '\xf3': 'o', '\xf4': 'o', '\xf5': 'o', '\xf6': 'o', '\xf8': 'o',
+	  '\xd9': 'U',  '\xda': 'U', '\xdb': 'U', '\xdc': 'U',
+	  '\xf9': 'u',  '\xfa': 'u', '\xfb': 'u', '\xfc': 'u',
+	  '\xdd': 'Y',  '\xfd': 'y', '\xff': 'y',
+	  '\xc6': 'Ae', '\xe6': 'ae',
+	  '\xde': 'Th', '\xfe': 'th',
+	  '\xdf': 'ss',
+	  // Latin Extended-A block.
+	  '\u0100': 'A',  '\u0102': 'A', '\u0104': 'A',
+	  '\u0101': 'a',  '\u0103': 'a', '\u0105': 'a',
+	  '\u0106': 'C',  '\u0108': 'C', '\u010a': 'C', '\u010c': 'C',
+	  '\u0107': 'c',  '\u0109': 'c', '\u010b': 'c', '\u010d': 'c',
+	  '\u010e': 'D',  '\u0110': 'D', '\u010f': 'd', '\u0111': 'd',
+	  '\u0112': 'E',  '\u0114': 'E', '\u0116': 'E', '\u0118': 'E', '\u011a': 'E',
+	  '\u0113': 'e',  '\u0115': 'e', '\u0117': 'e', '\u0119': 'e', '\u011b': 'e',
+	  '\u011c': 'G',  '\u011e': 'G', '\u0120': 'G', '\u0122': 'G',
+	  '\u011d': 'g',  '\u011f': 'g', '\u0121': 'g', '\u0123': 'g',
+	  '\u0124': 'H',  '\u0126': 'H', '\u0125': 'h', '\u0127': 'h',
+	  '\u0128': 'I',  '\u012a': 'I', '\u012c': 'I', '\u012e': 'I', '\u0130': 'I',
+	  '\u0129': 'i',  '\u012b': 'i', '\u012d': 'i', '\u012f': 'i', '\u0131': 'i',
+	  '\u0134': 'J',  '\u0135': 'j',
+	  '\u0136': 'K',  '\u0137': 'k', '\u0138': 'k',
+	  '\u0139': 'L',  '\u013b': 'L', '\u013d': 'L', '\u013f': 'L', '\u0141': 'L',
+	  '\u013a': 'l',  '\u013c': 'l', '\u013e': 'l', '\u0140': 'l', '\u0142': 'l',
+	  '\u0143': 'N',  '\u0145': 'N', '\u0147': 'N', '\u014a': 'N',
+	  '\u0144': 'n',  '\u0146': 'n', '\u0148': 'n', '\u014b': 'n',
+	  '\u014c': 'O',  '\u014e': 'O', '\u0150': 'O',
+	  '\u014d': 'o',  '\u014f': 'o', '\u0151': 'o',
+	  '\u0154': 'R',  '\u0156': 'R', '\u0158': 'R',
+	  '\u0155': 'r',  '\u0157': 'r', '\u0159': 'r',
+	  '\u015a': 'S',  '\u015c': 'S', '\u015e': 'S', '\u0160': 'S',
+	  '\u015b': 's',  '\u015d': 's', '\u015f': 's', '\u0161': 's',
+	  '\u0162': 'T',  '\u0164': 'T', '\u0166': 'T',
+	  '\u0163': 't',  '\u0165': 't', '\u0167': 't',
+	  '\u0168': 'U',  '\u016a': 'U', '\u016c': 'U', '\u016e': 'U', '\u0170': 'U', '\u0172': 'U',
+	  '\u0169': 'u',  '\u016b': 'u', '\u016d': 'u', '\u016f': 'u', '\u0171': 'u', '\u0173': 'u',
+	  '\u0174': 'W',  '\u0175': 'w',
+	  '\u0176': 'Y',  '\u0177': 'y', '\u0178': 'Y',
+	  '\u0179': 'Z',  '\u017b': 'Z', '\u017d': 'Z',
+	  '\u017a': 'z',  '\u017c': 'z', '\u017e': 'z',
+	  '\u0132': 'IJ', '\u0133': 'ij',
+	  '\u0152': 'Oe', '\u0153': 'oe',
+	  '\u0149': "'n", '\u017f': 'ss'
+	};
+
+	/** Detect free variable `global` from Node.js. */
+	var freeGlobal = typeof commonjsGlobal == 'object' && commonjsGlobal && commonjsGlobal.Object === Object && commonjsGlobal;
+
+	/** Detect free variable `self`. */
+	var freeSelf = typeof self == 'object' && self && self.Object === Object && self;
+
+	/** Used as a reference to the global object. */
+	var root = freeGlobal || freeSelf || Function('return this')();
+
+	/**
+	 * A specialized version of `_.reduce` for arrays without support for
+	 * iteratee shorthands.
+	 *
+	 * @private
+	 * @param {Array} [array] The array to iterate over.
+	 * @param {Function} iteratee The function invoked per iteration.
+	 * @param {*} [accumulator] The initial value.
+	 * @param {boolean} [initAccum] Specify using the first element of `array` as
+	 *  the initial value.
+	 * @returns {*} Returns the accumulated value.
+	 */
+	function arrayReduce(array, iteratee, accumulator, initAccum) {
+	  var index = -1,
+	      length = array ? array.length : 0;
+	  while (++index < length) {
+	    accumulator = iteratee(accumulator, array[index], index, array);
+	  }
+	  return accumulator;
+	}
+
+	/**
+	 * Splits an ASCII `string` into an array of its words.
+	 *
+	 * @private
+	 * @param {string} The string to inspect.
+	 * @returns {Array} Returns the words of `string`.
+	 */
+	function asciiWords(string) {
+	  return string.match(reAsciiWord) || [];
+	}
+
+	/**
+	 * The base implementation of `_.propertyOf` without support for deep paths.
+	 *
+	 * @private
+	 * @param {Object} object The object to query.
+	 * @returns {Function} Returns the new accessor function.
+	 */
+	function basePropertyOf(object) {
+	  return function(key) {
+	    return object == null ? undefined : object[key];
+	  };
+	}
+
+	/**
+	 * Used by `_.deburr` to convert Latin-1 Supplement and Latin Extended-A
+	 * letters to basic Latin letters.
+	 *
+	 * @private
+	 * @param {string} letter The matched letter to deburr.
+	 * @returns {string} Returns the deburred letter.
+	 */
+	var deburrLetter = basePropertyOf(deburredLetters);
+
+	/**
+	 * Checks if `string` contains a word composed of Unicode symbols.
+	 *
+	 * @private
+	 * @param {string} string The string to inspect.
+	 * @returns {boolean} Returns `true` if a word is found, else `false`.
+	 */
+	function hasUnicodeWord(string) {
+	  return reHasUnicodeWord.test(string);
+	}
+
+	/**
+	 * Splits a Unicode `string` into an array of its words.
+	 *
+	 * @private
+	 * @param {string} The string to inspect.
+	 * @returns {Array} Returns the words of `string`.
+	 */
+	function unicodeWords(string) {
+	  return string.match(reUnicodeWord) || [];
+	}
+
+	/** Used for built-in method references. */
+	var objectProto = Object.prototype;
+
+	/**
+	 * Used to resolve the
+	 * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)
+	 * of values.
+	 */
+	var objectToString = objectProto.toString;
+
+	/** Built-in value references. */
+	var Symbol = root.Symbol;
+
+	/** Used to convert symbols to primitives and strings. */
+	var symbolProto = Symbol ? Symbol.prototype : undefined,
+	    symbolToString = symbolProto ? symbolProto.toString : undefined;
+
+	/**
+	 * The base implementation of `_.toString` which doesn't convert nullish
+	 * values to empty strings.
+	 *
+	 * @private
+	 * @param {*} value The value to process.
+	 * @returns {string} Returns the string.
+	 */
+	function baseToString(value) {
+	  // Exit early for strings to avoid a performance hit in some environments.
+	  if (typeof value == 'string') {
+	    return value;
+	  }
+	  if (isSymbol(value)) {
+	    return symbolToString ? symbolToString.call(value) : '';
+	  }
+	  var result = (value + '');
+	  return (result == '0' && (1 / value) == -Infinity) ? '-0' : result;
+	}
+
+	/**
+	 * Creates a function like `_.camelCase`.
+	 *
+	 * @private
+	 * @param {Function} callback The function to combine each word.
+	 * @returns {Function} Returns the new compounder function.
+	 */
+	function createCompounder(callback) {
+	  return function(string) {
+	    return arrayReduce(words(deburr(string).replace(reApos, '')), callback, '');
+	  };
+	}
+
+	/**
+	 * Checks if `value` is object-like. A value is object-like if it's not `null`
+	 * and has a `typeof` result of "object".
+	 *
+	 * @static
+	 * @memberOf _
+	 * @since 4.0.0
+	 * @category Lang
+	 * @param {*} value The value to check.
+	 * @returns {boolean} Returns `true` if `value` is object-like, else `false`.
+	 * @example
+	 *
+	 * _.isObjectLike({});
+	 * // => true
+	 *
+	 * _.isObjectLike([1, 2, 3]);
+	 * // => true
+	 *
+	 * _.isObjectLike(_.noop);
+	 * // => false
+	 *
+	 * _.isObjectLike(null);
+	 * // => false
+	 */
+	function isObjectLike(value) {
+	  return !!value && typeof value == 'object';
+	}
+
+	/**
+	 * Checks if `value` is classified as a `Symbol` primitive or object.
+	 *
+	 * @static
+	 * @memberOf _
+	 * @since 4.0.0
+	 * @category Lang
+	 * @param {*} value The value to check.
+	 * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.
+	 * @example
+	 *
+	 * _.isSymbol(Symbol.iterator);
+	 * // => true
+	 *
+	 * _.isSymbol('abc');
+	 * // => false
+	 */
+	function isSymbol(value) {
+	  return typeof value == 'symbol' ||
+	    (isObjectLike(value) && objectToString.call(value) == symbolTag);
+	}
+
+	/**
+	 * Converts `value` to a string. An empty string is returned for `null`
+	 * and `undefined` values. The sign of `-0` is preserved.
+	 *
+	 * @static
+	 * @memberOf _
+	 * @since 4.0.0
+	 * @category Lang
+	 * @param {*} value The value to process.
+	 * @returns {string} Returns the string.
+	 * @example
+	 *
+	 * _.toString(null);
+	 * // => ''
+	 *
+	 * _.toString(-0);
+	 * // => '-0'
+	 *
+	 * _.toString([1, 2, 3]);
+	 * // => '1,2,3'
+	 */
+	function toString(value) {
+	  return value == null ? '' : baseToString(value);
+	}
+
+	/**
+	 * Deburrs `string` by converting
+	 * [Latin-1 Supplement](https://en.wikipedia.org/wiki/Latin-1_Supplement_(Unicode_block)#Character_table)
+	 * and [Latin Extended-A](https://en.wikipedia.org/wiki/Latin_Extended-A)
+	 * letters to basic Latin letters and removing
+	 * [combining diacritical marks](https://en.wikipedia.org/wiki/Combining_Diacritical_Marks).
+	 *
+	 * @static
+	 * @memberOf _
+	 * @since 3.0.0
+	 * @category String
+	 * @param {string} [string=''] The string to deburr.
+	 * @returns {string} Returns the deburred string.
+	 * @example
+	 *
+	 * _.deburr('déjà vu');
+	 * // => 'deja vu'
+	 */
+	function deburr(string) {
+	  string = toString(string);
+	  return string && string.replace(reLatin, deburrLetter).replace(reComboMark, '');
+	}
+
+	/**
+	 * Converts `string` to
+	 * [kebab case](https://en.wikipedia.org/wiki/Letter_case#Special_case_styles).
+	 *
+	 * @static
+	 * @memberOf _
+	 * @since 3.0.0
+	 * @category String
+	 * @param {string} [string=''] The string to convert.
+	 * @returns {string} Returns the kebab cased string.
+	 * @example
+	 *
+	 * _.kebabCase('Foo Bar');
+	 * // => 'foo-bar'
+	 *
+	 * _.kebabCase('fooBar');
+	 * // => 'foo-bar'
+	 *
+	 * _.kebabCase('__FOO_BAR__');
+	 * // => 'foo-bar'
+	 */
+	var kebabCase = createCompounder(function(result, word, index) {
+	  return result + (index ? '-' : '') + word.toLowerCase();
+	});
+
+	/**
+	 * Splits `string` into an array of its words.
+	 *
+	 * @static
+	 * @memberOf _
+	 * @since 3.0.0
+	 * @category String
+	 * @param {string} [string=''] The string to inspect.
+	 * @param {RegExp|string} [pattern] The pattern to match words.
+	 * @param- {Object} [guard] Enables use as an iteratee for methods like `_.map`.
+	 * @returns {Array} Returns the words of `string`.
+	 * @example
+	 *
+	 * _.words('fred, barney, & pebbles');
+	 * // => ['fred', 'barney', 'pebbles']
+	 *
+	 * _.words('fred, barney, & pebbles', /[^, ]+/g);
+	 * // => ['fred', 'barney', '&', 'pebbles']
+	 */
+	function words(string, pattern, guard) {
+	  string = toString(string);
+	  pattern = pattern;
+
+	  if (pattern === undefined) {
+	    return hasUnicodeWord(string) ? unicodeWords(string) : asciiWords(string);
+	  }
+	  return string.match(pattern) || [];
+	}
+
+	lodash_kebabcase = kebabCase;
+	return lodash_kebabcase;
+}
+
+var lodash_kebabcaseExports = requireLodash_kebabcase();
+var kebabCase = /*@__PURE__*/getDefaultExportFromCjs(lodash_kebabcaseExports);
+
+class OzonContentExtRefNode {
+    constructor() {
+        this.name = ["ExtRef", "ExtIoRef"];
+    }
+    render(node, { mapNodeToJsx, urlResolver }) {
+        const className = kebabCase(node.tagName);
+        const ref = node.getAttribute("ref");
+        const name = node.tagName === "ExtRef" ? "ExtRef" : "ExtIoRef";
+        if (!ref) {
+            return mapNodeToJsx(node.childNodes);
+        }
+        const href = urlResolver ? urlResolver(name, "ref", ref, node) : ref;
+        return (h("a", { target: "_blank", rel: "noopener noreferrer", href: href ?? undefined, class: className, title: "Opent andere website in nieuw tabblad" }, h("span", null, mapNodeToJsx(node.childNodes)), h("dso-icon", { icon: "external-link" })));
+    }
+}
+
+class OzonContentFallbackNode {
+    constructor() {
+        // This name does not match any elements
+        this.name = ["<fallback>"];
+    }
+    render(node, { mapNodeToJsx }, ignoreMark) {
+        return h("span", { class: `fallback od-${getNodeName(node)}` }, mapNodeToJsx(node.childNodes, ignoreMark));
+    }
+}
+
+const Bijschrift = ({ bijschrift, bron, mapNodeToJsx, ignoreMark }) => {
+    const bronText = bron && bron.textContent?.trim();
+    return (h("span", { class: "figuur-bijschrift" }, bijschrift && bijschrift.inhoud && mapNodeToJsx(bijschrift.inhoud, ignoreMark), bronText && (h(Fragment, null, `${bijschrift ? " " : ""}(bron: `, mapNodeToJsx(bron, ignoreMark), ")"))));
+};
+class OzonContentFiguurNode {
+    constructor() {
+        this.name = ["Figuur"];
+    }
+    getStyle(illustratie) {
+        const widthPixels = Number(illustratie.breedte);
+        const heightPixels = Number(illustratie.hoogte);
+        const style = {
+            "--_dso-ozon-content-illustratie-uitlijning": illustratie.uitlijning,
+        };
+        if (widthPixels && heightPixels) {
+            // This is the STOP formula to calculate the width in percentage
+            // see: https://koop.gitlab.io/stop/standaard/1.4.0-ic/regeltekst_afbeelding.html
+            // We maximise it to 100% in the case of missing dpi or a calculated percentage greater than 100%
+            const widthPercentage = Math.min(illustratie.dpi ? (16.4 * widthPixels) / Number(illustratie.dpi) : 100, 100);
+            Object.assign(style, {
+                "--_dso-ozon-content-illustratie-aspect-ratio": (widthPixels / heightPixels).toString(),
+                "--_dso-ozon-content-illustratie-width": `${widthPercentage}%`,
+            });
+        }
+        return style;
+    }
+    mapIllustratieNode(node) {
+        return {
+            naam: node.getAttribute("naam"),
+            breedte: Number(node.getAttribute("breedte")),
+            hoogte: Number(node.getAttribute("hoogte")),
+            dpi: Number(node.getAttribute("dpi")),
+            uitlijning: ["start", "center", "end"].find((u) => node.getAttribute("uitlijning") === u) ??
+                "start",
+            alt: node.getAttribute("alt"),
+        };
+    }
+    render(node, { mapNodeToJsx, urlResolver }) {
+        const childNodes = Array.from(node.childNodes);
+        const titel = childNodes.find((n) => getNodeName(n) === "Titel");
+        const bron = childNodes.find((n) => getNodeName(n) === "Bron");
+        const illustratieNode = childNodes.find((n) => getNodeName(n) === "Illustratie");
+        const bijschriftNode = childNodes.find((n) => getNodeName(n) === "Bijschrift");
+        const wijzigactie = node.getAttribute("wijzigactie") || undefined;
+        if (illustratieNode instanceof Element) {
+            const illustratie = this.mapIllustratieNode(illustratieNode);
+            const bijschrift = bijschriftNode instanceof Element
+                ? {
+                    inhoud: bijschriftNode.childNodes,
+                    locatie: bijschriftNode.getAttribute("locatie") ?? "onder",
+                }
+                : undefined;
+            const src = urlResolver && illustratie.naam ? urlResolver("Illustratie", "naam", illustratie.naam, node) : illustratie.naam;
+            return (h("div", { class: `dso-ozon-figuur ${bijschrift ? `bijschrift-${bijschrift.locatie}` : "onder"}`, style: this.getStyle(illustratie) }, titel && h("span", { class: "figuur-titel" }, mapNodeToJsx(titel)), bijschrift?.locatie === "boven" && (h(Bijschrift, { bijschrift: bijschrift, bron: bron, mapNodeToJsx: mapNodeToJsx })), h("dso-image-overlay", { wijzigactie: wijzigactie }, titel && (h("div", { slot: "titel" }, h("span", null, mapNodeToJsx(titel, true)))), h("img", { src: src ?? undefined, alt: illustratie.alt ?? titel?.textContent ?? illustratie.naam ?? undefined }), (bijschrift || bron) && (h("div", { slot: "bijschrift" }, h(Bijschrift, { bijschrift: bijschrift, bron: bron, mapNodeToJsx: mapNodeToJsx, ignoreMark: true })))), (bijschrift?.locatie === "onder" || (!bijschrift && bron)) && (h(Bijschrift, { bijschrift: bijschrift, bron: bron, mapNodeToJsx: mapNodeToJsx }))));
+        }
+    }
+}
+
+class OzonContentInhoudNode {
+    constructor() {
+        this.name = ["Inhoud", "ContainerBlocksType", "BlockMixedcontentMetMaximaleInlinesMarkersPopupsType"];
+    }
+    render(node, { mapNodeToJsx }) {
+        const wijzigactie = node.getAttribute("wijzigactie");
+        const richContent = h("div", { class: "dso-rich-content" }, mapNodeToJsx(node.childNodes));
+        if (wijzigactie === "verwijder") {
+            return h("del", { class: "editaction-remove" }, richContent);
+        }
+        if (wijzigactie === "voegtoe") {
+            return h("ins", { class: "editaction-add" }, richContent);
+        }
+        return richContent;
+    }
+}
+
+class OzonContentInlineTekstAfbeeldingNode {
+    constructor() {
+        this.name = ["InlineTekstAfbeelding", "Illustratie"];
+    }
+    render(node, { urlResolver }) {
+        const naam = node.getAttribute("naam");
+        const name = node.tagName === "InlineTekstAfbeelding" ? "InlineTekstAfbeelding" : "Illustratie";
+        const src = urlResolver && naam ? urlResolver(name, "naam", naam, node) : naam;
+        return (h("img", { src: src ?? undefined, alt: naam ?? undefined, height: node.getAttribute("hoogte") ?? undefined, width: node.getAttribute("breedte") ?? undefined }));
+    }
+}
+
+class OzonContentInlineNodes {
+    constructor() {
+        this.name = ["sub", "sup", "strong", "b", "u", "i", "br"];
+    }
+    render(node, { mapNodeToJsx }) {
+        if (node.localName === "br") {
+            return h("br", null);
+        }
+        const Tag = node.localName;
+        return h(Tag, null, mapNodeToJsx(node.childNodes));
+    }
+}
+
+class OzonContentIntIoRefNode {
+    constructor() {
+        this.name = "IntIoRef";
+    }
+    render(node, { mapNodeToJsx, emitClick, urlResolver, annotated }) {
+        const ref = node.getAttribute("ref");
+        if (!ref) {
+            return mapNodeToJsx(node.childNodes);
+        }
+        const href = urlResolver ? urlResolver("IntIoRef", "ref", ref, node) : ref;
+        const intIoRefOnClick = (event) => {
+            emitClick({
+                type: "IntIoRef",
+                node,
+                originalEvent: event,
+            });
+        };
+        return (h(Fragment, null, h("dso-ozon-content-toggletip", { icon: "map-location" }, h("span", { slot: "label" }, mapNodeToJsx(node.childNodes)), annotated && (h("span", { role: "paragraph" }, "Gebieden op de kaart tonen:", " ", h("button", { type: "button", class: "dso-tertiary", onClick: intIoRefOnClick }, h("span", null, "Kenmerken en kaart"), h("dso-icon", { icon: "label" })))), h("span", { role: "paragraph" }, "Offici\u00EBle publicaties:", " ", h("a", { target: "_blank", rel: "noopener noreferrer", href: href ?? undefined, title: "Opent andere website in nieuw tabblad" }, h("span", null, mapNodeToJsx(node.childNodes)), h("dso-icon", { icon: "external-link" }))))));
+    }
+}
+
+class OzonContentIntRefNode {
+    constructor() {
+        this.name = "IntRef";
+    }
+    render(node, { mapNodeToJsx, emitClick, begripResolver, urlResolver }) {
+        const ref = node.getAttribute("ref");
+        if (!ref) {
+            return mapNodeToJsx(node.childNodes);
+        }
+        const definitie = begripResolver?.(ref, node);
+        if (definitie) {
+            const definitieXMLDocument = typeof definitie === "string" ? parseXml(definitie) : definitie;
+            if (!definitieXMLDocument ||
+                definitieXMLDocument.documentElement.localName !== "Definitie" ||
+                !definitieXMLDocument.documentElement.hasChildNodes()) {
+                return mapNodeToJsx(node.childNodes);
+            }
+            return (h("dso-ozon-content-toggletip", null, h("span", { slot: "label" }, mapNodeToJsx(node.childNodes)), mapNodeToJsx(Array.from(definitieXMLDocument.documentElement.childNodes))));
+        }
+        const handleIntRefClick = (event) => {
+            emitClick({
+                type: "IntRef",
+                node,
+                originalEvent: event,
+                isModifiedEvent: isModifiedEvent(event),
+            });
+        };
+        const href = urlResolver ? urlResolver("IntRef", "ref", ref, node) : ref;
+        return (h("a", { href: href, onClick: handleIntRefClick }, mapNodeToJsx(node.childNodes)));
+    }
+}
+
+function mapData$1(node) {
+    return {
+        label: node.querySelector("Label"),
+        nummer: node.querySelector("Nummer"),
+        opschrift: node.querySelector("Opschrift"),
+        subtitels: Array.from(node.querySelectorAll("Subtitel")),
+    };
+}
+class OzonContentKopNode {
+    constructor() {
+        this.name = "Kop";
+        this.handles = ["Label", "Nummer", "Opschrift", "Subtitel"];
+    }
+    render(node, { mapNodeToJsx, emitClick }) {
+        const handleKopClick = (event) => {
+            emitClick({
+                type: "Kop",
+                node,
+                originalEvent: event,
+            });
+        };
+        const { label, nummer, opschrift, subtitels } = mapData$1(node);
+        const wijzigactieLabel = label ? parseWijzigactieFromNode(label) : undefined;
+        const wijzigactieNummer = nummer ? parseWijzigactieFromNode(nummer) : undefined;
+        const wijzigactieOpschrift = opschrift ? parseWijzigactieFromNode(opschrift) : undefined;
+        return (h(WrapWijzigactie, { wijzigactie: parseWijzigactieFromNode(node) }, h("div", { onClick: handleKopClick, part: "_kop", class: "kop" }, label && h(WrapWijzigactie, { wijzigactie: wijzigactieLabel }, mapNodeToJsx(label.childNodes)), nummer && (h(Fragment, null, " ", h(WrapWijzigactie, { wijzigactie: wijzigactieNummer }, mapNodeToJsx(nummer.childNodes)))), opschrift && (h(Fragment, null, " ", h(WrapWijzigactie, { wijzigactie: wijzigactieOpschrift }, mapNodeToJsx(opschrift.childNodes))))), subtitels.length > 0 && (h("div", { class: "subtitels-container", part: "_subtitels" }, subtitels.map((subtitel) => {
+            const wijzigactieSubtitel = parseWijzigactieFromNode(subtitel);
+            return (h("div", { class: "subtitel" }, h(WrapWijzigactie, { wijzigactie: wijzigactieSubtitel }, mapNodeToJsx(subtitel.childNodes))));
+        })))));
+    }
+}
+
+class OzonContentLijstNode {
+    constructor() {
+        this.name = "Lijst";
+    }
+    render(node, { mapNodeToJsx }) {
+        const wijzigactie = parseWijzigactieFromNode(node);
+        const childNodes = Array.from(node.childNodes);
+        const type = parseTypeFromLijstNode(node);
+        const aanhef = childNodes.find((n) => getNodeName(n) === "Lijstaanhef");
+        const sluiting = childNodes.find((n) => getNodeName(n) === "Lijstsluiting");
+        const listItems = childNodes.filter((n) => getNodeName(n) === "Li");
+        return (h(WrapWijzigactie, { wijzigactie: wijzigactie }, h("div", { class: clsx("dso-ozon-lijst od-Lijst", wijzigactieToClassName(wijzigactie)) }, aanhef && mapNodeToJsx(aanhef), h("ul", { class: type }, listItems.map((item) => {
+            const itemNodes = Array.from(item.childNodes);
+            const liNummer = itemNodes.find((n) => getNodeName(n) === "LiNummer")?.childNodes;
+            const liWijzigactie = parseWijzigactieFromNode(item);
+            return (h("li", { class: clsx("od-Li", wijzigactieToClassName(liWijzigactie)) }, liNummer && h("span", { class: "od-LiNummer" }, mapNodeToJsx(liNummer)), h(WrapWijzigactie, { wijzigactie: liWijzigactie }, mapNodeToJsx(itemNodes.filter((n) => getNodeName(n) !== "LiNummer")))));
+        })), sluiting && mapNodeToJsx(sluiting))));
+    }
+}
+function parseTypeFromLijstNode(node) {
+    const type = node instanceof Element ? node.getAttribute("type") : undefined;
+    return type === "expliciet" || type === "ongemarkeerd" ? type : undefined;
+}
+
+class OzonContentNieuweTekstNode {
+    constructor() {
+        this.name = "NieuweTekst";
+    }
+    render(node, { mapNodeToJsx }) {
+        return h("ins", { class: "new-text" }, mapNodeToJsx(node.childNodes));
+    }
+}
+
+class OzonContentNootNode {
+    constructor() {
+        this.name = "Noot";
+        this.handles = ["NootNummer"];
+    }
+    identify() {
+        return "Noot";
+    }
+    render(node, { mapNodeToJsx, state: openNoteId, setState }) {
+        const noteId = node.getAttribute("id");
+        if (!noteId) {
+            console.error("Noot node without id", node);
+            return h(Fragment, null);
+        }
+        const noteControlsId = `dso-ozon-note-${noteId}`;
+        const childNodes = Array.from(node.childNodes);
+        const nootNummer = childNodes.find((n) => getNodeName(n) === "NootNummer")?.textContent ?? noteId;
+        return (h(Fragment, null, h("sup", null, h("button", { type: "button", class: "toggle-note", "aria-describedby": noteControlsId, onClick: () => setState?.(openNoteId === noteId ? undefined : noteId), onBlur: () => setState?.(undefined), "aria-expanded": openNoteId === noteId ? "true" : "false" }, nootNummer)), h("dso-tooltip", { active: openNoteId === noteId, id: noteControlsId, stateless: true, descriptive: true }, h("span", { role: "section" }, mapNodeToJsx(Array.from(node.querySelectorAll(":scope > Al")))))));
+    }
+}
+
+function mapColspecs(count, nodeList) {
+    const elements = Array.from(nodeList);
+    const totalWidth = getTotalWidth(elements);
+    return {
+        totalWidth,
+        count,
+        columns: elements.map((element, index) => {
+            const colNumber = element.getAttribute("colnum");
+            return {
+                colsep: element.getAttribute("colsep"),
+                name: element.getAttribute("colname") ?? "",
+                number: colNumber ? parseInt(colNumber, 10) : index + 1,
+                rowsep: element.getAttribute("rowsep"),
+                width: getWidth(totalWidth, element),
+            };
+        }),
+    };
+}
+function getTotalWidth(elements) {
+    return elements.reduce((totalWidth, element) => {
+        const width = element.getAttribute("colwidth")?.replace(/[^0-9]/, "") ?? "";
+        const colWidth = parseInt(width, 10);
+        return totalWidth + (isNaN(colWidth) ? 0 : colWidth);
+    }, 0);
+}
+function getWidth(totalWidth, element) {
+    const width = element.getAttribute("colwidth");
+    if (!width) {
+        return undefined;
+    }
+    if (width === "*") {
+        return "100%";
+    }
+    if (width.includes("*") || width.match(/^[\d+]$/)) {
+        const colWidth = parseInt(width.replace(/[^0-9]/, ""), 10);
+        return `${Math.round((colWidth / totalWidth) * 100)}%`;
+    }
+    return width;
+}
+
+const Colgroup = ({ colspecs }) => colspecs.columns.length > 0 ? (h("colgroup", null, colspecs.columns.map((colspec) => (h("col", { style: { width: colspec.width } }))))) : (h(Fragment, null));
+
+function getColspecStartColsep({ columns }, nameStart) {
+    const colspecStart = columns.find((c) => c.name === nameStart);
+    return colspecStart ? colspecStart.colsep : null;
+}
+function getColspecStartRowsep({ columns }, nameStart) {
+    const colspecStart = columns.find((c) => c.name === nameStart);
+    return colspecStart ? colspecStart.rowsep : null;
+}
+function getData(cell, colspecs) {
+    const nameStart = cell.getAttribute("namest");
+    const row = cell.parentElement;
+    const tgroup = row?.parentElement?.parentElement;
+    const table = tgroup?.parentElement;
+    const colsep = cell.getAttribute("colsep") ||
+        (colspecs && nameStart ? getColspecStartColsep(colspecs, nameStart) : null) ||
+        (tgroup && tgroup.getAttribute("colsep")) ||
+        (table && table.getAttribute("colsep"));
+    const rowsep = cell.getAttribute("rowsep") ||
+        (row && row.getAttribute("rowsep")) ||
+        (colspecs && nameStart ? getColspecStartRowsep(colspecs, nameStart) : null) ||
+        (tgroup && tgroup.getAttribute("rowsep")) ||
+        (table && table.getAttribute("rowsep"));
+    return {
+        moreRows: cell.getAttribute("morerows"),
+        nameStart,
+        nameEnd: cell.getAttribute("nameend"),
+        colsep,
+        rowsep,
+    };
+}
+function getColspan({ columns }, nameStart, nameEnd) {
+    const colspecStart = columns.find((c) => c.name === nameStart);
+    const colspecEnd = columns.find((c) => c.name === nameEnd);
+    if (!colspecStart || !colspecEnd) {
+        return undefined;
+    }
+    const colspan = colspecEnd.number - colspecStart.number + 1;
+    return colspan === 1 ? undefined : colspan;
+}
+const Cell = ({ context: { mapNodeToJsx }, colspecs, cell, wijzigactie }) => {
+    const { moreRows, nameStart, nameEnd, colsep, rowsep } = getData(cell, colspecs);
+    return (h("td", { class: clsx({ "dso-horizontal-line": rowsep !== "0" }, { "dso-vertical-line": colsep !== "0" }, wijzigactieToClassName(wijzigactie)), rowSpan: moreRows ? parseInt(moreRows, 10) + 1 : undefined, colSpan: colspecs && nameStart && nameEnd ? getColspan(colspecs, nameStart, nameEnd) : undefined }, h(WrapWijzigactie, { wijzigactie: wijzigactie }, mapNodeToJsx(cell.childNodes))));
+};
+
+const Rows = ({ context, colspecs, rows }) => {
+    return (h(Fragment, null, rows.map((row) => (h("tr", null, Array.from(row.children).map((cell) => (h(Cell, { cell: cell, colspecs: colspecs, context: context, wijzigactie: parseWijzigactieFromNode(row) }))))))));
+};
+
+function mapData(node) {
+    const tgroup = node.querySelector(":scope > tgroup");
+    const colAttribute = tgroup?.getAttribute("cols") ?? undefined;
+    const columnCount = colAttribute ? parseInt(colAttribute, 10) : undefined;
+    return {
+        caption: node.querySelector(":scope > title")?.textContent ?? undefined,
+        colspecs: tgroup && columnCount ? mapColspecs(columnCount, tgroup.querySelectorAll(":scope > colspec")) : undefined,
+        headRows: Array.from(node.querySelectorAll(":scope > tgroup > thead > row")),
+        bodyRows: Array.from(node.querySelectorAll(":scope > tgroup > tbody > row")),
+        wijzigactie: node.getAttribute("wijzigactie"),
+        frame: node.getAttribute("frame") ? node.getAttribute("frame") : "all",
+    };
+}
+class OzonContentTableNode {
+    constructor() {
+        this.name = "table";
+        this.handles = ["title", "tgroup", "colspec", "thead", "tbody", "row", "cell"];
+        this.id = v4();
+    }
+    render(node, context) {
+        const { caption, colspecs, headRows, bodyRows, wijzigactie, frame } = mapData(node);
+        const bron = Array.from(node.childNodes).find((n) => getNodeName(n) === "Bron");
+        return (h("dso-table", null, h("table", { class: clsx("table", {
+                "editaction-add": wijzigactie === "voegtoe",
+                "editaction-remove": wijzigactie === "verwijder",
+                [`dso-table-outside-lines-${frame}`]: frame,
+            }), ...(bron ? { "aria-describedby": this.id } : {}) }, caption && h("caption", null, caption), colspecs && h(Colgroup, { colspecs: colspecs }), headRows.length > 0 && (h("thead", null, h(Rows, { rows: headRows, colspecs: colspecs, context: context }))), bodyRows.length > 0 && (h("tbody", null, h(Rows, { rows: bodyRows, colspecs: colspecs, context: context })))), bron && h("div", { id: this.id }, context.mapNodeToJsx(bron))));
+    }
+}
+
+class OzonContentTextNode {
+    constructor() {
+        this.name = "#text";
+    }
+    render({ textContent }, { mark, emitMarkItemHighlight }, ignoreMark) {
+        if (ignoreMark || !mark || !textContent) {
+            return h(Fragment, null, textContent);
+        }
+        return h(MarkText, { mark: mark, text: textContent, emitMarkItemHighlight: emitMarkItemHighlight });
+    }
+}
+
+class OzonContentVerwijderdeTekstNode {
+    constructor() {
+        this.name = "VerwijderdeTekst";
+    }
+    render(node, { mapNodeToJsx }) {
+        return h("del", { class: "removed-text" }, mapNodeToJsx(node.childNodes));
+    }
+}
+
+class Mapper {
+    constructor() {
+        this.mappers = [
+            new OzonContentAbbrNode(),
+            new OzonContentBegrippenlijstNode(),
+            new OzonContentBegripNode(),
+            new OzonContentTextNode(),
+            new OzonContentDocumentNode(),
+            new OzonContentInhoudNode(),
+            new OzonContentKopNode(),
+            new OzonContentIntRefNode(),
+            new OzonContentExtRefNode(),
+            new OzonContentAlNode(),
+            new OzonContentInlineNodes(),
+            new OzonContentInlineTekstAfbeeldingNode(),
+            new OzonContentNootNode(),
+            new OzonContentTableNode(),
+            new OzonContentIntIoRefNode(),
+            new OzonContentFiguurNode(),
+            new OzonContentLijstNode(),
+            new OzonContentBronNode(),
+            new OzonContentNieuweTekstNode(),
+            new OzonContentVerwijderdeTekstNode(),
+        ];
+        this.skip = this.mappers.reduce((t, m) => {
+            if (m.handles) {
+                t.push(...m.handles);
+            }
+            return t;
+        }, []);
+        this.fallbackNode = new OzonContentFallbackNode();
+    }
+    findMapper(name) {
+        if (this.skip.includes(name)) {
+            return undefined;
+        }
+        return (this.mappers.find((m) => {
+            if (Array.isArray(m.name)) {
+                return m.name.includes(name);
+            }
+            return m.name === name;
+        }) ?? this.fallbackNode);
+    }
+    mapNodeToJsx(node, context, path, ignoreMark) {
+        if (node instanceof NodeList) {
+            return h(Fragment, null, Array.from(node).map((n) => this.mapNodeToJsx(n, context, path, ignoreMark)));
+        }
+        if (Array.isArray(node)) {
+            return h(Fragment, null, node.map((n) => this.mapNodeToJsx(n, context, path, ignoreMark)));
+        }
+        const nodeName = getNodeName(node);
+        const mapper = this.findMapper(nodeName);
+        if (!mapper) {
+            return h(Fragment, null);
+        }
+        const identity = mapper.identify?.(node);
+        const state = identity ? context.state[identity] : undefined;
+        const setState = identity ? (s) => context.setState({ ...context.state, [identity]: s }) : undefined;
+        return mapper.render(node, {
+            inline: context.inline,
+            mark: context.mark,
+            mapNodeToJsx: (n, m) => this.mapNodeToJsx(n, context, [...path, node], m),
+            emitClick: context.emitClick,
+            setState,
+            emitMarkItemHighlight: context.emitMarkItemHighlight,
+            state,
+            path,
+            urlResolver: context.urlResolver,
+            begripResolver: context.begripResolver,
+            annotated: context.annotated,
+        }, ignoreMark);
+    }
+    transform(input, context) {
+        if (!input) {
+            return h(Fragment, null);
+        }
+        const doc = typeof input === "string" ? parseXml(input) : input;
+        if (!doc) {
+            return h(Fragment, null);
+        }
+        return this.mapNodeToJsx(doc.getRootNode(), context, []);
+    }
+}
+
+const ozonContentCss = () => `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; }  sup {   font-size: 0.65em;   line-height: 0;   position: relative;   inset-block-start: -0.5em;   vertical-align: baseline; } sup a {   text-decoration: none; } sup a:hover, sup a:focus-visible, sup a:active {   text-decoration: underline; }  sub {   inset-block-end: -0.25em;   font-size: 0.65em;   line-height: 0;   position: relative;   vertical-align: baseline; } sub a {   text-decoration: none; } sub a:hover, sub a:focus-visible, sub a:active {   text-decoration: underline; }  caption {   color: #666;   padding-block-end: 8px;   padding-block-start: 8px;   text-align: start; }  td, th {   padding: 0; }  th {   font-weight: 600;   text-align: start; }  table.table td:not(.plain-content) p, table.table th p {   margin-block: 0 var(--_dt-rich-content-margin-block, 16px);   margin-inline: 0; } table.table td:not(.plain-content) ul, table.table td:not(.plain-content) ol, table.table th ul, table.table th ol {   margin-block-end: 16px; } table.table td:not(.plain-content) ul:not(.list-group):not(.dso-link-list):not(.dso-columns-list), table.table td:not(.plain-content) ol:not(.list-group):not(.dso-link-list):not(.dso-columns-list), table.table th ul:not(.list-group):not(.dso-link-list):not(.dso-columns-list), table.table th ol:not(.list-group):not(.dso-link-list):not(.dso-columns-list) {   padding-inline-start: 24px; } table.table td:not(.plain-content) ul ul, table.table td:not(.plain-content) ul ol, table.table td:not(.plain-content) ol ul, table.table td:not(.plain-content) ol ol, table.table th ul ul, table.table th ul ol, table.table th ol ul, table.table th ol ol {   margin-block-end: 0; } table.table td:not(.plain-content) pre, table.table th pre {   margin-block: 0 16px;   margin-inline: 0; } table.table td:not(.plain-content) blockquote, table.table th blockquote {   padding-block: 16px;   padding-inline: 24px; } table.table td:not(.plain-content) dso-highlight-box, table.table td:not(.plain-content) .dso-highlight-box, table.table th dso-highlight-box, table.table th .dso-highlight-box {   margin-block-end: 24px; } table.table td:not(.plain-content) img, table.table th img {   block-size: auto;   max-inline-size: 100%; }  table.table, .dso-rich-content table {   margin-block-end: 24px;   max-inline-size: 100%;   inline-size: 100%; } table.table .dso-tertiary:not(dso-ozon-content-toggletip *), table.table dso-icon-button, .dso-rich-content table .dso-tertiary:not(dso-ozon-content-toggletip *), .dso-rich-content table dso-icon-button {   position: relative;   inset-block-start: -2px;   white-space: nowrap; } table.table.dso-text-left th, table.table.dso-text-left td, .dso-rich-content table.dso-text-left th, .dso-rich-content table.dso-text-left td {   text-align: start; } table.table.dso-text-center th, table.table.dso-text-center td, .dso-rich-content table.dso-text-center th, .dso-rich-content table.dso-text-center td {   text-align: center; } table.table.dso-text-right th, table.table.dso-text-right td, .dso-rich-content table.dso-text-right th, .dso-rich-content table.dso-text-right td {   text-align: end; } table.table.dso-table-vertical-lines > thead > tr > td, table.table.dso-table-vertical-lines > thead > tr > th, .dso-rich-content table.dso-table-vertical-lines > thead > tr > td, .dso-rich-content table.dso-table-vertical-lines > thead > tr > th {   border: 1px solid #666; } table.table.dso-table-vertical-lines > tbody > tr > td, table.table.dso-table-vertical-lines > tbody > tr > th, table.table.dso-table-vertical-lines > tfoot > tr > td, table.table.dso-table-vertical-lines > tfoot > tr > th, .dso-rich-content table.dso-table-vertical-lines > tbody > tr > td, .dso-rich-content table.dso-table-vertical-lines > tbody > tr > th, .dso-rich-content table.dso-table-vertical-lines > tfoot > tr > td, .dso-rich-content table.dso-table-vertical-lines > tfoot > tr > th {   border: 1px solid #ccc; } table.table.dso-table-vertical-lines > thead + tbody > tr:first-child > td, table.table.dso-table-vertical-lines > thead + tbody > tr:first-child > th, .dso-rich-content table.dso-table-vertical-lines > thead + tbody > tr:first-child > td, .dso-rich-content table.dso-table-vertical-lines > thead + tbody > tr:first-child > th {   border-block-start: 0; } table.table.dso-table-outside-lines-top, .dso-rich-content table.dso-table-outside-lines-top {   border-block-start: 1px solid #666; } table.table.dso-table-outside-lines-bottom, .dso-rich-content table.dso-table-outside-lines-bottom {   border-block-end: 1px solid #ccc; } table.table.dso-table-outside-lines-topbot, .dso-rich-content table.dso-table-outside-lines-topbot {   border-block-start: 1px solid #666;   border-block-end: 1px solid #ccc; } table.table.dso-table-outside-lines-all, .dso-rich-content table.dso-table-outside-lines-all {   border-block-start: 1px solid #666;   border-block-end: 1px solid #ccc; } table.table.dso-table-outside-lines-all thead, .dso-rich-content table.dso-table-outside-lines-all thead {   border-inline-start: 1px solid #666;   border-inline-end: 1px solid #666; } table.table.dso-table-outside-lines-all tbody, .dso-rich-content table.dso-table-outside-lines-all tbody {   border-inline-start: 1px solid #ccc;   border-inline-end: 1px solid #ccc; } table.table.dso-table-outside-lines-sides thead, .dso-rich-content table.dso-table-outside-lines-sides thead {   border-inline-start: 1px solid #666;   border-inline-end: 1px solid #666; } table.table.dso-table-outside-lines-sides tbody, .dso-rich-content table.dso-table-outside-lines-sides tbody {   border-inline-start: 1px solid #ccc;   border-inline-end: 1px solid #ccc; } table.table > thead > tr > td.dso-horizontal-line, table.table > thead > tr > th.dso-horizontal-line, .dso-rich-content table > thead > tr > td.dso-horizontal-line, .dso-rich-content table > thead > tr > th.dso-horizontal-line {   border-block-end: 1px solid #666; } table.table > thead > tr > td:not(:last-child).dso-vertical-line, table.table > thead > tr > th:not(:last-child).dso-vertical-line, .dso-rich-content table > thead > tr > td:not(:last-child).dso-vertical-line, .dso-rich-content table > thead > tr > th:not(:last-child).dso-vertical-line {   border-inline-end: 1px solid #666; } table.table > tbody > tr > td:not(:last-child).dso-vertical-line, table.table > tbody > tr > th:not(:last-child).dso-vertical-line, table.table > tfoot > tr > td:not(:last-child).dso-vertical-line, table.table > tfoot > tr > th:not(:last-child).dso-vertical-line, .dso-rich-content table > tbody > tr > td:not(:last-child).dso-vertical-line, .dso-rich-content table > tbody > tr > th:not(:last-child).dso-vertical-line, .dso-rich-content table > tfoot > tr > td:not(:last-child).dso-vertical-line, .dso-rich-content table > tfoot > tr > th:not(:last-child).dso-vertical-line {   border-inline-end: 1px solid #ccc; } table.table > tbody > tr:not(:last-child) > td.dso-horizontal-line, table.table > tbody > tr:not(:last-child) > th.dso-horizontal-line, table.table > tfoot > tr:not(:last-child) > td.dso-horizontal-line, table.table > tfoot > tr:not(:last-child) > th.dso-horizontal-line, .dso-rich-content table > tbody > tr:not(:last-child) > td.dso-horizontal-line, .dso-rich-content table > tbody > tr:not(:last-child) > th.dso-horizontal-line, .dso-rich-content table > tfoot > tr:not(:last-child) > td.dso-horizontal-line, .dso-rich-content table > tfoot > tr:not(:last-child) > th.dso-horizontal-line {   border-block-end: 1px solid #ccc; } table.table th.dso-text-left, table.table td.dso-text-left, .dso-rich-content table th.dso-text-left, .dso-rich-content table td.dso-text-left {   text-align: start; } table.table th.dso-text-center, table.table td.dso-text-center, .dso-rich-content table th.dso-text-center, .dso-rich-content table td.dso-text-center {   text-align: center; } table.table th.dso-text-right, table.table td.dso-text-right, .dso-rich-content table th.dso-text-right, .dso-rich-content table td.dso-text-right {   text-align: end; } table.table > thead > tr > th, table.table > thead > tr > td, table.table > tbody > tr > th, table.table > tbody > tr > td, table.table > tfoot > tr > th, table.table > tfoot > tr > td, .dso-rich-content table > thead > tr > th, .dso-rich-content table > thead > tr > td, .dso-rich-content table > tbody > tr > th, .dso-rich-content table > tbody > tr > td, .dso-rich-content table > tfoot > tr > th, .dso-rich-content table > tfoot > tr > td {   line-height: 1.5;   padding-block: 12px;   padding-inline: 8px;   vertical-align: top; } table.table > thead > tr > th a, table.table > thead > tr > td a, table.table > tbody > tr > th a, table.table > tbody > tr > td a, table.table > tfoot > tr > th a, table.table > tfoot > tr > td a, .dso-rich-content table > thead > tr > th a, .dso-rich-content table > thead > tr > td a, .dso-rich-content table > tbody > tr > th a, .dso-rich-content table > tbody > tr > td a, .dso-rich-content table > tfoot > tr > th a, .dso-rich-content table > tfoot > tr > td a {   text-decoration: underline; } table.table:not([class*=dso-table-outside-lines]) > thead > tr > td, table.table:not([class*=dso-table-outside-lines]) > thead > tr > th, .dso-rich-content table:not([class*=dso-table-outside-lines]) > thead > tr > td, .dso-rich-content table:not([class*=dso-table-outside-lines]) > thead > tr > th {   border-block-end: 1px solid #666; } table.table:not([class*=dso-table-outside-lines]) > tbody > tr > td, table.table:not([class*=dso-table-outside-lines]) > tbody > tr > th, table.table:not([class*=dso-table-outside-lines]) > tfoot > tr > td, table.table:not([class*=dso-table-outside-lines]) > tfoot > tr > th, .dso-rich-content table:not([class*=dso-table-outside-lines]) > tbody > tr > td, .dso-rich-content table:not([class*=dso-table-outside-lines]) > tbody > tr > th, .dso-rich-content table:not([class*=dso-table-outside-lines]) > tfoot > tr > td, .dso-rich-content table:not([class*=dso-table-outside-lines]) > tfoot > tr > th {   border-block-end: 1px solid #ccc; } table.table > tbody + tbody, .dso-rich-content table > tbody + tbody {   border-block-start: 2px solid #ccc; } table.table .table, .dso-rich-content table .table {   background-color: #fff; } table.table > tbody > tr.result-error td, .dso-rich-content table > tbody > tr.result-error td {   font-style: italic; } table.table > thead > tr > th, .dso-rich-content table > thead > tr > th {   vertical-align: bottom; } table.table > thead > tr > th .dso-primary.dso-sort, table.table > thead > tr > th .dso-secondary.dso-sort, table.table > thead > tr > th .dso-tertiary.dso-sort, .dso-rich-content table > thead > tr > th .dso-primary.dso-sort, .dso-rich-content table > thead > tr > th .dso-secondary.dso-sort, .dso-rich-content table > thead > tr > th .dso-tertiary.dso-sort {   color: #191919;   font-weight: 600; } table.table > thead > tr > th .dso-primary.dso-sort dso-icon, table.table > thead > tr > th .dso-secondary.dso-sort dso-icon, table.table > thead > tr > th .dso-tertiary.dso-sort dso-icon, .dso-rich-content table > thead > tr > th .dso-primary.dso-sort dso-icon, .dso-rich-content table > thead > tr > th .dso-secondary.dso-sort dso-icon, .dso-rich-content table > thead > tr > th .dso-tertiary.dso-sort dso-icon {   color: #666; } table.table > thead > tr > th .dso-primary.dso-sort dso-icon.dso-sort-active, table.table > thead > tr > th .dso-secondary.dso-sort dso-icon.dso-sort-active, table.table > thead > tr > th .dso-tertiary.dso-sort dso-icon.dso-sort-active, .dso-rich-content table > thead > tr > th .dso-primary.dso-sort dso-icon.dso-sort-active, .dso-rich-content table > thead > tr > th .dso-secondary.dso-sort dso-icon.dso-sort-active, .dso-rich-content table > thead > tr > th .dso-tertiary.dso-sort dso-icon.dso-sort-active {   color: #191919; }  .table-hover > tbody > tr:hover {   background-color: #f2f2f2; }  table col[class*=col-] {   display: table-column;   float: none;   position: static; }  table {   background-color: transparent;   border-collapse: collapse;   border-spacing: 0; } table td[class*=col-], table th[class*=col-] {   display: table-cell;   float: none;   position: static; }  .dso-rich-content table > thead > tr > td.active, .dso-rich-content table > thead > tr > th.active, .dso-rich-content table > thead > tr.active > td, .dso-rich-content table > thead > tr.active > th, .dso-rich-content table > tbody > tr > td.active, .dso-rich-content table > tbody > tr > th.active, .dso-rich-content table > tbody > tr.active > td, .dso-rich-content table > tbody > tr.active > th, .dso-rich-content table > tfoot > tr > td.active, .dso-rich-content table > tfoot > tr > th.active, .dso-rich-content table > tfoot > tr.active > td, .dso-rich-content table > tfoot > tr.active > th, .table > thead > tr > td.active, .table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th {   background-color: #f2f2f2; }  .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th {   background-color: #f2f2f2; } .table-hover > tbody > tr:hover > th, .table-hover > tbody > tr:hover > td {   background-color: #f2f2f2; } .table-hover > tbody > tr:hover > th a, .table-hover > tbody > tr:hover > td a {   color: #191919; } .table-hover > tbody > tr:hover > th a:hover, .table-hover > tbody > tr:hover > td a:hover {   text-decoration: none; }  .table > tbody > tr.active > th, .table > tbody > tr.active > td {   background-color: #f2f2f2; } .table > tbody > tr.active > th a, .table > tbody > tr.active > td a {   color: #191919; } .table > tbody > tr.active > th a:hover, .table > tbody > tr.active > td a:hover {   text-decoration: none; }  .dso-table-responsive, .dso-table-scroll-container {   min-block-size: 0.01%;   overflow-x: auto;   position: relative; }  .dso-table-scroll-container {   -ms-overflow-style: -ms-autohiding-scrollbar;   border: 1px solid #ccc;   margin-block-end: 0;   overflow-y: hidden;   inline-size: 100%; } .dso-table-scroll-container::before {   content: "beweeg de tabel van links naar rechts";   display: block;   font-size: 0.8em;   margin-block-end: 8px;   position: relative;   text-align: center; } .dso-table-scroll-container > .table {   margin-block-end: 0; } .dso-table-scroll-container > .table > thead > tr > th, .dso-table-scroll-container > .table > thead > tr > td, .dso-table-scroll-container > .table > tbody > tr > th, .dso-table-scroll-container > .table > tbody > tr > td, .dso-table-scroll-container > .table > tfoot > tr > th, .dso-table-scroll-container > .table > tfoot > tr > td {   white-space: nowrap; }  @media screen and (max-width: 767px) {   .dso-table-responsive {     -ms-overflow-style: -ms-autohiding-scrollbar;     border: 1px solid #ccc;     margin-block-end: 0;     overflow-y: hidden;     inline-size: 100%;   }   .dso-table-responsive::before {     content: "beweeg de tabel van links naar rechts";     display: block;     font-size: 0.8em;     margin-block-end: 8px;     position: relative;     text-align: center;   }   .dso-table-responsive > .table {     margin-block-end: 0;   }   .dso-table-responsive > .table > thead > tr > th,   .dso-table-responsive > .table > thead > tr > td,   .dso-table-responsive > .table > tbody > tr > th,   .dso-table-responsive > .table > tbody > tr > td,   .dso-table-responsive > .table > tfoot > tr > th,   .dso-table-responsive > .table > tfoot > tr > td {     white-space: nowrap;   } }  .dso-table-filter-wrapper .dso-search-bar {   margin-block-end: 16px;   inline-size: 288px; }  dso-table table.table {   margin-block-end: 0; }  dso-table.dso-is-responsive {   margin-block-end: 0; } dso-table.dso-is-responsive > .table > thead > tr > th, dso-table.dso-is-responsive > .table > thead > tr > td, dso-table.dso-is-responsive > .table > tbody > tr > th, dso-table.dso-is-responsive > .table > tbody > tr > td, dso-table.dso-is-responsive > .table > tfoot > tr > th, dso-table.dso-is-responsive > .table > tfoot > tr > td {   white-space: nowrap; }  dso-icon-button + dso-icon-button {   margin-inline-start: 16px; }  :host(:not([inline])) {   display: block; }  :host([inline]) {   display: inline; }  button.toggle-note {   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; } button.toggle-note:focus, button.toggle-note:focus-visible {   outline-offset: 2px; } button.toggle-note:active {   outline: 0; } button.toggle-note {   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; } button.toggle-note:focus, button.toggle-note:focus-visible {   outline-offset: 2px; } button.toggle-note:active {   outline: 0; } button.toggle-note {   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; } button.toggle-note: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); } button.toggle-note: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); } button.toggle-note[disabled], button.toggle-note[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); } button.toggle-note.dso-small {   line-height: 1rem; } button.toggle-note.dso-small dso-icon, button.toggle-note.dso-small.extern::after, button.toggle-note.dso-small.download::after, button.toggle-note.dso-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } button.toggle-note.dso-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } button.toggle-note.dso-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } button.toggle-note.dso-extra-small {   line-height: 1rem; } button.toggle-note.dso-extra-small dso-icon, button.toggle-note.dso-extra-small.extern::after, button.toggle-note.dso-extra-small.download::after, button.toggle-note.dso-extra-small.dso-spinner::before {   margin-block-end: -4px;   margin-block-start: -4px; } button.toggle-note.dso-extra-small.dso-spinner-left::before {   block-size: 16px;   inline-size: 16px; } button.toggle-note.dso-extra-small.dso-spinner-right::after {   block-size: 16px;   inline-size: 16px; } button.toggle-note.dso-extra-small {   padding-block: 9px; } button.toggle-note dso-icon:has(+ span:not(.sr-only)) {   margin-inline-start: -8px; } button.toggle-note span:not(.sr-only) + dso-icon {   margin-inline-start: 8px;   margin-inline-end: -8px; } button.toggle-note dso-icon + span:not(.sr-only) {   margin-inline-start: 8px; } button.toggle-note {   border: 0;   line-height: 1;   padding: 0;   background-color: transparent; } button.toggle-note[disabled].dso-spinner-left, button.toggle-note[disabled].dso-spinner-right {   color: #39870c; } button.toggle-note:not([disabled]):hover {   text-decoration: underline;   text-underline-position: under; } button.toggle-note.dso-align {   line-height: calc(1.5em - 1px);   padding-block: 11px;   padding-inline: 0;   position: relative; } button.toggle-note.dso-truncate {   max-inline-size: 100%;   overflow: hidden;   text-overflow: ellipsis;   white-space: nowrap; } button.toggle-note.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; } button.toggle-note.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; } button.toggle-note dso-icon + span:not(.sr-only), button.toggle-note span:not(.sr-only) + dso-icon {   margin-inline-start: 8px; } button.toggle-note dso-icon[icon=chevron-left] + span:not(.sr-only), button.toggle-note dso-icon[icon=chevron-right] + span:not(.sr-only), button.toggle-note span:not(.sr-only) + dso-icon[icon=chevron-left], button.toggle-note span:not(.sr-only) + dso-icon[icon=chevron-right] {   margin-inline-start: 0; } button.toggle-note dso-icon, button.toggle-note span {   vertical-align: middle; }  span[role=section], span[role=paragraph] {   display: block; }  span[role=paragraph] {   margin-block: var(--_dt-span-role-paragraph-margin-block, 0); } span[role=paragraph] + span[role=paragraph] {   margin-block: var(--_dt-span-role-paragraph-margin-block, 16px 0); } span[role=paragraph] + span[role=paragraph] .dso-tertiary {   margin-block-start: -3px; }  :host(:not([inline])) .fallback {   display: block; }  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); }  .od-Term {   font-weight: 700; }  .od-Definitie, .od-Tussenkop {   font-style: italic; }  .od-Inhoud, .od-Inhoud > .od-Lijst, .od-Lidnr, .od-LiNr, .od-Opschrift, .od-Tussenkop {   display: inline; }  .od-Al {   margin-block-end: 0.75em; }  .dso-ozon-bron {   font-style: italic;   font-size: 0.75rem; }  .dso-ozon-figuur {   text-align: var(--_dso-ozon-content-illustratie-uitlijning);   margin-block-end: 8px; } .dso-ozon-figuur .figuur-bijschrift {   display: block;   font-size: 0.75rem;   font-style: italic; } .dso-ozon-figuur.bijschrift-boven .figuur-bijschrift {   padding-block-end: 0.25rem; } .dso-ozon-figuur.bijschrift-onder .figuur-bijschrift {   padding-block-start: 0.25rem; } .dso-ozon-figuur .figuur-titel {   color: #8b4a6a;   display: block;   font-weight: 500;   padding-block-end: 0.5rem; } .dso-ozon-figuur > dso-image-overlay {   inline-size: var(--_dso-ozon-content-illustratie-width);   block-size: auto;   max-block-size: 200vh;   aspect-ratio: var(--_dso-ozon-content-illustratie-aspect-ratio); } .dso-ozon-figuur > dso-image-overlay img {   block-size: 100%;   inline-size: 100%; }  .dso-ozon-lijst span.od-Lijstaanhef, .dso-ozon-lijst span.od-Lijstsluiting {   margin-block-end: 8px; } .dso-ozon-lijst ul {   margin-block-end: 8px !important;   margin-block-start: 8px; } .dso-ozon-lijst ul p {   margin-block-end: 8px; } .dso-ozon-lijst ul.expliciet {   list-style: none; } .dso-ozon-lijst ul.expliciet > .od-Li {   position: relative; } .dso-ozon-lijst ul.expliciet > .od-Li > span.od-LiNummer {   position: absolute;   inset-inline-start: -44px;   text-align: end;   inline-size: 40px; } .dso-ozon-lijst p {   margin: 0; }  .od-Tabel thead {   font-weight: 600; }  .od-Kadertekst {   border: 1px solid #e5e5e5;   margin-block-end: 8px;   padding: 8px; }  p.editaction-add, span[role=paragraph].editaction-add, .dso-ozon-lijst.editaction-add, .dso-ozon-lijst > ul > li.editaction-add, table.editaction-add {   --_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; } p.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), span[role=paragraph].editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), .dso-ozon-lijst.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), .dso-ozon-lijst > ul > li.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), table.editaction-add 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")); } p.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), span[role=paragraph].editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), .dso-ozon-lijst.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), .dso-ozon-lijst > ul > li.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), table.editaction-add 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")); } p.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible), span[role=paragraph].editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible), .dso-ozon-lijst.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible), .dso-ozon-lijst > ul > li.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible), table.editaction-add 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")); } p.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible), span[role=paragraph].editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible), .dso-ozon-lijst.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible), .dso-ozon-lijst > ul > li.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible), table.editaction-add 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")); } p.editaction-add, span[role=paragraph].editaction-add, .dso-ozon-lijst.editaction-add, .dso-ozon-lijst > ul > li.editaction-add, table.editaction-add {   --_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; } p.editaction-remove, span[role=paragraph].editaction-remove, .dso-ozon-lijst.editaction-remove, .dso-ozon-lijst > ul > li.editaction-remove, table.editaction-remove {   --_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; } p.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), span[role=paragraph].editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), .dso-ozon-lijst.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), .dso-ozon-lijst > ul > li.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible), table.editaction-remove 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")); } p.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), span[role=paragraph].editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), .dso-ozon-lijst.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), .dso-ozon-lijst > ul > li.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible), table.editaction-remove 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")); } p.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible), span[role=paragraph].editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible), .dso-ozon-lijst.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible), .dso-ozon-lijst > ul > li.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="tel:"], [href^="tel:"]:hover, [href^="tel:"]:focus-visible), table.editaction-remove 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")); } p.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible), span[role=paragraph].editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible), .dso-ozon-lijst.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible), .dso-ozon-lijst > ul > li.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^="mailto:"], [href^="mailto:"]:hover, [href^="mailto:"]:focus-visible), table.editaction-remove 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")); } p.editaction-remove, span[role=paragraph].editaction-remove, .dso-ozon-lijst.editaction-remove, .dso-ozon-lijst > ul > li.editaction-remove, table.editaction-remove {   --_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) {   p.editaction-remove,   span[role=paragraph].editaction-remove,   .dso-ozon-lijst.editaction-remove,   .dso-ozon-lijst > ul > li.editaction-remove,   table.editaction-remove {     font-family: sans-serif;   } }  ins {   text-decoration: none; } ins.new-text {   --_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; } ins.new-text 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")); } ins.new-text 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")); } ins.new-text 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")); } ins.new-text 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")); } ins.new-text {   --_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; } ins.editaction-add {   display: inline-block;   margin-block-end: 8px;   padding: 8px;   --_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; } ins.editaction-add 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")); } ins.editaction-add 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")); } ins.editaction-add 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")); } ins.editaction-add 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")); } ins.editaction-add {   --_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; } ins.editaction-add p:last-child {   margin: 0; }  del.removed-text {   --_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; } del.removed-text 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")); } del.removed-text 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")); } del.removed-text 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")); } del.removed-text 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")); } del.removed-text {   --_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) {   del.removed-text {     font-family: sans-serif;   } } del.editaction-remove {   display: inline-block;   margin-block-end: 8px;   padding: 8px;   --_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; } del.editaction-remove 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")); } del.editaction-remove 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")); } del.editaction-remove 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")); } del.editaction-remove 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")); } del.editaction-remove {   --_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) {   del.editaction-remove {     font-family: sans-serif;   } } del.editaction-remove p:last-child {   margin: 0; }  .editaction-label {   font-style: italic; }  .dso-rich-content p {   margin-block: 0 var(--_dt-rich-content-margin-block, 16px);   margin-inline: 0; } .dso-rich-content ul, .dso-rich-content ol {   margin-block-end: 16px; } .dso-rich-content ul:not(.list-group):not(.dso-link-list):not(.dso-columns-list), .dso-rich-content ol:not(.list-group):not(.dso-link-list):not(.dso-columns-list) {   padding-inline-start: 24px; } .dso-rich-content ul ul, .dso-rich-content ul ol, .dso-rich-content ol ul, .dso-rich-content ol ol {   margin-block-end: 0; } .dso-rich-content pre {   margin-block: 0 16px;   margin-inline: 0; } .dso-rich-content blockquote {   padding-block: 16px;   padding-inline: 24px; } .dso-rich-content dso-highlight-box, .dso-rich-content .dso-highlight-box {   margin-block-end: 24px; } .dso-rich-content img {   block-size: auto;   max-inline-size: 100%; }  .od-abbr {   text-decoration: underline dotted; }  .subtitels-container {   cursor: default; }  .subtitel {   color: #527a5e;   font-weight: 700;   margin-block: 0 16px;   margin-inline: 0; } .subtitel:has(del, ins) {   display: inline-block;   inline-size: 100%;   margin-inline: -4px;   padding-inline: 4px; } .subtitel:has(del:not(.removed-text)) {   --_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; } .subtitel:has(del:not(.removed-text)) 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")); } .subtitel:has(del:not(.removed-text)) 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")); } .subtitel:has(del:not(.removed-text)) 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")); } .subtitel:has(del:not(.removed-text)) 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")); } .subtitel:has(del:not(.removed-text)) {   --_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) {   .subtitel:has(del:not(.removed-text)) {     font-family: sans-serif;   } } .subtitel:has(ins:not(.new-text)) {   text-decoration: none;   --_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; } .subtitel:has(ins:not(.new-text)) 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")); } .subtitel:has(ins:not(.new-text)) 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")); } .subtitel:has(ins:not(.new-text)) 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")); } .subtitel:has(ins:not(.new-text)) 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")); } .subtitel:has(ins:not(.new-text)) {   --_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; } .subtitel ins, .subtitel del {   color: #173521; }  td.editaction-remove {   --_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; } td.editaction-remove 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")); } td.editaction-remove 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")); } td.editaction-remove 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")); } td.editaction-remove 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")); } td.editaction-remove {   --_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) {   td.editaction-remove {     font-family: sans-serif;   } } td.editaction-add {   --_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; } td.editaction-add 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")); } td.editaction-add 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")); } td.editaction-add 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")); } td.editaction-add 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")); } td.editaction-add {   --_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; }  .begrippenlijst .editaction-add {   --_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; } .begrippenlijst .editaction-add 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")); } .begrippenlijst .editaction-add 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")); } .begrippenlijst .editaction-add 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")); } .begrippenlijst .editaction-add 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")); } .begrippenlijst .editaction-add {   --_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; } .begrippenlijst .editaction-remove {   --_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; } .begrippenlijst .editaction-remove 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")); } .begrippenlijst .editaction-remove 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")); } .begrippenlijst .editaction-remove 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")); } .begrippenlijst .editaction-remove 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")); } .begrippenlijst .editaction-remove {   --_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) {   .begrippenlijst .editaction-remove {     font-family: sans-serif;   } } .begrippenlijst .editaction-remove dt, .begrippenlijst .editaction-remove dd {   text-decoration: line-through;   --_dso-ozon-content-toggletip-text-decoration: underline line-through; } @media screen and (min--moz-device-pixel-ratio: 0) {   .begrippenlijst .editaction-remove dt,   .begrippenlijst .editaction-remove dd {     font-family: sans-serif;   } } .begrippenlijst dt {   display: inline-block; }  .kop ins {   text-decoration: none;   --_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; } .kop ins 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")); } .kop ins 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")); } .kop ins 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")); } .kop ins 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")); } .kop ins {   --_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; } .kop del {   --_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; } .kop del 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")); } .kop del 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")); } .kop del 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")); } .kop del 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")); } .kop del {   --_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) {   .kop del {     font-family: sans-serif;   } }`;
+
+const mapper = new Mapper();
+const OzonContent = /*@__PURE__*/ proxyCustomElement(class OzonContent extends H {
+    constructor(registerHost) {
+        super();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        this.__attachShadow();
+        this.dsoClick = createEvent(this, "dsoClick", 3);
+        this.dsoOzonContentMarkItemHighlight = createEvent(this, "dsoOzonContentMarkItemHighlight", 3);
+        /**
+         * Setting this property creates dso-ozon-content as inline element instead of a block element.
+         */
+        this.inline = false;
+        /**
+         * Boolean indicating that this dso-ozon-content is part of an annotated context. If true the content of the
+         * toggletip for "IntIoRef" will show a "Kenmerken en kaart" annotation button.
+         */
+        this.annotated = false;
+        this.state = {};
+        this.handleMarkItemHighlight = (text, elementRef) => {
+            this.dsoOzonContentMarkItemHighlight.emit({ text, elementRef });
+        };
+    }
+    contentWatcher() {
+        this.state = {};
+    }
+    render() {
+        const context = {
+            state: this.state,
+            inline: this.inline,
+            mark: this.mark,
+            setState: (state) => (this.state = state),
+            emitMarkItemHighlight: this.handleMarkItemHighlight,
+            emitClick: this.dsoClick.emit,
+            urlResolver: this.urlResolver,
+            begripResolver: this.begripResolver,
+            annotated: this.annotated,
+        };
+        const transformed = mapper.transform(this.content, context);
+        return h(Fragment, { key: '4b405ae93d878a31c8d4d5e0458db8db44ac8b21' }, transformed);
+    }
+    static get watchers() { return {
+        "content": [{
+                "contentWatcher": 0
+            }]
+    }; }
+    static get style() { return ozonContentCss(); }
+}, [1, "dso-ozon-content", {
+        "content": [1],
+        "inline": [516],
+        "mark": [16],
+        "urlResolver": [16],
+        "begripResolver": [16],
+        "annotated": [516],
+        "state": [32]
+    }, undefined, {
+        "content": [{
+                "contentWatcher": 0
+            }]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["dso-ozon-content", "dso-icon", "dso-icon-button", "dso-image-overlay", "dso-ozon-content-toggletip", "dso-table", "dso-tooltip"];
+    components.forEach(tagName => { switch (tagName) {
+        case "dso-ozon-content":
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), OzonContent);
+            }
+            break;
+        case "dso-icon":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$6();
+            }
+            break;
+        case "dso-icon-button":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$5();
+            }
+            break;
+        case "dso-image-overlay":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$4();
+            }
+            break;
+        case "dso-ozon-content-toggletip":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$3();
+            }
+            break;
+        case "dso-table":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$2();
+            }
+            break;
+        case "dso-tooltip":
+            if (!customElements.get(transformTag(tagName))) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+
+export { MarkText as M, OzonContent as O, parseWijzigactieFromNode as a, commonjsGlobal as c, defineCustomElement as d, getDefaultExportFromCjs as g, parseXml as p };