@oiz/stzh-components 2.4.0 → 2.5.0-alpha

package/dist/components/stzh-clamp2.js

@@ -1,42 +1,141 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
+import { f as fetchTranslations } from './translation-utils.js';
+import { d as defineCustomElement$3 } from './stzh-badge2.js';
+import { d as defineCustomElement$2 } from './stzh-icon2.js';
+import { d as defineCustomElement$1 } from './stzh-link2.js';
 
-const stzhClampCss = ".sc-stzh-clamp-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-clamp-h{display:none}.sc-stzh-clamp-h *.sc-stzh-clamp,.sc-stzh-clamp-h *.sc-stzh-clamp::before,.sc-stzh-clamp-h *.sc-stzh-clamp::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-clamp-h{--lines:1;width:100%;color:inherit;font-family:inherit;font-weight:inherit;font-style:inherit;font-size:inherit;line-height:inherit}[lines=\"1\"].sc-stzh-clamp-h{--lines:1}[lines=\"2\"].sc-stzh-clamp-h{--lines:2}[lines=\"3\"].sc-stzh-clamp-h{--lines:3}[lines=\"4\"].sc-stzh-clamp-h{--lines:4}[lines=\"5\"].sc-stzh-clamp-h{--lines:5}@media screen and (min-width: 600px){[lines-small=\"1\"].sc-stzh-clamp-h{--lines:1}}@media screen and (min-width: 600px){[lines-small=\"2\"].sc-stzh-clamp-h{--lines:2}}@media screen and (min-width: 600px){[lines-small=\"3\"].sc-stzh-clamp-h{--lines:3}}@media screen and (min-width: 600px){[lines-small=\"4\"].sc-stzh-clamp-h{--lines:4}}@media screen and (min-width: 600px){[lines-small=\"5\"].sc-stzh-clamp-h{--lines:5}}@media screen and (min-width: 800px){[lines-smallheader=\"1\"].sc-stzh-clamp-h{--lines:1}}@media screen and (min-width: 800px){[lines-smallheader=\"2\"].sc-stzh-clamp-h{--lines:2}}@media screen and (min-width: 800px){[lines-smallheader=\"3\"].sc-stzh-clamp-h{--lines:3}}@media screen and (min-width: 800px){[lines-smallheader=\"4\"].sc-stzh-clamp-h{--lines:4}}@media screen and (min-width: 800px){[lines-smallheader=\"5\"].sc-stzh-clamp-h{--lines:5}}@media screen and (min-width: 1024px){[lines-medium=\"1\"].sc-stzh-clamp-h{--lines:1}}@media screen and (min-width: 1024px){[lines-medium=\"2\"].sc-stzh-clamp-h{--lines:2}}@media screen and (min-width: 1024px){[lines-medium=\"3\"].sc-stzh-clamp-h{--lines:3}}@media screen and (min-width: 1024px){[lines-medium=\"4\"].sc-stzh-clamp-h{--lines:4}}@media screen and (min-width: 1024px){[lines-medium=\"5\"].sc-stzh-clamp-h{--lines:5}}@media screen and (min-width: 1260px){[lines-large=\"1\"].sc-stzh-clamp-h{--lines:1}}@media screen and (min-width: 1260px){[lines-large=\"2\"].sc-stzh-clamp-h{--lines:2}}@media screen and (min-width: 1260px){[lines-large=\"3\"].sc-stzh-clamp-h{--lines:3}}@media screen and (min-width: 1260px){[lines-large=\"4\"].sc-stzh-clamp-h{--lines:4}}@media screen and (min-width: 1260px){[lines-large=\"5\"].sc-stzh-clamp-h{--lines:5}}@media screen and (min-width: 1440px){[lines-ultra=\"1\"].sc-stzh-clamp-h{--lines:1}}@media screen and (min-width: 1440px){[lines-ultra=\"2\"].sc-stzh-clamp-h{--lines:2}}@media screen and (min-width: 1440px){[lines-ultra=\"3\"].sc-stzh-clamp-h{--lines:3}}@media screen and (min-width: 1440px){[lines-ultra=\"4\"].sc-stzh-clamp-h{--lines:4}}@media screen and (min-width: 1440px){[lines-ultra=\"5\"].sc-stzh-clamp-h{--lines:5}}.stzh-clamp.sc-stzh-clamp{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines);line-clamp:var(--lines);overflow:hidden}";
+const stzhClampCss = ":host{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}:host[hidden]{display:none}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}stzh-clamp{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block;--current-lines:var(--lines, 0);width:100%;color:inherit;font-family:inherit;font-weight:inherit;font-style:inherit;font-size:inherit;line-height:inherit}stzh-clamp[hidden]{display:none}stzh-clamp *,stzh-clamp *::before,stzh-clamp *::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}@media screen and (min-width: 600px){stzh-clamp{--current-lines:var(--lines-small, var(--lines, 0))}}@media screen and (min-width: 1024px){stzh-clamp{--current-lines:var(--lines-medium, var(--lines-small, var(--lines, 0)))}}@media screen and (min-width: 1260px){stzh-clamp{--current-lines:var(--lines-large, var(--lines-medium, var(--lines-small, var(--lines, 0))))}}@media screen and (min-width: 1440px){stzh-clamp{--current-lines:var(--lines-ultra, var(--lines-large, var(--lines-medium, var(--lines-small, var(--lines, 0)))))}}.stzh-clamp{position:relative}.stzh-clamp__text{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.stzh-clamp__text>*:first-child{margin-top:0 !important}.stzh-clamp__text>*:last-child{margin-bottom:0 !important}.stzh-clamp__text.is-clone{position:absolute;visibility:hidden;opacity:0;top:0;left:0;width:100%}.stzh-clamp__trigger{margin-top:var(--stzh-space-xxsmall)}.stzh-clamp--is-not-expanded .stzh-clamp__text,.stzh-clamp__text.is-clone{-webkit-line-clamp:var(--current-lines);line-clamp:var(--current-lines)}";
 
 const StzhClamp = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
     super();
     this.__registerHost();
+    this.stzhClamp = createEvent(this, "stzhClamp", 7);
+    this.stzhExpand = createEvent(this, "stzhExpand", 7);
+    this.updateClamped = () => {
+      if (!this.textCloneElement) {
+        return;
+      }
+      const beforeClamped = this.clamped;
+      this.clamped = this.textCloneElement.scrollHeight > this.textCloneElement.clientHeight;
+      if (beforeClamped !== this.clamped) {
+        this.stzhClamp.emit({
+          component: "stzh-clamp",
+          clamped: this.clamped
+        });
+      }
+    };
+    this.handleResize = () => {
+      if (this.debounceResize) {
+        window.cancelAnimationFrame(this.debounceResize);
+      }
+      this.debounceResize = requestAnimationFrame(this.updateClamped);
+    };
+    this.handleMutaton = () => {
+      this.update();
+    };
+    this.handleExpandClick = () => {
+      this.expanded = !this.expanded;
+      this.stzhExpand.emit({
+        component: "stzh-clamp",
+        expanded: this.expanded
+      });
+    };
+    this.localization = undefined;
     this.lines = 1;
     this.linesSmall = 0;
     this.linesMedium = 0;
     this.linesLarge = 0;
     this.linesUltra = 0;
+    this.showExpandLink = false;
+    this.expanded = false;
+    this.clamped = false;
+  }
+  async update() {
+    this.textCloneElement.innerHTML = this.textElement.innerHTML;
+    this.updateClamped();
+  }
+  async componentWillLoad() {
+    if (!this.localization) {
+      this.localization = await fetchTranslations(this.element, "clamp");
+    }
+  }
+  componentDidLoad() {
+    this.mutationObserver = new MutationObserver(this.handleMutaton);
+    this.mutationObserver.observe(this.textElement, {
+      childList: true,
+      subtree: true,
+    });
+  }
+  componentDidRender() {
+    this.update();
+  }
+  connectedCallback() {
+    this.resizeObserver = new ResizeObserver(this.handleResize);
+    this.resizeObserver.observe(this.element);
+  }
+  disconnectedCallback() {
+    if (this.resizeObserver) {
+      this.resizeObserver.disconnect();
+    }
+    if (this.mutationObserver) {
+      this.mutationObserver.disconnect();
+    }
   }
   render() {
     const classes = {
-      "stzh-clamp": true
+      "stzh-clamp": true,
+      "stzh-clamp--is-not-expanded": !this.expanded
     };
-    return (h(Host, null, h("div", { class: classes }, h("slot", null))));
+    return (h(Host, { style: {
+        '--lines': this.lines ? this.lines.toString() : null,
+        '--lines-small': this.linesSmall ? this.linesSmall.toString() : null,
+        '--lines-medium': this.linesMedium ? this.linesMedium.toString() : null,
+        '--lines-large': this.linesLarge ? this.linesLarge.toString() : null,
+        '--lines-ultra': this.linesUltra ? this.linesUltra.toString() : null,
+      } }, h("div", { class: classes }, h("div", { ref: (el) => (this.textElement = el), class: "stzh-clamp__text" }, h("slot", null)), h("div", { ref: (el) => (this.textCloneElement = el), class: "stzh-clamp__text is-clone", "aria-hidden": "true" }), this.showExpandLink && this.clamped &&
+      h("stzh-link", { class: "stzh-clamp__trigger", a11yTabindex: "-1", "aria-hidden": "true", onClick: this.handleExpandClick }, !this.expanded ? this.localization.showMore : this.localization.showLess))));
   }
