@dso-toolkit/core 74.0.0 → 75.0.0

package/dist/bundle/p-Cs3phD9i.js

@@ -0,0 +1,1162 @@
+import { h, F as Fragment, p as proxyCustomElement, H, e as createEvent } from './p-DHO_Za64.js';
+import { c as commonjsGlobal, g as getDefaultExportFromCjs } from './p-BxvZeNWe.js';
+import { c as clsx } from './p-ChV9xqsO.js';
+import { v as v4 } from './p-BF0_OXTe.js';
+import { d as defineCustomElement$4 } from './p-DTtP46RI.js';
+import { d as defineCustomElement$3 } from './p-YrsDWjn_.js';
+import { d as defineCustomElement$2 } from './p-DIok-wvi.js';
+import { d as defineCustomElement$1 } from './p-BN2fD3ZU.js';
+
+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 parseWijzigactieFromNode(node) {
+    const wijzigactie = node instanceof Element ? node.getAttribute("wijzigactie") : undefined;
+    return wijzigactie === "voegtoe" || wijzigactie === "verwijder" ? wijzigactie : undefined;
+}
+
+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);
+    }
+}
+
+class OzonContentBronNode {
+    constructor() {
+        this.name = "Bron";
+    }
+    render(node, { mapNodeToJsx }) {
+        return h("span", { class: "dso-ozon-bron" }, mapNodeToJsx(node.childNodes));
+    }
+}
+
+class OzonContentDocumentNode {
+    constructor() {
+        this.name = "#document";
+    }
+    render(node, { mapNodeToJsx }) {
+        return h(Fragment, null, mapNodeToJsx(node.childNodes));
+    }
+}
+
+/**
+ * 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 value = node.getAttribute("ref");
+        const name = node.tagName === "ExtRef" ? "ExtRef" : "ExtIoRef";
+        const href = urlResolver ? urlResolver(name, "ref", value, node) : value;
+        return (h("a", { target: "_blank", rel: "noopener noreferrer", href: href !== null && href !== void 0 ? 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 }) {
+        return h("span", { class: `fallback od-${getNodeName(node)}` }, mapNodeToJsx(node.childNodes));
+    }
+}
+
+const Bijschrift = ({ bijschrift, bron, mapNodeToJsx }) => {
+    return (h("span", { class: "figuur-bijschrift" },
+        bijschrift && bijschrift.inhoud && mapNodeToJsx(bijschrift.inhoud),
+        bron && (h(Fragment, null,
+            `${bijschrift ? " " : ""}(bron: `,
+            mapNodeToJsx(bron),
+            ")"))));
+};
+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) {
+        var _a, _b, _c;
+        return {
+            naam: (_a = node.getAttribute("naam")) !== null && _a !== void 0 ? _a : "",
+            breedte: Number(node.getAttribute("breedte")),
+            hoogte: Number(node.getAttribute("hoogte")),
+            dpi: Number(node.getAttribute("dpi")),
+            uitlijning: (_b = ["start", "center", "end"].find((u) => node.getAttribute("uitlijning") === u)) !== null && _b !== void 0 ? _b : "start",
+            alt: (_c = node.getAttribute("alt")) !== null && _c !== void 0 ? _c : undefined,
+        };
+    }
+    render(node, { mapNodeToJsx, urlResolver }) {
+        var _a, _b, _c, _d, _e;
+        const childNodes = Array.from(node.childNodes);
+        const titel = (_a = childNodes.find((n) => getNodeName(n) === "Titel")) === null || _a === void 0 ? void 0 : _a.textContent;
+        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: (_b = bijschriftNode.getAttribute("locatie")) !== null && _b !== void 0 ? _b : "onder",
+                }
+                : undefined;
+            const src = urlResolver ? 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" }, titel),
+                (bijschrift === null || bijschrift === void 0 ? void 0 : 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, titel))),
+                    h("img", { src: src !== null && src !== void 0 ? src : undefined, alt: (_e = (_d = (_c = illustratie.alt) !== null && _c !== void 0 ? _c : titel) !== null && _d !== void 0 ? _d : illustratie.naam) !== null && _e !== void 0 ? _e : undefined }),
+                    (bijschrift || bron) && (h("div", { slot: "bijschrift" },
+                        h(Bijschrift, { bijschrift: bijschrift, bron: bron, mapNodeToJsx: mapNodeToJsx })))),
+                ((bijschrift === null || bijschrift === void 0 ? void 0 : 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 }) {
+        var _a, _b, _c;
+        const value = node.getAttribute("naam");
+        const name = node.tagName === "InlineTekstAfbeelding" ? "InlineTekstAfbeelding" : "Illustratie";
+        const src = urlResolver ? urlResolver(name, "naam", value, node) : value;
+        return (h("img", { src: src !== null && src !== void 0 ? src : undefined, alt: (_a = node.getAttribute("naam")) !== null && _a !== void 0 ? _a : undefined, height: (_b = node.getAttribute("hoogte")) !== null && _b !== void 0 ? _b : undefined, width: (_c = node.getAttribute("breedte")) !== null && _c !== void 0 ? _c : 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, emitAnchorClick }) {
+        const ref = node.getAttribute("ref");
+        if (!ref) {
+            return mapNodeToJsx(node.childNodes);
+        }
+        const intRefOnClick = (event) => {
+            event.preventDefault();
+            const target = event.currentTarget;
+            if (!(target instanceof HTMLAnchorElement)) {
+                return;
+            }
+            const { href } = target;
+            emitAnchorClick({
+                node: this.name,
+                href,
+                documentComponent: ref,
+                originalEvent: event,
+            });
+        };
+        return (h("a", { href: `#${ref}`, onClick: intRefOnClick }, mapNodeToJsx(node.childNodes)));
+    }
+}
+
+class OzonContentIntRefNode {
+    constructor() {
+        this.name = "IntRef";
+    }
+    render(node, { mapNodeToJsx, emitAnchorClick }) {
+        const ref = node.getAttribute("ref");
+        if (!ref) {
+            return mapNodeToJsx(node.childNodes);
+        }
+        const intRefOnClick = (event) => {
+            event.preventDefault();
+            const target = event.currentTarget;
+            if (!(target instanceof HTMLAnchorElement)) {
+                return;
+            }
+            const { href } = target;
+            emitAnchorClick({
+                node: this.name,
+                href,
+                documentComponent: ref,
+                originalEvent: event,
+            });
+        };
+        return (h("a", { href: `#${ref}`, onClick: intRefOnClick }, mapNodeToJsx(node.childNodes)));
+    }
+}
+
+class OzonContentKopNode {
+    constructor() {
+        this.name = ["Opschrift", "Label", "Nummer", "Kop"];
+    }
+    render(node, { mapNodeToJsx }) {
+        let content = mapNodeToJsx(node.childNodes);
+        const wijzigactie = node.getAttribute("wijzigactie");
+        if (wijzigactie === "voegtoe") {
+            content = h("ins", { class: "new-text" }, content);
+        }
+        else if (wijzigactie === "verwijder") {
+            content = h("del", { class: "removed-text" }, content);
+        }
+        return (h(Fragment, null,
+            (node.tagName === "Nummer" || node.tagName === "Opschrift") && " ",
+            content));
+    }
+}
+
+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) => {
+                    var _a;
+                    const itemNodes = Array.from(item.childNodes);
+                    const liNummer = (_a = itemNodes.find((n) => getNodeName(n) === "LiNummer")) === null || _a === void 0 ? void 0 : _a.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 }) {
+        var _a, _b;
+        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 = (_b = (_a = childNodes.find((n) => getNodeName(n) === "NootNummer")) === null || _a === void 0 ? void 0 : _a.textContent) !== null && _b !== void 0 ? _b : noteId;
+        return (h(Fragment, null,
+            h("sup", null,
+                h("button", { type: "button", class: "toggle-note", "aria-describedby": noteControlsId, onClick: () => setState === null || setState === void 0 ? void 0 : setState(openNoteId === noteId ? undefined : noteId), onBlur: () => setState === null || setState === void 0 ? void 0 : 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) => {
+            var _a;
+            const colNumber = element.getAttribute("colnum");
+            return {
+                colsep: element.getAttribute("colsep"),
+                name: (_a = element.getAttribute("colname")) !== null && _a !== void 0 ? _a : "",
+                number: colNumber ? parseInt(colNumber, 10) : index + 1,
+                rowsep: element.getAttribute("rowsep"),
+                width: getWidth(totalWidth, element),
+            };
+        }),
+    };
+}
+function getTotalWidth(elements) {
+    return elements.reduce((totalWidth, element) => {
+        var _a, _b;
+        const width = (_b = (_a = element.getAttribute("colwidth")) === null || _a === void 0 ? void 0 : _a.replace(/[^0-9]/, "")) !== null && _b !== void 0 ? _b : "";
+        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) {
+    var _a;
+    const nameStart = cell.getAttribute("namest");
+    const row = cell.parentElement;
+    const tgroup = (_a = row === null || row === void 0 ? void 0 : row.parentElement) === null || _a === void 0 ? void 0 : _a.parentElement;
+    const table = tgroup === null || tgroup === void 0 ? void 0 : 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 }) => {
+    const { moreRows, nameStart, nameEnd, colsep, rowsep } = getData(cell, colspecs);
+    return (h("td", { class: clsx({ "dso-horizontal-line": rowsep !== "0" }, { "dso-vertical-line": colsep !== "0" }), rowSpan: moreRows ? parseInt(moreRows, 10) + 1 : undefined, colSpan: colspecs && nameStart && nameEnd ? getColspan(colspecs, nameStart, nameEnd) : undefined }, 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 }))))))));
+};
+
+function mapData(node) {
+    var _a, _b, _c;
+    const tgroup = node.querySelector(":scope > tgroup");
+    const colAttribute = (_a = tgroup === null || tgroup === void 0 ? void 0 : tgroup.getAttribute("cols")) !== null && _a !== void 0 ? _a : undefined;
+    const columnCount = colAttribute ? parseInt(colAttribute, 10) : undefined;
+    return {
+        caption: (_c = (_b = node.querySelector(":scope > title")) === null || _b === void 0 ? void 0 : _b.textContent) !== null && _c !== void 0 ? _c : 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", Object.assign({ 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 }) {
+        if (!mark || !textContent) {
+            return h(Fragment, null, textContent);
+        }
+        const result = mark(textContent);
+        return !result || result.length === 0 ? (h(Fragment, null, textContent)) : (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));
+        })));
+    }
+}
+
+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 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) {
+        var _a;
+        if (this.skip.includes(name)) {
+            return undefined;
+        }
+        return ((_a = this.mappers.find((m) => {
+            if (Array.isArray(m.name)) {
+                return m.name.includes(name);
+            }
+            return m.name === name;
+        })) !== null && _a !== void 0 ? _a : this.fallbackNode);
+    }
+    mapNodeToJsx(node, context, path) {
+        var _a;
+        if (node instanceof NodeList) {
+            return h(Fragment, null, Array.from(node).map((n) => this.mapNodeToJsx(n, context, path)));
+        }
+        if (Array.isArray(node)) {
+            return h(Fragment, null, node.map((n) => this.mapNodeToJsx(n, context, path)));
+        }
+        const nodeName = getNodeName(node);
+        const mapper = this.findMapper(nodeName);
+        if (!mapper) {
+            return h(Fragment, null);
+        }
+        const identity = (_a = mapper.identify) === null || _a === void 0 ? void 0 : _a.call(mapper, node);
+        const state = identity ? context.state[identity] : undefined;
+        const setState = identity ? (s) => context.setState(Object.assign(Object.assign({}, context.state), { [identity]: s })) : undefined;
+        return mapper.render(node, {
+            inline: context.inline,
+            mark: context.mark,
+            mapNodeToJsx: (n) => this.mapNodeToJsx(n, context, [...path, node]),
+            emitAnchorClick: context.emitAnchorClick,
+            setState,
+            emitMarkItemHighlight: context.emitMarkItemHighlight,
+            state,
+            path,
+            urlResolver: context.urlResolver,
+        });
+    }
+    transform(input, context) {
+        if (!input) {
+            return h(Fragment, null);
+        }
+        const document = this.inputToXmlDocument(input);
+        if (document.querySelector("parsererror")) {
+            console.error({
+                message: "[DSO Toolkit: Ozon Content Mapper] Unable to parse XML",
+                context,
+                input,
+                document,
+            });
+            return h(Fragment, null);
+        }
+        return this.mapNodeToJsx(document.getRootNode(), context, []);
+    }
+    inputToXmlDocument(input) {
+        var _a;
+        if (input instanceof XMLDocument) {
+            return input;
+        }
+        if (typeof input === "string") {
+            (_a = this.domParser) !== null && _a !== void 0 ? _a : (this.domParser = new DOMParser());
+            return this.domParser.parseFromString(input, "text/xml");
+        }
+        return document.implementation.createDocument(null, null);
+    }
+}
+
+const ozonContentCss = "@charset \"UTF-8\";\n/* Genereert een `transition` met vaste easing en optionele duur en delay per property.\n**\n** @param {ArgList} $transitions...\n**   - \"property\": gebruikt standaard duur (260ms) en delay (0ms)\n**   - (\"property\", duur): eigen duur, geen delay\n**   - (\"property\", duur, delay): eigen duur én delay\n**\n** @example\n**   @include transition(opacity, (\"transform\", 300ms), (\"color\", 500ms, 200ms));\n**\n** @output\n**   transition: [property] [duration] cubic-bezier(0.4, 0, 0.2, 1) [delay];\n**\n*/\nbutton {\n  -webkit-appearance: button;\n  color: inherit;\n  cursor: pointer;\n  font: inherit;\n  font-family: inherit;\n  font-size: inherit;\n  line-height: inherit;\n  margin: 0;\n  overflow: visible;\n  text-transform: none;\n}\nbutton[disabled] {\n  cursor: default;\n}\nbutton::-moz-focus-inner {\n  border: 0;\n  padding: 0;\n}\n\na.dso-primary,\nbutton.dso-primary,\nlabel.dso-primary {\n  display: inline-block;\n  font-size: 1em;\n  font-weight: 500;\n  margin-block-end: 0;\n  text-decoration: none;\n  touch-action: manipulation;\n  text-align: start;\n  user-select: none;\n  vertical-align: middle;\n}\na.dso-primary:focus, a.dso-primary:focus-visible,\nbutton.dso-primary:focus,\nbutton.dso-primary:focus-visible,\nlabel.dso-primary:focus,\nlabel.dso-primary:focus-visible {\n  outline-offset: 2px;\n}\na.dso-primary:active,\nbutton.dso-primary:active,\nlabel.dso-primary:active {\n  outline: 0;\n}\na.dso-primary.extern::after, a.dso-primary.download::after,\nbutton.dso-primary.extern::after,\nbutton.dso-primary.download::after,\nlabel.dso-primary.extern::after,\nlabel.dso-primary.download::after {\n  content: \"\";\n  display: inline-block;\n  margin-inline-start: 8px;\n}\na.dso-primary,\nbutton.dso-primary,\nlabel.dso-primary {\n  background-color: var(--_dso-button-primary-background-color, #39870c);\n  border-color: var(--_dso-button-primary-border-color, #39870c);\n  color: var(--_dso-button-primary-color, #fff);\n}\na.dso-primary,\nbutton.dso-primary,\nlabel.dso-primary {\n  border-width: 1px;\n  border-style: solid;\n  border-radius: 4px;\n  line-height: 1.5;\n  min-inline-size: 56px;\n  padding-block: 11px;\n  padding-inline: 15px;\n}\na.dso-primary:hover,\nbutton.dso-primary:hover,\nlabel.dso-primary:hover {\n  background-color: var(--_dso-button-primary-hover-background-color, #275937);\n  border-color: var(--_dso-button-primary-hover-border-color, #275937);\n  color: var(--_dso-button-primary-hover-color, #fff);\n}\na.dso-primary:active,\nbutton.dso-primary:active,\nlabel.dso-primary:active {\n  background-color: var(--_dso-button-primary-active-background-color, #173521);\n  border-color: var(--_dso-button-primary-active-border-color, #173521);\n  color: var(--_dso-button-primary-active-color, #fff);\n}\na.dso-primary[disabled], a.dso-primary[disabled]:hover,\nbutton.dso-primary[disabled],\nbutton.dso-primary[disabled]:hover,\nlabel.dso-primary[disabled],\nlabel.dso-primary[disabled]:hover {\n  background-color: var(--_dso-button-primary-disabled-background-color, #afcf9d);\n  border-color: var(--_dso-button-primary-disabled-border-color, #afcf9d);\n  color: var(--_dso-button-primary-disabled-color, #fff);\n}\na.dso-primary.dso-small,\nbutton.dso-primary.dso-small,\nlabel.dso-primary.dso-small {\n  line-height: 1rem;\n}\na.dso-primary.dso-small dso-icon,\na.dso-primary.dso-small svg.di, a.dso-primary.dso-small.extern::after, a.dso-primary.dso-small.download::after, a.dso-primary.dso-small.dso-spinner::before,\nbutton.dso-primary.dso-small dso-icon,\nbutton.dso-primary.dso-small svg.di,\nbutton.dso-primary.dso-small.extern::after,\nbutton.dso-primary.dso-small.download::after,\nbutton.dso-primary.dso-small.dso-spinner::before,\nlabel.dso-primary.dso-small dso-icon,\nlabel.dso-primary.dso-small svg.di,\nlabel.dso-primary.dso-small.extern::after,\nlabel.dso-primary.dso-small.download::after,\nlabel.dso-primary.dso-small.dso-spinner::before {\n  margin-block-end: -4px;\n  margin-block-start: -4px;\n}\na.dso-primary.dso-small.dso-spinner-left::before,\nbutton.dso-primary.dso-small.dso-spinner-left::before,\nlabel.dso-primary.dso-small.dso-spinner-left::before {\n  block-size: 16px;\n  inline-size: 16px;\n}\na.dso-primary.dso-small.dso-spinner-right::after,\nbutton.dso-primary.dso-small.dso-spinner-right::after,\nlabel.dso-primary.dso-small.dso-spinner-right::after {\n  block-size: 16px;\n  inline-size: 16px;\n}\na.dso-primary dso-icon:has(+ span:not(.sr-only)),\na.dso-primary svg.di:has(+ span:not(.sr-only)),\nbutton.dso-primary dso-icon:has(+ span:not(.sr-only)),\nbutton.dso-primary svg.di:has(+ span:not(.sr-only)),\nlabel.dso-primary dso-icon:has(+ span:not(.sr-only)),\nlabel.dso-primary svg.di:has(+ span:not(.sr-only)) {\n  margin-inline-start: -8px;\n}\na.dso-primary span:not(.sr-only) + dso-icon,\na.dso-primary span:not(.sr-only) + svg.di,\nbutton.dso-primary span:not(.sr-only) + dso-icon,\nbutton.dso-primary span:not(.sr-only) + svg.di,\nlabel.dso-primary span:not(.sr-only) + dso-icon,\nlabel.dso-primary span:not(.sr-only) + svg.di {\n  margin-inline-start: 8px;\n  margin-inline-end: -8px;\n}\na.dso-primary dso-icon + span:not(.sr-only),\na.dso-primary svg.di + span:not(.sr-only),\nbutton.dso-primary dso-icon + span:not(.sr-only),\nbutton.dso-primary svg.di + span:not(.sr-only),\nlabel.dso-primary dso-icon + span:not(.sr-only),\nlabel.dso-primary svg.di + span:not(.sr-only) {\n  margin-inline-start: 8px;\n}\na.dso-primary.dso-spinner-left[disabled], a.dso-primary.dso-spinner-right[disabled],\nbutton.dso-primary.dso-spinner-left[disabled],\nbutton.dso-primary.dso-spinner-right[disabled],\nlabel.dso-primary.dso-spinner-left[disabled],\nlabel.dso-primary.dso-spinner-right[disabled] {\n  background-color: #39870c;\n  border-color: #39870c;\n  color: #fff;\n}\na.dso-primary.dso-spinner-left::before,\nbutton.dso-primary.dso-spinner-left::before,\nlabel.dso-primary.dso-spinner-left::before {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  block-size: 24px;\n  vertical-align: top;\n  inline-size: 24px;\n  margin-inline-end: 8px;\n}\na.dso-primary.dso-spinner-right::after,\nbutton.dso-primary.dso-spinner-right::after,\nlabel.dso-primary.dso-spinner-right::after {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  block-size: 24px;\n  vertical-align: top;\n  inline-size: 24px;\n  margin-inline-start: 8px;\n}\na.dso-primary.download::after,\nbutton.dso-primary.download::after,\nlabel.dso-primary.download::after {\n  background: url(\"./di.svg#download-wit\") no-repeat center;\n  background-size: cover;\n  block-size: 24px;\n  vertical-align: top;\n  inline-size: 24px;\n}\na.dso-primary.extern::after,\nbutton.dso-primary.extern::after,\nlabel.dso-primary.extern::after {\n  background: url(\"./di.svg#external-link-wit\") no-repeat center;\n  background-size: cover;\n  block-size: 24px;\n  vertical-align: top;\n  inline-size: 24px;\n}\na.dso-secondary,\nbutton.dso-secondary,\nlabel.dso-secondary {\n  display: inline-block;\n  font-size: 1em;\n  font-weight: 500;\n  margin-block-end: 0;\n  text-decoration: none;\n  touch-action: manipulation;\n  text-align: start;\n  user-select: none;\n  vertical-align: middle;\n}\na.dso-secondary:focus, a.dso-secondary:focus-visible,\nbutton.dso-secondary:focus,\nbutton.dso-secondary:focus-visible,\nlabel.dso-secondary:focus,\nlabel.dso-secondary:focus-visible {\n  outline-offset: 2px;\n}\na.dso-secondary:active,\nbutton.dso-secondary:active,\nlabel.dso-secondary:active {\n  outline: 0;\n}\na.dso-secondary.extern::after, a.dso-secondary.download::after,\nbutton.dso-secondary.extern::after,\nbutton.dso-secondary.download::after,\nlabel.dso-secondary.extern::after,\nlabel.dso-secondary.download::after {\n  content: \"\";\n  display: inline-block;\n  margin-inline-start: 8px;\n}\na.dso-secondary,\nbutton.dso-secondary,\nlabel.dso-secondary {\n  background-color: var(--_dso-button-secondary-background-color, #fff);\n  border-color: var(--_dso-button-secondary-border-color, #39870c);\n  color: var(--_dso-button-secondary-color, #39870c);\n}\na.dso-secondary,\nbutton.dso-secondary,\nlabel.dso-secondary {\n  border-width: 1px;\n  border-style: solid;\n  border-radius: 4px;\n  line-height: 1.5;\n  min-inline-size: 56px;\n  padding-block: 11px;\n  padding-inline: 15px;\n}\na.dso-secondary:hover,\nbutton.dso-secondary:hover,\nlabel.dso-secondary:hover {\n  background-color: var(--_dso-button-secondary-hover-background-color, #d7e7ce);\n  border-color: var(--_dso-button-secondary-hover-border-color, #39870c);\n  color: var(--_dso-button-secondary-hover-color, #39870c);\n}\na.dso-secondary:active,\nbutton.dso-secondary:active,\nlabel.dso-secondary:active {\n  background-color: var(--_dso-button-secondary-active-background-color, #39870c);\n  border-color: var(--_dso-button-secondary-active-border-color, #39870c);\n  color: var(--_dso-button-secondary-active-color, #fff);\n}\na.dso-secondary[disabled], a.dso-secondary[disabled]:hover,\nbutton.dso-secondary[disabled],\nbutton.dso-secondary[disabled]:hover,\nlabel.dso-secondary[disabled],\nlabel.dso-secondary[disabled]:hover {\n  background-color: var(--_dso-button-secondary-disabled-background-color, #fff);\n  border-color: var(--_dso-button-secondary-disabled-border-color, #afcf9d);\n  color: var(--_dso-button-secondary-disabled-color, #afcf9d);\n}\na.dso-secondary.dso-small,\nbutton.dso-secondary.dso-small,\nlabel.dso-secondary.dso-small {\n  line-height: 1rem;\n}\na.dso-secondary.dso-small dso-icon,\na.dso-secondary.dso-small svg.di, a.dso-secondary.dso-small.extern::after, a.dso-secondary.dso-small.download::after, a.dso-secondary.dso-small.dso-spinner::before,\nbutton.dso-secondary.dso-small dso-icon,\nbutton.dso-secondary.dso-small svg.di,\nbutton.dso-secondary.dso-small.extern::after,\nbutton.dso-secondary.dso-small.download::after,\nbutton.dso-secondary.dso-small.dso-spinner::before,\nlabel.dso-secondary.dso-small dso-icon,\nlabel.dso-secondary.dso-small svg.di,\nlabel.dso-secondary.dso-small.extern::after,\nlabel.dso-secondary.dso-small.download::after,\nlabel.dso-secondary.dso-small.dso-spinner::before {\n  margin-block-end: -4px;\n  margin-block-start: -4px;\n}\na.dso-secondary.dso-small.dso-spinner-left::before,\nbutton.dso-secondary.dso-small.dso-spinner-left::before,\nlabel.dso-secondary.dso-small.dso-spinner-left::before {\n  block-size: 16px;\n  inline-size: 16px;\n}\na.dso-secondary.dso-small.dso-spinner-right::after,\nbutton.dso-secondary.dso-small.dso-spinner-right::after,\nlabel.dso-secondary.dso-small.dso-spinner-right::after {\n  block-size: 16px;\n  inline-size: 16px;\n}\na.dso-secondary dso-icon:has(+ span:not(.sr-only)),\na.dso-secondary svg.di:has(+ span:not(.sr-only)),\nbutton.dso-secondary dso-icon:has(+ span:not(.sr-only)),\nbutton.dso-secondary svg.di:has(+ span:not(.sr-only)),\nlabel.dso-secondary dso-icon:has(+ span:not(.sr-only)),\nlabel.dso-secondary svg.di:has(+ span:not(.sr-only)) {\n  margin-inline-start: -8px;\n}\na.dso-secondary span:not(.sr-only) + dso-icon,\na.dso-secondary span:not(.sr-only) + svg.di,\nbutton.dso-secondary span:not(.sr-only) + dso-icon,\nbutton.dso-secondary span:not(.sr-only) + svg.di,\nlabel.dso-secondary span:not(.sr-only) + dso-icon,\nlabel.dso-secondary span:not(.sr-only) + svg.di {\n  margin-inline-start: 8px;\n  margin-inline-end: -8px;\n}\na.dso-secondary dso-icon + span:not(.sr-only),\na.dso-secondary svg.di + span:not(.sr-only),\nbutton.dso-secondary dso-icon + span:not(.sr-only),\nbutton.dso-secondary svg.di + span:not(.sr-only),\nlabel.dso-secondary dso-icon + span:not(.sr-only),\nlabel.dso-secondary svg.di + span:not(.sr-only) {\n  margin-inline-start: 8px;\n}\na.dso-secondary.dso-spinner-left[disabled], a.dso-secondary.dso-spinner-right[disabled],\nbutton.dso-secondary.dso-spinner-left[disabled],\nbutton.dso-secondary.dso-spinner-right[disabled],\nlabel.dso-secondary.dso-spinner-left[disabled],\nlabel.dso-secondary.dso-spinner-right[disabled] {\n  background-color: #fff;\n  border-color: #39870c;\n  color: #39870c;\n}\na.dso-secondary.dso-spinner-left::before,\nbutton.dso-secondary.dso-spinner-left::before,\nlabel.dso-secondary.dso-spinner-left::before {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  block-size: 24px;\n  vertical-align: top;\n  inline-size: 24px;\n  margin-inline-end: 8px;\n}\na.dso-secondary.dso-spinner-left:not([disabled]):hover::before,\nbutton.dso-secondary.dso-spinner-left:not([disabled]):hover::before,\nlabel.dso-secondary.dso-spinner-left:not([disabled]):hover::before {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  block-size: 24px;\n  vertical-align: top;\n  inline-size: 24px;\n  margin-inline-end: 8px;\n}\na.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before,\nbutton.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before,\nlabel.dso-secondary.dso-spinner-left:not([disabled]).dso-small:hover::before {\n  block-size: 16px;\n  inline-size: 16px;\n}\na.dso-secondary.dso-spinner-right::after,\nbutton.dso-secondary.dso-spinner-right::after,\nlabel.dso-secondary.dso-spinner-right::after {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  block-size: 24px;\n  vertical-align: top;\n  inline-size: 24px;\n  margin-inline-start: 8px;\n}\na.dso-secondary.dso-spinner-right:not([disabled]):hover::after,\nbutton.dso-secondary.dso-spinner-right:not([disabled]):hover::after,\nlabel.dso-secondary.dso-spinner-right:not([disabled]):hover::after {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %23fff; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  block-size: 24px;\n  vertical-align: top;\n  inline-size: 24px;\n  margin-inline-start: 8px;\n}\na.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after,\nbutton.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after,\nlabel.dso-secondary.dso-spinner-right:not([disabled]).dso-small:hover::after {\n  block-size: 16px;\n  inline-size: 16px;\n}\na.dso-secondary.download::after,\nbutton.dso-secondary.download::after,\nlabel.dso-secondary.download::after {\n  background: url(\"./di.svg#download\") no-repeat center;\n  background-size: cover;\n  block-size: 24px;\n  vertical-align: top;\n  inline-size: 24px;\n}\na.dso-secondary.download:hover::after,\nbutton.dso-secondary.download:hover::after,\nlabel.dso-secondary.download:hover::after {\n  background-image: var(--_dso-di-background-image, url(\"./di.svg#download-wit\"));\n}\na.dso-secondary.download[disabled]::after,\nbutton.dso-secondary.download[disabled]::after,\nlabel.dso-secondary.download[disabled]::after {\n  background-image: var(--_dso-di-background-image, url(\"./di.svg#download-grasgroen-40\"));\n}\na.dso-secondary.extern::after,\nbutton.dso-secondary.extern::after,\nlabel.dso-secondary.extern::after {\n  background: url(\"./di.svg#external-link\") no-repeat center;\n  background-size: cover;\n  block-size: 24px;\n  vertical-align: top;\n  inline-size: 24px;\n}\na.dso-secondary.extern:hover::after,\nbutton.dso-secondary.extern:hover::after,\nlabel.dso-secondary.extern:hover::after {\n  background-image: var(--_dso-di-background-image, url(\"./di.svg#external-link-wit\"));\n}\na.dso-secondary.extern[disabled]::after,\nbutton.dso-secondary.extern[disabled]::after,\nlabel.dso-secondary.extern[disabled]::after {\n  background-image: var(--_dso-di-background-image, url(\"./di.svg#external-link-grasgroen-40\"));\n}\na.dso-tertiary,\nbutton.dso-tertiary,\nlabel.dso-tertiary {\n  display: inline-block;\n  font-size: 1em;\n  font-weight: 500;\n  margin-block-end: 0;\n  text-decoration: none;\n  touch-action: manipulation;\n  text-align: start;\n  user-select: none;\n  vertical-align: middle;\n}\na.dso-tertiary:focus, a.dso-tertiary:focus-visible,\nbutton.dso-tertiary:focus,\nbutton.dso-tertiary:focus-visible,\nlabel.dso-tertiary:focus,\nlabel.dso-tertiary:focus-visible {\n  outline-offset: 2px;\n}\na.dso-tertiary:active,\nbutton.dso-tertiary:active,\nlabel.dso-tertiary:active {\n  outline: 0;\n}\na.dso-tertiary.extern::after, a.dso-tertiary.download::after,\nbutton.dso-tertiary.extern::after,\nbutton.dso-tertiary.download::after,\nlabel.dso-tertiary.extern::after,\nlabel.dso-tertiary.download::after {\n  content: \"\";\n  display: inline-block;\n  margin-inline-start: 8px;\n}\na.dso-tertiary,\nbutton.dso-tertiary,\nlabel.dso-tertiary {\n  border: 0;\n  color: #39870c;\n  line-height: 1;\n  padding: 0;\n  background-color: transparent;\n}\na.dso-tertiary[disabled],\nbutton.dso-tertiary[disabled],\nlabel.dso-tertiary[disabled] {\n  color: #afcf9d;\n}\na.dso-tertiary[disabled].dso-spinner-left, a.dso-tertiary[disabled].dso-spinner-right,\nbutton.dso-tertiary[disabled].dso-spinner-left,\nbutton.dso-tertiary[disabled].dso-spinner-right,\nlabel.dso-tertiary[disabled].dso-spinner-left,\nlabel.dso-tertiary[disabled].dso-spinner-right {\n  color: #39870c;\n}\na.dso-tertiary:not([disabled]):hover,\nbutton.dso-tertiary:not([disabled]):hover,\nlabel.dso-tertiary:not([disabled]):hover {\n  color: #275937;\n  text-decoration: underline;\n  text-underline-position: under;\n}\na.dso-tertiary:not([disabled]):active,\nbutton.dso-tertiary:not([disabled]):active,\nlabel.dso-tertiary:not([disabled]):active {\n  color: #173521;\n}\na.dso-tertiary.dso-align,\nbutton.dso-tertiary.dso-align,\nlabel.dso-tertiary.dso-align {\n  line-height: calc(1.5em - 1px);\n  padding-block: 11px;\n  padding-inline: 0;\n  position: relative;\n}\na.dso-tertiary.dso-truncate,\nbutton.dso-tertiary.dso-truncate,\nlabel.dso-tertiary.dso-truncate {\n  max-inline-size: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\na.dso-tertiary.dso-spinner-left::before,\nbutton.dso-tertiary.dso-spinner-left::before,\nlabel.dso-tertiary.dso-spinner-left::before {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  block-size: 24px;\n  vertical-align: middle;\n  inline-size: 24px;\n  margin-inline-end: 8px;\n}\na.dso-tertiary.dso-spinner-right::after,\nbutton.dso-tertiary.dso-spinner-right::after,\nlabel.dso-tertiary.dso-spinner-right::after {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  block-size: 24px;\n  vertical-align: middle;\n  inline-size: 24px;\n  margin-inline-start: 8px;\n}\na.dso-tertiary dso-icon + span:not(.sr-only),\na.dso-tertiary svg.di + span:not(.sr-only),\na.dso-tertiary span:not(.sr-only) + dso-icon,\na.dso-tertiary span:not(.sr-only) + svg.di,\nbutton.dso-tertiary dso-icon + span:not(.sr-only),\nbutton.dso-tertiary svg.di + span:not(.sr-only),\nbutton.dso-tertiary span:not(.sr-only) + dso-icon,\nbutton.dso-tertiary span:not(.sr-only) + svg.di,\nlabel.dso-tertiary dso-icon + span:not(.sr-only),\nlabel.dso-tertiary svg.di + span:not(.sr-only),\nlabel.dso-tertiary span:not(.sr-only) + dso-icon,\nlabel.dso-tertiary span:not(.sr-only) + svg.di {\n  margin-inline-start: 8px;\n}\na.dso-tertiary svg.di.di-chevron-down + span:not(.sr-only),\na.dso-tertiary svg.di.di-chevron-up + span:not(.sr-only),\na.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-down,\na.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-up,\nbutton.dso-tertiary svg.di.di-chevron-down + span:not(.sr-only),\nbutton.dso-tertiary svg.di.di-chevron-up + span:not(.sr-only),\nbutton.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-down,\nbutton.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-up,\nlabel.dso-tertiary svg.di.di-chevron-down + span:not(.sr-only),\nlabel.dso-tertiary svg.di.di-chevron-up + span:not(.sr-only),\nlabel.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-down,\nlabel.dso-tertiary span:not(.sr-only) + svg.di.di-chevron-up {\n  margin-inline-start: 4px;\n}\na.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only),\na.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only),\na.dso-tertiary svg.di.di-angle-down + span:not(.sr-only),\na.dso-tertiary svg.di.di-angle-up + span:not(.sr-only),\na.dso-tertiary span:not(.sr-only) + svg.di.di-angle-down,\na.dso-tertiary span:not(.sr-only) + svg.di.di-angle-up,\na.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left],\na.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right],\nbutton.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only),\nbutton.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only),\nbutton.dso-tertiary svg.di.di-angle-down + span:not(.sr-only),\nbutton.dso-tertiary svg.di.di-angle-up + span:not(.sr-only),\nbutton.dso-tertiary span:not(.sr-only) + svg.di.di-angle-down,\nbutton.dso-tertiary span:not(.sr-only) + svg.di.di-angle-up,\nbutton.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left],\nbutton.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right],\nlabel.dso-tertiary dso-icon[icon=chevron-left] + span:not(.sr-only),\nlabel.dso-tertiary dso-icon[icon=chevron-right] + span:not(.sr-only),\nlabel.dso-tertiary svg.di.di-angle-down + span:not(.sr-only),\nlabel.dso-tertiary svg.di.di-angle-up + span:not(.sr-only),\nlabel.dso-tertiary span:not(.sr-only) + svg.di.di-angle-down,\nlabel.dso-tertiary span:not(.sr-only) + svg.di.di-angle-up,\nlabel.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-left],\nlabel.dso-tertiary span:not(.sr-only) + dso-icon[icon=chevron-right] {\n  margin-inline-start: 0;\n}\na.dso-tertiary dso-icon,\na.dso-tertiary svg.di,\na.dso-tertiary span,\nbutton.dso-tertiary dso-icon,\nbutton.dso-tertiary svg.di,\nbutton.dso-tertiary span,\nlabel.dso-tertiary dso-icon,\nlabel.dso-tertiary svg.di,\nlabel.dso-tertiary span {\n  vertical-align: middle;\n}\na.dso-tertiary.extern::after, a.dso-tertiary.download::after,\nbutton.dso-tertiary.extern::after,\nbutton.dso-tertiary.download::after,\nlabel.dso-tertiary.extern::after,\nlabel.dso-tertiary.download::after {\n  position: relative;\n  inset-block-start: -2px;\n}\na.dso-tertiary.download::after,\nbutton.dso-tertiary.download::after,\nlabel.dso-tertiary.download::after {\n  background: url(\"./di.svg#download\") no-repeat center;\n  background-size: cover;\n  block-size: 24px;\n  vertical-align: top;\n  inline-size: 24px;\n}\na.dso-tertiary.download[disabled]::after,\nbutton.dso-tertiary.download[disabled]::after,\nlabel.dso-tertiary.download[disabled]::after {\n  background-image: var(--_dso-di-background-image, url(\"./di.svg#download-grasgroen-40\"));\n}\na.dso-tertiary.download:not([disabled]):hover::after, a.dso-tertiary.download:not([disabled]):active::after,\nbutton.dso-tertiary.download:not([disabled]):hover::after,\nbutton.dso-tertiary.download:not([disabled]):active::after,\nlabel.dso-tertiary.download:not([disabled]):hover::after,\nlabel.dso-tertiary.download:not([disabled]):active::after {\n  background-image: var(--_dso-di-background-image, url(\"./di.svg#download-bosgroen\"));\n}\na.dso-tertiary.extern::after,\nbutton.dso-tertiary.extern::after,\nlabel.dso-tertiary.extern::after {\n  background: url(\"./di.svg#external-link\") no-repeat center;\n  background-size: cover;\n  block-size: 24px;\n  vertical-align: top;\n  inline-size: 24px;\n}\na.dso-tertiary.extern[disabled]::after,\nbutton.dso-tertiary.extern[disabled]::after,\nlabel.dso-tertiary.extern[disabled]::after {\n  background-image: var(--_dso-di-background-image, url(\"./di.svg#external-link-grasgroen-40\"));\n}\na.dso-tertiary.extern:not([disabled]):hover::after, a.dso-tertiary.extern:not([disabled]):active::after,\nbutton.dso-tertiary.extern:not([disabled]):hover::after,\nbutton.dso-tertiary.extern:not([disabled]):active::after,\nlabel.dso-tertiary.extern:not([disabled]):hover::after,\nlabel.dso-tertiary.extern:not([disabled]):active::after {\n  background-image: var(--_dso-di-background-image, url(\"./di.svg#external-link-bosgroen\"));\n}\n\na.dso-primary {\n  text-decoration: none;\n}\na.dso-primary, a.dso-primary:visited {\n  color: #fff;\n}\na.dso-secondary {\n  text-decoration: none;\n}\na.dso-secondary, a.dso-secondary:visited {\n  color: #39870c;\n}\na.dso-secondary:hover, a.dso-secondary:visited:hover {\n  color: #39870c;\n}\na.dso-tertiary {\n  text-decoration: none;\n}\na.dso-tertiary, a.dso-tertiary:visited {\n  color: #39870c;\n}\n\n.dso-primary + .dso-primary,\n.dso-primary + .dso-secondary,\n.dso-primary + .dso-tertiary,\n.dso-secondary + .dso-primary,\n.dso-secondary + .dso-secondary,\n.dso-secondary + .dso-tertiary,\n.dso-tertiary + .dso-primary,\n.dso-tertiary + .dso-secondary,\n.dso-tertiary + .dso-tertiary {\n  margin-inline-start: 16px;\n}\n\nmark {\n  background-color: var(--_dt-mark-bg-color, #f8f5ce);\n  color: var(--_dt-mark-color, #000);\n  padding-block: var(--_dt-mark-padding-block, 0.2rem);\n  font-weight: var(--_dt-mark-font-weight, normal);\n}\nmark.dso-highlight {\n  background-color: #dbd136;\n}\n\nsup {\n  font-size: 0.65em;\n  line-height: 0;\n  position: relative;\n  inset-block-start: -0.5em;\n  vertical-align: baseline;\n}\nsup a {\n  text-decoration: none;\n}\nsup a:hover, sup a:focus-visible, sup a:active {\n  text-decoration: underline;\n}\n\nsub {\n  inset-block-end: -0.25em;\n  font-size: 0.65em;\n  line-height: 0;\n  position: relative;\n  vertical-align: baseline;\n}\nsub a {\n  text-decoration: none;\n}\nsub a:hover, sub a:focus-visible, sub a:active {\n  text-decoration: underline;\n}\n\ncaption {\n  color: #666;\n  padding-block-end: 8px;\n  padding-block-start: 8px;\n  text-align: start;\n}\n\ntd,\nth {\n  padding: 0;\n}\n\nth {\n  font-weight: 600;\n  text-align: start;\n}\n\ntable.table td:not(.plain-content) p,\ntable.table th p {\n  margin-block: 0 var(--_dt-rich-content-margin-block, 16px);\n  margin-inline: 0;\n}\ntable.table td:not(.plain-content) ul,\ntable.table td:not(.plain-content) ol,\ntable.table th ul,\ntable.table th ol {\n  margin-block-end: 16px;\n}\ntable.table td:not(.plain-content) ul:not(.list-group):not(.dso-link-list):not(.dso-columns-list),\ntable.table td:not(.plain-content) ol:not(.list-group):not(.dso-link-list):not(.dso-columns-list),\ntable.table th ul:not(.list-group):not(.dso-link-list):not(.dso-columns-list),\ntable.table th ol:not(.list-group):not(.dso-link-list):not(.dso-columns-list) {\n  padding-inline-start: 24px;\n}\ntable.table td:not(.plain-content) ul ul,\ntable.table td:not(.plain-content) ul ol,\ntable.table td:not(.plain-content) ol ul,\ntable.table td:not(.plain-content) ol ol,\ntable.table th ul ul,\ntable.table th ul ol,\ntable.table th ol ul,\ntable.table th ol ol {\n  margin-block-end: 0;\n}\ntable.table td:not(.plain-content) pre,\ntable.table th pre {\n  margin-block: 0 16px;\n  margin-inline: 0;\n}\ntable.table td:not(.plain-content) blockquote,\ntable.table th blockquote {\n  padding-block: 16px;\n  padding-inline: 24px;\n}\ntable.table td:not(.plain-content) dso-highlight-box,\ntable.table td:not(.plain-content) .dso-highlight-box,\ntable.table th dso-highlight-box,\ntable.table th .dso-highlight-box {\n  margin-block-end: 24px;\n}\ntable.table td:not(.plain-content) img,\ntable.table th img {\n  block-size: auto;\n  max-inline-size: 100%;\n}\n\ntable.table,\n.dso-rich-content table {\n  margin-block-end: 24px;\n  max-inline-size: 100%;\n  inline-size: 100%;\n}\ntable.table .dso-tertiary,\n.dso-rich-content table .dso-tertiary {\n  position: relative;\n  inset-block-start: -2px;\n  white-space: nowrap;\n}\ntable.table.dso-text-left th,\ntable.table.dso-text-left td,\n.dso-rich-content table.dso-text-left th,\n.dso-rich-content table.dso-text-left td {\n  text-align: start;\n}\ntable.table.dso-text-center th,\ntable.table.dso-text-center td,\n.dso-rich-content table.dso-text-center th,\n.dso-rich-content table.dso-text-center td {\n  text-align: center;\n}\ntable.table.dso-text-right th,\ntable.table.dso-text-right td,\n.dso-rich-content table.dso-text-right th,\n.dso-rich-content table.dso-text-right td {\n  text-align: end;\n}\ntable.table.dso-table-vertical-lines > thead > tr > td,\ntable.table.dso-table-vertical-lines > thead > tr > th,\n.dso-rich-content table.dso-table-vertical-lines > thead > tr > td,\n.dso-rich-content table.dso-table-vertical-lines > thead > tr > th {\n  border: 1px solid #666;\n}\ntable.table.dso-table-vertical-lines > tbody > tr > td,\ntable.table.dso-table-vertical-lines > tbody > tr > th,\ntable.table.dso-table-vertical-lines > tfoot > tr > td,\ntable.table.dso-table-vertical-lines > tfoot > tr > th,\n.dso-rich-content table.dso-table-vertical-lines > tbody > tr > td,\n.dso-rich-content table.dso-table-vertical-lines > tbody > tr > th,\n.dso-rich-content table.dso-table-vertical-lines > tfoot > tr > td,\n.dso-rich-content table.dso-table-vertical-lines > tfoot > tr > th {\n  border: 1px solid #ccc;\n}\ntable.table.dso-table-vertical-lines > thead + tbody > tr:first-child > td,\ntable.table.dso-table-vertical-lines > thead + tbody > tr:first-child > th,\n.dso-rich-content table.dso-table-vertical-lines > thead + tbody > tr:first-child > td,\n.dso-rich-content table.dso-table-vertical-lines > thead + tbody > tr:first-child > th {\n  border-block-start: 0;\n}\ntable.table.dso-table-outside-lines-top,\n.dso-rich-content table.dso-table-outside-lines-top {\n  border-block-start: 1px solid #666;\n}\ntable.table.dso-table-outside-lines-bottom,\n.dso-rich-content table.dso-table-outside-lines-bottom {\n  border-block-end: 1px solid #ccc;\n}\ntable.table.dso-table-outside-lines-topbot,\n.dso-rich-content table.dso-table-outside-lines-topbot {\n  border-block-start: 1px solid #666;\n  border-block-end: 1px solid #ccc;\n}\ntable.table.dso-table-outside-lines-all,\n.dso-rich-content table.dso-table-outside-lines-all {\n  border-block-start: 1px solid #666;\n  border-block-end: 1px solid #ccc;\n}\ntable.table.dso-table-outside-lines-all thead,\n.dso-rich-content table.dso-table-outside-lines-all thead {\n  border-inline-start: 1px solid #666;\n  border-inline-end: 1px solid #666;\n}\ntable.table.dso-table-outside-lines-all tbody,\n.dso-rich-content table.dso-table-outside-lines-all tbody {\n  border-inline-start: 1px solid #ccc;\n  border-inline-end: 1px solid #ccc;\n}\ntable.table.dso-table-outside-lines-sides thead,\n.dso-rich-content table.dso-table-outside-lines-sides thead {\n  border-inline-start: 1px solid #666;\n  border-inline-end: 1px solid #666;\n}\ntable.table.dso-table-outside-lines-sides tbody,\n.dso-rich-content table.dso-table-outside-lines-sides tbody {\n  border-inline-start: 1px solid #ccc;\n  border-inline-end: 1px solid #ccc;\n}\ntable.table > thead > tr > td.dso-horizontal-line,\ntable.table > thead > tr > th.dso-horizontal-line,\n.dso-rich-content table > thead > tr > td.dso-horizontal-line,\n.dso-rich-content table > thead > tr > th.dso-horizontal-line {\n  border-block-end: 1px solid #666;\n}\ntable.table > thead > tr > td:not(:last-child).dso-vertical-line,\ntable.table > thead > tr > th:not(:last-child).dso-vertical-line,\n.dso-rich-content table > thead > tr > td:not(:last-child).dso-vertical-line,\n.dso-rich-content table > thead > tr > th:not(:last-child).dso-vertical-line {\n  border-inline-end: 1px solid #666;\n}\ntable.table > tbody > tr > td:not(:last-child).dso-vertical-line,\ntable.table > tbody > tr > th:not(:last-child).dso-vertical-line,\ntable.table > tfoot > tr > td:not(:last-child).dso-vertical-line,\ntable.table > tfoot > tr > th:not(:last-child).dso-vertical-line,\n.dso-rich-content table > tbody > tr > td:not(:last-child).dso-vertical-line,\n.dso-rich-content table > tbody > tr > th:not(:last-child).dso-vertical-line,\n.dso-rich-content table > tfoot > tr > td:not(:last-child).dso-vertical-line,\n.dso-rich-content table > tfoot > tr > th:not(:last-child).dso-vertical-line {\n  border-inline-end: 1px solid #ccc;\n}\ntable.table > tbody > tr:not(:last-child) > td.dso-horizontal-line,\ntable.table > tbody > tr:not(:last-child) > th.dso-horizontal-line,\ntable.table > tfoot > tr:not(:last-child) > td.dso-horizontal-line,\ntable.table > tfoot > tr:not(:last-child) > th.dso-horizontal-line,\n.dso-rich-content table > tbody > tr:not(:last-child) > td.dso-horizontal-line,\n.dso-rich-content table > tbody > tr:not(:last-child) > th.dso-horizontal-line,\n.dso-rich-content table > tfoot > tr:not(:last-child) > td.dso-horizontal-line,\n.dso-rich-content table > tfoot > tr:not(:last-child) > th.dso-horizontal-line {\n  border-block-end: 1px solid #ccc;\n}\ntable.table th.dso-text-left,\ntable.table td.dso-text-left,\n.dso-rich-content table th.dso-text-left,\n.dso-rich-content table td.dso-text-left {\n  text-align: start;\n}\ntable.table th.dso-text-center,\ntable.table td.dso-text-center,\n.dso-rich-content table th.dso-text-center,\n.dso-rich-content table td.dso-text-center {\n  text-align: center;\n}\ntable.table th.dso-text-right,\ntable.table td.dso-text-right,\n.dso-rich-content table th.dso-text-right,\n.dso-rich-content table td.dso-text-right {\n  text-align: end;\n}\ntable.table > thead > tr > th,\ntable.table > thead > tr > td,\ntable.table > tbody > tr > th,\ntable.table > tbody > tr > td,\ntable.table > tfoot > tr > th,\ntable.table > tfoot > tr > td,\n.dso-rich-content table > thead > tr > th,\n.dso-rich-content table > thead > tr > td,\n.dso-rich-content table > tbody > tr > th,\n.dso-rich-content table > tbody > tr > td,\n.dso-rich-content table > tfoot > tr > th,\n.dso-rich-content table > tfoot > tr > td {\n  line-height: 1.5;\n  padding-block: 12px;\n  padding-inline: 8px;\n  vertical-align: top;\n}\ntable.table > thead > tr > th a,\ntable.table > thead > tr > td a,\ntable.table > tbody > tr > th a,\ntable.table > tbody > tr > td a,\ntable.table > tfoot > tr > th a,\ntable.table > tfoot > tr > td a,\n.dso-rich-content table > thead > tr > th a,\n.dso-rich-content table > thead > tr > td a,\n.dso-rich-content table > tbody > tr > th a,\n.dso-rich-content table > tbody > tr > td a,\n.dso-rich-content table > tfoot > tr > th a,\n.dso-rich-content table > tfoot > tr > td a {\n  text-decoration: underline;\n}\ntable.table:not([class*=dso-table-outside-lines]) > thead > tr > td,\ntable.table:not([class*=dso-table-outside-lines]) > thead > tr > th,\n.dso-rich-content table:not([class*=dso-table-outside-lines]) > thead > tr > td,\n.dso-rich-content table:not([class*=dso-table-outside-lines]) > thead > tr > th {\n  border-block-end: 1px solid #666;\n}\ntable.table:not([class*=dso-table-outside-lines]) > tbody > tr > td,\ntable.table:not([class*=dso-table-outside-lines]) > tbody > tr > th,\ntable.table:not([class*=dso-table-outside-lines]) > tfoot > tr > td,\ntable.table:not([class*=dso-table-outside-lines]) > tfoot > tr > th,\n.dso-rich-content table:not([class*=dso-table-outside-lines]) > tbody > tr > td,\n.dso-rich-content table:not([class*=dso-table-outside-lines]) > tbody > tr > th,\n.dso-rich-content table:not([class*=dso-table-outside-lines]) > tfoot > tr > td,\n.dso-rich-content table:not([class*=dso-table-outside-lines]) > tfoot > tr > th {\n  border-block-end: 1px solid #ccc;\n}\ntable.table > tbody + tbody,\n.dso-rich-content table > tbody + tbody {\n  border-block-start: 2px solid #ccc;\n}\ntable.table .table,\n.dso-rich-content table .table {\n  background-color: #fff;\n}\ntable.table > tbody > tr.result-error td,\n.dso-rich-content table > tbody > tr.result-error td {\n  font-style: italic;\n}\ntable.table > thead > tr > th,\n.dso-rich-content table > thead > tr > th {\n  vertical-align: bottom;\n}\ntable.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,\n.dso-rich-content table > thead > tr > th .dso-primary.dso-sort,\n.dso-rich-content table > thead > tr > th .dso-secondary.dso-sort,\n.dso-rich-content table > thead > tr > th .dso-tertiary.dso-sort {\n  color: #191919;\n  font-weight: 600;\n}\ntable.table > thead > tr > th .dso-primary.dso-sort dso-icon,\ntable.table > thead > tr > th .dso-primary.dso-sort svg.di, table.table > thead > tr > th .dso-secondary.dso-sort dso-icon,\ntable.table > thead > tr > th .dso-secondary.dso-sort svg.di, table.table > thead > tr > th .dso-tertiary.dso-sort dso-icon,\ntable.table > thead > tr > th .dso-tertiary.dso-sort svg.di,\n.dso-rich-content table > thead > tr > th .dso-primary.dso-sort dso-icon,\n.dso-rich-content table > thead > tr > th .dso-primary.dso-sort svg.di,\n.dso-rich-content table > thead > tr > th .dso-secondary.dso-sort dso-icon,\n.dso-rich-content table > thead > tr > th .dso-secondary.dso-sort svg.di,\n.dso-rich-content table > thead > tr > th .dso-tertiary.dso-sort dso-icon,\n.dso-rich-content table > thead > tr > th .dso-tertiary.dso-sort svg.di {\n  color: #666;\n}\ntable.table > thead > tr > th .dso-primary.dso-sort dso-icon.dso-sort-active,\ntable.table > thead > tr > th .dso-primary.dso-sort svg.di.dso-sort-active, table.table > thead > tr > th .dso-secondary.dso-sort dso-icon.dso-sort-active,\ntable.table > thead > tr > th .dso-secondary.dso-sort svg.di.dso-sort-active, table.table > thead > tr > th .dso-tertiary.dso-sort dso-icon.dso-sort-active,\ntable.table > thead > tr > th .dso-tertiary.dso-sort svg.di.dso-sort-active,\n.dso-rich-content table > thead > tr > th .dso-primary.dso-sort dso-icon.dso-sort-active,\n.dso-rich-content table > thead > tr > th .dso-primary.dso-sort svg.di.dso-sort-active,\n.dso-rich-content table > thead > tr > th .dso-secondary.dso-sort dso-icon.dso-sort-active,\n.dso-rich-content table > thead > tr > th .dso-secondary.dso-sort svg.di.dso-sort-active,\n.dso-rich-content table > thead > tr > th .dso-tertiary.dso-sort dso-icon.dso-sort-active,\n.dso-rich-content table > thead > tr > th .dso-tertiary.dso-sort svg.di.dso-sort-active {\n  color: #191919;\n}\n\n.table-hover > tbody > tr:hover {\n  background-color: #f2f2f2;\n}\n\ntable col[class*=col-] {\n  display: table-column;\n  float: none;\n  position: static;\n}\n\ntable {\n  background-color: transparent;\n  border-collapse: collapse;\n  border-spacing: 0;\n}\ntable td[class*=col-],\ntable th[class*=col-] {\n  display: table-cell;\n  float: none;\n  position: static;\n}\n\n.dso-rich-content table > thead > tr > td.active,\n.dso-rich-content table > thead > tr > th.active, .dso-rich-content table > thead > tr.active > td, .dso-rich-content table > thead > tr.active > th,\n.dso-rich-content table > tbody > tr > td.active,\n.dso-rich-content table > tbody > tr > th.active,\n.dso-rich-content table > tbody > tr.active > td,\n.dso-rich-content table > tbody > tr.active > th,\n.dso-rich-content table > tfoot > tr > td.active,\n.dso-rich-content table > tfoot > tr > th.active,\n.dso-rich-content table > tfoot > tr.active > td,\n.dso-rich-content table > tfoot > tr.active > th,\n.table > thead > tr > td.active,\n.table > thead > tr > th.active,\n.table > thead > tr.active > td,\n.table > thead > tr.active > th,\n.table > tbody > tr > td.active,\n.table > tbody > tr > th.active,\n.table > tbody > tr.active > td,\n.table > tbody > tr.active > th,\n.table > tfoot > tr > td.active,\n.table > tfoot > tr > th.active,\n.table > tfoot > tr.active > td,\n.table > tfoot > tr.active > th {\n  background-color: #f2f2f2;\n}\n\n.table-hover > tbody > tr > td.active:hover,\n.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 {\n  background-color: #f2f2f2;\n}\n.table-hover > tbody > tr:hover > th, .table-hover > tbody > tr:hover > td {\n  background-color: #f2f2f2;\n}\n.table-hover > tbody > tr:hover > th a, .table-hover > tbody > tr:hover > td a {\n  color: #191919;\n}\n.table-hover > tbody > tr:hover > th a:hover, .table-hover > tbody > tr:hover > td a:hover {\n  text-decoration: none;\n}\n\n.table > tbody > tr.active > th, .table > tbody > tr.active > td {\n  background-color: #f2f2f2;\n}\n.table > tbody > tr.active > th a, .table > tbody > tr.active > td a {\n  color: #191919;\n}\n.table > tbody > tr.active > th a:hover, .table > tbody > tr.active > td a:hover {\n  text-decoration: none;\n}\n\n.dso-table-responsive,\n.dso-table-scroll-container {\n  min-block-size: 0.01%;\n  overflow-x: auto;\n  position: relative;\n}\n\n.dso-table-scroll-container {\n  -ms-overflow-style: -ms-autohiding-scrollbar;\n  border: 1px solid #ccc;\n  margin-block-end: 0;\n  overflow-y: hidden;\n  inline-size: 100%;\n}\n.dso-table-scroll-container::before {\n  content: \"beweeg de tabel van links naar rechts\";\n  display: block;\n  font-size: 0.8em;\n  margin-block-end: 8px;\n  position: relative;\n  text-align: center;\n}\n.dso-table-scroll-container > .table {\n  margin-block-end: 0;\n}\n.dso-table-scroll-container > .table > thead > tr > th,\n.dso-table-scroll-container > .table > thead > tr > td,\n.dso-table-scroll-container > .table > tbody > tr > th,\n.dso-table-scroll-container > .table > tbody > tr > td,\n.dso-table-scroll-container > .table > tfoot > tr > th,\n.dso-table-scroll-container > .table > tfoot > tr > td {\n  white-space: nowrap;\n}\n\n@media screen and (max-width: 767px) {\n  .dso-table-responsive {\n    -ms-overflow-style: -ms-autohiding-scrollbar;\n    border: 1px solid #ccc;\n    margin-block-end: 0;\n    overflow-y: hidden;\n    inline-size: 100%;\n  }\n  .dso-table-responsive::before {\n    content: \"beweeg de tabel van links naar rechts\";\n    display: block;\n    font-size: 0.8em;\n    margin-block-end: 8px;\n    position: relative;\n    text-align: center;\n  }\n  .dso-table-responsive > .table {\n    margin-block-end: 0;\n  }\n  .dso-table-responsive > .table > thead > tr > th,\n  .dso-table-responsive > .table > thead > tr > td,\n  .dso-table-responsive > .table > tbody > tr > th,\n  .dso-table-responsive > .table > tbody > tr > td,\n  .dso-table-responsive > .table > tfoot > tr > th,\n  .dso-table-responsive > .table > tfoot > tr > td {\n    white-space: nowrap;\n  }\n}\n\n.dso-table-filter-wrapper .dso-search-bar {\n  margin-block-end: 16px;\n  inline-size: 288px;\n}\n\ndso-table table.table {\n  margin-block-end: 0;\n}\n\ndso-table.dso-is-responsive {\n  margin-block-end: 0;\n}\ndso-table.dso-is-responsive > .table > thead > tr > th,\ndso-table.dso-is-responsive > .table > thead > tr > td,\ndso-table.dso-is-responsive > .table > tbody > tr > th,\ndso-table.dso-is-responsive > .table > tbody > tr > td,\ndso-table.dso-is-responsive > .table > tfoot > tr > th,\ndso-table.dso-is-responsive > .table > tfoot > tr > td {\n  white-space: nowrap;\n}\n\n:host(:not([inline])) {\n  display: block;\n}\n\n:host([inline]) {\n  display: inline;\n}\n\nbutton.toggle-note {\n  display: inline-block;\n  font-size: 1em;\n  font-weight: 500;\n  margin-block-end: 0;\n  text-decoration: none;\n  touch-action: manipulation;\n  text-align: start;\n  user-select: none;\n  vertical-align: middle;\n}\nbutton.toggle-note:focus, button.toggle-note:focus-visible {\n  outline-offset: 2px;\n}\nbutton.toggle-note:active {\n  outline: 0;\n}\nbutton.toggle-note {\n  border: 0;\n  color: #39870c;\n  line-height: 1;\n  padding: 0;\n  background-color: transparent;\n}\nbutton.toggle-note[disabled] {\n  color: #afcf9d;\n}\nbutton.toggle-note[disabled].dso-spinner-left, button.toggle-note[disabled].dso-spinner-right {\n  color: #39870c;\n}\nbutton.toggle-note:not([disabled]):hover {\n  color: #275937;\n  text-decoration: underline;\n  text-underline-position: under;\n}\nbutton.toggle-note:not([disabled]):active {\n  color: #173521;\n}\nbutton.toggle-note.dso-align {\n  line-height: calc(1.5em - 1px);\n  padding-block: 11px;\n  padding-inline: 0;\n  position: relative;\n}\nbutton.toggle-note.dso-truncate {\n  max-inline-size: 100%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\nbutton.toggle-note.dso-spinner-left::before {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  block-size: 24px;\n  vertical-align: middle;\n  inline-size: 24px;\n  margin-inline-end: 8px;\n}\nbutton.toggle-note.dso-spinner-right::after {\n  background-image: url(\"data:image/svg+xml,%3Csvg class='spinner' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E .spinner %7B animation: rotator 8s linear infinite; transform-origin: center; %7D @keyframes rotator %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D .path %7B stroke-dasharray: 265; stroke-dashoffset: 0; transform-origin: center; stroke: %2339870c; animation: dash 2s ease-in-out infinite; %7D @keyframes dash %7B 0%25 %7B stroke-dashoffset: 265; %7D 50%25 %7B stroke-dashoffset: 65; transform:rotate(90deg); %7D 100%25 %7B stroke-dashoffset: 265; transform:rotate(360deg); %7D %3C/style%3E%3Ccircle class='path' fill='none' stroke-width='10' stroke-linecap='butt' cx='50' cy='50' r='45'%3E%3C/circle%3E%3C/svg%3E\");\n  background-repeat: no-repeat;\n  content: \"\";\n  display: inline-block;\n  block-size: 24px;\n  vertical-align: middle;\n  inline-size: 24px;\n  margin-inline-start: 8px;\n}\nbutton.toggle-note dso-icon + span:not(.sr-only),\nbutton.toggle-note svg.di + span:not(.sr-only),\nbutton.toggle-note span:not(.sr-only) + dso-icon,\nbutton.toggle-note span:not(.sr-only) + svg.di {\n  margin-inline-start: 8px;\n}\nbutton.toggle-note svg.di.di-chevron-down + span:not(.sr-only),\nbutton.toggle-note svg.di.di-chevron-up + span:not(.sr-only),\nbutton.toggle-note span:not(.sr-only) + svg.di.di-chevron-down,\nbutton.toggle-note span:not(.sr-only) + svg.di.di-chevron-up {\n  margin-inline-start: 4px;\n}\nbutton.toggle-note dso-icon[icon=chevron-left] + span:not(.sr-only),\nbutton.toggle-note dso-icon[icon=chevron-right] + span:not(.sr-only),\nbutton.toggle-note svg.di.di-angle-down + span:not(.sr-only),\nbutton.toggle-note svg.di.di-angle-up + span:not(.sr-only),\nbutton.toggle-note span:not(.sr-only) + svg.di.di-angle-down,\nbutton.toggle-note span:not(.sr-only) + svg.di.di-angle-up,\nbutton.toggle-note span:not(.sr-only) + dso-icon[icon=chevron-left],\nbutton.toggle-note span:not(.sr-only) + dso-icon[icon=chevron-right] {\n  margin-inline-start: 0;\n}\nbutton.toggle-note dso-icon,\nbutton.toggle-note svg.di,\nbutton.toggle-note span {\n  vertical-align: middle;\n}\n\nspan[role=section],\nspan[role=paragraph] {\n  display: block;\n}\n\n:host(:not([inline])) .fallback {\n  display: block;\n}\n\na {\n  background-color: transparent;\n  color: var(--link-color);\n  text-decoration: underline;\n  text-underline-offset: 15%;\n}\na:hover, a:focus-visible {\n  color: var(--link-hover-color);\n  text-decoration: underline;\n}\na:active {\n  text-decoration: none;\n}\na :is(dso-icon, svg.di) + span,\na span + :is(dso-icon, svg.di) {\n  margin-inline-start: 8px;\n}\na:visited {\n  color: var(--link-visited-color);\n}\n\n.od-Term {\n  font-weight: 700;\n}\n\n.od-Definitie,\n.od-Tussenkop {\n  font-style: italic;\n}\n\n.od-Inhoud,\n.od-Inhoud > .od-Lijst,\n.od-IntIoRef,\n.od-Lidnr,\n.od-LiNr,\n.od-Opschrift,\n.od-Tussenkop {\n  display: inline;\n}\n\n.od-Al {\n  margin-block-end: 0.75em;\n}\n\n.od-IntIoRef {\n  border-block-end: 1px dotted;\n}\n\n.dso-ozon-bron {\n  font-style: italic;\n  font-size: 0.75rem;\n}\n\n.dso-ozon-figuur {\n  text-align: var(--_dso-ozon-content-illustratie-uitlijning);\n  margin-block-end: 8px;\n}\n.dso-ozon-figuur .figuur-bijschrift {\n  display: block;\n  font-size: 0.75rem;\n  font-style: italic;\n}\n.dso-ozon-figuur.bijschrift-boven .figuur-bijschrift {\n  padding-block-end: 0.25rem;\n}\n.dso-ozon-figuur.bijschrift-onder .figuur-bijschrift {\n  padding-block-start: 0.25rem;\n}\n.dso-ozon-figuur .figuur-titel {\n  color: #8b4a6a;\n  display: block;\n  font-weight: 500;\n  padding-block-end: 0.5rem;\n}\n.dso-ozon-figuur > dso-image-overlay {\n  inline-size: var(--_dso-ozon-content-illustratie-width);\n  block-size: auto;\n  max-block-size: 200vh;\n  aspect-ratio: var(--_dso-ozon-content-illustratie-aspect-ratio);\n}\n.dso-ozon-figuur > dso-image-overlay img {\n  block-size: 100%;\n  inline-size: 100%;\n}\n\n.dso-ozon-lijst span.od-Lijstaanhef,\n.dso-ozon-lijst span.od-Lijstsluiting {\n  margin-block-end: 8px;\n}\n.dso-ozon-lijst ul {\n  margin-block-end: 8px !important;\n  margin-block-start: 8px;\n}\n.dso-ozon-lijst ul p {\n  margin-block-end: 8px;\n}\n.dso-ozon-lijst ul.expliciet {\n  list-style: none;\n}\n.dso-ozon-lijst ul.expliciet > .od-Li {\n  position: relative;\n}\n.dso-ozon-lijst ul.expliciet > .od-Li > span.od-LiNummer {\n  position: absolute;\n  inset-inline-start: -44px;\n  text-align: end;\n  inline-size: 40px;\n}\n.dso-ozon-lijst p {\n  margin: 0;\n}\n\n.od-Tabel thead {\n  font-weight: 600;\n}\n\n.od-Kadertekst {\n  border: 1px solid #e5e5e5;\n  margin-block-end: 8px;\n  padding: 8px;\n}\n\np.editaction-add,\nspan[role=paragraph].editaction-add,\n.dso-ozon-lijst.editaction-add,\n.dso-ozon-lijst > ul > li.editaction-add,\ntable.editaction-add {\n  --link-color: currentColor;\n  --link-hover-color: currentColor;\n  --link-visited-color: currentColor;\n  background-color: #e4f1d4;\n  border-color: #e4f1d4;\n  color: #191919;\n}\np.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible),\nspan[role=paragraph].editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible),\n.dso-ozon-lijst.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible),\n.dso-ozon-lijst > ul > li.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible),\ntable.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {\n  background-image: var(--_dso-di-background-image, url(\"./di.svg#download-zwart\"));\n}\np.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible),\nspan[role=paragraph].editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible),\n.dso-ozon-lijst.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible),\n.dso-ozon-lijst > ul > li.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible),\ntable.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {\n  background-image: var(--_dso-di-background-image, url(\"./di.svg#external-link-zwart\"));\n}\np.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"tel:\"], [href^=\"tel:\"]:hover, [href^=\"tel:\"]:focus-visible),\nspan[role=paragraph].editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"tel:\"], [href^=\"tel:\"]:hover, [href^=\"tel:\"]:focus-visible),\n.dso-ozon-lijst.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"tel:\"], [href^=\"tel:\"]:hover, [href^=\"tel:\"]:focus-visible),\n.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),\ntable.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"tel:\"], [href^=\"tel:\"]:hover, [href^=\"tel:\"]:focus-visible) {\n  background-image: var(--_dso-di-background-image, url(\"./di.svg#call-zwart\"));\n}\np.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"mailto:\"], [href^=\"mailto:\"]:hover, [href^=\"mailto:\"]:focus-visible),\nspan[role=paragraph].editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"mailto:\"], [href^=\"mailto:\"]:hover, [href^=\"mailto:\"]:focus-visible),\n.dso-ozon-lijst.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"mailto:\"], [href^=\"mailto:\"]:hover, [href^=\"mailto:\"]:focus-visible),\n.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),\ntable.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"mailto:\"], [href^=\"mailto:\"]:hover, [href^=\"mailto:\"]:focus-visible) {\n  background-image: var(--_dso-di-background-image, url(\"./di.svg#email-zwart\"));\n}\np.editaction-add,\nspan[role=paragraph].editaction-add,\n.dso-ozon-lijst.editaction-add,\n.dso-ozon-lijst > ul > li.editaction-add,\ntable.editaction-add {\n  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.25);\n}\np.editaction-remove,\nspan[role=paragraph].editaction-remove,\n.dso-ozon-lijst.editaction-remove,\n.dso-ozon-lijst > ul > li.editaction-remove,\ntable.editaction-remove {\n  --link-color: currentColor;\n  --link-hover-color: currentColor;\n  --link-visited-color: currentColor;\n  background-color: #f5d8dc;\n  border-color: #f5d8dc;\n  color: #191919;\n}\np.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible),\nspan[role=paragraph].editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible),\n.dso-ozon-lijst.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible),\n.dso-ozon-lijst > ul > li.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible),\ntable.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {\n  background-image: var(--_dso-di-background-image, url(\"./di.svg#download-zwart\"));\n}\np.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible),\nspan[role=paragraph].editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible),\n.dso-ozon-lijst.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible),\n.dso-ozon-lijst > ul > li.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible),\ntable.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {\n  background-image: var(--_dso-di-background-image, url(\"./di.svg#external-link-zwart\"));\n}\np.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"tel:\"], [href^=\"tel:\"]:hover, [href^=\"tel:\"]:focus-visible),\nspan[role=paragraph].editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"tel:\"], [href^=\"tel:\"]:hover, [href^=\"tel:\"]:focus-visible),\n.dso-ozon-lijst.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"tel:\"], [href^=\"tel:\"]:hover, [href^=\"tel:\"]:focus-visible),\n.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),\ntable.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"tel:\"], [href^=\"tel:\"]:hover, [href^=\"tel:\"]:focus-visible) {\n  background-image: var(--_dso-di-background-image, url(\"./di.svg#call-zwart\"));\n}\np.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"mailto:\"], [href^=\"mailto:\"]:hover, [href^=\"mailto:\"]:focus-visible),\nspan[role=paragraph].editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"mailto:\"], [href^=\"mailto:\"]:hover, [href^=\"mailto:\"]:focus-visible),\n.dso-ozon-lijst.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"mailto:\"], [href^=\"mailto:\"]:hover, [href^=\"mailto:\"]:focus-visible),\n.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),\ntable.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"mailto:\"], [href^=\"mailto:\"]:hover, [href^=\"mailto:\"]:focus-visible) {\n  background-image: var(--_dso-di-background-image, url(\"./di.svg#email-zwart\"));\n}\np.editaction-remove,\nspan[role=paragraph].editaction-remove,\n.dso-ozon-lijst.editaction-remove,\n.dso-ozon-lijst > ul > li.editaction-remove,\ntable.editaction-remove {\n  text-decoration: line-through;\n}\n@media screen and (min--moz-device-pixel-ratio: 0) {\n  p.editaction-remove,\n  span[role=paragraph].editaction-remove,\n  .dso-ozon-lijst.editaction-remove,\n  .dso-ozon-lijst > ul > li.editaction-remove,\n  table.editaction-remove {\n    font-family: sans-serif;\n  }\n}\n\nins {\n  text-decoration: none;\n}\nins.new-text {\n  --link-color: currentColor;\n  --link-hover-color: currentColor;\n  --link-visited-color: currentColor;\n  background-color: #e4f1d4;\n  border-color: #e4f1d4;\n  color: #191919;\n}\nins.new-text a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {\n  background-image: var(--_dso-di-background-image, url(\"./di.svg#download-zwart\"));\n}\nins.new-text a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {\n  background-image: var(--_dso-di-background-image, url(\"./di.svg#external-link-zwart\"));\n}\nins.new-text a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"tel:\"], [href^=\"tel:\"]:hover, [href^=\"tel:\"]:focus-visible) {\n  background-image: var(--_dso-di-background-image, url(\"./di.svg#call-zwart\"));\n}\nins.new-text a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"mailto:\"], [href^=\"mailto:\"]:hover, [href^=\"mailto:\"]:focus-visible) {\n  background-image: var(--_dso-di-background-image, url(\"./di.svg#email-zwart\"));\n}\nins.new-text {\n  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.25);\n}\nins.editaction-add {\n  display: inline-block;\n  margin-block-end: 8px;\n  padding: 8px;\n}\nins.editaction-add {\n  --link-color: currentColor;\n  --link-hover-color: currentColor;\n  --link-visited-color: currentColor;\n  background-color: #e4f1d4;\n  border-color: #e4f1d4;\n  color: #191919;\n}\nins.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {\n  background-image: var(--_dso-di-background-image, url(\"./di.svg#download-zwart\"));\n}\nins.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {\n  background-image: var(--_dso-di-background-image, url(\"./di.svg#external-link-zwart\"));\n}\nins.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"tel:\"], [href^=\"tel:\"]:hover, [href^=\"tel:\"]:focus-visible) {\n  background-image: var(--_dso-di-background-image, url(\"./di.svg#call-zwart\"));\n}\nins.editaction-add a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"mailto:\"], [href^=\"mailto:\"]:hover, [href^=\"mailto:\"]:focus-visible) {\n  background-image: var(--_dso-di-background-image, url(\"./di.svg#email-zwart\"));\n}\nins.editaction-add {\n  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.25);\n}\nins.editaction-add p:last-child {\n  margin: 0;\n}\n\ndel.removed-text {\n  --link-color: currentColor;\n  --link-hover-color: currentColor;\n  --link-visited-color: currentColor;\n  background-color: #f5d8dc;\n  border-color: #f5d8dc;\n  color: #191919;\n}\ndel.removed-text a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {\n  background-image: var(--_dso-di-background-image, url(\"./di.svg#download-zwart\"));\n}\ndel.removed-text a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {\n  background-image: var(--_dso-di-background-image, url(\"./di.svg#external-link-zwart\"));\n}\ndel.removed-text a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"tel:\"], [href^=\"tel:\"]:hover, [href^=\"tel:\"]:focus-visible) {\n  background-image: var(--_dso-di-background-image, url(\"./di.svg#call-zwart\"));\n}\ndel.removed-text a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"mailto:\"], [href^=\"mailto:\"]:hover, [href^=\"mailto:\"]:focus-visible) {\n  background-image: var(--_dso-di-background-image, url(\"./di.svg#email-zwart\"));\n}\ndel.removed-text {\n  text-decoration: line-through;\n}\n@media screen and (min--moz-device-pixel-ratio: 0) {\n  del.removed-text {\n    font-family: sans-serif;\n  }\n}\ndel.editaction-remove {\n  display: inline-block;\n  margin-block-end: 8px;\n  padding: 8px;\n}\ndel.editaction-remove {\n  --link-color: currentColor;\n  --link-hover-color: currentColor;\n  --link-visited-color: currentColor;\n  background-color: #f5d8dc;\n  border-color: #f5d8dc;\n  color: #191919;\n}\ndel.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.download, .download:hover, .download:focus-visible) {\n  background-image: var(--_dso-di-background-image, url(\"./di.svg#download-zwart\"));\n}\ndel.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is(.extern, .extern:hover, .extern:focus-visible) {\n  background-image: var(--_dso-di-background-image, url(\"./di.svg#external-link-zwart\"));\n}\ndel.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"tel:\"], [href^=\"tel:\"]:hover, [href^=\"tel:\"]:focus-visible) {\n  background-image: var(--_dso-di-background-image, url(\"./di.svg#call-zwart\"));\n}\ndel.editaction-remove a:not(.dso-primary, .dso-secondary, .dso-tertiary):is([href^=\"mailto:\"], [href^=\"mailto:\"]:hover, [href^=\"mailto:\"]:focus-visible) {\n  background-image: var(--_dso-di-background-image, url(\"./di.svg#email-zwart\"));\n}\ndel.editaction-remove {\n  text-decoration: line-through;\n}\n@media screen and (min--moz-device-pixel-ratio: 0) {\n  del.editaction-remove {\n    font-family: sans-serif;\n  }\n}\ndel.editaction-remove p:last-child {\n  margin: 0;\n}\n\n.editaction-label {\n  font-style: italic;\n}\n\n.dso-rich-content p {\n  margin-block: 0 var(--_dt-rich-content-margin-block, 16px);\n  margin-inline: 0;\n}\n.dso-rich-content ul,\n.dso-rich-content ol {\n  margin-block-end: 16px;\n}\n.dso-rich-content ul:not(.list-group):not(.dso-link-list):not(.dso-columns-list),\n.dso-rich-content ol:not(.list-group):not(.dso-link-list):not(.dso-columns-list) {\n  padding-inline-start: 24px;\n}\n.dso-rich-content ul ul,\n.dso-rich-content ul ol,\n.dso-rich-content ol ul,\n.dso-rich-content ol ol {\n  margin-block-end: 0;\n}\n.dso-rich-content pre {\n  margin-block: 0 16px;\n  margin-inline: 0;\n}\n.dso-rich-content blockquote {\n  padding-block: 16px;\n  padding-inline: 24px;\n}\n.dso-rich-content dso-highlight-box,\n.dso-rich-content .dso-highlight-box {\n  margin-block-end: 24px;\n}\n.dso-rich-content img {\n  block-size: auto;\n  max-inline-size: 100%;\n}\n\n.od-abbr {\n  text-decoration: underline dotted;\n}";
+
+const mapper = new Mapper();
+const OzonContent = /*@__PURE__*/ proxyCustomElement(class OzonContent extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.dsoAnchorClick = createEvent(this, "dsoAnchorClick", 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;
+        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,
+            emitAnchorClick: this.dsoAnchorClick.emit,
+            urlResolver: this.urlResolver,
+        };
+        const transformed = mapper.transform(this.content, context);
+        return h(Fragment, { key: '97ad445401c3fef6d312d2bbc82d9b926b58cf70' }, transformed);
+    }
+    static get watchers() { return {
+        "content": ["contentWatcher"]
+    }; }
+    static get style() { return ozonContentCss; }
+}, [1, "dso-ozon-content", {
+        "content": [1],
+        "inline": [516],
+        "mark": [16],
+        "urlResolver": [16, "url-resolver"],
+        "state": [32]
+    }, undefined, {
+        "content": ["contentWatcher"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["dso-ozon-content", "dso-icon", "dso-image-overlay", "dso-table", "dso-tooltip"];
+    components.forEach(tagName => { switch (tagName) {
+        case "dso-ozon-content":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, OzonContent);
+            }
+            break;
+        case "dso-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "dso-image-overlay":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "dso-table":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "dso-tooltip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+
+export { OzonContent as O, defineCustomElement as d };
+//# sourceMappingURL=p-Cs3phD9i.js.map
+
+//# sourceMappingURL=p-Cs3phD9i.js.map