@utrecht/web-component-library-stencil 1.0.0-alpha.39 → 1.0.0-alpha.390

package/dist/custom-elements/index.js

@@ -1,501 +0,0 @@
-import { attachShadow, h, proxyCustomElement } from '@stencil/core/internal/client';
-export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';
-
-const bemCss$g = ".utrecht-article{max-inline-size:var(--utrecht-article-max-inline-size)}";
-
-const Article = class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    attachShadow(this);
-  }
-  render() {
-    return (h("article", { class: "utrecht-article" }, h("slot", null)));
-  }
-  static get style() { return bemCss$g; }
-};
-
-const bemCss$f = ".utrecht-badge{background-color:var(--utrecht-badge-background-color, black);border-radius:var(--utrecht-badge-border-radius, 0.5ch);color:var(--utrecht-badge-color, white);display:inline-block;font-family:var(--utrecht-document-font-family, sans-serif);font-style:normal;font-weight:var(--utrecht-badge-font-weight, bold);padding-block-end:var(--utrecht-badge-padding-block, 0.5ex);padding-block-start:var(--utrecht-badge-padding-block, 0.5ex);padding-inline-end:var(--utrecht-badge-padding-inline, 0.5ch);padding-inline-start:var(--utrecht-badge-padding-inline, 0.5ch);text-decoration:none;}.utrecht-badge-counter{background-color:var(--utrecht-badge-counter-background-color, var(--utrecht-badge-background-color, black));border-radius:var(--utrecht-badge-counter-border-radius, var(--utrecht-badge-border-radius, 0.5ch));color:var(--utrecht-badge-counter-color, var(--utrecht-badge-color, white));display:inline-block;font-family:var(--utrecht-document-font-family, sans-serif);font-style:normal;font-weight:var(--utrecht-badge-counter-font-weight, var(--utrecht-badge-font-weight, bold));padding-block-end:var(--utrecht-badge-counter-padding-block, var(--utrecht-badge-padding-block, 0.5ex));padding-block-start:var(--utrecht-badge-counter-padding-block, var(--utrecht-badge-padding-block, 0.5ex));padding-inline-end:var(--utrecht-badge-counter-padding-inline, var(--utrecht-badge-padding-inline, 0.5ch));padding-inline-start:var(--utrecht-badge-counter-padding-inline, var(--utrecht-badge-padding-inline, 0.5ch));text-decoration:none;}";
-
-const BadgeCounter = class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    attachShadow(this);
-  }
-  render() {
-    const { locale, max, value } = this;
-    const limited = typeof max === "number" && typeof value === "number" && Number(value) > Number(max);
-    const formatNumber = (n) => (locale ? Intl.NumberFormat(locale).format(n) : String(n));
-    const textContent = limited ? `${formatNumber(max)}+` : typeof value === "number" ? formatNumber(value) : "";
-    return h("div", { class: "utrecht-badge-counter" }, textContent ? textContent : h("slot", null));
-  }
-  static get style() { return bemCss$f; }
-};
-
-const bemCss$e = ".utrecht-badge,.utrecht-badge-data{background-color:var(--utrecht-badge-background-color, black);border-radius:var(--utrecht-badge-border-radius, 0.5ch);color:var(--utrecht-badge-color, white);display:inline-block;font-family:var(--utrecht-document-font-family, sans-serif);font-style:normal;font-weight:var(--utrecht-badge-font-weight, bold);padding-block-end:var(--utrecht-badge-padding-block, 0.5ex);padding-block-start:var(--utrecht-badge-padding-block, 0.5ex);padding-inline-end:var(--utrecht-badge-padding-inline, 0.5ch);padding-inline-start:var(--utrecht-badge-padding-inline, 0.5ch);text-decoration:none;}.utrecht-badge-data{letter-spacing:var(--utrecht-badge-data-letter-spacing, inherit);text-transform:var(--utrecht-badge-data-text-transform, inherit)}";
-
-const BadgeData = class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    attachShadow(this);
-  }
-  render() {
-    return (h("div", { class: "utrecht-badge-data" }, h("slot", null)));
-  }
-  static get style() { return bemCss$e; }
-};
-
-const bemCss$d = ".utrecht-badge,.utrecht-badge-status{background-color:var(--utrecht-badge-background-color, black);border-radius:var(--utrecht-badge-border-radius, 0.5ch);color:var(--utrecht-badge-color, white);display:inline-block;font-family:var(--utrecht-document-font-family, sans-serif);font-style:normal;font-weight:var(--utrecht-badge-font-weight, bold);padding-block-end:var(--utrecht-badge-padding-block, 0.5ex);padding-block-start:var(--utrecht-badge-padding-block, 0.5ex);padding-inline-end:var(--utrecht-badge-padding-inline, 0.5ch);padding-inline-start:var(--utrecht-badge-padding-inline, 0.5ch);text-decoration:none;}.utrecht-badge-status{letter-spacing:var(--utrecht-badge-status-letter-spacing, inherit);text-transform:var(--utrecht-badge-status-text-transform, inherit)}.utrecht-badge-status--danger{background-color:var(--utrecht-feedback-danger-fill-background-color, red);color:var(--utrecht-feedback-danger-fill-color, white)}.utrecht-badge-status--warning{background-color:var(--utrecht-feedback-warning-fill-background-color, #ffa600);color:var(--utrecht-feedback-warning-fill-color, white)}.utrecht-badge-status--safe{background-color:var(--utrecht-feedback-safe-fill-background-color, green);color:var(--utrecht-feedback-safe-fill-color, white)}.utrecht-badge-status--valid{background-color:var(--utrecht-feedback-valid-fill-background-color, var(--utrecht-feedback-safe-fill-background-color, red));color:var(--utrecht-feedback-valid-fill-color, var(--utrecht-feedback-safe-fill-color, white))}.utrecht-badge-status--invalid{background-color:var(--utrecht-feedback-invalid-fill-background-color, var(--utrecht-feedback-danger-fill-background-color, #ffa600));color:var(--utrecht-feedback-invalid-fill-color, var(--utrecht-feedback-danger-fill-color, white))}.utrecht-badge-status--error{background-color:var(--utrecht-feedback-error-fill-background-color, var(--utrecht-feedback-danger-fill-background-color, #ffa600));color:var(--utrecht-feedback-error-fill-color, var(--utrecht-feedback-danger-fill-color, white))}.utrecht-badge-status--success{background-color:var(--utrecht-feedback-success-fill-background-color, var(--utrecht-feedback-safe-fill-background-color, #ffa600));color:var(--utrecht-feedback-success-fill-color, var(--utrecht-feedback-safe-fill-color, white))}.utrecht-badge-status--active{background-color:var(--utrecht-feedback-active-fill-background-color, var(--utrecht-feedback-safe-fill-background-color, #ffa600));color:var(--utrecht-feedback-active-fill-color, var(--utrecht-feedback-safe-fill-color, white))}.utrecht-badge-status--inactive{background-color:var(--utrecht-feedback-inactive-fill-background-color, var(--utrecht-feedback-danger-fill-background-color, #ffa600));color:var(--utrecht-feedback-inactive-fill-color, var(--utrecht-feedback-danger-fill-color, white))}";
-
-const BadgeStatus = class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    attachShadow(this);
-  }
-  render() {
-    return (h("div", { class: `utrecht-badge-status utrecht-badge-status--${this.status}` }, h("slot", null)));
-  }
-  static get style() { return bemCss$d; }
-};
-
-function toVal(mix) {
-	var k, y, str='';
-
-	if (typeof mix === 'string' || typeof mix === 'number') {
-		str += mix;
-	} else if (typeof mix === 'object') {
-		if (Array.isArray(mix)) {
-			for (k=0; k < mix.length; k++) {
-				if (mix[k]) {
-					if (y = toVal(mix[k])) {
-						str && (str += ' ');
-						str += y;
-					}
-				}
-			}
-		} else {
-			for (k in mix) {
-				if (mix[k]) {
-					str && (str += ' ');
-					str += k;
-				}
-			}
-		}
-	}
-
-	return str;
-}
-
-function clsx () {
-	var i=0, tmp, x, str='';
-	while (i < arguments.length) {
-		if (tmp = arguments[i++]) {
-			if (x = toVal(tmp)) {
-				str && (str += ' ');
-				str += x;
-			}
-		}
-	}
-	return str;
-}
-
-const stencilCss$6 = ".utrecht-breadcrumb{--utrecht-focus-background-color:var(--utrecht-breadcrumb-link-focus-background-color);--utrecht-link-background-color:var(--utrecht-breadcrumb-link-background-color);--utrecht-link-color:var(--utrecht-breadcrumb-link-color);--utrecht-link-focus-color:var(--utrecht-breadcrumb-link-focus-color, var(--utrecht-breadcrumb-link-color));--utrecht-link-focus-text-decoration:var(--utrecht-link-text-decoration);--utrecht-link-hover-color:var(--utrecht-breadcrumb-link-color);--utrecht-link-hover-text-decoration:var(--utrecht-link-text-decoration);--utrecht-link-visited-color:var(--utrecht-breadcrumb-link-color);--utrecht-link-visited-text-decoration:var(--utrecht-link-text-decoration);font-size:var(--utrecht-breadcrumb-font-size);font-family:var(--utrecht-document-font-family, inherit);text-transform:var(--utrecht-document-text-transform, inherit)}.utrecht-breadcrumb__list{display:flex;block-size:var(--utrecht-breadcrumb-block-size)}ol.utrecht-breadcrumb__list{list-style:none;margin-block-start:0;margin-block-end:0;padding-inline-start:0}.utrecht-breadcrumb__item{block-size:100%}.utrecht-breadcrumb__item~.utrecht-breadcrumb__item{margin-inline-start:var(--utrecht-breadcrumb-item-divider-inline-size)}.utrecht-breadcrumb__link{background-color:var(--utrecht-breadcrumb-link-background-color);padding-block-start:var(--utrecht-breadcrumb-item-padding-block-start, 8px);padding-block-end:var(--utrecht-breadcrumb-item-padding-block-end, 8px);padding-inline-start:var(--utrecht-breadcrumb-item-padding-inline-start, 8px);padding-inline-end:var(--utrecht-breadcrumb-item-padding-inline-end, 8px);display:block}.utrecht-breadcrumb--arrows{--utrecht-breadcrumb-arrow-size:24px;overflow:hidden}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__item~.utrecht-breadcrumb__item .utrecht-breadcrumb__link{padding-inline-start:calc( var(--utrecht-breadcrumb-item-padding-inline-start) + var(--utrecht-breadcrumb-arrow-size) )}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link{position:relative;padding-inline-end:0}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link::after,.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link::before{border-block-end-width:var(--utrecht-breadcrumb-block-size);border-block-start-width:var(--utrecht-breadcrumb-block-size);border-color:transparent;border-style:solid;content:\" \";display:block;height:0;left:100%;margin-block-start:calc(-1 * var(--utrecht-breadcrumb-block-size));position:absolute;top:50%;width:0}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link::after{border-inline-start-color:var(--utrecht-breadcrumb-link-background-color);border-inline-start-width:var(--utrecht-breadcrumb-arrow-size);z-index:2}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link::before{border-inline-start-color:var(--utrecht-document-background-color);border-inline-start-width:var(--utrecht-breadcrumb-arrow-size);margin-block-start:calc(-1 * var(--utrecht-breadcrumb-block-size));margin-inline-start:1px;z-index:1}.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link--focus::after,.utrecht-breadcrumb--arrows .utrecht-breadcrumb__link:focus::after{border-inline-start-color:var(--utrecht-breadcrumb-link-focus-background-color)}.utrecht-link{text-decoration:var(--utrecht-link-text-decoration, underline);color:var(--utrecht-link-color, blue)}.utrecht-link:visited,.utrecht-link--visited{color:var(--utrecht-link-visited-color, var(--utrecht-link-color))}.utrecht-link:hover,.utrecht-link--hover{color:var(--utrecht-link-hover-color, var(--utrecht-link-color));text-decoration:var(--utrecht-link-hover-text-decoration, var(--utrecht-link-text-decoration, underline))}.utrecht-link:active,.utrecht-link--active{color:var(--utrecht-link-active-color, var(--utrecht-link-color))}.utrecht-link:focus,.utrecht-link--focus{color:var(--utrecht-link-focus-color, var(--utrecht-link-color));text-decoration:var(--utrecht-link-focus-text-decoration, var(--utrecht-link-text-decoration, underline));outline-width:var(--utrecht-focus-outline-width, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-color:var(--utrecht-focus-outline-color, transparent);color:var(--utrecht-focus-color, inherit);box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-offset:0;background-color:var(--utrecht-focus-background-color)}.utrecht-link--telephone{white-space:nowrap}";
-
-const Breadcrumb = class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    attachShadow(this);
-  }
-  render() {
-    const { json, variant } = this;
-    console.log(json);
-    const items = json ? JSON.parse(json) : [];
-    return (h("nav", { class: clsx("utrecht-breadcrumb", variant === "arrows" && "utrecht-breadcrumb--arrows") }, h("ol", { class: "utrecht-breadcrumb__list", itemscope: true, itemtype: "https://schema.org/BreadcrumbList" }, items.map(({ href, title, current }, index) => (h("li", { key: href, class: "utrecht-breadcrumb__item", itemscope: true, itemtype: "https://schema.org/ListItem", itemprop: "itemListElement" }, h("a", { class: clsx("utrecht-breadcrumb__link", "utrecht-link", current && "utrecht-link--current"), href: href, "aria-current": current ? "location" : null, itemprop: "item" }, h("span", { class: "utrecht-breadcrumb__text", itemprop: "name" }, title), h("meta", { itemprop: "position", content: index + 1 }))))))));
-  }
-  static get style() { return stencilCss$6; }
-};
-
-const bemCss$c = ".utrecht-button{color:var(--utrecht-button-primary-action-color);font-size:var(--utrecht-button-font-size, var(--utrecht-document-font-family));font-family:var(--utrecht-button-font-family, var(--utrecht-document-font-family));font-weight:var(--utrecht-button-font-weight);background-color:var(--utrecht-button-primary-action-background-color);border-radius:var(--utrecht-button-border-radius);border-width:var(--utrecht-button-border-width);letter-spacing:var(--utrecht-button-letter-spacing);padding-inline-start:var(--utrecht-button-padding-inline-start);padding-inline-end:var(--utrecht-button-padding-inline-end);padding-block-start:var(--utrecht-button-padding-block-start);padding-block-end:var(--utrecht-button-padding-block-end);text-transform:var(--utrecht-button-text-transform)}.utrecht-button--distanced{margin-inline-start:var(--utrecht-button-margin-inline-start);margin-inline-end:var(--utrecht-button-margin-inline-end);margin-block-start:var(--utrecht-button-margin-block-start);margin-block-end:var(--utrecht-button-margin-block-end)}.utrecht-button:disabled,.utrecht-button--disabled{color:var(--utrecht-button-disabled-color);background-color:var(--utrecht-button-disabled-background-color)}.utrecht-button--focus,.utrecht-button:not(.utrecht-button--disabled):focus{outline-width:var(--utrecht-focus-outline-width, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-color:var(--utrecht-focus-outline-color, transparent);color:var(--utrecht-focus-color, inherit);box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-offset:0;background-color:var(--utrecht-focus-background-color)}.utrecht-button--hover:not(:disabled),.utrecht-button:hover:not(:disabled):not(.utrecht-button--disabled){color:var(--utrecht-button-primary-action-color);background-color:var(--utrecht-button-primary-action-hover-background-color);transform:scale(var(--utrecht-button-focus-transform-scale, 1))}";
-
-const Button = class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    attachShadow(this);
-  }
-  render() {
-    return (h("button", { class: clsx("utrecht-button", this.disabled && "utrecht-button--disabled"), disabled: this.disabled }, h("slot", null)));
-  }
-  static get style() { return bemCss$c; }
-};
-
-const bemCss$b = ".utrecht-document{background-color:var(--utrecht-document-background-color, inherit);color:var(--utrecht-document-color, inherit);font-family:var(--utrecht-document-font-family, inherit);font-size:var(--utrecht-document-font-size, inherit);line-height:var(--utrecht-document-line-height, inherit)}";
-
-const Document = class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    attachShadow(this);
-  }
-  render() {
-    return (h("div", { class: "utrecht-document" }, h("slot", null)));
-  }
-  static get style() { return bemCss$b; }
-};
-
-const stencilCss$5 = ".utrecht-heading-1{font-family:var(--utrecht-heading-1-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-1-font-size);font-weight:var(--utrecht-heading-1-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-1-letter-spacing);line-height:var(--utrecht-heading-1-line-height);text-transform:var(--utrecht-heading-1-text-transform, inherit);color:var(--utrecht-heading-1-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)))}.utrecht-heading-1--distanced{margin-block-start:var(--utrecht-heading-1-margin-block-start);margin-block-end:var(--utrecht-heading-1-margin-block-end)}.utrecht-heading-2{font-family:var(--utrecht-heading-2-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-2-font-size);font-weight:var(--utrecht-heading-2-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-2-letter-spacing);line-height:var(--utrecht-heading-2-line-height);text-transform:var(--utrecht-heading-2-text-transform, inherit);color:var(--utrecht-heading-2-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)))}.utrecht-heading-2--distanced{margin-block-start:var(--utrecht-heading-2-margin-block-start);margin-block-end:var(--utrecht-heading-2-margin-block-end)}.utrecht-heading-3{font-family:var(--utrecht-heading-3-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-3-font-size);font-weight:var(--utrecht-heading-3-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-3-letter-spacing);line-height:var(--utrecht-heading-3-line-height);text-transform:var(--utrecht-heading-3-text-transform, inherit);color:var(--utrecht-heading-3-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)))}.utrecht-heading-3--distanced{margin-block-start:var(--utrecht-heading-3-margin-block-start);margin-block-end:var(--utrecht-heading-3-margin-block-end)}.utrecht-heading-4{font-family:var(--utrecht-heading-4-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-4-font-size);font-weight:var(--utrecht-heading-4-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-4-letter-spacing);line-height:var(--utrecht-heading-4-line-height);text-transform:var(--utrecht-heading-4-text-transform, inherit);color:var(--utrecht-heading-4-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)))}.utrecht-heading-4--distanced{margin-block-start:var(--utrecht-heading-4-margin-block-start);margin-block-end:var(--utrecht-heading-4-margin-block-end)}.utrecht-heading-5{font-family:var(--utrecht-heading-5-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-5-font-size);font-weight:var(--utrecht-heading-5-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-5-letter-spacing);line-height:var(--utrecht-heading-5-line-height);text-transform:var(--utrecht-heading-5-text-transform, inherit);color:var(--utrecht-heading-5-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)))}.utrecht-heading-5--distanced{margin-block-start:var(--utrecht-heading-5-margin-block-start);margin-block-end:var(--utrecht-heading-5-margin-block-end)}.utrecht-heading-6{font-family:var(--utrecht-heading-6-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-6-font-size);font-weight:var(--utrecht-heading-6-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-6-letter-spacing);line-height:var(--utrecht-heading-6-line-height);text-transform:var(--utrecht-heading-6-text-transform, inherit);color:var(--utrecht-heading-6-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)))}.utrecht-heading-6--distanced{margin-block-start:var(--utrecht-heading-6-margin-block-start);margin-block-end:var(--utrecht-heading-6-margin-block-end)}";
-
-const Heading = class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    attachShadow(this);
-  }
-  render() {
-    if (this.level === 1) {
-      return (h("h1", { class: "utrecht-heading-1" }, h("slot", null)));
-    }
-    else if (this.level === 2) {
-      return (h("h2", { class: "utrecht-heading-2" }, h("slot", null)));
-    }
-    else if (this.level === 3) {
-      return (h("h3", { class: "utrecht-heading-3" }, h("slot", null)));
-    }
-    else if (this.level === 4) {
-      return (h("h4", { class: "utrecht-heading-4" }, h("slot", null)));
-    }
-    else if (this.level === 5) {
-      return (h("h5", { class: "utrecht-heading-5" }, h("slot", null)));
-    }
-    else if (this.level === 6) {
-      return (h("h6", { class: "utrecht-heading-6" }, h("slot", null)));
-    }
-    else {
-      return (h("div", { class: "utrecht-heading", role: "heading", "aria-level": this.level }, h("slot", null)));
-    }
-  }
-  static get style() { return stencilCss$5; }
-};
-
-const bemCss$a = ".utrecht-heading-1{font-family:var(\n    --utrecht-heading-1-font-family,\n    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))\n  );font-size:var(--utrecht-heading-1-font-size);font-weight:var(--utrecht-heading-1-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-1-letter-spacing);line-height:var(--utrecht-heading-1-line-height);text-transform:var(--utrecht-heading-1-text-transform, inherit);color:var(--utrecht-heading-1-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)))}.utrecht-heading-1--distanced{margin-block-start:var(--utrecht-heading-1-margin-block-start);margin-block-end:var(--utrecht-heading-1-margin-block-end)}";
-
-const Heading1 = class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    attachShadow(this);
-  }
-  render() {
-    return (h("h1", { class: "utrecht-heading-1" }, h("slot", null)));
-  }
-  static get style() { return bemCss$a; }
-};
-
-const bemCss$9 = ".utrecht-heading-2{font-family:var(\n    --utrecht-heading-2-font-family,\n    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))\n  );font-size:var(--utrecht-heading-2-font-size);font-weight:var(--utrecht-heading-2-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-2-letter-spacing);line-height:var(--utrecht-heading-2-line-height);text-transform:var(--utrecht-heading-2-text-transform, inherit);color:var(--utrecht-heading-2-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)))}.utrecht-heading-2--distanced{margin-block-start:var(--utrecht-heading-2-margin-block-start);margin-block-end:var(--utrecht-heading-2-margin-block-end)}";
-
-const Heading2 = class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    attachShadow(this);
-  }
-  render() {
-    return (h("h2", { class: "utrecht-heading-2" }, h("slot", null)));
-  }
-  static get style() { return bemCss$9; }
-};
-
-const bemCss$8 = ".utrecht-heading-3{font-family:var(\n    --utrecht-heading-3-font-family,\n    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))\n  );font-size:var(--utrecht-heading-3-font-size);font-weight:var(--utrecht-heading-3-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-3-letter-spacing);line-height:var(--utrecht-heading-3-line-height);text-transform:var(--utrecht-heading-3-text-transform, inherit);color:var(--utrecht-heading-3-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)))}.utrecht-heading-3--distanced{margin-block-start:var(--utrecht-heading-3-margin-block-start);margin-block-end:var(--utrecht-heading-3-margin-block-end)}";
-
-const Heading3 = class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    attachShadow(this);
-  }
-  render() {
-    return (h("h3", { class: "utrecht-heading-3" }, h("slot", null)));
-  }
-  static get style() { return bemCss$8; }
-};
-
-const bemCss$7 = ".utrecht-heading-4{font-family:var(\n    --utrecht-heading-4-font-family,\n    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))\n  );font-size:var(--utrecht-heading-4-font-size);font-weight:var(--utrecht-heading-4-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-4-letter-spacing);line-height:var(--utrecht-heading-4-line-height);text-transform:var(--utrecht-heading-4-text-transform, inherit);color:var(--utrecht-heading-4-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)))}.utrecht-heading-4--distanced{margin-block-start:var(--utrecht-heading-4-margin-block-start);margin-block-end:var(--utrecht-heading-4-margin-block-end)}";
-
-const Heading4 = class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    attachShadow(this);
-  }
-  render() {
-    return (h("h4", { class: "utrecht-heading-4" }, h("slot", null)));
-  }
-  static get style() { return bemCss$7; }
-};
-
-const bemCss$6 = ".utrecht-heading-5{font-family:var(\n    --utrecht-heading-5-font-family,\n    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))\n  );font-size:var(--utrecht-heading-5-font-size);font-weight:var(--utrecht-heading-5-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-5-letter-spacing);line-height:var(--utrecht-heading-5-line-height);text-transform:var(--utrecht-heading-5-text-transform, inherit);color:var(--utrecht-heading-5-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)))}.utrecht-heading-5--distanced{margin-block-start:var(--utrecht-heading-5-margin-block-start);margin-block-end:var(--utrecht-heading-5-margin-block-end)}";
-
-const Heading5 = class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    attachShadow(this);
-  }
-  render() {
-    return (h("h5", { class: "utrecht-heading-5" }, h("slot", null)));
-  }
-  static get style() { return bemCss$6; }
-};
-
-const bemCss$5 = ".utrecht-heading-6{font-family:var(\n    --utrecht-heading-6-font-family,\n    var(--utrecht-heading-font-family, var(--utrecht-document-font-family))\n  );font-size:var(--utrecht-heading-6-font-size);font-weight:var(--utrecht-heading-6-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-6-letter-spacing);line-height:var(--utrecht-heading-6-line-height);text-transform:var(--utrecht-heading-6-text-transform, inherit);color:var(--utrecht-heading-6-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)))}.utrecht-heading-6--distanced{margin-block-start:var(--utrecht-heading-6-margin-block-start);margin-block-end:var(--utrecht-heading-6-margin-block-end)}";
-
-const Heading6 = class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    attachShadow(this);
-  }
-  render() {
-    return (h("h6", { class: "utrecht-heading-6" }, h("slot", null)));
-  }
-  static get style() { return bemCss$5; }
-};
-
-const htmlCss = "@charset \"UTF-8\";.utrecht-article,.utrecht-html article{max-inline-size:var(--utrecht-article-max-inline-size)}.utrecht-blockquote,.utrecht-html blockquote{font-family:var(--utrecht-document-font-family);font-size:var(--utrecht-blockquote-font-size);margin-inline-start:var(--utrecht-blockquote-margin-inline-start);margin-inline-end:var(--utrecht-blockquote-margin-inline-end)}.utrecht-blockquote__attribution{color:var(--utrecht-blockquote-attribution-color, inherit);font-size:var(--utrecht-blockquote-attribution-font-size, inherit)}.utrecht-blockquote__content,.utrecht-html blockquote{--utrecht-document-color:var(--utrecht-blockquote-content-color, inherit);--utrecht-paragraph-font-size:var(--utrecht-blockquote-content-font-size, inherit);color:var(--utrecht-blockquote-content-color, inherit);font-size:var(--utrecht-blockquote-content-font-size, inherit)}.utrecht-blockquote--distanced,.utrecht-html blockquote{margin-block-start:var(--utrecht-blockquote-margin-block-start);margin-block-end:var(--utrecht-blockquote-margin-block-end)}.utrecht-button,.utrecht-html button{color:var(--utrecht-button-primary-action-color);font-size:var(--utrecht-button-font-size, var(--utrecht-document-font-family));font-family:var(--utrecht-button-font-family, var(--utrecht-document-font-family));font-weight:var(--utrecht-button-font-weight);background-color:var(--utrecht-button-primary-action-background-color);border-radius:var(--utrecht-button-border-radius);border-width:var(--utrecht-button-border-width);letter-spacing:var(--utrecht-button-letter-spacing);padding-inline-start:var(--utrecht-button-padding-inline-start);padding-inline-end:var(--utrecht-button-padding-inline-end);padding-block-start:var(--utrecht-button-padding-block-start);padding-block-end:var(--utrecht-button-padding-block-end);text-transform:var(--utrecht-button-text-transform)}.utrecht-button--distanced,.utrecht-html button{margin-inline-start:var(--utrecht-button-margin-inline-start);margin-inline-end:var(--utrecht-button-margin-inline-end);margin-block-start:var(--utrecht-button-margin-block-start);margin-block-end:var(--utrecht-button-margin-block-end)}.utrecht-button:disabled,.utrecht-html button:disabled,.utrecht-button--disabled{color:var(--utrecht-button-disabled-color);background-color:var(--utrecht-button-disabled-background-color)}.utrecht-button--focus,.utrecht-html button:focus,.utrecht-button:not(.utrecht-button--disabled):focus{outline-width:var(--utrecht-focus-outline-width, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-color:var(--utrecht-focus-outline-color, transparent);color:var(--utrecht-focus-color, inherit);box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-offset:0;background-color:var(--utrecht-focus-background-color)}.utrecht-button--hover:not(:disabled),.utrecht-html button:not(:disabled):hover,.utrecht-button:hover:not(:disabled):not(.utrecht-button--disabled){color:var(--utrecht-button-primary-action-color);background-color:var(--utrecht-button-primary-action-hover-background-color);transform:scale(var(--utrecht-button-focus-transform-scale, 1))}.utrecht-checkbox,.utrecht-html input[type=checkbox]{margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0}.utrecht-emphasis--stressed,.utrecht-html em{font-style:var(--utrecht-emphasis-stressed-font-style, italic)}.utrecht-emphasis--strong,.utrecht-html strong{font-weight:var(--utrecht-emphasis-strong-font-weight, bold)}.utrecht-form-fieldset--distanced,.utrecht-html fieldset{margin-block-start:var(--utrecht-form-fieldset-margin-block-start, 0);margin-block-end:var(--utrecht-form-fieldset-margin-block-end, 0)}.utrecht-form-fieldset__legend,.utrecht-html legend{font-family:var(--utrecht-form-fieldset-legend-font-family, var(--utrecht-document-font-family));font-size:var(--utrecht-form-fieldset-legend-font-size);font-weight:var(--utrecht-form-fieldset-legend-font-weight);line-height:var(--utrecht-form-fieldset-legend-line-height);color:var(--utrecht-form-fieldset-legend-color, var(--utrecht-document-color, inherit))}.utrecht-form-fieldset__legend--distanced,.utrecht-html legend{margin-block-start:var(--utrecht-form-fieldset-legend-margin-block-start);margin-block-end:var(--utrecht-form-fieldset-legend-margin-block-end)}.utrecht-html fieldset{border:0;margin:0;min-width:0;padding-block-end:0;padding-block-start:0.01em;padding-inline-end:0;padding-inline-start:0}.utrecht-html legend{padding-inline-end:0;padding-inline-start:0}.utrecht-form-label,.utrecht-html label{font-weight:var(--utrecht-form-label-font-weight);font-size:var(--utrecht-form-label-font-size)}.utrecht-form-label--checkbox,.utrecht-html input[type=checkbox]~label{font-weight:var(--utrecht-form-label-checkbox-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-form-label--radio,.utrecht-html input[type=radio]~label{font-weight:var(--utrecht-form-label-radio-font-weight, var(--utrecht-form-label-font-weight))}.utrecht-heading-1,.utrecht-html h1{font-family:var(--utrecht-heading-1-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-1-font-size);font-weight:var(--utrecht-heading-1-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-1-letter-spacing);line-height:var(--utrecht-heading-1-line-height);text-transform:var(--utrecht-heading-1-text-transform, inherit);color:var(--utrecht-heading-1-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)))}.utrecht-heading-1--distanced,.utrecht-html h1{margin-block-start:var(--utrecht-heading-1-margin-block-start);margin-block-end:var(--utrecht-heading-1-margin-block-end)}.utrecht-heading-2,.utrecht-html h2{font-family:var(--utrecht-heading-2-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-2-font-size);font-weight:var(--utrecht-heading-2-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-2-letter-spacing);line-height:var(--utrecht-heading-2-line-height);text-transform:var(--utrecht-heading-2-text-transform, inherit);color:var(--utrecht-heading-2-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)))}.utrecht-heading-2--distanced,.utrecht-html h2{margin-block-start:var(--utrecht-heading-2-margin-block-start);margin-block-end:var(--utrecht-heading-2-margin-block-end)}.utrecht-heading-3,.utrecht-html h3{font-family:var(--utrecht-heading-3-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-3-font-size);font-weight:var(--utrecht-heading-3-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-3-letter-spacing);line-height:var(--utrecht-heading-3-line-height);text-transform:var(--utrecht-heading-3-text-transform, inherit);color:var(--utrecht-heading-3-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)))}.utrecht-heading-3--distanced,.utrecht-html h3{margin-block-start:var(--utrecht-heading-3-margin-block-start);margin-block-end:var(--utrecht-heading-3-margin-block-end)}.utrecht-heading-4,.utrecht-html h4{font-family:var(--utrecht-heading-4-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-4-font-size);font-weight:var(--utrecht-heading-4-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-4-letter-spacing);line-height:var(--utrecht-heading-4-line-height);text-transform:var(--utrecht-heading-4-text-transform, inherit);color:var(--utrecht-heading-4-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)))}.utrecht-heading-4--distanced,.utrecht-html h4{margin-block-start:var(--utrecht-heading-4-margin-block-start);margin-block-end:var(--utrecht-heading-4-margin-block-end)}.utrecht-heading-5,.utrecht-html h5{font-family:var(--utrecht-heading-5-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-5-font-size);font-weight:var(--utrecht-heading-5-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-5-letter-spacing);line-height:var(--utrecht-heading-5-line-height);text-transform:var(--utrecht-heading-5-text-transform, inherit);color:var(--utrecht-heading-5-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)))}.utrecht-heading-5--distanced,.utrecht-html h5{margin-block-start:var(--utrecht-heading-5-margin-block-start);margin-block-end:var(--utrecht-heading-5-margin-block-end)}.utrecht-heading-6,.utrecht-html h6{font-family:var(--utrecht-heading-6-font-family, var(--utrecht-heading-font-family, var(--utrecht-document-font-family)));font-size:var(--utrecht-heading-6-font-size);font-weight:var(--utrecht-heading-6-font-weight, var(--utrecht-heading-font-weight, bold));letter-spacing:var(--utrecht-heading-6-letter-spacing);line-height:var(--utrecht-heading-6-line-height);text-transform:var(--utrecht-heading-6-text-transform, inherit);color:var(--utrecht-heading-6-color, var(--utrecht-heading-color, var(--utrecht-document-color, inherit)))}.utrecht-heading-6--distanced,.utrecht-html h6{margin-block-start:var(--utrecht-heading-6-margin-block-start);margin-block-end:var(--utrecht-heading-6-margin-block-end)}.utrecht-link,.utrecht-html a:link{text-decoration:var(--utrecht-link-text-decoration, underline);color:var(--utrecht-link-color, blue)}.utrecht-link:visited,.utrecht-link--visited,.utrecht-html a:visited{color:var(--utrecht-link-visited-color, var(--utrecht-link-color))}.utrecht-link:hover,.utrecht-link--hover,.utrecht-html a:hover{color:var(--utrecht-link-hover-color, var(--utrecht-link-color));text-decoration:var(--utrecht-link-hover-text-decoration, var(--utrecht-link-text-decoration, underline))}.utrecht-link:active,.utrecht-link--active,.utrecht-html a:active{color:var(--utrecht-link-active-color, var(--utrecht-link-color))}.utrecht-link:focus,.utrecht-link--focus,.utrecht-html a:focus{color:var(--utrecht-link-focus-color, var(--utrecht-link-color));text-decoration:var(--utrecht-link-focus-text-decoration, var(--utrecht-link-text-decoration, underline));outline-width:var(--utrecht-focus-outline-width, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-color:var(--utrecht-focus-outline-color, transparent);color:var(--utrecht-focus-color, inherit);box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-offset:0;background-color:var(--utrecht-focus-background-color)}.utrecht-link--telephone,.utrecht-html a[href^=\"tel:\" i]{white-space:nowrap}.utrecht-ordered-list,.utrecht-html ol{font-family:var(--utrecht-document-font-family, inherit)}.utrecht-ordered-list--distanced,.utrecht-html ol{margin-block-end:var(--utrecht-ordered-list-margin-block-end);margin-block-start:var(--utrecht-ordered-list-margin-block-start)}.utrecht-ordered-list__item,.utrecht-html ol>li{margin-block-end:var(--utrecht-ordered-list-item-margin-block-end);margin-block-start:var(--utrecht-ordered-list-item-margin-block-start)}.utrecht-paragraph,.utrecht-html p{color:var(--utrecht-document-color, inherit);font-family:var(--utrecht-paragraph-font-family, var(--utrecht-document-font-family, inherit));font-size:var(--utrecht-paragraph-font-size, var(--utrecht-document-font-size, inherit));font-weight:var(--utrecht-paragraph-font-weight, inherit);line-height:var(--utrecht-paragraph-line-height, var(--utrecht-document-line-height, inherit))}.utrecht-paragraph--lead,.utrecht-html p.lead{font-size:var(--utrecht-paragraph-lead-font-size, inherit);font-weight:var(--utrecht-paragraph-lead-font-weight, inherit);line-height:var(--utrecht-paragraph-lead-line-height, inherit)}.utrecht-paragraph--distanced,.utrecht-html *~p{margin-block-start:var(--utrecht-paragraph-margin-block-start);margin-block-end:var(--utrecht-paragraph-margin-block-end)}.utrecht-radio-button,.utrecht-html input[type=radio]{margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0}.utrecht-separator,.utrecht-html hr{border-style:solid;border-color:var(--utrecht-separator-color);border-width:0 0 var(--utrecht-separator-width) 0;margin-block-start:var(--utrecht-separator-margin-block-start);margin-block-end:var(--utrecht-separator-margin-block-end)}.utrecht-table,.utrecht-html table{border-collapse:collapse;width:100%}.utrecht-table--distanced,.utrecht-html table{margin-block-end:var(--utrecht-table-margin-block-end);margin-block-start:var(--utrecht-table-margin-block-start)}.utrecht-table__caption,.utrecht-html caption{font-weight:var(--utrecht-table-caption-font-weight);font-family:var(--utrecht-table-caption-font-family);font-size:var(--utrecht-table-caption-font-size);color:var(--utrecht-table-caption-color);line-height:var(--utrecht-table-caption-line-height);margin-block-end:var(--utrecht-table-caption-margin-block-end);text-align:var(--utrecht-table-caption-text-align, center)}.utrecht-table__header,.utrecht-html thead{font-weight:var(--utrecht-table-header-font-weight);color:var(--utrecht-table-header-color);text-transform:var(--utrecht-table-header-text-transform);vertical-align:bottom}.utrecht-table__cell--last-header-row,.utrecht-html thead tr:last-child th{border-block-end-style:solid;border-block-end-color:var(--utrecht-table-header-border-block-end-color, transparent);border-block-end-width:var(--utrecht-table-header-border-block-end-width, 0)}.utrecht-table__body,.utrecht-html tbody{vertical-align:baseline}.utrecht-table__heading,.utrecht-html th{font-weight:var(--utrecht-table-heading-font-weight);color:var(--utrecht-table-heading-color);text-transform:var(--utrecht-table-heading-text-transform)}.utrecht-table__cell,.utrecht-html th,.utrecht-html td{border-block-end-style:solid;border-block-end-color:var(--utrecht-table-row-border-block-end-color, transparent);border-block-end-width:var(--utrecht-table-row-border-block-end-width, 0);line-height:var(--utrecht-table-cell-line-height, inherit);padding-inline-start:var(--utrecht-table-cell-padding-inline-start, 0);padding-inline-end:var(--utrecht-table-cell-padding-inline-end, 0);padding-block-start:var(--utrecht-table-cell-padding-block-start, 0);padding-block-end:var(--utrecht-table-cell-padding-block-end, 0);text-align:start}.utrecht-table__cell--first,.utrecht-html td:first-child,.utrecht-html th:first-child{padding-inline-start:var(--utrecht-table-row-padding-inline-start, var(--utrecht-table-cell-padding-inline-start, 0))}.utrecht-table__cell--last,.utrecht-html td:last-child,.utrecht-html th:last-child{padding-inline-end:var(--utrecht-table-row-padding-inline-end, var(--utrecht-table-cell-padding-inline-end, 0))}.utrecht-table__cell--numeric,.utrecht-html th.numeric,.utrecht-html td.numeric{text-align:right}.utrecht-table__row--alternate-odd,.utrecht-html table.alternate-row-color>tr:nth-child(odd)>td,.utrecht-html table.alternate-row-color>tr:nth-child(odd)>th,.utrecht-html table.alternate-row-color>tbody>tr:nth-child(odd)>td,.utrecht-html table.alternate-row-color>tbody>tr:nth-child(odd)>th{background-color:var(--utrecht-table-row-alternate-odd-background-color);color:var(--utrecht-table-row-alternate-odd-color)}.utrecht-table__row--alternate-even,.utrecht-html table.alternate-row-color>tr:nth-child(even)>td,.utrecht-html table.alternate-row-color>tr:nth-child(even)>th,.utrecht-html table.alternate-row-color>tbody>tr:nth-child(even)>td,.utrecht-html table.alternate-row-color>tbody>tr:nth-child(even)>th{background-color:var(--utrecht-table-row-alternate-even-background-color);color:var(--utrecht-table-row-alternate-even-color)}.utrecht-textarea,.utrecht-html textarea{border-width:var(--utrecht-textarea-border-width);border-bottom-width:var(--utrecht-textarea-border-bottom-width, var(--utrecht-textarea-border-width));border-color:var(--utrecht-textarea-border-color);border-radius:var(--utrecht-textarea-border-radius, 0);border-style:solid;color:var(--utrecht-textarea-color);font-family:var(--utrecht-textarea-font-family);font-size:var(--utrecht-textarea-font-size, 1em);max-width:var(--utrecht-textarea-max-width);padding-block-end:var(--utrecht-textarea-padding-block-end);padding-block-start:var(--utrecht-textarea-padding-block-start);padding-inline-end:var(--utrecht-textarea-padding-inline-end);padding-inline-start:var(--utrecht-textarea-padding-inline-start);width:100%}.utrecht-textarea--invalid,.utrecht-textarea--html-textarea:invalid,.utrecht-html textarea:invalid,.utrecht-textarea--html-textarea[aria-invalid=true],.utrecht-html textarea[aria-invalid=true]{border-color:var(--utrecht-textarea-invalid-border-color);border-width:var(--utrecht-textarea-invalid-border-width)}.utrecht-textarea--disabled,.utrecht-textarea--html-textarea:disabled,.utrecht-html textarea:disabled{border-color:var(--utrecht-textarea-disabled-border-color);color:var(--utrecht-textarea-disabled-color)}.utrecht-textarea--focus,.utrecht-textarea--html-textarea:focus,.utrecht-html textarea:focus{outline-width:var(--utrecht-focus-outline-width, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-color:var(--utrecht-focus-outline-color, transparent);color:var(--utrecht-focus-color, inherit);box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-offset:0;background-color:var(--utrecht-focus-background-color)}.utrecht-textarea--read-only,.utrecht-textarea--html-textarea:read-only,.utrecht-html textarea:read-only{border-color:var(--utrecht-textarea-read-only-border-color);color:var(--utrecht-textarea-read-only-color)}.utrecht-textbox,.utrecht-html input[type=text],.utrecht-html input[type=email],.utrecht-html input[type=search],.utrecht-html input[type=tel],.utrecht-html input[type=url]{border-width:var(--utrecht-textbox-border-width);border-bottom-width:var(--utrecht-textbox-border-bottom-width, var(--utrecht-textbox-border-width));border-color:var(--utrecht-textbox-border-color);border-radius:var(--utrecht-textbox-border-radius, 0);border-style:solid;color:var(--utrecht-textbox-color);font-family:var(--utrecht-textbox-font-family);font-size:var(--utrecht-textbox-font-size, 1em);max-width:var(--utrecht-textbox-max-width);padding-block-end:var(--utrecht-textbox-padding-block-end);padding-block-start:var(--utrecht-textbox-padding-block-start);padding-inline-end:var(--utrecht-textbox-padding-inline-end);padding-inline-start:var(--utrecht-textbox-padding-inline-start);box-sizing:border-box;width:100%}.utrecht-textbox--invalid,.utrecht-textbox--html-input:invalid,.utrecht-html input[type=text]:invalid,.utrecht-html input[type=email]:invalid,.utrecht-html input[type=search]:invalid,.utrecht-html input[type=tel]:invalid,.utrecht-html input[type=url]:invalid,.utrecht-textbox--html-input[aria-invalid=true],.utrecht-html input[aria-invalid=true][type=text],.utrecht-html input[aria-invalid=true][type=email],.utrecht-html input[aria-invalid=true][type=search],.utrecht-html input[aria-invalid=true][type=tel],.utrecht-html input[aria-invalid=true][type=url]{border-color:var(--utrecht-textbox-invalid-border-color);border-width:var(--utrecht-textbox-invalid-border-width)}.utrecht-textbox--disabled,.utrecht-textbox--html-input:disabled,.utrecht-html input[type=text]:disabled,.utrecht-html input[type=email]:disabled,.utrecht-html input[type=search]:disabled,.utrecht-html input[type=tel]:disabled,.utrecht-html input[type=url]:disabled{border-color:var(--utrecht-textbox-disabled-border-color);color:var(--utrecht-textbox-disabled-color)}.utrecht-textbox--focus,.utrecht-textbox--html-input:focus,.utrecht-html input[type=text]:focus,.utrecht-html input[type=email]:focus,.utrecht-html input[type=search]:focus,.utrecht-html input[type=tel]:focus,.utrecht-html input[type=url]:focus{outline-width:var(--utrecht-focus-outline-width, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-color:var(--utrecht-focus-outline-color, transparent);color:var(--utrecht-focus-color, inherit);box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-offset:0;background-color:var(--utrecht-focus-background-color)}.utrecht-textbox--read-only,.utrecht-textbox--html-input:read-only,.utrecht-html input[type=text]:read-only,.utrecht-html input[type=email]:read-only,.utrecht-html input[type=search]:read-only,.utrecht-html input[type=tel]:read-only,.utrecht-html input[type=url]:read-only{border-color:var(--utrecht-textbox-read-only-border-color);color:var(--utrecht-textbox-read-only-color)}.utrecht-unordered-list,.utrecht-html ul{font-family:var(--utrecht-document-font-family, inherit);font-size:var(--utrecht-document-font-size, inherit);line-height:var(--utrecht-document-line-height, inherit);padding-inline-start:2ch}.utrecht-unordered-list--distanced,.utrecht-html ul{margin-block-start:var(--utrecht-unordered-list-margin-block-start, var(--utrecht-paragraph-margin-block-start));margin-block-end:var(--utrecht-unordered-list-margin-block-end, var(--utrecht-paragraph-margin-block-end))}.utrecht-unordered-list--nested{margin-inline-start:2ch;margin-block-end:0}.utrecht-unordered-list__item,.utrecht-html ul>li{padding-inline-start:1ch;margin-block-start:var(--utrecht-unordered-list-item-margin-block-start);margin-block-end:var(--utrecht-unordered-list-item-margin-block-end)}.utrecht-unordered-list__item::marker,.utrecht-html ul>li::marker,.utrecht-unordered-list__marker{color:var(--utrecht-unordered-list-marker-color);content:\"●\"}";
-
-const HTMLContent = class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-  }
-  render() {
-    return (h("div", { class: "utrecht-html" }, h("slot", null)));
-  }
-  static get style() { return htmlCss; }
-};
-
-const stencilCss$4 = "svg{width:var(--utrecht-icon-size, 100%);height:var(--utrecht-icon-size, 100%);color:var(--utrecht-icon-color, var(--utrecht-document-color, currentColor))}";
-
-const IconFacebook = class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    attachShadow(this);
-  }
-  render() {
-    return (h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "0 0 38 38" }, h("title", null, "Facebook"), h("g", null, h("path", { fill: "currentColor", d: "M25.868,20.809l0.687-5.323h-5.271v-3.398c0-1.541,0.43-2.592,2.641-2.592h2.815v-4.76 c-0.487-0.065-2.158-0.209-4.107-0.209c-4.065,0-6.845,2.481-6.845,7.037v3.925h-4.597v5.322h4.597v13.658h5.494V20.811h4.585 L25.868,20.809L25.868,20.809z" }))));
-  }
-  static get style() { return stencilCss$4; }
-};
-
-const stencilCss$3 = "svg{width:var(--utrecht-icon-size, 100%);height:var(--utrecht-icon-size, 100%);color:var(--utrecht-icon-color, var(--utrecht-document-color, currentColor))}";
-
-const IconInstagram = class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    attachShadow(this);
-  }
-  render() {
-    return (h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "-7 -7 42 42" }, h("title", null, "Instagram"), h("g", null, h("path", { "fill-rule": "nonzero", fill: "currentColor", d: "M13.4773109,2.42977292 C17.0848739,2.42977292 17.5159664,2.45248108 18.9226891,2.49789739 C20.2386555,2.56602187 20.9420168,2.77039529 21.4184874,2.95206056 C22.0537815,3.20185029 22.507563,3.49705635 22.9613445,3.95121951 C23.4378151,4.42809083 23.7327731,4.88225399 23.9596639,5.49537426 C24.1411765,5.97224558 24.3680672,6.67619849 24.4134454,7.99327166 C24.4815126,9.42388562 24.4815126,9.83263246 24.4815126,13.4432296 C24.4815126,17.0538267 24.4588235,17.4852817 24.4134454,18.8931876 C24.3453782,20.2102607 24.1411765,20.9142136 23.9596639,21.3910849 C23.710084,22.0269134 23.4151261,22.4810765 22.9613445,22.9352397 C22.4848739,23.412111 22.0310924,23.7073171 21.4184874,23.9343987 C20.9420168,24.1160639 20.2386555,24.3431455 18.9226891,24.3885618 C17.4932773,24.4566863 17.0848739,24.4566863 13.4773109,24.4566863 C9.8697479,24.4566863 9.43865546,24.4339781 8.03193277,24.3885618 C6.71596639,24.3204373 6.01260504,24.1160639 5.53613445,23.9343987 C4.90084034,23.6846089 4.44705882,23.3894029 3.99327731,22.9352397 C3.51680672,22.4583684 3.22184874,22.0042052 2.99495798,21.3910849 C2.81344538,20.9142136 2.58655462,20.2102607 2.54117647,18.8931876 C2.47310924,17.4625736 2.47310924,17.0538267 2.47310924,13.4432296 C2.47310924,9.83263246 2.49579832,9.40117746 2.54117647,7.99327166 C2.6092437,6.67619849 2.81344538,5.97224558 2.99495798,5.49537426 C3.19915966,4.90496215 3.49411765,4.45079899 3.97058824,3.97392767 C4.44705882,3.49705635 4.90084034,3.20185029 5.51344538,2.97476871 C5.98991597,2.79310345 6.69327731,2.56602187 8.0092437,2.52060555 C9.43865546,2.42977292 9.8697479,2.42977292 13.4773109,2.42977292 Z M13.4773109,0 C9.82436975,0 9.34789916,0.0227081581 7.91848739,0.0908326325 C6.48907563,0.136248949 5.4907563,0.36333053 4.6512605,0.703952902 C3.76638655,1.04457527 2.99495798,1.49873844 2.24621849,2.24810765 C1.49747899,2.99747687 1.04369748,3.76955425 0.703361345,4.65517241 C0.36302521,5.49537426 0.136134454,6.49453322 0.0680672269,7.92514718 C0,9.35576114 0,9.83263246 0,13.4886459 C0,17.1446594 0.0226890756,17.6215307 0.0907563025,19.0521447 C0.158823529,20.4827586 0.385714286,21.4592094 0.72605042,22.3221194 C1.06638655,23.2077376 1.54285714,23.9571068 2.29159664,24.706476 C3.04033613,25.4558452 3.78907563,25.9100084 4.67394958,26.2733389 C5.53613445,26.6139613 6.51176471,26.8410429 7.94117647,26.9091674 C9.37058824,26.9772918 9.84705882,27 13.5,27 C17.1529412,27 17.6294118,26.9772918 19.0588235,26.9091674 C20.4882353,26.8410429 21.4638655,26.6139613 22.3260504,26.2733389 C23.2109244,25.9327166 23.9596639,25.4558452 24.7084034,24.706476 C25.4571429,23.9571068 25.9109244,23.2077376 26.2739496,22.3221194 C26.6142857,21.4592094 26.8411765,20.4827586 26.9092437,19.0521447 C26.9773109,17.6215307 27,17.1446594 27,13.4886459 C27,9.83263246 26.9773109,9.35576114 26.9092437,7.92514718 C26.8411765,6.49453322 26.6142857,5.51808242 26.2739496,4.65517241 C25.9336134,3.76955425 25.4571429,3.02018503 24.7084034,2.27081581 C23.9596639,1.52144659 23.2109244,1.06728343 22.3260504,0.703952902 C21.4638655,0.36333053 20.4882353,0.136248949 19.0588235,0.0681244743 C17.6067227,0 17.1302521,0 13.4773109,0 Z" }), h("path", { "fill-rule": "nonzero", fill: "currentColor", d: "M14,7 C10.1213115,7 7,10.1442623 7,14 C7,17.8786885 10.1442623,21 14,21 C17.8557377,21 21,17.8557377 21,14 C21,10.1213115 17.8786885,7 14,7 Z M14,18.5442623 C11.4983607,18.5442623 9.4557377,16.5016393 9.4557377,14 C9.4557377,11.4983607 11.4983607,9.4557377 14,9.4557377 C16.5016393,9.4557377 18.5442623,11.4983607 18.5442623,14 C18.5442623,16.5016393 16.5016393,18.5442623 14,18.5442623 Z" }), h("circle", { fill: "currentColor", cx: "21", cy: "6", r: "2" }))));
-  }
-  static get style() { return stencilCss$3; }
-};
-
-const stencilCss$2 = "svg{width:var(--utrecht-icon-size, 100%);height:var(--utrecht-icon-size, 100%);color:var(--utrecht-icon-color, var(--utrecht-document-color, currentColor))}";
-
-const IconLinkedin = class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    attachShadow(this);
-  }
-  render() {
-    return (h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "-8 -8 43 43" }, h("title", null, "LinkedIn"), h("g", null, h("path", { fill: "currentColor", "fill-rule": "nonzero", d: "M0.465517241,8.84482759 L6.05172414,8.84482759 L6.05172414,27 L0.465517241,27 L0.465517241,8.84482759 Z M3.25862069,0 C4.88793103,0 6.51724138,1.39655172 6.51724138,3.25862069 C6.51724138,5.12068966 4.88793103,6.51724138 3.25862069,6.51724138 C1.39655172,6.51724138 0,5.12068966 0,3.25862069 C0,1.39655172 1.39655172,0 3.25862069,0 Z" }), h("path", { fill: "currentColor", d: "M9.31034483,8.84482759 L14.7351724,8.84482759 L14.7351724,11.4051724 C15.4427586,10.0086207 17.3296552,8.37931034 20.16,8.37931034 C25.8206897,8.37931034 27,12.1034483 27,16.9913793 L27,27 L21.3393103,27 L21.3393103,18.1551724 C21.3393103,16.0603448 21.3393103,13.2672414 18.2731034,13.2672414 C15.2068966,13.2672414 14.9710345,15.5948276 14.9710345,17.9224138 L14.9710345,26.7672414 L9.31034483,26.7672414 L9.31034483,8.84482759 Z" }))));
-  }
-  static get style() { return stencilCss$2; }
-};
-
-const stencilCss$1 = "svg{width:var(--utrecht-icon-size, 100%);height:var(--utrecht-icon-size, 100%);color:var(--utrecht-icon-color, var(--utrecht-document-color, currentColor))}";
-
-const IconTwitter = class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    attachShadow(this);
-  }
-  render() {
-    return (h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "-2 -2 44 44" }, h("title", null, "Twitter"), h("g", null, h("path", { fill: "currentColor", d: "M33.096,11.147c-1.017,0.451-2.107,0.756-3.255,0.892c1.171-0.701,2.069-1.811,2.492-3.134 c-1.094,0.649-2.306,1.121-3.599,1.375c-1.032-1.102-2.506-1.79-4.135-1.79c-3.129,0-5.667,2.537-5.667,5.666 c0,0.445,0.049,0.876,0.146,1.291c-4.709-0.235-8.883-2.491-11.678-5.92c-0.487,0.838-0.767,1.811-0.767,2.85 c0,1.965,1,3.701,2.52,4.715c-0.928-0.028-1.802-0.285-2.566-0.708v0.071c0,2.744,1.954,5.034,4.544,5.556 c-0.474,0.13-0.976,0.2-1.493,0.2c-0.364,0-0.72-0.037-1.065-0.104c0.721,2.25,2.813,3.889,5.292,3.936 c-1.938,1.52-4.381,2.425-7.037,2.425c-0.457,0-0.907-0.026-1.35-0.079c2.507,1.606,5.485,2.545,8.687,2.545 c10.419,0,16.119-8.632,16.119-16.12c0-0.245-0.006-0.49-0.016-0.734C31.374,13.282,32.334,12.284,33.096,11.147z" }))));
-  }
-  static get style() { return stencilCss$1; }
-};
-
-const stencilCss = "svg{width:var(--utrecht-icon-size, 100%);height:var(--utrecht-icon-size, 100%);color:var(--utrecht-icon-color, var(--utrecht-document-color, currentColor))}";
-
-const IconWhatsapp = class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    attachShadow(this);
-  }
-  render() {
-    return (h("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "-1 -1 22 22" }, h("title", null, "WhatsApp"), h("g", null, h("path", { fill: "currentColor", d: "M15.6044722,4.1101875C14.1199846,2.6296256,12.1364012,1.8,10.0248451,1.8 c-4.3382888,0-7.8831434,3.5227177-7.8831434,7.8622961c0,1.3912182,0.358325,2.7313833,1.0493798,3.9311485 l-1.1133659,4.0715466l4.1719227-1.0976582c1.1517582,0.6254101,2.4442863,0.9572601,3.7624092,0.9572601l0,0 c4.3382883,0,7.8831434-3.5227184,7.8831434-7.8622971C17.9079876,7.581851,17.0889606,5.6035132,15.6044722,4.1101875z M10.0376415,16.2099552L10.0376415,16.2099552c-1.1773529,0-2.3291101-0.3190861-3.3400974-0.9062052l-0.2431493-0.140398     l-2.4826782,0.6509371l0.6654599-2.4122963l-0.1535673-0.2425051c-0.6526625-1.0338411-0.9981906-2.2463703-0.9981906-3.4716635     c0-3.599298,2.9433815-6.5348959,6.5522232-6.5348959c1.753231,0,3.3912878,0.6764636,4.6326265,1.9145205     s1.9195967,2.8717804,1.9195967,4.6203756C16.5770683,13.2743578,13.6464834,16.2099552,10.0376415,16.2099552z M13.6208887,11.3215475c-0.1919594-0.102107-1.1645555-0.5743561-1.3437176-0.6381731     c-0.179163-0.063818-0.3071356-0.102108-0.4479065,0.102107c-0.1279736,0.191452-0.5118923,0.6381741-0.6270685,0.7658091     c-0.1151752,0.127635-0.2303514,0.153161-0.4223108,0.051054c-0.1919594-0.102108-0.8318243-0.3063231-1.5868664-0.9700241     c-0.5758781-0.5360661-0.9725952-1.1742392-1.0877705-1.3784542c-0.1151757-0.191453-0.0127974-0.293561,0.0895805-0.395668     c0.0895815-0.089344,0.1919594-0.229743,0.2943382-0.344615c0.1023779-0.114871,0.1279736-0.1914511,0.1919584-0.3318501     c0.0767851-0.127634,0.038393-0.2425056-0.0127964-0.3446131C8.6171408,7.747776,8.2332211,6.7777524,8.0668554,6.3820848     C7.9132881,5.9991803,7.746923,6.0502348,7.6189494,6.0502348c-0.1151762,0-0.2431488-0.0127635-0.3711219-0.0127635     s-0.3455276,0.0510535-0.5246897,0.242506C6.5311785,6.4841924,6.032084,6.9564414,6.032084,7.926465     s0.7038522,1.9017563,0.8062305,2.0293922c0.1023784,0.127635,1.3821101,2.1187353,3.3656917,2.9611244     c0.4735012,0.204215,0.8318253,0.3190861,1.1261635,0.4084301c0.4735012,0.153162,0.895812,0.127635,1.2413397,0.076581     c0.3839197-0.051053,1.1645555-0.4722481,1.3309202-0.9317331c0.1663656-0.4594851,0.1663656-0.8551531,0.1151762-0.9317331     C13.953619,11.4619455,13.8256454,11.4108915,13.6208887,11.3215475z" }))));
-  }
-  static get style() { return stencilCss; }
-};
-
-const bemCss$4 = ".utrecht-page-footer{font-family:var(--utrecht-document-font-family);font-size:var(--utrecht-document-font-size);background-color:var(--utrecht-page-footer-background-color);background-image:var(--utrecht-page-footer-background-image);color:var(--utrecht-page-footer-color);padding-block-start:var(--utrecht-page-footer-padding-block-start);padding-inline-end:var(--utrecht-page-footer-padding-inline-end);padding-block-end:var(--utrecht-page-footer-padding-block-end);padding-inline-start:var(--utrecht-page-footer-padding-inline-start);--utrecht-document-color:currentColor;--utrecht-heading-color:currentColor;--utrecht-link-color:currentColor;--utrecht-link-focus-color:currentColor;--utrecht-link-hover-color:currentColor;--utrecht-link-active-color:currentColor;--utrecht-link-visited-color:currentColor}.utrecht-page-footer__address--reset-address{font-style:inherit;margin-block-start:0;margin-block-end:0}";
-
-const PageFooter = class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    attachShadow(this);
-  }
-  render() {
-    return (h("footer", { class: "utrecht-page-footer" }, h("slot", null)));
-  }
-  static get style() { return bemCss$4; }
-};
-
-const bemCss$3 = ".utrecht-pagination{font-size:var(--utrecht-pagination-font-size, var(--utrecht-document-font-family));font-family:var(--utrecht-pagination-font-family, var(--utrecht-document-font-family))}.utrecht-pagination--distanced{margin-block-start:var(--utrecht-pagination-margin-block-start);margin-block-end:var(--utrecht-pagination-margin-block-end)}.utrecht-pagination__relative-link{background-color:var(--utrecht-pagination-relative-link-background-color);border-color:var(--utrecht-pagination-relative-link-border-color);border-radius:var(--utrecht-pagination-relative-link-border-radius);border-style:solid;border-width:var(--utrecht-pagination-relative-link-border-width, 0);color:var(--utrecht-pagination-relative-link-color);display:inline-block;font-weight:var(--utrecht-pagination-relative-link-font-weight);padding-block-end:var(--utrecht-pagination-relative-link-padding-block-end);padding-block-start:var(--utrecht-pagination-relative-link-padding-block-start);padding-inline-end:var(--utrecht-pagination-relative-link-padding-inline-end);padding-inline-start:var(--utrecht-pagination-relative-link-padding-inline-start);text-decoration:var(--utrecht-pagination-relative-link-text-decoration);text-transform:var(--utrecht-pagination-relative-link-text-transform)}.utrecht-pagination__relative-link--next{margin-inline-start:var(--utrecht-pagination-relative-link-distanced-margin-inline-start)}.utrecht-pagination__relative-link--prev{margin-inline-end:var(--utrecht-pagination-relative-link-distanced-margin-inline-end)}.utrecht-pagination__relative-link--disabled{color:var(--utrecht-pagination-relative-link-disabled-color, var(--utrecht-pagination-relative-link-color));background-color:var(--utrecht-pagination-relative-link-disabled-background-color, var(--utrecht-pagination-relative-link-background-color))}.utrecht-pagination__relative-link--focus,.utrecht-pagination__relative-link:focus{outline-width:var(--utrecht-focus-outline-width, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-color:var(--utrecht-focus-outline-color, transparent);color:var(--utrecht-focus-color, inherit);box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-offset:0;background-color:var(--utrecht-focus-background-color)}.utrecht-pagination__relative-link--hover,.utrecht-pagination__relative-link:hover{color:var(--utrecht-pagination-relative-link-hover-color, var(--utrecht-pagination-relative-link-color));background-color:var(--utrecht-pagination-relative-link-hover-background-color, var(--utrecht-pagination-relative-link-background-color));border-color:var(--utrecht-pagination-relative-link-hover-border-color, var(--utrecht-pagination-relative-link-border-color))}.utrecht-pagination__page-link{display:inline-block;color:var(--utrecht-pagination-page-link-color);background-color:var(--utrecht-pagination-page-link-background-color);border-style:solid;border-radius:var(--utrecht-pagination-page-link-border-radius);border-width:var(--utrecht-pagination-page-link-border-width);border-color:var(--utrecht-pagination-page-link-border-color, 0);padding-inline-start:var(--utrecht-pagination-page-link-padding-inline-start);padding-inline-end:var(--utrecht-pagination-page-link-padding-inline-end);padding-block-start:var(--utrecht-pagination-page-link-padding-block-start);padding-block-end:var(--utrecht-pagination-page-link-padding-block-end);font-weight:var(--utrecht-pagination-page-link-font-weight);text-decoration:var(--utrecht-pagination-page-link-text-decoration)}.utrecht-pagination__page-link--current{color:var(--utrecht-pagination-page-link-current-color);background-color:var(--utrecht-pagination-page-link-current-background-color);border-color:var(--utrecht-pagination-page-link-current-border-color)}.utrecht-pagination__page-link--distanced,.utrecht-pagination__page-link~.utrecht-pagination__page-link{margin-inline-start:var(--utrecht-pagination-page-link-distanced-margin-inline-start)}.utrecht-pagination__page-link--hover,.utrecht-pagination__page-link:hover{color:var(--utrecht-pagination-page-link-hover-color, var(--utrecht-pagination-page-link-color));background-color:var(--utrecht-pagination-page-link-hover-background-color, var(--utrecht-pagination-page-link-background-color));border-color:var(--utrecht-pagination-page-link-hover-border-color, var(--utrecht-pagination-page-link-border-color))}.utrecht-pagination__page-link--focus,.utrecht-pagination__page-link:focus{outline-width:var(--utrecht-focus-outline-width, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-color:var(--utrecht-focus-outline-color, transparent);color:var(--utrecht-focus-color, inherit);box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-offset:0;background-color:var(--utrecht-focus-background-color)}";
-
-const Pagination = class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    attachShadow(this);
-  }
-  render() {
-    const { currentIndex } = this;
-    const links = typeof this.links === "string" ? JSON.parse(this.links) : null;
-    const next = typeof this.next === "string" ? JSON.parse(this.next) : null;
-    const prev = typeof this.prev === "string" ? JSON.parse(this.next) : null;
-    const RelativeLink = ({ disabled = false, href = "", rel = null, textContent = "", title = "" }) => disabled ? (h("span", { class: clsx("utrecht-pagination__relative-link", disabled && "utrecht-pagination__relative-link--disabled", rel === "next" && "utrecht-pagination__relative-link--next", rel === "prev" && "utrecht-pagination__relative-link--prev"), "aria-label": title || null }, textContent)) : (h("a", { href: href, class: clsx("utrecht-pagination__relative-link", disabled && "utrecht-pagination__relative-link--disabled", rel === "next" && "utrecht-pagination__relative-link--next", rel === "prev" && "utrecht-pagination__relative-link--prev"), rel: rel, "aria-label": title || null }, textContent));
-    const PageLink = ({ current = false, href = "", rel = null, textContent = "" }) => (h("a", { class: clsx("utrecht-pagination__page-link", current && "utrecht-pagination__page-link--current"), href: href, "aria-current": current ? "true" : null, rel: rel }, textContent));
-    return (h("nav", { class: "utrecht-pagination" }, h("span", { class: "utrecht-pagination__before" }, prev ? RelativeLink(Object.assign(Object.assign({}, prev), { rel: "prev", textContent: "Vorige" })) : ""), h("span", { role: "group", class: "utrecht-pagination__pages" }, links
-      .sort((a, b) => (a.index === b.index ? 0 : a.index > b.index ? 1 : -1))
-      .map((link, arrayIndex) => {
-      const index = typeof link.index === "number" ? link.index : arrayIndex;
-      return Object.assign({ index, current: typeof currentIndex === "number" && index === currentIndex, rel: typeof currentIndex === "number"
-          ? index === currentIndex + 1
-            ? "next"
-            : index === currentIndex - 1
-              ? "prev"
-              : null
-          : null, textContent: link.index || index }, link);
-    })
-      .map((link) => PageLink(link))), h("span", { class: "utrecht-pagination__before" }, next ? RelativeLink(Object.assign(Object.assign({}, next), { rel: "next", textContent: "Volgende" })) : "")));
-  }
-  static get style() { return bemCss$3; }
-};
-
-const bemCss$2 = ".utrecht-paragraph{color:var(--utrecht-document-color, inherit);font-family:var(--utrecht-paragraph-font-family, var(--utrecht-document-font-family, inherit));font-size:var(--utrecht-paragraph-font-size, var(--utrecht-document-font-size, inherit));font-weight:var(--utrecht-paragraph-font-weight, inherit);line-height:var(--utrecht-paragraph-line-height, var(--utrecht-document-line-height, inherit))}.utrecht-paragraph--lead{font-size:var(--utrecht-paragraph-lead-font-size, inherit);font-weight:var(--utrecht-paragraph-lead-font-weight, inherit);line-height:var(--utrecht-paragraph-lead-line-height, inherit)}.utrecht-paragraph--distanced{margin-block-start:var(--utrecht-paragraph-margin-block-start);margin-block-end:var(--utrecht-paragraph-margin-block-end)}";
-
-const Paragraph = class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    attachShadow(this);
-  }
-  render() {
-    return (h("div", { class: clsx("utrecht-paragraph", this.lead && "utrecht-paragraph--lead") }, h("slot", null)));
-  }
-  static get style() { return bemCss$2; }
-};
-
-const bemCss$1 = ".utrecht-separator{border-style:solid;border-color:var(--utrecht-separator-color);border-width:0 0 var(--utrecht-separator-width) 0;margin-block-start:var(--utrecht-separator-margin-block-start);margin-block-end:var(--utrecht-separator-margin-block-end)}";
-
-const Separator = class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    attachShadow(this);
-  }
-  render() {
-    return h("hr", { class: "utrecht-separator" });
-  }
-  static get style() { return bemCss$1; }
-};
-
-const bemCss = ".utrecht-navhtml{font-family:var(--utrecht-font-family-sans-serif)}.utrecht-sidenav{padding-block-start:0;padding-block-end:0;margin-block-start:0;margin-block-end:0;width:13rem;border-block-start:1px solid var(--utrecht-color-grey-80);border-block-end:1px solid var(--utrecht-color-grey-80)}.utrecht-sidenav__list{padding-block-start:0;padding-block-end:0;margin-block-start:0.2rem;margin-block-end:0;padding-inline-start:0}.utrecht-sidenav__list ul{padding-block-start:0;padding-block-end:0;margin-block-end:0;padding-inline-start:1.2rem}.utrecht-sidenav__item,.utrecht-sidenav__sibling__item{list-style:none;position:relative;margin-inline-start:0}.utrecht-sidenav__item:last-child{border-block-end:none}.utrecht-sidenav__item span:not(.utrecht-sidenav__item:last-child span,.utrecht-sidenav__item--has-children span:first-of-type){display:block;border-block-end:1px solid var(--utrecht-color-grey-80);margin-inline-start:var(--utrecht-space-inline-sm)}.utrecht-sidenav__item .utrecht-sidenav__link--has-children{padding-block-end:0}.utrecht-sidenav__child__item{list-style:none}.utrecht-sidenav__link,.utrecht-sidenav__link--sibling{display:block;color:var(--utrecht-sidenav-link-color, var(--utrecht-link-color, blue));padding-block-start:var(--utrecht-space-block-xs);padding-block-end:var(--utrecht-space-block-xs);padding-inline-start:var(--utrecht-space-inline-lg);padding-inline-end:var(--utrecht-space-inline-3xs);margin-inline-start:0;text-decoration:none}.utrecht-sidenav__link--child,.utrecht-sidenav__link--child--current{display:block;color:var(--utrecht-sidenav-link-color, var(--utrecht-link-color, blue));text-decoration:none;padding-block-start:var(--utrecht-space-block-2xs);padding-block-end:var(--utrecht-space-block-2xs);padding-inline-start:var(--utrecht-space-inline-lg);padding-inline-end:var(--utrecht-space-inline-3xs);margin-block-start:0;margin-block-end:0}.utrecht-sidenav__link::before,.utrecht-sidenav__link--sibling::before,.utrecht-sidenav__item:last-child .utrecht-sidenav__link--current::before{overflow:hidden;position:absolute;top:20px;transform:translateY(-50%) translateX(-2.5ch);content:\"\";width:8px;height:8px;border-radius:100%;z-index:10;box-shadow:0 0 2px 2px #fff;}.utrecht-sidenav__link::before,.utrecht-sidenav__link--sibling::before{background-color:var(--utrecht-sidenav-item-marker-color)}.utrecht-sidenav__link::before,.utrecht-sidenav__link--sibling::before{left:26px}.utrecht-sidenav__link--current::before{left:27px}.utrecht-sidenav__link:hover::before,.utrecht-sidenav__link--sibling:hover::before{background-color:var(--utrecht-sidenav-link-hover-color)}.utrecht-sidenav__item a:hover{color:var(--utrecht-sidenav-link-hover-color, var(--utrecht-link-hover-color, red));text-decoration:underline}.utrecht-sidenav__item--current{color:var(--utrecht-sidenav-item-hover-color, var(--utrecht-link-hover-color, red))}.utrecht-sidenav__link::after,.utrecht-sidenav__item:last-child .utrecht-sidenav__link::after{display:block;content:\"\";overflow:hidden;width:3px;background:var(--utrecht-sidenav-item-marker-color);position:absolute;left:3px;top:-22px;bottom:0;z-index:5}.utrecht-sidenav__item:last-child .utrecht-sidenav__link::after,.utrecht-sidenav__link--current::after,.utrecht-sidenav__item--has-children a::after{min-height:38px;height:calc(38px + 2px)}.utrecht-sidenav__item:first-child .utrecht-sidenav__link::after{content:\"\";display:none}.utrecht-sidenav__link--current,.utrecht-sidenav__link--child--current{font-weight:var(--utrecht-typography-weight-scale-bold-font-weight)}.utrecht-sidenav__list--child{margin-block-start:0;margin-block-end:0;padding-block-start:0;padding-block-end:0;padding-inline-start:1.4rem;padding-inline-end:0}.utrecht-sidenav__item--child{list-style:none;position:relative;border:none}.utrecht-sidenav__item--child:last-child{border:none}.utrecht-sidenav__link--child::before,.utrecht-sidenav__link--child--current::before{overflow:hidden;position:absolute;top:16px;left:1.2rem;transform:translateY(-50%) translateX(-19.5px);content:\"\";width:4px;height:4px;border-radius:100%;border:2px solid var(--utrecht-sidenav-link-color);z-index:10}.utrecht-sidenav__link--child::before{background-color:transparent}.utrecht-sidenav__link--current::before,.utrecht-sidenav__link--child--current::before{background-color:var(--utrecht-sidenav-link-hover-color)}.utrecht-sidenav__link--child:hover::before{background-color:var(--utrecht-sidenav-link-hover-color);border:2px solid var(--utrecht-sidenav-link-hover-color)}.utrecht-sidenav__item--child:first-child .utrecht-sidenav__link--child--current::after,.utrecht-sidenav__link--child::after,.utrecht-sidenav__item .utrecht-sidenav__item--child .utrecht-sidenav__link--child::after,.utrecht-sidenav__item .utrecht-sidenav__link--sibling::after,.utrecht-sidenav__item--sibling:last-child .utrecht-sidenav__link--sibling::after{display:none}.utrecht-sidenav__link:focus,.utrecht-sidenav__link--focus{outline-width:var(--utrecht-focus-outline-width, 0);outline-style:var(--utrecht-focus-outline-style, solid);outline-color:var(--utrecht-focus-outline-color, transparent);color:var(--utrecht-focus-color, inherit);box-shadow:0 0 0 var(--utrecht-focus-box-shadow-spread-radius, 0) var(--utrecht-focus-box-shadow-color, transparent);outline-offset:0;background-color:var(--utrecht-focus-background-color)}";
-
-const Sidenav = class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    attachShadow(this);
-  }
-  render() {
-    const items = JSON.parse(this.json);
-    return (h("nav", { class: "utrecht-sidenav" }, h("ul", { class: "utrecht-sidenav__list" }, items.map(({ href, title, current, focus, children, sibling, haschildren }) => (h("li", { key: href, class: clsx("utrecht-sidenav__item", sibling && "utrecht-sidenav__item--sibling", haschildren && "utrecht-sidenav__item--has-children") }, h("a", { class: clsx("utrecht-sidenav__link", current && "utrecht-sidenav__link--current", focus && "utrecht-sidenav__link--focus", sibling && "utrecht-sidenav__link--sibling", haschildren && "utrecht-sidenav__link--has-children"), href: href }, title), h("span", null), children ? (h("ul", { class: "utrecht-sidenav__list utrecht-sidenav__list--child" }, children.map(({ href, title, current, focus }) => (h("li", { key: href, class: "utrecht-sidenav__item utrecht-sidenav__item--child" }, h("a", { class: clsx("utrecht-sidenav__link utrecht-sidenav__link--child", current && "utrecht-sidenav__link--current utrecht-sidenav__link--child--current", focus && "utrecht-sidenav__link--focus"), href: href }, title)))))) : ("")))))));
-  }
-  static get style() { return bemCss; }
-};
-
-const UtrechtArticle = /*@__PURE__*/proxyCustomElement(Article, [1,"utrecht-article"]);
-const UtrechtBadgeCounter = /*@__PURE__*/proxyCustomElement(BadgeCounter, [1,"utrecht-badge-counter",{"value":[2],"max":[2],"locale":[1]}]);
-const UtrechtBadgeData = /*@__PURE__*/proxyCustomElement(BadgeData, [1,"utrecht-badge-data"]);
-const UtrechtBadgeStatus = /*@__PURE__*/proxyCustomElement(BadgeStatus, [1,"utrecht-badge-status",{"status":[1]}]);
-const UtrechtBreadcrumb = /*@__PURE__*/proxyCustomElement(Breadcrumb, [1,"utrecht-breadcrumb",{"json":[1],"variant":[1]}]);
-const UtrechtButton = /*@__PURE__*/proxyCustomElement(Button, [1,"utrecht-button",{"disabled":[4]}]);
-const UtrechtDocument = /*@__PURE__*/proxyCustomElement(Document, [1,"utrecht-document"]);
-const UtrechtHeading = /*@__PURE__*/proxyCustomElement(Heading, [1,"utrecht-heading",{"level":[2]}]);
-const UtrechtHeading1 = /*@__PURE__*/proxyCustomElement(Heading1, [1,"utrecht-heading-1"]);
-const UtrechtHeading2 = /*@__PURE__*/proxyCustomElement(Heading2, [1,"utrecht-heading-2"]);
-const UtrechtHeading3 = /*@__PURE__*/proxyCustomElement(Heading3, [1,"utrecht-heading-3"]);
-const UtrechtHeading4 = /*@__PURE__*/proxyCustomElement(Heading4, [1,"utrecht-heading-4"]);
-const UtrechtHeading5 = /*@__PURE__*/proxyCustomElement(Heading5, [1,"utrecht-heading-5"]);
-const UtrechtHeading6 = /*@__PURE__*/proxyCustomElement(Heading6, [1,"utrecht-heading-6"]);
-const UtrechtHtmlContent = /*@__PURE__*/proxyCustomElement(HTMLContent, [4,"utrecht-html-content"]);
-const UtrechtIconFacebook = /*@__PURE__*/proxyCustomElement(IconFacebook, [1,"utrecht-icon-facebook"]);
-const UtrechtIconInstagram = /*@__PURE__*/proxyCustomElement(IconInstagram, [1,"utrecht-icon-instagram"]);
-const UtrechtIconLinkedin = /*@__PURE__*/proxyCustomElement(IconLinkedin, [1,"utrecht-icon-linkedin"]);
-const UtrechtIconTwitter = /*@__PURE__*/proxyCustomElement(IconTwitter, [1,"utrecht-icon-twitter"]);
-const UtrechtIconWhatsapp = /*@__PURE__*/proxyCustomElement(IconWhatsapp, [1,"utrecht-icon-whatsapp"]);
-const UtrechtPageFooter = /*@__PURE__*/proxyCustomElement(PageFooter, [1,"utrecht-page-footer"]);
-const UtrechtPagination = /*@__PURE__*/proxyCustomElement(Pagination, [1,"utrecht-pagination",{"links":[1],"next":[1],"prev":[1],"currentIndex":[2,"current-index"]}]);
-const UtrechtParagraph = /*@__PURE__*/proxyCustomElement(Paragraph, [1,"utrecht-paragraph",{"lead":[4]}]);
-const UtrechtSeparator = /*@__PURE__*/proxyCustomElement(Separator, [1,"utrecht-separator"]);
-const UtrechtSidenav = /*@__PURE__*/proxyCustomElement(Sidenav, [1,"utrecht-sidenav",{"json":[1]}]);
-const defineCustomElements = (opts) => {
-  if (typeof customElements !== 'undefined') {
-    [
-      UtrechtArticle,
-  UtrechtBadgeCounter,
-  UtrechtBadgeData,
-  UtrechtBadgeStatus,
-  UtrechtBreadcrumb,
-  UtrechtButton,
-  UtrechtDocument,
-  UtrechtHeading,
-  UtrechtHeading1,
-  UtrechtHeading2,
-  UtrechtHeading3,
-  UtrechtHeading4,
-  UtrechtHeading5,
-  UtrechtHeading6,
-  UtrechtHtmlContent,
-  UtrechtIconFacebook,
-  UtrechtIconInstagram,
-  UtrechtIconLinkedin,
-  UtrechtIconTwitter,
-  UtrechtIconWhatsapp,
-  UtrechtPageFooter,
-  UtrechtPagination,
-  UtrechtParagraph,
-  UtrechtSeparator,
-  UtrechtSidenav
-    ].forEach(cmp => {
-      if (!customElements.get(cmp.is)) {
-        customElements.define(cmp.is, cmp, opts);
-      }
-    });
-  }
-};
-
-export { UtrechtArticle, UtrechtBadgeCounter, UtrechtBadgeData, UtrechtBadgeStatus, UtrechtBreadcrumb, UtrechtButton, UtrechtDocument, UtrechtHeading, UtrechtHeading1, UtrechtHeading2, UtrechtHeading3, UtrechtHeading4, UtrechtHeading5, UtrechtHeading6, UtrechtHtmlContent, UtrechtIconFacebook, UtrechtIconInstagram, UtrechtIconLinkedin, UtrechtIconTwitter, UtrechtIconWhatsapp, UtrechtPageFooter, UtrechtPagination, UtrechtParagraph, UtrechtSeparator, UtrechtSidenav, defineCustomElements };

package/dist/document/stencil.js

@@ -1,21 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { Component, h } from "@stencil/core";
-let Document = class Document {
-    render() {
-        return (h("div", { class: "utrecht-document" },
-            h("slot", null)));
-    }
-};
-Document = __decorate([
-    Component({
-        tag: "utrecht-document",
-        styleUrl: "bem.css",
-        shadow: true,
-    })
-], Document);
-export { Document };