+  get element() { return this; }
   static get style() { return stzhClampCss; }
-}, [6, "stzh-clamp", {
-    "lines": [514],
-    "linesSmall": [514, "lines-small"],
-    "linesMedium": [514, "lines-medium"],
-    "linesLarge": [514, "lines-large"],
-    "linesUltra": [514, "lines-ultra"]
+}, [4, "stzh-clamp", {
+    "localization": [16],
+    "lines": [2],
+    "linesSmall": [2, "lines-small"],
+    "linesMedium": [2, "lines-medium"],
+    "linesLarge": [2, "lines-large"],
+    "linesUltra": [2, "lines-ultra"],
+    "showExpandLink": [4, "show-expand-link"],
+    "expanded": [1540],
+    "clamped": [1540],
+    "update": [64]
   }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["stzh-clamp"];
+  const components = ["stzh-clamp", "stzh-badge", "stzh-icon", "stzh-link"];
   components.forEach(tagName => { switch (tagName) {
     case "stzh-clamp":
       if (!customElements.get(tagName)) {
         customElements.define(tagName, StzhClamp);
       }
       break;
+    case "stzh-badge":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "stzh-icon":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+    case "stzh-link":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$1();
+      }
+      break;
   } });
 }
 

package/dist/components/stzh-contact.js

@@ -1,14 +1,15 @@
 import { proxyCustomElement, HTMLElement, h, Host, Fragment } from '@stencil/core/internal/client';
 import { h as hasSlot } from './utils.js';
-import { d as defineCustomElement$8 } from './stzh-badge2.js';
-import { d as defineCustomElement$7 } from './stzh-button2.js';
-import { d as defineCustomElement$6 } from './stzh-datalist2.js';
-import { d as defineCustomElement$5 } from './stzh-datalist-item2.js';
-import { d as defineCustomElement$4 } from './stzh-heading2.js';
-import { d as defineCustomElement$3 } from './stzh-icon2.js';
-import { d as defineCustomElement$2 } from './stzh-status2.js';
+import { d as defineCustomElement$9 } from './stzh-badge2.js';
+import { d as defineCustomElement$8 } from './stzh-button2.js';
+import { d as defineCustomElement$7 } from './stzh-datalist2.js';
+import { d as defineCustomElement$6 } from './stzh-datalist-item2.js';
+import { d as defineCustomElement$5 } from './stzh-heading2.js';
+import { d as defineCustomElement$4 } from './stzh-icon2.js';
+import { d as defineCustomElement$3 } from './stzh-status2.js';
+import { d as defineCustomElement$2 } from './stzh-tooltip2.js';
 
-const stzhContactCss = ".sc-stzh-contact-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-contact-h{display:none}.sc-stzh-contact-h *.sc-stzh-contact,.sc-stzh-contact-h *.sc-stzh-contact::before,.sc-stzh-contact-h *.sc-stzh-contact::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-contact-h .sc-stzh-contact-s>[slot=image]{width:5.5rem;height:5.5rem;top:0;left:0;border-radius:50%;-o-object-fit:cover;object-fit:cover;margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 800px){.sc-stzh-contact-h .sc-stzh-contact-s>[slot=image]{margin-right:var(--stzh-space-xlarge);margin-bottom:0}}@media screen and (min-width: 800px) and (min-width: 1024px){.sc-stzh-contact-h .sc-stzh-contact-s>[slot=image]{margin-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 800px) and (min-width: 1260px){.sc-stzh-contact-h .sc-stzh-contact-s>[slot=image]{margin-right:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-contact-h .sc-stzh-contact-s>[slot=image]{width:12.25rem;height:12.25rem}}.stzh-contact.sc-stzh-contact{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 1024px){.stzh-contact.sc-stzh-contact{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-contact.sc-stzh-contact,.stzh-contact__inner-wrapper.sc-stzh-contact{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width: 800px){.stzh-contact.sc-stzh-contact,.stzh-contact__inner-wrapper.sc-stzh-contact{-ms-flex-direction:row;flex-direction:row}}.stzh-contact__wrapper.sc-stzh-contact{-ms-flex-positive:1;flex-grow:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.stzh-contact__image.sc-stzh-contact{display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0}.stzh-contact__pobox.sc-stzh-contact{margin-top:var(--stzh-space-small)}@media screen and (min-width: 1024px){.stzh-contact__pobox.sc-stzh-contact{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-contact__pobox.sc-stzh-contact{margin-top:var(--stzh-space-large)}}.stzh-contact__main-heading.sc-stzh-contact{margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 1024px){.stzh-contact__main-heading.sc-stzh-contact{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-contact__main-heading.sc-stzh-contact{margin-bottom:var(--stzh-space-large)}}.stzh-contact__number-link.sc-stzh-contact{color:var(--stzh-link-color);-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius)}.stzh-contact__number-link.sc-stzh-contact:hover,.stzh-contact__number-link.sc-stzh-contact:focus{color:var(--stzh-link-hover-color)}.stzh-contact__info.sc-stzh-contact{-ms-flex-positive:1;flex-grow:1}@media screen and (min-width: 800px){.stzh-contact__info.sc-stzh-contact{-ms-flex-preferred-size:45%;flex-basis:45%}}.stzh-contact__availability-title.sc-stzh-contact{margin-bottom:var(--stzh-space-xsmall)}.stzh-contact__availability.sc-stzh-contact{margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 800px){.stzh-contact__availability.sc-stzh-contact{margin-left:var(--stzh-space-xlarge);margin-top:0;-ms-flex-preferred-size:55%;flex-basis:55%}}@media screen and (min-width: 800px) and (min-width: 1024px){.stzh-contact__availability.sc-stzh-contact{margin-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 800px) and (min-width: 1260px){.stzh-contact__availability.sc-stzh-contact{margin-left:var(--stzh-space-xxxlarge)}}.stzh-contact--has-border.sc-stzh-contact{padding-bottom:var(--stzh-space-xlarge);border-bottom:0.0625rem solid var(--stzh-base-border-color)}";
+const stzhContactCss = ".sc-stzh-contact-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-contact-h{display:none}.sc-stzh-contact-h *.sc-stzh-contact,.sc-stzh-contact-h *.sc-stzh-contact::before,.sc-stzh-contact-h *.sc-stzh-contact::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-contact-h .sc-stzh-contact-s>[slot=image]{width:5.5rem;height:5.5rem;top:0;left:0;border-radius:50%;-o-object-fit:cover;object-fit:cover;margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 800px){.sc-stzh-contact-h .sc-stzh-contact-s>[slot=image]{margin-right:var(--stzh-space-xlarge);margin-bottom:0}}@media screen and (min-width: 800px) and (min-width: 1024px){.sc-stzh-contact-h .sc-stzh-contact-s>[slot=image]{margin-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 800px) and (min-width: 1260px){.sc-stzh-contact-h .sc-stzh-contact-s>[slot=image]{margin-right:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-contact-h .sc-stzh-contact-s>[slot=image]{width:12.25rem;height:12.25rem}}.stzh-contact.sc-stzh-contact{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 1024px){.stzh-contact.sc-stzh-contact{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-contact.sc-stzh-contact,.stzh-contact__inner-wrapper.sc-stzh-contact{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width: 800px){.stzh-contact.sc-stzh-contact,.stzh-contact__inner-wrapper.sc-stzh-contact{-ms-flex-direction:row;flex-direction:row}}.stzh-contact__wrapper.sc-stzh-contact{-ms-flex-positive:1;flex-grow:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.stzh-contact__image.sc-stzh-contact{display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0}.stzh-contact__pobox.sc-stzh-contact{margin-top:var(--stzh-space-small)}@media screen and (min-width: 1024px){.stzh-contact__pobox.sc-stzh-contact{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-contact__pobox.sc-stzh-contact{margin-top:var(--stzh-space-large)}}.stzh-contact__main-heading.sc-stzh-contact{margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 1024px){.stzh-contact__main-heading.sc-stzh-contact{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-contact__main-heading.sc-stzh-contact{margin-bottom:var(--stzh-space-large)}}.stzh-contact__number-link.sc-stzh-contact{color:var(--stzh-link-color);-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius)}.stzh-contact__number-link.sc-stzh-contact:hover,.stzh-contact__number-link.sc-stzh-contact:focus{color:var(--stzh-link-hover-color)}.stzh-contact__info.sc-stzh-contact{-ms-flex-positive:1;flex-grow:1}@media screen and (min-width: 800px){.stzh-contact__info.sc-stzh-contact{-ms-flex-preferred-size:45%;flex-basis:45%}}.stzh-contact__availability-title.sc-stzh-contact{margin-bottom:var(--stzh-space-xsmall)}.stzh-contact__availability.sc-stzh-contact{margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 800px){.stzh-contact__availability.sc-stzh-contact{margin-left:var(--stzh-space-xlarge);margin-top:0;-ms-flex-preferred-size:55%;flex-basis:55%}}@media screen and (min-width: 800px) and (min-width: 1024px){.stzh-contact__availability.sc-stzh-contact{margin-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 800px) and (min-width: 1260px){.stzh-contact__availability.sc-stzh-contact{margin-left:var(--stzh-space-xxxlarge)}}.stzh-contact--has-border.sc-stzh-contact{padding-bottom:var(--stzh-space-xlarge);border-bottom:0.0625rem solid var(--stzh-base-border-color)}";
 
 function formatTel(tel) {
   return tel.replace(/\s/g, '');
@@ -112,7 +113,7 @@ function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["stzh-contact", "stzh-badge", "stzh-button", "stzh-datalist", "stzh-datalist-item", "stzh-heading", "stzh-icon", "stzh-status"];
+  const components = ["stzh-contact", "stzh-badge", "stzh-button", "stzh-datalist", "stzh-datalist-item", "stzh-heading", "stzh-icon", "stzh-status", "stzh-tooltip"];
   components.forEach(tagName => { switch (tagName) {
     case "stzh-contact":
       if (!customElements.get(tagName)) {
@@ -121,35 +122,40 @@ function defineCustomElement$1() {
       break;
     case "stzh-badge":
       if (!customElements.get(tagName)) {
-        defineCustomElement$8();
+        defineCustomElement$9();
       }
       break;
     case "stzh-button":
       if (!customElements.get(tagName)) {
-        defineCustomElement$7();
+        defineCustomElement$8();
       }
       break;
     case "stzh-datalist":
       if (!customElements.get(tagName)) {
-        defineCustomElement$6();
+        defineCustomElement$7();
       }
       break;
     case "stzh-datalist-item":
       if (!customElements.get(tagName)) {
-        defineCustomElement$5();
+        defineCustomElement$6();
       }
       break;
     case "stzh-heading":
       if (!customElements.get(tagName)) {
-        defineCustomElement$4();
+        defineCustomElement$5();
       }
       break;
     case "stzh-icon":
       if (!customElements.get(tagName)) {
-        defineCustomElement$3();
+        defineCustomElement$4();
       }
       break;
     case "stzh-status":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "stzh-tooltip":
       if (!customElements.get(tagName)) {
         defineCustomElement$2();
       }

package/dist/components/stzh-container.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 
-const stzhContainerCss = ".sc-stzh-container-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-container-h{display:none}.sc-stzh-container-h *.sc-stzh-container,.sc-stzh-container-h *.sc-stzh-container::before,.sc-stzh-container-h *.sc-stzh-container::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-container-h{clear:both}.sc-stzh-container-h::after{content:\"\";display:table;clear:both}.sc-stzh-container-h .sc-stzh-container-s stzh-header{margin-left:-1.25rem;margin-right:-1.25rem}@media screen and (min-width: 600px){.sc-stzh-container-h .sc-stzh-container-s stzh-header{margin-left:-2rem;margin-right:-2rem}}@media screen and (min-width: 1024px){.sc-stzh-container-h .sc-stzh-container-s stzh-header{margin-left:-2.5rem;margin-right:-2.5rem}}@media screen and (min-width: 1260px){.sc-stzh-container-h .sc-stzh-container-s stzh-header{margin-left:-5.5rem;margin-right:-5.5rem}}@media screen and (min-width: 1440px){.sc-stzh-container-h .sc-stzh-container-s stzh-header{margin-left:calc((100vw - 78.75rem - var(--stzh-scrollbar-width, 0px)) / -2);margin-right:calc((100vw - 78.75rem - var(--stzh-scrollbar-width, 0px)) / -2)}}.sc-stzh-container-h .sc-stzh-container-s stzh-container{position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;width:100vw;max-width:100vw}.sc-stzh-container-h .sc-stzh-container-s stzh-section[variant=highlight]{--highlight-horizontal-padding:1.25rem}@media screen and (min-width: 600px){.sc-stzh-container-h .sc-stzh-container-s stzh-section[variant=highlight]{--highlight-horizontal-padding:2rem}}@media screen and (min-width: 1024px){.sc-stzh-container-h .sc-stzh-container-s stzh-section[variant=highlight]{--highlight-horizontal-padding:2.5rem}}@media screen and (min-width: 1260px){.sc-stzh-container-h .sc-stzh-container-s stzh-section[variant=highlight]{--highlight-horizontal-padding:var(--stzh-space-xlarge)}}@media screen and (max-width: 1259px){.sc-stzh-container-h .sc-stzh-container-s stzh-section[variant=highlight]{position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;width:100vw;max-width:100vw}}.sc-stzh-container-h .sc-stzh-container-s stzh-row stzh-section[variant=highlight]{--highlight-horizontal-padding:var(--stzh-section-highlight-horizontal-padding)}@media screen and (max-width: 1259px){.sc-stzh-container-h .sc-stzh-container-s stzh-row stzh-section[variant=highlight]{left:initial;right:initial;margin-left:initial;margin-right:initial;width:initial;max-width:initial}}.stzh-container.sc-stzh-container{margin:0 1.25rem}@media screen and (min-width: 600px){.stzh-container.sc-stzh-container{margin:0 2rem}}@media screen and (min-width: 1024px){.stzh-container.sc-stzh-container{margin:0 2.5rem}}@media screen and (min-width: 1260px){.stzh-container.sc-stzh-container{margin:0 5.5rem}}@media screen and (min-width: 1440px){.stzh-container.sc-stzh-container{margin:0 auto;width:78.75rem}}";
+const stzhContainerCss = ".sc-stzh-container-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-container-h{display:none}.sc-stzh-container-h *.sc-stzh-container,.sc-stzh-container-h *.sc-stzh-container::before,.sc-stzh-container-h *.sc-stzh-container::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-container-h{clear:both}.sc-stzh-container-h::after{content:\"\";display:table;clear:both}.sc-stzh-container-h .sc-stzh-container-s stzh-header{margin-left:-1.25rem;margin-right:-1.25rem}@media screen and (min-width: 600px){.sc-stzh-container-h .sc-stzh-container-s stzh-header{margin-left:-2rem;margin-right:-2rem}}@media screen and (min-width: 1024px){.sc-stzh-container-h .sc-stzh-container-s stzh-header{margin-left:-2.5rem;margin-right:-2.5rem}}@media screen and (min-width: 1260px){.sc-stzh-container-h .sc-stzh-container-s stzh-header{margin-left:-5.5rem;margin-right:-5.5rem}}@media screen and (min-width: 1440px){.sc-stzh-container-h .sc-stzh-container-s stzh-header{margin-left:calc((100vw - 78.75rem - var(--stzh-scrollbar-width, 0px)) / -2);margin-right:calc((100vw - 78.75rem - var(--stzh-scrollbar-width, 0px)) / -2)}}.sc-stzh-container-h .sc-stzh-container-s stzh-container{position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;width:100vw;max-width:100vw}.sc-stzh-container-h .sc-stzh-container-s stzh-section[variant=highlight]{--highlight-horizontal-padding:1.25rem}@media screen and (min-width: 600px){.sc-stzh-container-h .sc-stzh-container-s stzh-section[variant=highlight]{--highlight-horizontal-padding:2rem}}@media screen and (min-width: 1024px){.sc-stzh-container-h .sc-stzh-container-s stzh-section[variant=highlight]{--highlight-horizontal-padding:2.5rem}}@media screen and (min-width: 1260px){.sc-stzh-container-h .sc-stzh-container-s stzh-section[variant=highlight]{--highlight-horizontal-padding:var(--stzh-space-xlarge)}}@media screen and (max-width: 1259px){.sc-stzh-container-h .sc-stzh-container-s stzh-section[variant=highlight]{position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;width:100vw;max-width:100vw}}.sc-stzh-container-h .sc-stzh-container-s stzh-row stzh-section[variant=highlight]{--highlight-horizontal-padding:var(--stzh-section-highlight-horizontal-padding)}@media screen and (max-width: 1259px){.sc-stzh-container-h .sc-stzh-container-s stzh-row stzh-section[variant=highlight]{left:initial;right:initial;margin-left:initial;margin-right:initial;width:initial;max-width:initial}}.stzh-container.sc-stzh-container{margin:0 1.25rem}@media screen and (min-width: 600px){.stzh-container.sc-stzh-container{margin:0 2rem}}@media screen and (min-width: 1024px){.stzh-container.sc-stzh-container{margin:0 2.5rem}}@media screen and (min-width: 1260px){.stzh-container.sc-stzh-container{margin:0 5.5rem}}@media screen and (min-width: 1440px){.stzh-container.sc-stzh-container{margin:0 auto;width:78.75rem}}";
 
 const StzhContainer$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/stzh-cspace.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 
-const stzhCspaceCss = ".sc-stzh-cspace-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-cspace-h{display:none}.sc-stzh-cspace-h *.sc-stzh-cspace,.sc-stzh-cspace-h *.sc-stzh-cspace::before,.sc-stzh-cspace-h *.sc-stzh-cspace::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-cspace-h{clear:both}.sc-stzh-cspace-h::after{content:\"\";display:table;clear:both}.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-input,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-datepicker,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-dropdown,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-langnav,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-fieldset,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-actions,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-upload,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-checkbox,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-checkboxgroup,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-radio,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-radiogroup{margin-top:var(--stzh-space-large);margin-bottom:var(--stzh-space-large)}.sc-stzh-cspace-h .sc-stzh-cspace-s>h1,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level=\"1\"],.sc-stzh-cspace-h .sc-stzh-cspace-s>h2,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level=\"2\"]{margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s>h1,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level=\"1\"],.sc-stzh-cspace-h .sc-stzh-cspace-s>h2,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level=\"2\"]{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s>h1,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level=\"1\"],.sc-stzh-cspace-h .sc-stzh-cspace-s>h2,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level=\"2\"]{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s>h1,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level=\"1\"],.sc-stzh-cspace-h .sc-stzh-cspace-s>h2,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level=\"2\"]{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s>h1,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level=\"1\"],.sc-stzh-cspace-h .sc-stzh-cspace-s>h2,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level=\"2\"]{margin-bottom:var(--stzh-space-xxxlarge)}}.sc-stzh-cspace-h .sc-stzh-cspace-s>h3,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level=\"3\"],.sc-stzh-cspace-h .sc-stzh-cspace-s>h4,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level=\"4\"]{margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s>h3,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level=\"3\"],.sc-stzh-cspace-h .sc-stzh-cspace-s>h4,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level=\"4\"]{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s>h3,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level=\"3\"],.sc-stzh-cspace-h .sc-stzh-cspace-s>h4,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level=\"4\"]{margin-top:var(--stzh-space-xxxlarge)}}.sc-stzh-cspace-h .sc-stzh-cspace-s>p,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-contact,.sc-stzh-cspace-h .sc-stzh-cspace-s>ul,.sc-stzh-cspace-h .sc-stzh-cspace-s>ol,.sc-stzh-cspace-h .sc-stzh-cspace-s>dl,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-list{margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s>p,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-contact,.sc-stzh-cspace-h .sc-stzh-cspace-s>ul,.sc-stzh-cspace-h .sc-stzh-cspace-s>ol,.sc-stzh-cspace-h .sc-stzh-cspace-s>dl,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-list{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s>p,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-contact,.sc-stzh-cspace-h .sc-stzh-cspace-s>ul,.sc-stzh-cspace-h .sc-stzh-cspace-s>ol,.sc-stzh-cspace-h .sc-stzh-cspace-s>dl,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-list{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s>p,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-contact,.sc-stzh-cspace-h .sc-stzh-cspace-s>ul,.sc-stzh-cspace-h .sc-stzh-cspace-s>ol,.sc-stzh-cspace-h .sc-stzh-cspace-s>dl,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-list{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s>p,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-contact,.sc-stzh-cspace-h .sc-stzh-cspace-s>ul,.sc-stzh-cspace-h .sc-stzh-cspace-s>ol,.sc-stzh-cspace-h .sc-stzh-cspace-s>dl,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-list{margin-bottom:var(--stzh-space-large)}}.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=hero],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=hero]{margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=hero],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=hero]{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=hero],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=hero]{margin-bottom:var(--stzh-space-xxxlarge)}}.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h2],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h2]{margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h2],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h2]{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h2],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h2]{margin-bottom:var(--stzh-space-xxxlarge)}}.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h2],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h2]{margin-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h2],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h2]{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h2],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h2]{margin-top:var(--stzh-space-xxxxlarge)}}.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h3],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h3],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h4],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h4]{margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h3],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h3],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h4],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h4]{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h3],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h3],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h4],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h4]{margin-top:var(--stzh-space-xxxlarge)}}.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=p1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=p2],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=p1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=p2]{margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=p1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=p2],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=p1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=p2]{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=p1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=p2],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=p1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=p2]{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=p1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=p2],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=p1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=p2]{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=p1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=p2],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=p1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=p2]{margin-bottom:var(--stzh-space-large)}}.sc-stzh-cspace-h .sc-stzh-cspace-s .section,.sc-stzh-cspace-h .sc-stzh-cspace-s>.section,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-anchornav,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-audio,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-microsite-teaserlist,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-olmap,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-textandimage,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-figure,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-chart,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-sitemap,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-datalist,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-richtext,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-progressbar,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-section,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-hr{margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s .section,.sc-stzh-cspace-h .sc-stzh-cspace-s>.section,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-anchornav,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-audio,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-microsite-teaserlist,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-olmap,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-textandimage,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-figure,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-chart,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-sitemap,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-datalist,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-richtext,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-progressbar,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-section,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-hr{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s .section,.sc-stzh-cspace-h .sc-stzh-cspace-s>.section,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-anchornav,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-audio,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-microsite-teaserlist,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-olmap,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-textandimage,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-figure,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-chart,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-sitemap,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-datalist,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-richtext,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-progressbar,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-section,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-hr{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s .section,.sc-stzh-cspace-h .sc-stzh-cspace-s>.section,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-anchornav,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-audio,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-microsite-teaserlist,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-olmap,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-textandimage,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-figure,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-chart,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-sitemap,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-datalist,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-richtext,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-progressbar,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-section,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-hr{margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s .section,.sc-stzh-cspace-h .sc-stzh-cspace-s>.section,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-anchornav,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-audio,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-microsite-teaserlist,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-olmap,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-textandimage,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-figure,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-chart,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-sitemap,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-datalist,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-richtext,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-progressbar,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-section,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-hr{margin-bottom:var(--stzh-space-xxxxlarge)}}.sc-stzh-cspace-h .sc-stzh-cspace-s .contextparsys,.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-invert{margin-top:var(--stzh-space-xxxlarge);margin-bottom:var(--stzh-space-xxxlarge)}@media screen and (min-width: 600px){.sc-stzh-cspace-h .sc-stzh-cspace-s .contextparsys,.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-invert{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s .contextparsys,.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-invert{margin-top:var(--stzh-space-big)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s .contextparsys,.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-invert{margin-top:var(--stzh-space-xbig)}}@media screen and (min-width: 600px){.sc-stzh-cspace-h .sc-stzh-cspace-s .contextparsys,.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-invert{margin-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s .contextparsys,.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-invert{margin-bottom:var(--stzh-space-big)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s .contextparsys,.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-invert{margin-bottom:var(--stzh-space-xbig)}}.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-invert stzh-invert stzh-container{padding-top:var(--stzh-space-xxlarge);padding-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-invert stzh-invert stzh-container{padding-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-invert stzh-invert stzh-container{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-invert stzh-invert stzh-container{padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-invert stzh-invert stzh-container{padding-bottom:var(--stzh-space-xxxxlarge)}}.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-sticky{display:contents}.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-pagetitle,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-pagetitle,.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-table,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-table,.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-datatable,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-datatable{margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-pagetitle,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-pagetitle,.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-table,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-table,.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-datatable,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-datatable{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-pagetitle,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-pagetitle,.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-table,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-table,.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-datatable,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-datatable{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-pagetitle,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-pagetitle,.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-table,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-table,.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-datatable,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-datatable{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-pagetitle,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-pagetitle,.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-table,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-table,.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-datatable,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-datatable{margin-bottom:var(--stzh-space-xxxlarge)}}.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-anchornav,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-anchornav{margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-anchornav,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-anchornav{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-anchornav,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-anchornav{margin-top:var(--stzh-space-xxxlarge)}}.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-actions,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-actions{margin-top:var(--stzh-space-xxlarge)}.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-actions[variant=process],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-actions[variant=process]{margin-top:var(--stzh-space-large)}.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-fieldset,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-fieldset{margin-top:var(--stzh-space-large);margin-bottom:var(--stzh-space-large)}.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-fieldset[legend],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-fieldset[legend]{margin-top:var(--stzh-space-xxlarge)}.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level=\"4\"]+stzh-datalist,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h4]+stzh-datalist{margin-top:0}.sc-stzh-cspace-h .sc-stzh-cspace-s .section:first-child,.sc-stzh-cspace-h .sc-stzh-cspace-s .section[no-cspace-top],.sc-stzh-cspace-h .sc-stzh-cspace-s .contextparsys:first-child,.sc-stzh-cspace-h .sc-stzh-cspace-s .contextparsys[no-cspace-top],.sc-stzh-cspace-h .sc-stzh-cspace-s>:first-child,.sc-stzh-cspace-h .sc-stzh-cspace-s>[no-cspace-top]{margin-top:0 !important}.sc-stzh-cspace-h .sc-stzh-cspace-s .section:last-child,.sc-stzh-cspace-h .sc-stzh-cspace-s .section[no-cspace-bottom],.sc-stzh-cspace-h .sc-stzh-cspace-s .contextparsys:last-child,.sc-stzh-cspace-h .sc-stzh-cspace-s .contextparsys[no-cspace-bottom],.sc-stzh-cspace-h .sc-stzh-cspace-s>:last-child,.sc-stzh-cspace-h .sc-stzh-cspace-s>[no-cspace-bottom]{margin-bottom:0 !important}";
+const stzhCspaceCss = ".sc-stzh-cspace-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-cspace-h{display:none}.sc-stzh-cspace-h *.sc-stzh-cspace,.sc-stzh-cspace-h *.sc-stzh-cspace::before,.sc-stzh-cspace-h *.sc-stzh-cspace::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-cspace-h{clear:both}.sc-stzh-cspace-h::after{content:\"\";display:table;clear:both}.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-input,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-datepicker,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-dropdown,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-langnav,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-fieldset,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-actions,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-upload,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-checkbox,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-checkboxgroup,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-radio,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-radiogroup{margin-top:var(--stzh-space-large);margin-bottom:var(--stzh-space-large)}.sc-stzh-cspace-h .sc-stzh-cspace-s>h1,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level=\"1\"],.sc-stzh-cspace-h .sc-stzh-cspace-s>h2,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level=\"2\"]{margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s>h1,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level=\"1\"],.sc-stzh-cspace-h .sc-stzh-cspace-s>h2,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level=\"2\"]{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s>h1,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level=\"1\"],.sc-stzh-cspace-h .sc-stzh-cspace-s>h2,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level=\"2\"]{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s>h1,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level=\"1\"],.sc-stzh-cspace-h .sc-stzh-cspace-s>h2,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level=\"2\"]{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s>h1,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level=\"1\"],.sc-stzh-cspace-h .sc-stzh-cspace-s>h2,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level=\"2\"]{margin-bottom:var(--stzh-space-xxxlarge)}}.sc-stzh-cspace-h .sc-stzh-cspace-s>h3,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level=\"3\"],.sc-stzh-cspace-h .sc-stzh-cspace-s>h4,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level=\"4\"]{margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s>h3,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level=\"3\"],.sc-stzh-cspace-h .sc-stzh-cspace-s>h4,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level=\"4\"]{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s>h3,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level=\"3\"],.sc-stzh-cspace-h .sc-stzh-cspace-s>h4,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level=\"4\"]{margin-top:var(--stzh-space-xxxlarge)}}.sc-stzh-cspace-h .sc-stzh-cspace-s>p,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-contact,.sc-stzh-cspace-h .sc-stzh-cspace-s>ul,.sc-stzh-cspace-h .sc-stzh-cspace-s>ol,.sc-stzh-cspace-h .sc-stzh-cspace-s>dl,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-list{margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s>p,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-contact,.sc-stzh-cspace-h .sc-stzh-cspace-s>ul,.sc-stzh-cspace-h .sc-stzh-cspace-s>ol,.sc-stzh-cspace-h .sc-stzh-cspace-s>dl,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-list{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s>p,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-contact,.sc-stzh-cspace-h .sc-stzh-cspace-s>ul,.sc-stzh-cspace-h .sc-stzh-cspace-s>ol,.sc-stzh-cspace-h .sc-stzh-cspace-s>dl,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-list{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s>p,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-contact,.sc-stzh-cspace-h .sc-stzh-cspace-s>ul,.sc-stzh-cspace-h .sc-stzh-cspace-s>ol,.sc-stzh-cspace-h .sc-stzh-cspace-s>dl,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-list{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s>p,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-contact,.sc-stzh-cspace-h .sc-stzh-cspace-s>ul,.sc-stzh-cspace-h .sc-stzh-cspace-s>ol,.sc-stzh-cspace-h .sc-stzh-cspace-s>dl,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-list{margin-bottom:var(--stzh-space-large)}}.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=hero],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=hero]{margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=hero],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=hero]{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=hero],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=hero]{margin-bottom:var(--stzh-space-xxxlarge)}}.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h2],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h2]{margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h2],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h2]{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h2],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h2]{margin-bottom:var(--stzh-space-xxxlarge)}}.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h2],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h2]{margin-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h2],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h2]{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h2],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h2]{margin-top:var(--stzh-space-xxxxlarge)}}.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h3],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h3],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h4],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h4]{margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h3],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h3],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h4],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h4]{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h3],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h3],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=h4],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h4]{margin-top:var(--stzh-space-xxxlarge)}}.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=p1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=p2],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=p1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=p2]{margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=p1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=p2],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=p1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=p2]{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=p1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=p2],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=p1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=p2]{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=p1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=p2],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=p1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=p2]{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=p1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-text[curve=p2],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=p1],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=p2]{margin-bottom:var(--stzh-space-large)}}.sc-stzh-cspace-h .sc-stzh-cspace-s .section,.sc-stzh-cspace-h .sc-stzh-cspace-s>.section,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-anchornav,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-audio,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-microsite-teaserlist,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-olmap,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-textandimage,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-figure,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-chart,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-sitemap,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-datalist,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-richtext,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-progressbar,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-section,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-hr{margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s .section,.sc-stzh-cspace-h .sc-stzh-cspace-s>.section,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-anchornav,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-audio,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-microsite-teaserlist,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-olmap,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-textandimage,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-figure,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-chart,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-sitemap,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-datalist,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-richtext,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-progressbar,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-section,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-hr{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s .section,.sc-stzh-cspace-h .sc-stzh-cspace-s>.section,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-anchornav,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-audio,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-microsite-teaserlist,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-olmap,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-textandimage,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-figure,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-chart,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-sitemap,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-datalist,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-richtext,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-progressbar,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-section,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-hr{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s .section,.sc-stzh-cspace-h .sc-stzh-cspace-s>.section,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-anchornav,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-audio,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-microsite-teaserlist,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-olmap,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-textandimage,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-figure,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-chart,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-sitemap,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-datalist,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-richtext,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-progressbar,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-section,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-hr{margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s .section,.sc-stzh-cspace-h .sc-stzh-cspace-s>.section,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-anchornav,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-audio,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-microsite-teaserlist,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-olmap,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-textandimage,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-figure,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-chart,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-sitemap,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-datalist,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-richtext,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-progressbar,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-section,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-hr{margin-bottom:var(--stzh-space-xxxxlarge)}}.sc-stzh-cspace-h .sc-stzh-cspace-s .contextparsys,.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-invert{margin-top:var(--stzh-space-xxxlarge);margin-bottom:var(--stzh-space-xxxlarge)}@media screen and (min-width: 600px){.sc-stzh-cspace-h .sc-stzh-cspace-s .contextparsys,.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-invert{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s .contextparsys,.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-invert{margin-top:var(--stzh-space-big)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s .contextparsys,.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-invert{margin-top:var(--stzh-space-xbig)}}@media screen and (min-width: 600px){.sc-stzh-cspace-h .sc-stzh-cspace-s .contextparsys,.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-invert{margin-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s .contextparsys,.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-invert{margin-bottom:var(--stzh-space-big)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s .contextparsys,.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-invert{margin-bottom:var(--stzh-space-xbig)}}.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-invert stzh-invert stzh-container{padding-top:var(--stzh-space-xxlarge);padding-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-invert stzh-invert stzh-container{padding-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-invert stzh-invert stzh-container{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-invert stzh-invert stzh-container{padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-invert stzh-invert stzh-container{padding-bottom:var(--stzh-space-xxxxlarge)}}.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-sticky{display:contents}.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-pagetitle,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-pagetitle,.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-table,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-table,.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-datatable,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-datatable{margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-pagetitle,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-pagetitle,.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-table,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-table,.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-datatable,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-datatable{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-pagetitle,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-pagetitle,.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-table,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-table,.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-datatable,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-datatable{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-pagetitle,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-pagetitle,.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-table,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-table,.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-datatable,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-datatable{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-pagetitle,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-pagetitle,.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-table,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-table,.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-datatable,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-datatable{margin-bottom:var(--stzh-space-xxxlarge)}}.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-anchornav,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-anchornav{margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-anchornav,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-anchornav{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-anchornav,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-anchornav{margin-top:var(--stzh-space-xxxlarge)}}.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-actions,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-actions{margin-top:var(--stzh-space-xxlarge)}.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-actions[variant=process],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-actions[variant=process]{margin-top:var(--stzh-space-large)}.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-fieldset,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-fieldset{margin-top:var(--stzh-space-large);margin-bottom:var(--stzh-space-large)}.sc-stzh-cspace-h .sc-stzh-cspace-s .section.has-fieldset[legend],.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-fieldset[legend]{margin-top:var(--stzh-space-xxlarge)}.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[level=\"4\"]+stzh-datalist,.sc-stzh-cspace-h .sc-stzh-cspace-s>stzh-heading[curve=h4]+stzh-datalist{margin-top:0}.sc-stzh-cspace-h .sc-stzh-cspace-s .section:first-child,.sc-stzh-cspace-h .sc-stzh-cspace-s .section[no-cspace-top],.sc-stzh-cspace-h .sc-stzh-cspace-s .contextparsys:first-child,.sc-stzh-cspace-h .sc-stzh-cspace-s .contextparsys[no-cspace-top],.sc-stzh-cspace-h .sc-stzh-cspace-s>:first-child,.sc-stzh-cspace-h .sc-stzh-cspace-s>[no-cspace-top]{margin-top:0 !important}.sc-stzh-cspace-h .sc-stzh-cspace-s .section:last-child,.sc-stzh-cspace-h .sc-stzh-cspace-s .section[no-cspace-bottom],.sc-stzh-cspace-h .sc-stzh-cspace-s .contextparsys:last-child,.sc-stzh-cspace-h .sc-stzh-cspace-s .contextparsys[no-cspace-bottom],.sc-stzh-cspace-h .sc-stzh-cspace-s>:last-child,.sc-stzh-cspace-h .sc-stzh-cspace-s>[no-cspace-bottom]{margin-bottom:0 !important}";
 
 const StzhCspace$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/components/stzh-datalist-item2.js

@@ -1,11 +1,12 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Fragment, Host } from '@stencil/core/internal/client';
 import { f as fetchTranslations } from './translation-utils.js';
-import { d as defineCustomElement$4 } from './stzh-badge2.js';
-import { d as defineCustomElement$3 } from './stzh-button2.js';
-import { d as defineCustomElement$2 } from './stzh-icon2.js';
-import { d as defineCustomElement$1 } from './stzh-status2.js';
+import { d as defineCustomElement$5 } from './stzh-badge2.js';
+import { d as defineCustomElement$4 } from './stzh-button2.js';
+import { d as defineCustomElement$3 } from './stzh-icon2.js';
+import { d as defineCustomElement$2 } from './stzh-status2.js';
+import { d as defineCustomElement$1 } from './stzh-tooltip2.js';
 
-const stzhDatalistItemCss = ".sc-stzh-datalist-item-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-datalist-item-h{display:none}.sc-stzh-datalist-item-h *.sc-stzh-datalist-item,.sc-stzh-datalist-item-h *.sc-stzh-datalist-item::before,.sc-stzh-datalist-item-h *.sc-stzh-datalist-item::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-datalist-item-h{--font-family:var(--stzh-font-family-regular);--font-weight:var(--stzh-font-weight-regular);--color:inherit;--action-display:flex;--label-min-width:var(--item-label-min-width, none);--leading-icon-background-color:var(--stzh-color-grey5);--leading-icon-color:var(--stzh-color-grey70);--hover-leading-icon-background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-leading-icon-color:var(--stzh-color-white);display:contents}[href].sc-stzh-datalist-item-h:not([href=\"\"]),[a11y-expanded].sc-stzh-datalist-item-h,[a11y-controls].sc-stzh-datalist-item-h{--color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--hover-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.sc-stzh-datalist-item-h .sc-stzh-datalist-item-s>stzh-datalist{margin-left:var(--stzh-space-large)}.stzh-datalist-item.sc-stzh-datalist-item{position:relative;text-decoration:none}.stzh-datalist-item__vhidden.sc-stzh-datalist-item{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-datalist-item__wrapper.sc-stzh-datalist-item{-ms-flex-positive:1;flex-grow:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}.stzh-datalist-item__leading.sc-stzh-datalist-item,.stzh-datalist-item__value.sc-stzh-datalist-item,.stzh-datalist-item__label.sc-stzh-datalist-item,.stzh-datalist-item__meta.sc-stzh-datalist-item,.stzh-datalist-item__action-list.sc-stzh-datalist-item{color:inherit;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;background:transparent;border:none;padding:0;text-decoration:none}.stzh-datalist-item__leading.is-button.sc-stzh-datalist-item,.stzh-datalist-item__leading.is-link.sc-stzh-datalist-item,.stzh-datalist-item__value.is-button.sc-stzh-datalist-item,.stzh-datalist-item__value.is-link.sc-stzh-datalist-item,.stzh-datalist-item__label.is-button.sc-stzh-datalist-item,.stzh-datalist-item__label.is-link.sc-stzh-datalist-item,.stzh-datalist-item__meta.is-button.sc-stzh-datalist-item,.stzh-datalist-item__meta.is-link.sc-stzh-datalist-item,.stzh-datalist-item__action-list.is-button.sc-stzh-datalist-item,.stzh-datalist-item__action-list.is-link.sc-stzh-datalist-item{cursor:pointer}.stzh-datalist-item__leading.sc-stzh-datalist-item{-ms-flex-negative:0;flex-shrink:0}.stzh-datalist-item__leading.sc-stzh-datalist-item:not(:empty){padding-right:var(--stzh-space-xsmall)}.stzh-datalist-item__leading-icon-container.sc-stzh-datalist-item{color:var(--leading-icon-color);background-color:var(--leading-icon-background-color);width:2.5rem;height:2.5rem;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border-radius:50%;-webkit-transition-property:color, background-color;transition-property:color, background-color;-webkit-transition-duration:var(--stzh-base-transition-animation-speed);transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-datalist-item__value.sc-stzh-datalist-item{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);font-family:var(--font-family);font-weight:var(--font-weight);-ms-flex-positive:1;flex-grow:1}@media screen and (min-width: 1024px){.stzh-datalist-item__value.sc-stzh-datalist-item{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-datalist-item__value.sc-stzh-datalist-item,.stzh-datalist-item__icon.sc-stzh-datalist-item{color:var(--color)}.stzh-datalist-item__label.sc-stzh-datalist-item,.stzh-datalist-item__meta.sc-stzh-datalist-item{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height))}@media screen and (min-width: 1024px){.stzh-datalist-item__label.sc-stzh-datalist-item,.stzh-datalist-item__meta.sc-stzh-datalist-item{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height))}}.stzh-datalist-item__meta.sc-stzh-datalist-item{-ms-flex-pack:end;justify-content:flex-end}.stzh-datalist-item__label.sc-stzh-datalist-item{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:normal;color:var(--stzh-base-lead-color)}.stzh-datalist-item__action-list.sc-stzh-datalist-item{display:var(--action-display);-ms-flex-pack:center;justify-content:center;text-align:center}.stzh-datalist-item__action-list.sc-stzh-datalist-item:not(:empty){padding-left:var(--stzh-space-xsmall)}.stzh-datalist-item__action.is-non-interactive.sc-stzh-datalist-item{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:var(--stzh-form-input-tiny-height);height:var(--stzh-form-input-tiny-height)}.stzh-datalist-item__action.is-button[variant=tertiary].sc-stzh-datalist-item{--color:inherit}.stzh-datalist-item__value.sc-stzh-datalist-item,.stzh-datalist-item__icon.sc-stzh-datalist-item{-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed)}.stzh-datalist-item__interactive.sc-stzh-datalist-item{position:absolute;top:0;left:0}.stzh-datalist-item--is-button.sc-stzh-datalist-item .stzh-datalist-item__icon.is-open.sc-stzh-datalist-item{display:none}.stzh-datalist-item--is-button.stzh-datalist-item--is-expanded.sc-stzh-datalist-item .stzh-datalist-item__icon.is-closed.sc-stzh-datalist-item{display:none}.stzh-datalist-item--is-button.stzh-datalist-item--is-expanded.sc-stzh-datalist-item .stzh-datalist-item__icon.is-open.sc-stzh-datalist-item{display:-ms-inline-flexbox;display:inline-flex}.stzh-datalist-item--is-link.sc-stzh-datalist-item .stzh-datalist-item__icon.is-external.sc-stzh-datalist-item{display:none}.stzh-datalist-item--is-link.sc-stzh-datalist-item .stzh-datalist-item__action-list[rel*=external].sc-stzh-datalist-item .stzh-datalist-item__icon.is-internal.sc-stzh-datalist-item{display:none}.stzh-datalist-item--is-link.sc-stzh-datalist-item .stzh-datalist-item__action-list[rel*=external].sc-stzh-datalist-item .stzh-datalist-item__icon.is-external.sc-stzh-datalist-item{display:-ms-inline-flexbox;display:inline-flex}.stzh-datalist-item--is-interactive.sc-stzh-datalist-item:hover .stzh-datalist-item__value.sc-stzh-datalist-item,.stzh-datalist-item--is-interactive.sc-stzh-datalist-item:hover .stzh-datalist-item__icon.sc-stzh-datalist-item{color:var(--hover-color)}.stzh-datalist-item--is-interactive.sc-stzh-datalist-item:hover .stzh-datalist-item__value.sc-stzh-datalist-item{text-decoration:underline}.stzh-datalist-item--is-interactive.sc-stzh-datalist-item:hover .stzh-datalist-item__leading-icon-container.sc-stzh-datalist-item,.stzh-datalist-item--is-interactive.sc-stzh-datalist-item:focus-within .stzh-datalist-item__leading-icon-container.sc-stzh-datalist-item{color:var(--hover-leading-icon-color);background-color:var(--hover-leading-icon-background-color)}.stzh-datalist-item--direction-vertical.sc-stzh-datalist-item{display:-ms-flexbox;display:flex;padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}.stzh-datalist-item--direction-vertical.stzh-datalist-item--has-hidden-border.sc-stzh-datalist-item{padding-top:calc(var(--stzh-space-xsmall) / 2);padding-bottom:calc(var(--stzh-space-xsmall) / 2)}.stzh-datalist-item--direction-vertical.sc-stzh-datalist-item:not(.stzh-datalist-item--has-hidden-border){border-bottom:0.0625rem solid var(--stzh-base-border-color)}.stzh-datalist-item--direction-vertical.sc-stzh-datalist-item .stzh-datalist-item__leading-icon-container.sc-stzh-datalist-item{width:2.5rem;height:2.5rem}.stzh-datalist-item--direction-vertical.sc-stzh-datalist-item .stzh-datalist-item__leading-icon.sc-stzh-datalist-item{--size:var(--stzh-icon-size-medium)}.stzh-datalist-item--direction-vertical.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item{-ms-flex-direction:column;flex-direction:column}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item{display:contents}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item+.stzh-datalist-item__nested.sc-stzh-datalist-item{display:contents}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item+.stzh-datalist-item__nested.sc-stzh-datalist-item .stzh-datalist-item__nested-inner.sc-stzh-datalist-item{grid-column:1/6}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__value.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item{padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}.stzh-datalist-item--direction-horizontal.stzh-datalist-item--has-hidden-border.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.stzh-datalist-item--has-hidden-border.sc-stzh-datalist-item .stzh-datalist-item__value.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.stzh-datalist-item--has-hidden-border.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item{padding-top:calc(var(--stzh-space-xsmall) / 2);padding-bottom:calc(var(--stzh-space-xsmall) / 2)}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item:not(.stzh-datalist-item--has-hidden-border) .stzh-datalist-item__label.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item:not(.stzh-datalist-item--has-hidden-border) .stzh-datalist-item__value.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item:not(.stzh-datalist-item--has-hidden-border) .stzh-datalist-item__meta.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item:not(.stzh-datalist-item--has-hidden-border) .stzh-datalist-item__action-list.sc-stzh-datalist-item{border-bottom:0.0625rem solid var(--stzh-base-border-color)}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item:not(:empty){min-width:var(--label-min-width);padding-right:var(--stzh-space-xsmall)}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item:not(:empty){padding-left:var(--stzh-space-xsmall)}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__leading-icon-container.sc-stzh-datalist-item{width:2rem;height:2rem}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__meta-status.sc-stzh-datalist-item+.stzh-datalist-item__meta-text.sc-stzh-datalist-item{margin-left:var(--stzh-space-xsmall)}";
+const stzhDatalistItemCss = ".sc-stzh-datalist-item-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-datalist-item-h{display:none}.sc-stzh-datalist-item-h *.sc-stzh-datalist-item,.sc-stzh-datalist-item-h *.sc-stzh-datalist-item::before,.sc-stzh-datalist-item-h *.sc-stzh-datalist-item::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-datalist-item-h{--font-family:var(--stzh-font-family-regular);--font-weight:var(--stzh-font-weight-regular);--color:inherit;--action-display:flex;--label-min-width:var(--item-label-min-width, none);--leading-icon-background-color:var(--stzh-color-grey5);--leading-icon-color:var(--stzh-color-grey70);--hover-leading-icon-background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-leading-icon-color:var(--stzh-color-white);display:contents}[href].sc-stzh-datalist-item-h:not([href=\"\"]),[a11y-expanded].sc-stzh-datalist-item-h,[a11y-controls].sc-stzh-datalist-item-h{--color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--hover-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.sc-stzh-datalist-item-h .sc-stzh-datalist-item-s>stzh-datalist{margin-left:var(--stzh-space-large)}.stzh-datalist-item.sc-stzh-datalist-item{position:relative;-webkit-text-decoration-line:none;text-decoration-line:none}.stzh-datalist-item__vhidden.sc-stzh-datalist-item{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-datalist-item__wrapper.sc-stzh-datalist-item{-ms-flex-positive:1;flex-grow:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}.stzh-datalist-item__leading.sc-stzh-datalist-item,.stzh-datalist-item__value.sc-stzh-datalist-item,.stzh-datalist-item__label.sc-stzh-datalist-item,.stzh-datalist-item__meta.sc-stzh-datalist-item,.stzh-datalist-item__action-list.sc-stzh-datalist-item{color:inherit;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;background:transparent;border:none;padding:0;-webkit-text-decoration-line:none;text-decoration-line:none}.stzh-datalist-item__leading.is-button.sc-stzh-datalist-item,.stzh-datalist-item__leading.is-link.sc-stzh-datalist-item,.stzh-datalist-item__value.is-button.sc-stzh-datalist-item,.stzh-datalist-item__value.is-link.sc-stzh-datalist-item,.stzh-datalist-item__label.is-button.sc-stzh-datalist-item,.stzh-datalist-item__label.is-link.sc-stzh-datalist-item,.stzh-datalist-item__meta.is-button.sc-stzh-datalist-item,.stzh-datalist-item__meta.is-link.sc-stzh-datalist-item,.stzh-datalist-item__action-list.is-button.sc-stzh-datalist-item,.stzh-datalist-item__action-list.is-link.sc-stzh-datalist-item{cursor:pointer}.stzh-datalist-item__leading.sc-stzh-datalist-item{-ms-flex-negative:0;flex-shrink:0}.stzh-datalist-item__leading.sc-stzh-datalist-item:not(:empty){padding-right:var(--stzh-space-xsmall)}.stzh-datalist-item__leading-icon-container.sc-stzh-datalist-item{color:var(--leading-icon-color);background-color:var(--leading-icon-background-color);width:2.5rem;height:2.5rem;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border-radius:50%;-webkit-transition-property:color, background-color;transition-property:color, background-color;-webkit-transition-duration:var(--stzh-base-transition-animation-speed);transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-datalist-item__value.sc-stzh-datalist-item{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);font-family:var(--font-family);font-weight:var(--font-weight);-ms-flex-positive:1;flex-grow:1}@media screen and (min-width: 1024px){.stzh-datalist-item__value.sc-stzh-datalist-item{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-datalist-item__value.sc-stzh-datalist-item,.stzh-datalist-item__icon.sc-stzh-datalist-item{color:var(--color)}.stzh-datalist-item__label.sc-stzh-datalist-item,.stzh-datalist-item__meta.sc-stzh-datalist-item{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height))}@media screen and (min-width: 1024px){.stzh-datalist-item__label.sc-stzh-datalist-item,.stzh-datalist-item__meta.sc-stzh-datalist-item{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height))}}.stzh-datalist-item__meta.sc-stzh-datalist-item{-ms-flex-pack:end;justify-content:flex-end}.stzh-datalist-item__label.sc-stzh-datalist-item{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:normal;color:var(--stzh-base-lead-color)}.stzh-datalist-item__action-list.sc-stzh-datalist-item{display:var(--action-display);-ms-flex-pack:center;justify-content:center;text-align:center}.stzh-datalist-item__action-list.sc-stzh-datalist-item:not(:empty){padding-left:var(--stzh-space-xsmall)}.stzh-datalist-item__action.is-non-interactive.sc-stzh-datalist-item{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:var(--stzh-form-input-tiny-height);height:var(--stzh-form-input-tiny-height)}.stzh-datalist-item__action.is-button[variant=tertiary].sc-stzh-datalist-item{--color:inherit}.stzh-datalist-item__value.sc-stzh-datalist-item,.stzh-datalist-item__icon.sc-stzh-datalist-item{-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed)}.stzh-datalist-item__interactive.sc-stzh-datalist-item{position:absolute;top:0;left:0}.stzh-datalist-item--is-button.sc-stzh-datalist-item .stzh-datalist-item__icon.is-open.sc-stzh-datalist-item{display:none}.stzh-datalist-item--is-button.stzh-datalist-item--is-expanded.sc-stzh-datalist-item .stzh-datalist-item__icon.is-closed.sc-stzh-datalist-item{display:none}.stzh-datalist-item--is-button.stzh-datalist-item--is-expanded.sc-stzh-datalist-item .stzh-datalist-item__icon.is-open.sc-stzh-datalist-item{display:-ms-inline-flexbox;display:inline-flex}.stzh-datalist-item--is-interactive.sc-stzh-datalist-item:hover .stzh-datalist-item__value.sc-stzh-datalist-item,.stzh-datalist-item--is-interactive.sc-stzh-datalist-item:hover .stzh-datalist-item__icon.sc-stzh-datalist-item{color:var(--hover-color)}.stzh-datalist-item--is-interactive.sc-stzh-datalist-item:hover .stzh-datalist-item__value.sc-stzh-datalist-item{-webkit-text-decoration-line:underline;text-decoration-line:underline}.stzh-datalist-item--is-interactive.sc-stzh-datalist-item:hover .stzh-datalist-item__leading-icon-container.sc-stzh-datalist-item,.stzh-datalist-item--is-interactive.sc-stzh-datalist-item:focus-within .stzh-datalist-item__leading-icon-container.sc-stzh-datalist-item{color:var(--hover-leading-icon-color);background-color:var(--hover-leading-icon-background-color)}.stzh-datalist-item--direction-vertical.sc-stzh-datalist-item{display:-ms-flexbox;display:flex;padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}.stzh-datalist-item--direction-vertical.stzh-datalist-item--has-hidden-border.sc-stzh-datalist-item{padding-top:calc(var(--stzh-space-xsmall) / 2);padding-bottom:calc(var(--stzh-space-xsmall) / 2)}.stzh-datalist-item--direction-vertical.sc-stzh-datalist-item:not(.stzh-datalist-item--has-hidden-border){border-bottom:0.0625rem solid var(--stzh-base-border-color)}.stzh-datalist-item--direction-vertical.sc-stzh-datalist-item .stzh-datalist-item__leading-icon-container.sc-stzh-datalist-item{width:2.5rem;height:2.5rem}.stzh-datalist-item--direction-vertical.sc-stzh-datalist-item .stzh-datalist-item__leading-icon.sc-stzh-datalist-item{--size:var(--stzh-icon-size-medium)}.stzh-datalist-item--direction-vertical.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item{-ms-flex-direction:column;flex-direction:column}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item{display:contents}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item+.stzh-datalist-item__nested.sc-stzh-datalist-item{display:contents}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item+.stzh-datalist-item__nested.sc-stzh-datalist-item .stzh-datalist-item__nested-inner.sc-stzh-datalist-item{grid-column:1/6}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__value.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item{padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall)}.stzh-datalist-item--direction-horizontal.stzh-datalist-item--has-hidden-border.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.stzh-datalist-item--has-hidden-border.sc-stzh-datalist-item .stzh-datalist-item__value.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.stzh-datalist-item--has-hidden-border.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item{padding-top:calc(var(--stzh-space-xsmall) / 2);padding-bottom:calc(var(--stzh-space-xsmall) / 2)}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item:not(.stzh-datalist-item--has-hidden-border) .stzh-datalist-item__label.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item:not(.stzh-datalist-item--has-hidden-border) .stzh-datalist-item__value.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item:not(.stzh-datalist-item--has-hidden-border) .stzh-datalist-item__meta.sc-stzh-datalist-item,.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item:not(.stzh-datalist-item--has-hidden-border) .stzh-datalist-item__action-list.sc-stzh-datalist-item{border-bottom:0.0625rem solid var(--stzh-base-border-color)}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__label.sc-stzh-datalist-item:not(:empty){min-width:var(--label-min-width);padding-right:var(--stzh-space-xsmall)}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__meta.sc-stzh-datalist-item:not(:empty){padding-left:var(--stzh-space-xsmall)}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__leading-icon-container.sc-stzh-datalist-item{width:2rem;height:2rem}.stzh-datalist-item--direction-horizontal.sc-stzh-datalist-item .stzh-datalist-item__meta-status.sc-stzh-datalist-item+.stzh-datalist-item__meta-text.sc-stzh-datalist-item{margin-left:var(--stzh-space-xsmall)}";
 
 const StzhDatalistItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -32,6 +33,8 @@ const StzhDatalistItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
     this.download = undefined;
     this.leadingIcon = undefined;
     this.icon = undefined;
+    this.iconLabel = undefined;
+    this.iconTooltip = undefined;
     this.label = "";
     this.value = "";
     this.meta = "";
@@ -40,6 +43,10 @@ const StzhDatalistItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
     this.hideBorder = false;
     this.a11yExpanded = undefined;
     this.a11yControls = undefined;
+    this.external = false;
+  }
+  externalWatcher() {
+    this.external = this.rel && this.rel.includes("external");
   }
   renderInner(isButton) {
     const Item = isButton ? "button" : (this.href ? "a" : "div");
@@ -52,7 +59,7 @@ const StzhDatalistItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
         "is-button": isButton,
         "is-link": !!this.href
       }, href: this.href, rel: this.rel, target: this.target, download: this.download, "aria-label": `${this.label}, ${this.value}, ${this.meta}`, "aria-controls": this.a11yControls, "aria-expanded": typeof this.a11yExpanded !== "undefined"
-        ? (this.a11yExpanded ? "true" : "false") : null }, this.rel && this.rel.includes('external') && h("div", { class: "stzh-datalist-item__vhidden" }, this.localization.$globals.externalLinkLabel), this.download && h("div", { class: "stzh-datalist-item__vhidden" }, this.localization.$globals.downloadLinkLabel), this.value), h(Item, { "aria-hidden": "true", tabindex: "-1", class: {
+        ? (this.a11yExpanded ? "true" : "false") : null }, this.external && h("div", { class: "stzh-datalist-item__vhidden" }, this.localization.$globals.externalLinkLabel), this.download && h("div", { class: "stzh-datalist-item__vhidden" }, this.localization.$globals.downloadLinkLabel), this.value), h(Item, { "aria-hidden": "true", tabindex: "-1", class: {
         "stzh-datalist-item__meta": true,
         "is-button": isButton,
         "is-link": !!this.href
@@ -85,6 +92,7 @@ const StzhDatalistItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
     }
   }
   async componentWillLoad() {
+    this.externalWatcher();
     if (!this.localization) {
       this.localization = await fetchTranslations(this.element, "datalist-item");
     }
@@ -102,6 +110,12 @@ const StzhDatalistItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
       [`stzh-datalist-item--direction-${this.direction}`]: !!this.direction
     };
     const Item = isButton ? "button" : (this.href ? "a" : "div");
+    const ActionButton = () => {
+      return (h("stzh-button", { class: {
+          "stzh-datalist-item__action": true,
+          "is-button": true
+        }, variant: "tertiary", size: "tiny", "aria-label": this.iconLabel || (`${this.label} ${this.value}`), iconOnly: true, icon: this.icon, onClick: this.actionClick }));
+    };
     return (h(Host, { role: "listitem" }, h("div", { class: classes }, this.direction === "horizontal" ?
       h(Fragment, null, this.renderLeadingIcon(isButton), this.renderInner(isButton))
       :
@@ -113,14 +127,17 @@ const StzhDatalistItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
       (this.download ?
         h("div", { class: "stzh-datalist-item__action is-non-interactive" }, h("stzh-icon", { class: "stzh-datalist-item__icon", name: this.icon ? this.icon : "download" }))
         :
-          h("div", { class: "stzh-datalist-item__action is-non-interactive" }, h("stzh-icon", { class: "stzh-datalist-item__icon is-internal", name: this.icon ? this.icon : "arrow-right" }), h("stzh-icon", { class: "stzh-datalist-item__icon is-external", name: this.icon ? this.icon : "external-link" }))), isButton &&
-      h("div", { class: "stzh-datalist-item__action is-non-interactive" }, h("stzh-icon", { class: "stzh-datalist-item__icon is-closed", name: this.icon ? this.icon : "plus" }), h("stzh-icon", { class: "stzh-datalist-item__icon is-open", name: this.icon ? this.icon : "minus" })), !this.href && this.icon &&
-      h("stzh-button", { class: {
-          "stzh-datalist-item__action": true,
-          "is-button": true
-        }, variant: "tertiary", size: "tiny", "aria-label": this.value, iconOnly: true, icon: this.icon, onClick: this.actionClick }))), h("div", { class: "stzh-datalist-item__nested" }, h("div", { class: "stzh-datalist-item__nested-inner" }, h("slot", null)))));
+          h("div", { class: "stzh-datalist-item__action is-non-interactive" }, h("stzh-icon", { class: "stzh-datalist-item__icon", name: this.icon ? this.icon : (this.external ? "external-link" : "arrow-right") }))), isButton &&
+      h("div", { class: "stzh-datalist-item__action is-non-interactive" }, h("stzh-icon", { class: "stzh-datalist-item__icon is-closed", name: this.icon ? this.icon : "plus" }), h("stzh-icon", { class: "stzh-datalist-item__icon is-open", name: this.icon ? this.icon : "minus" })), (!this.href && this.icon) &&
+      (this.iconTooltip ?
+        h("stzh-tooltip", { content: this.iconTooltip }, ActionButton())
+        :
+          ActionButton()))), h("div", { class: "stzh-datalist-item__nested" }, h("div", { class: "stzh-datalist-item__nested-inner" }, h("slot", null)))));
   }
   get element() { return this; }
+  static get watchers() { return {
+    "rel": ["externalWatcher"]
+  }; }
   static get style() { return stzhDatalistItemCss; }
 }, [6, "stzh-datalist-item", {
     "localization": [16],
@@ -131,6 +148,8 @@ const StzhDatalistItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
     "download": [1],
     "leadingIcon": [1, "leading-icon"],
     "icon": [1],
+    "iconLabel": [1, "icon-label"],
+    "iconTooltip": [1, "icon-tooltip"],
     "label": [1],
     "value": [1],
     "meta": [1],
@@ -138,13 +157,14 @@ const StzhDatalistItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
     "statusType": [1, "status-type"],
     "hideBorder": [516, "hide-border"],
     "a11yExpanded": [516, "a11y-expanded"],
-    "a11yControls": [1, "a11y-controls"]
+    "a11yControls": [1, "a11y-controls"],
+    "external": [32]
   }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["stzh-datalist-item", "stzh-badge", "stzh-button", "stzh-icon", "stzh-status"];
+  const components = ["stzh-datalist-item", "stzh-badge", "stzh-button", "stzh-icon", "stzh-status", "stzh-tooltip"];
   components.forEach(tagName => { switch (tagName) {
     case "stzh-datalist-item":
       if (!customElements.get(tagName)) {
@@ -153,20 +173,25 @@ function defineCustomElement() {
       break;
     case "stzh-badge":
       if (!customElements.get(tagName)) {
-        defineCustomElement$4();
+        defineCustomElement$5();
       }
       break;
     case "stzh-button":
       if (!customElements.get(tagName)) {
-        defineCustomElement$3();
+        defineCustomElement$4();
       }
       break;
     case "stzh-icon":
       if (!customElements.get(tagName)) {
-        defineCustomElement$2();
+        defineCustomElement$3();
       }
       break;
     case "stzh-status":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+    case "stzh-tooltip":
       if (!customElements.get(tagName)) {
         defineCustomElement$1();
       }