@oiz/stzh-components 4.9.0-beta2 → 4.9.0-beta4

package/dist/esm/index-DesQCrfi.js

@@ -1,3349 +0,0 @@
-const NAMESPACE = 'stzh-components';
-const BUILD = /* stzh-components */ { experimentalSlotFixes: true, hydratedSelectorName: "hydrated", lazyLoad: true, propChangeCallback: true, shadowDom: true, slotRelocation: true, state: true, updatable: true};
-
-const name = "@oiz/stzh-components";
-const version = "4.9.0-beta2";
-
-const packageName = name.substring(name.indexOf('/')+1);
-// let focused = false;
-
-// function debounce(func, timeout = 500){
-//   let timer;
-//   return (...args) => {
-//     clearTimeout(timer);
-//     timer = setTimeout(() => { func.apply(this, args); }, timeout);
-//   };
-// }
-
-const debouncedFocus = (event) => {
-  // if (focused) {
-  //   return false;
-  // }
-
-  const autofocus = document.querySelector('[autofocus]');
-
-  if (window.stzhComponents.fixAutofocus
-      && !document.location.hash
-      && autofocus
-      && event.detail.namespace === packageName
-      && autofocus.tagName.toLowerCase().indexOf('stzh-') === 0
-      && 'focus' in autofocus
-  ) {
-    autofocus.focus();
-    // focused = true;
-  } else if (window.stzhComponents.fixHashfocus && document.location.hash) {
-    const hashElement = document.querySelector(document.location.hash);
-
-    if (hashElement) {
-      hashElement.scrollIntoView();
-      // focused = true;
-    }
-  }
-};
-
-/**
- * Execute setFocus method if it exists
- * on stzh-element with autofocus on pageload
- * when (child components are loaded)
- */
-function applyAutofocus() {
-  window.addEventListener('appload', debouncedFocus);
-}
-
-function observeScrollbarWidth() {
-  const config = {
-    threshold: 1.0
-  };
-
-  const handleIntersect = (entries) => {
-    entries.forEach(entry => {
-      let scrollbarWidth = 0;
-
-      if (entry.intersectionRatio < 1) {
-        // scrollbarWidth = window.innerWidth - document.body.clientWidth;
-        scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;
-      }
-
-      document.documentElement.style.setProperty('--stzh-scrollbar-width', scrollbarWidth + 'px');
-      document.documentElement.style.setProperty('--stzh-scrollbar-active', scrollbarWidth > 0 ? '1' : '0');
-    });
-  };
-
-  const bodyScrollObserver = new IntersectionObserver(handleIntersect, config);
-  bodyScrollObserver.observe(document.body);
-}
-
-function format(date, type = 'datetime') {
-  if (!window.stzhComponents.translations) {
-    console.log('Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`');
-    return;
-  }
-
-  const { $formats, $globals } = window.stzhComponents.translations;
-  const adapter = createFormatParseAdapter($formats, $globals);
-  return adapter.format(date, type);
-}
-
-function parse(string, type = 'datetime') {
-  if (!window.stzhComponents.translations) {
-    console.log('Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`');
-    return;
-  }
-
-  const { $formats, $globals } = window.stzhComponents.translations;
-  const adapter = createFormatParseAdapter($formats, $globals);
-  return adapter.parse(string, type);
-}
-
-function formatSpan(date, date2, type = 'datetime') {
-  if (!window.stzhComponents.translations) {
-    console.log('Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`');
-    return;
-  }
-
-  const { $formats, $globals } = window.stzhComponents.translations;
-  const adapter = createFormatParseAdapter($formats, $globals);
-  return adapter.formatSpan(date, date2, type);
-}
-
-function parseSpan(string, type = 'datetime') {
-  if (!window.stzhComponents.translations) {
-    console.log('Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`');
-    return;
-  }
-
-  const { $formats, $globals } = window.stzhComponents.translations;
-  const adapter = createFormatParseAdapter($formats, $globals);
-  return adapter.parseSpan(string, type);
-}
-
-function createFormatParseAdapter(formats, globals) {
-  // format letters from https://www.php.net/manual/de/datetime.format.php
-  const globalFormatter = function (format, date) {
-    if (!date || !(date instanceof Date) || isNaN(date.getTime())) {
-      return '';
-    }
-
-    let j = date.getDate().toString(10);
-    let d = j;
-    let n = (date.getMonth() + 1).toString(10);
-    let m = n;
-    let yC = date.getFullYear().toString(10);
-    let gC = date.getHours().toString(10);
-    let hC = gC;
-    let i = date.getMinutes().toString(10);
-
-    // full textual representation of a month
-    let fC = globals.monthNames[date.getMonth()];
-    // short textual representation of a month
-    let mC = globals.monthNamesShort[date.getMonth()];
-    // full textual representation of the day
-    let l = globals.dayNames[date.getDay()];
-    // short textual representation of the day
-    let D = globals.dayNamesShort[date.getDay()];
-
-    // months *are* zero-indexed, pad if less than 9!
-    if (date.getMonth() < 9) {
-      m = `0${m}`;
-    }
-
-    if (date.getDate() < 10) {
-      d = `0${d}`;
-    }
-
-    if (date.getHours() < 10) {
-      hC = `0${hC}`;
-    }
-
-    if (date.getMinutes() < 10) {
-      i = `0${i}`;
-    }
-
-    return format
-      .replace(/\{j\}/g, j)
-      .replace(/\{d\}/g, d)
-      .replace(/\{D\}/g, D)
-      .replace(/\{l\}/g, l)
-      .replace(/\{n\}/g, n)
-      .replace(/\{m\}/g, m)
-      .replace(/\{F\}/g, fC)
-      .replace(/\{M\}/g, mC)
-      .replace(/\{Y\}/g, yC)
-      .replace(/\{H\}/g, hC)
-      .replace(/\{G\}/g, gC)
-      .replace(/\{i\}/g, i);
-  };
-
-  const globalParser = function (parse, input) {
-    if (!input) {
-      return;
-    }
-
-    const regex = new RegExp(parse);
-    const match = input.match(regex);
-
-    if (match) {
-      const { groups } = match;
-
-      const year = parseInt(groups.Y || '', 10);
-      const month = parseInt(groups.n || groups.m || '', 10);
-      const day = parseInt(groups.j || groups.d || '', 10);
-      const hours = parseInt(groups.G || groups.H || '', 10);
-      const minutes = parseInt(groups.i || '', 10);
-
-      if (!isNaN(year) && (year < 1000 || year > 9999)) {
-        return;
-      }
-
-      if (!isNaN(month) && (month < 1 || month > 12)) {
-        return;
-      }
-
-      // we check day later again (if month changed, it was out of range)
-      if (!isNaN(day) && (day < 1 || day > 31)) {
-        return;
-      }
-
-      if (!isNaN(hours) && (hours < 0 || hours > 23)) {
-        return;
-      }
-
-      if (!isNaN(minutes) && (minutes < 0 || minutes > 59)) {
-        return;
-      }
-
-      const date = new Date(
-        !isNaN(year) ? year : null,
-        !isNaN(month) ? month - 1 : null,
-        !isNaN(day) ? day : null,
-        !isNaN(hours) ? hours : null,
-        !isNaN(minutes) ? minutes : null
-      );
-
-      // if day was out of possible range (1 - 28/29/30/31)
-      // we find out by check if month has changed
-      if (date.getMonth() + 1 !== month) {
-        return;
-      }
-
-      return date;
-    }
-  };
-
-  const globalAdapter = {
-    format: function (date, type = 'datetime') {
-      const dateFormats = {
-        ...formats[type],
-        ...(window.stzhComponents?.formats[type] || {})
-      };
-
-      if (typeof dateFormats.format === 'string') {
-        return globalFormatter(dateFormats.format, date);
-      } else {
-        return dateFormats.format(date);
-      }
-    },
-    parse: function (input, type = 'datetime') {
-      const dateFormats = {
-        ...formats[type],
-        ...(window.stzhComponents?.formats[type] || {})
-      };
-
-      if (typeof dateFormats.parse === 'string') {
-        return globalParser(dateFormats.parse, input);
-      } else {
-        return dateFormats.parse(input);
-      }
-    },
-    formatSpan: function (date, date2, type = 'datetime') {
-      let formattedDate = date;
-      let formattedDate2 = date2;
-
-      if (date instanceof Date && !isNaN(date.getTime())) {
-        formattedDate = this.format(date, type);
-      }
-
-      if (date2 instanceof Date && !isNaN(date2.getTime())) {
-        formattedDate2 = this.format(date2, type);
-      }
-
-      let range = globals.dateRange;
-
-      if (type.startsWith('time')) {
-        range = globals.timeRange;
-      }
-
-      return (
-        formattedDate +
-        (formattedDate2 &&
-        (!(formattedDate2 instanceof Date) || (formattedDate2 instanceof Date && !isNaN(date.getTime())))
-          ? range + formattedDate2
-          : '')
-      );
-    },
-    parseSpan: function (string, type) {
-      let range = globals.dateRange;
-
-      if (type.startsWith('time')) {
-        range = globals.timeRange;
-      }
-
-      const dates = string.split(range);
-      const date = this.parse(dates[0], type);
-      const date2 = this.parse(dates[1], type);
-
-      return [date, date2, range];
-    }
-  };
-
-  return globalAdapter;
-}
-
-function getLocale(element) {
-  const closestElement = element.closest('[lang]');
-  const locale = closestElement && closestElement.lang.split('-')[0];
-
-  if (window.stzhComponents.supportedLocales.indexOf(locale) === -1 || !locale) {
-    return window.stzhComponents.defaultLocale;
-  } else {
-    return locale;
-  }
-}
-
-async function fetchTranslations(host, component) {
-  const locale = getLocale(host);
-  const existingTranslations = JSON.parse(
-    sessionStorage.getItem(`stzhComponents.v${window.stzhComponents.version}.i18n.${locale}`)
-  );
-
-  if (window.stzhComponents.cacheTranslations && existingTranslations && Object.keys(existingTranslations).length > 0) {
-    return {
-      ...(existingTranslations[component] || {}),
-      $globals: existingTranslations.$globals,
-      $locale: existingTranslations.$code,
-      $formats: existingTranslations.$formats,
-      $formatsIso: existingTranslations.$formatsIso,
-      $formatsLegacy: existingTranslations.$formatsLegacy
-    };
-  }
-
-  try {
-    const result = await fetch(`${window.stzhComponents.pathTranslations}/${locale}.json`);
-
-    if (result.ok) {
-      const data = await result.json();
-      sessionStorage.setItem(`stzhComponents.v${window.stzhComponents.version}.i18n.${locale}`, JSON.stringify(data));
-      return {
-        ...(data[component] || {}),
-        $globals: data.$globals,
-        $locale: data.$code,
-        $formats: data.$formats,
-        $formatsIso: data.$formatsIso,
-        $formatsLegacy: data.$formatsLegacy
-      };
-    }
-  } catch (exception) {
-    console.error(`Error loading locale: ${locale}`, exception);
-  }
-}
-
-var utils = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  createFormatParseAdapter: createFormatParseAdapter,
-  fetchTranslations: fetchTranslations,
-  format: format,
-  formatSpan: formatSpan,
-  getLocale: getLocale,
-  parse: parse,
-  parseSpan: parseSpan
-});
-
-function appGlobalScript () {
-    window.stzhComponents = Object.assign(Object.assign({ defaultLocale: 'de', pathMedia: '/', pathTranslations: '/', cacheTranslations: true, formats: {}, translations: null, fixAutofocus: true, fixHashfocus: true }, window.stzhComponents || {}), { version, supportedLocales: ['de', 'en'], utils });
-    if (window.stzhComponents.translations === null) {
-        window.stzhComponents.translationsLoading = fetchTranslations(document.documentElement).then((translations) => {
-            window.stzhComponents.translations = translations;
-        }).catch((reason) => {
-            console.error("Translations couldn't load:", reason);
-        });
-    }
-    applyAutofocus();
-    observeScrollbarWidth();
-}
-
-const globalScripts = appGlobalScript;
-const globalStyles = "/* Global css (mainly used to provide sensible defaults and helper classes) */\n\n::selection {\n  color: var(--stzh-selection-color);\n  background-color: var(--stzh-selection-background-color);\n}\n\nhtml,\nbody {\n  max-width: 100vw;\n  overflow-x: hidden;\n  overflow-x: clip;\n  font-synthesis: none;\n}\n\nhtml {\n  /* Enable font smoothing */\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\nbody {\n  /* Remove default body spacing */\n  margin: 0;\n  padding: 0;\n}\n\nsub, sup {\n  line-height: 0;\n}\n\n[hidden],\n[stzh-hidden] {\n  display: none !important;\n}\n\n.stzh-contents {\n  display: contents;\n}\n\n.stzh-pointer-events-auto {\n  pointer-events: auto;\n}\n\n@media print {\n  img {\n    page-break-inside: avoid;\n    break-inside: avoid;\n  }\n\n  .stzh-print-show {\n    display: block !important;\n  }\n\n  .stzh-print-hide {\n    display: none !important;\n  }\n\n  .stzh-print-exact-color {\n    -webkit-print-color-adjust: exact !important;\n    print-color-adjust: exact !important;\n  }\n\n  .stzh-print-break-after-always {\n    page-break-after: always !important;\n    break-after: always !important;\n  }\n\n  .stzh-print-break-inside-avoid {\n    page-break-inside: avoid !important;\n    break-inside: avoid !important;\n  }\n}\n\n/* Helper for enabling smooth scrolling */\n\n.stzh-scrolling-smooth {\n  scroll-behavior: smooth;\n}\n\n@media screen and (prefers-reduced-motion: reduce) {\n  .stzh-scrolling-smooth {\n    scroll-behavior: auto;\n  }\n}\n\n/* Helper used to introduce scroll margin top in size of sticky header */\n\n.stzh-header-scroll-padding-top {\n  scroll-padding-top: var(--stzh-header-metabar-height, 0);\n}\n\n.stzh-header-scroll-margin-top {\n  scroll-margin-top: var(--stzh-header-metabar-height, 0);\n}\n\n.stzh-pagetitle-disturber-stuck-height {\n  height: var(--stzh-pagetitle-disturber-stuck-height);\n}\n\n.stzh-sticky-stuck-bottom-height {\n  height: var(--stzh-sticky-stuck-bottom-height);\n}\n\n.stzh-sticky-stuck-top-height {\n  height: var(--stzh-sticky-stuck-top-height);\n}\n\n/* Sticky footer layout */\n\n.stzh-layout-sticky-footer {\n  display: grid;\n  grid-template-rows: auto minmax(0, 1fr) auto;\n  grid-template-columns: 100%;\n  min-height: 100vh;\n}\n\n:root {\n  --stzh-app-nav-height: 5rem;\n}\n\n/* When using stzh-app-nav, sticky footer should have bottom-margin with the height of app-nav.  */\n@media screen and (max-width: 600px) {\n  .stzh-layout-sticky-footer:has(stzh-app-nav) .stzh-footer__links {\n    margin-bottom: var(--stzh-app-nav-height);\n  }\n}\n\n/* Helper class for body when dialog / header components are opened */\n\n.stzh-header-open,\n.stzh-header-open.sb-show-main.sb-main-fullscreen, /* only for storybook */\n.stzh-dialog-open,\n.stzh-dialog-open.sb-show-main.sb-main-fullscreen, /* only for storybook */\n.stzh-overlay-open,\n.stzh-overlay-open.sb-show-main.sb-main-fullscreen /* only for storybook */\n{\n  touch-action: none;\n  -webkit-overflow-scrolling: none;\n  overflow: hidden;\n  padding-right: var(--stzh-scrollbar-width);\n  overscroll-behavior: none;\n}\n\nhtml:has(.stzh-header-open),\nhtml:has(.stzh-dialog-open),\nhtml:has(.stzh-overlay-open) {\n  overflow: hidden;\n}\n\n@media screen and (max-width: 599px) {\n  .stzh-popover-open,\n  .stzh-popover-open.sb-show-main.sb-main-fullscreen {\n    touch-action: none;\n    -webkit-overflow-scrolling: none;\n    overflow: hidden;\n    padding-right: var(--stzh-scrollbar-width);\n    overscroll-behavior: none;\n  }\n\n  html:has(.stzh-popover-open) {\n    overflow: hidden;\n  }\n}\n\n/* Flying Focus */\n\n/* default outline value, which will be applied to all elements receiving focus\nthe .has-focus class is used by the focus target */\n.has-focus {\n  outline: var(--stzh-flyingfocus-color) solid 0.125rem;\n  outline-offset: 0.125rem;\n}\n\n.stzh-fylingfocus-focused {\n  outline-style: none !important;\n}\n\n.stzh-fylingfocus-focused::-moz-focus-inner {\n  border: 0 !important;\n}\n\n:root.stzh-flyingfocus-enabled {\n  --stzh-popover-close-visibility: visible;\n}\n\n/* AEM/STZH Website specifix css */\n\n.section.has-sticky {\n  display: contents;\n}\n\n/* Global CSS properties */\n\n:root {\n  /* RWS Colors */\n\n  --stzh-color-lemonyellow10-rgb: 255 253 241;\n  --stzh-color-lemonyellow10: rgba(var(--stzh-color-lemonyellow10-rgb) / 1);\n  --stzh-color-lemonyellow20-rgb: 255 254 201;\n  --stzh-color-lemonyellow20: rgba(var(--stzh-color-lemonyellow20-rgb) / 1);\n  --stzh-color-lemonyellow30-rgb: 255 253 137;\n  --stzh-color-lemonyellow30: rgba(var(--stzh-color-lemonyellow30-rgb) / 1);\n  --stzh-color-lemonyellow40-rgb: 255 243 105;\n  --stzh-color-lemonyellow40: rgba(var(--stzh-color-lemonyellow40-rgb) / 1);\n  --stzh-color-lemonyellow50-rgb: 253 232 40;\n  --stzh-color-lemonyellow50: rgba(var(--stzh-color-lemonyellow50-rgb) / 1);\n  --stzh-color-lemonyellow60-rgb: 241 217 0;\n  --stzh-color-lemonyellow60: rgba(var(--stzh-color-lemonyellow60-rgb) / 1);\n  --stzh-color-lemonyellow70-rgb: 204 186 16;\n  --stzh-color-lemonyellow70: rgba(var(--stzh-color-lemonyellow70-rgb) / 1);\n  --stzh-color-lemonyellow80-rgb: 153 141 0;\n  --stzh-color-lemonyellow80: rgba(var(--stzh-color-lemonyellow80-rgb) / 1);\n  --stzh-color-lemonyellow90-rgb: 84 79 9;\n  --stzh-color-lemonyellow90: rgba(var(--stzh-color-lemonyellow90-rgb) / 1);\n  --stzh-color-lemonyellow100-rgb: 33 31 1;\n  --stzh-color-lemonyellow100: rgba(var(--stzh-color-lemonyellow100-rgb) / 1);\n\n  --stzh-color-lemongrass10-rgb: 252 254 220;\n  --stzh-color-lemongrass10: rgba(var(--stzh-color-lemongrass10-rgb) / 1);\n  --stzh-color-lemongrass20-rgb: 250 250 181;\n  --stzh-color-lemongrass20: rgba(var(--stzh-color-lemongrass20-rgb) / 1);\n  --stzh-color-lemongrass30-rgb: 241 242 106;\n  --stzh-color-lemongrass30: rgba(var(--stzh-color-lemongrass30-rgb) / 1);\n  --stzh-color-lemongrass40-rgb: 224 231 33;\n  --stzh-color-lemongrass40: rgba(var(--stzh-color-lemongrass40-rgb) / 1);\n  --stzh-color-lemongrass50-rgb: 209 218 28;\n  --stzh-color-lemongrass50: rgba(var(--stzh-color-lemongrass50-rgb) / 1);\n  --stzh-color-lemongrass60-rgb: 191 204 0;\n  --stzh-color-lemongrass60: rgba(var(--stzh-color-lemongrass60-rgb) / 1);\n  --stzh-color-lemongrass70-rgb: 146 162 16;\n  --stzh-color-lemongrass70: rgba(var(--stzh-color-lemongrass70-rgb) / 1);\n  --stzh-color-lemongrass80-rgb: 104 116 0;\n  --stzh-color-lemongrass80: rgba(var(--stzh-color-lemongrass80-rgb) / 1);\n  --stzh-color-lemongrass90-rgb: 49 57 0;\n  --stzh-color-lemongrass90: rgba(var(--stzh-color-lemongrass90-rgb) / 1);\n  --stzh-color-lemongrass100-rgb: 19 31 1;\n  --stzh-color-lemongrass100: rgba(var(--stzh-color-lemongrass100-rgb) / 1);\n\n  --stzh-color-limegreen10-rgb: 249 255 231;\n  --stzh-color-limegreen10: rgba(var(--stzh-color-limegreen10-rgb) / 1);\n  --stzh-color-limegreen20-rgb: 231 246 192;\n  --stzh-color-limegreen20: rgba(var(--stzh-color-limegreen20-rgb) / 1);\n  --stzh-color-limegreen30-rgb: 211 231 131;\n  --stzh-color-limegreen30: rgba(var(--stzh-color-limegreen30-rgb) / 1);\n  --stzh-color-limegreen40-rgb: 185 213 92;\n  --stzh-color-limegreen40: rgba(var(--stzh-color-limegreen40-rgb) / 1);\n  --stzh-color-limegreen50-rgb: 153 195 46;\n  --stzh-color-limegreen50: rgba(var(--stzh-color-limegreen50-rgb) / 1);\n  --stzh-color-limegreen60-rgb: 127 180 32;\n  --stzh-color-limegreen60: rgba(var(--stzh-color-limegreen60-rgb) / 1);\n  --stzh-color-limegreen70-rgb: 83 131 27;\n  --stzh-color-limegreen70: rgba(var(--stzh-color-limegreen70-rgb) / 1);\n  --stzh-color-limegreen80-rgb: 58 100 19;\n  --stzh-color-limegreen80: rgba(var(--stzh-color-limegreen80-rgb) / 1);\n  --stzh-color-limegreen90-rgb: 17 61 6;\n  --stzh-color-limegreen90: rgba(var(--stzh-color-limegreen90-rgb) / 1);\n  --stzh-color-limegreen100-rgb: 4 32 0;\n  --stzh-color-limegreen100: rgba(var(--stzh-color-limegreen100-rgb) / 1);\n\n  --stzh-color-shamrock10-rgb: 240 253 233;\n  --stzh-color-shamrock10: rgba(var(--stzh-color-shamrock10-rgb) / 1);\n  --stzh-color-shamrock20-rgb: 222 242 205;\n  --stzh-color-shamrock20: rgba(var(--stzh-color-shamrock20-rgb) / 1);\n  --stzh-color-shamrock30-rgb: 188 229 158;\n  --stzh-color-shamrock30: rgba(var(--stzh-color-shamrock30-rgb) / 1);\n  --stzh-color-shamrock40-rgb: 142 207 105;\n  --stzh-color-shamrock40: rgba(var(--stzh-color-shamrock40-rgb) / 1);\n  --stzh-color-shamrock50-rgb: 100 192 79;\n  --stzh-color-shamrock50: rgba(var(--stzh-color-shamrock50-rgb) / 1);\n  --stzh-color-shamrock60-rgb: 55 170 50;\n  --stzh-color-shamrock60: rgba(var(--stzh-color-shamrock60-rgb) / 1);\n  --stzh-color-shamrock70-rgb: 6 117 30;\n  --stzh-color-shamrock70: rgba(var(--stzh-color-shamrock70-rgb) / 1);\n  --stzh-color-shamrock80-rgb: 0 78 20;\n  --stzh-color-shamrock80: rgba(var(--stzh-color-shamrock80-rgb) / 1);\n  --stzh-color-shamrock90-rgb: 2 48 9;\n  --stzh-color-shamrock90: rgba(var(--stzh-color-shamrock90-rgb) / 1);\n  --stzh-color-shamrock100-rgb: 8 28 0;\n  --stzh-color-shamrock100: rgba(var(--stzh-color-shamrock100-rgb) / 1);\n\n  --stzh-color-firgreen10-rgb: 233 252 242;\n  --stzh-color-firgreen10: rgba(var(--stzh-color-firgreen10-rgb) / 1);\n  --stzh-color-firgreen20-rgb: 207 238 216;\n  --stzh-color-firgreen20: rgba(var(--stzh-color-firgreen20-rgb) / 1);\n  --stzh-color-firgreen30-rgb: 162 229 176;\n  --stzh-color-firgreen30: rgba(var(--stzh-color-firgreen30-rgb) / 1);\n  --stzh-color-firgreen40-rgb: 101 205 140;\n  --stzh-color-firgreen40: rgba(var(--stzh-color-firgreen40-rgb) / 1);\n  --stzh-color-firgreen50-rgb: 52 177 111;\n  --stzh-color-firgreen50: rgba(var(--stzh-color-firgreen50-rgb) / 1);\n  --stzh-color-firgreen60-rgb: 0 151 85;\n  --stzh-color-firgreen60: rgba(var(--stzh-color-firgreen60-rgb) / 1);\n  --stzh-color-firgreen70-rgb: 0 104 49;\n  --stzh-color-firgreen70: rgba(var(--stzh-color-firgreen70-rgb) / 1);\n  --stzh-color-firgreen80-rgb: 0 71 36;\n  --stzh-color-firgreen80: rgba(var(--stzh-color-firgreen80-rgb) / 1);\n  --stzh-color-firgreen90-rgb: 0 41 20;\n  --stzh-color-firgreen90: rgba(var(--stzh-color-firgreen90-rgb) / 1);\n  --stzh-color-firgreen100-rgb: 0 22 9;\n  --stzh-color-firgreen100: rgba(var(--stzh-color-firgreen100-rgb) / 1);\n\n  --stzh-color-petrol10-rgb: 219 252 252;\n  --stzh-color-petrol10: rgba(var(--stzh-color-petrol10-rgb) / 1);\n  --stzh-color-petrol20-rgb: 181 244 244;\n  --stzh-color-petrol20: rgba(var(--stzh-color-petrol20-rgb) / 1);\n  --stzh-color-petrol30-rgb: 126 231 227;\n  --stzh-color-petrol30: rgba(var(--stzh-color-petrol30-rgb) / 1);\n  --stzh-color-petrol40-rgb: 42 199 199;\n  --stzh-color-petrol40: rgba(var(--stzh-color-petrol40-rgb) / 1);\n  --stzh-color-petrol50-rgb: 0 159 157;\n  --stzh-color-petrol50: rgba(var(--stzh-color-petrol50-rgb) / 1);\n  --stzh-color-petrol60-rgb: 0 124 120;\n  --stzh-color-petrol60: rgba(var(--stzh-color-petrol60-rgb) / 1);\n  --stzh-color-petrol70-rgb: 0 88 87;\n  --stzh-color-petrol70: rgba(var(--stzh-color-petrol70-rgb) / 1);\n  --stzh-color-petrol80-rgb: 0 60 64;\n  --stzh-color-petrol80: rgba(var(--stzh-color-petrol80-rgb) / 1);\n  --stzh-color-petrol90-rgb: 0 33 33;\n  --stzh-color-petrol90: rgba(var(--stzh-color-petrol90-rgb) / 1);\n  --stzh-color-petrol100-rgb: 0 23 21;\n  --stzh-color-petrol100: rgba(var(--stzh-color-petrol100-rgb) / 1);\n\n  --stzh-color-cyan10-rgb: 223 252 255;\n  --stzh-color-cyan10: rgba(var(--stzh-color-cyan10-rgb) / 1);\n  --stzh-color-cyan20-rgb: 187 238 254;\n  --stzh-color-cyan20: rgba(var(--stzh-color-cyan20-rgb) / 1);\n  --stzh-color-cyan30-rgb: 123 220 249;\n  --stzh-color-cyan30: rgba(var(--stzh-color-cyan30-rgb) / 1);\n  --stzh-color-cyan40-rgb: 35 195 241;\n  --stzh-color-cyan40: rgba(var(--stzh-color-cyan40-rgb) / 1);\n  --stzh-color-cyan50-rgb: 0 152 198;\n  --stzh-color-cyan50: rgba(var(--stzh-color-cyan50-rgb) / 1);\n  --stzh-color-cyan60-rgb: 0 118 170;\n  --stzh-color-cyan60: rgba(var(--stzh-color-cyan60-rgb) / 1);\n  --stzh-color-cyan70-rgb: 0 77 118;\n  --stzh-color-cyan70: rgba(var(--stzh-color-cyan70-rgb) / 1);\n  --stzh-color-cyan80-rgb: 0 52 80;\n  --stzh-color-cyan80: rgba(var(--stzh-color-cyan80-rgb) / 1);\n  --stzh-color-cyan90-rgb: 0 26 42;\n  --stzh-color-cyan90: rgba(var(--stzh-color-cyan90-rgb) / 1);\n  --stzh-color-cyan100-rgb: 1 19 30;\n  --stzh-color-cyan100: rgba(var(--stzh-color-cyan100-rgb) / 1);\n\n  --stzh-color-cobaltblue10-rgb: 230 247 255;\n  --stzh-color-cobaltblue10: rgba(var(--stzh-color-cobaltblue10-rgb) / 1);\n  --stzh-color-cobaltblue20-rgb: 197 231 255;\n  --stzh-color-cobaltblue20: rgba(var(--stzh-color-cobaltblue20-rgb) / 1);\n  --stzh-color-cobaltblue30-rgb: 136 207 255;\n  --stzh-color-cobaltblue30: rgba(var(--stzh-color-cobaltblue30-rgb) / 1);\n  --stzh-color-cobaltblue40-rgb: 70 178 255;\n  --stzh-color-cobaltblue40: rgba(var(--stzh-color-cobaltblue40-rgb) / 1);\n  --stzh-color-cobaltblue50-rgb: 10 141 246;\n  --stzh-color-cobaltblue50: rgba(var(--stzh-color-cobaltblue50-rgb) / 1);\n  --stzh-color-cobaltblue60-rgb: 3 83 220;\n  --stzh-color-cobaltblue60: rgba(var(--stzh-color-cobaltblue60-rgb) / 1);\n  --stzh-color-cobaltblue70-rgb: 0 47 150;\n  --stzh-color-cobaltblue70: rgba(var(--stzh-color-cobaltblue70-rgb) / 1);\n  --stzh-color-cobaltblue80-rgb: 0 24 90;\n  --stzh-color-cobaltblue80: rgba(var(--stzh-color-cobaltblue80-rgb) / 1);\n  --stzh-color-cobaltblue90-rgb: 0 18 49;\n  --stzh-color-cobaltblue90: rgba(var(--stzh-color-cobaltblue90-rgb) / 1);\n  --stzh-color-cobaltblue100-rgb: 0 9 32;\n  --stzh-color-cobaltblue100: rgba(var(--stzh-color-cobaltblue100-rgb) / 1);\n\n  --stzh-color-midnightblue10-rgb: 239 245 255;\n  --stzh-color-midnightblue10: rgba(var(--stzh-color-midnightblue10-rgb) / 1);\n  --stzh-color-midnightblue20-rgb: 197 219 255;\n  --stzh-color-midnightblue20: rgba(var(--stzh-color-midnightblue20-rgb) / 1);\n  --stzh-color-midnightblue30-rgb: 148 183 248;\n  --stzh-color-midnightblue30: rgba(var(--stzh-color-midnightblue30-rgb) / 1);\n  --stzh-color-midnightblue40-rgb: 100 150 255;\n  --stzh-color-midnightblue40: rgba(var(--stzh-color-midnightblue40-rgb) / 1);\n  --stzh-color-midnightblue50-rgb: 61 107 255;\n  --stzh-color-midnightblue50: rgba(var(--stzh-color-midnightblue50-rgb) / 1);\n  --stzh-color-midnightblue60-rgb: 52 49 222;\n  --stzh-color-midnightblue60: rgba(var(--stzh-color-midnightblue60-rgb) / 1);\n  --stzh-color-midnightblue70-rgb: 15 5 160;\n  --stzh-color-midnightblue70: rgba(var(--stzh-color-midnightblue70-rgb) / 1);\n  --stzh-color-midnightblue80-rgb: 7 0 102;\n  --stzh-color-midnightblue80: rgba(var(--stzh-color-midnightblue80-rgb) / 1);\n  --stzh-color-midnightblue90-rgb: 7 0 70;\n  --stzh-color-midnightblue90: rgba(var(--stzh-color-midnightblue90-rgb) / 1);\n  --stzh-color-midnightblue100-rgb: 7 0 48;\n  --stzh-color-midnightblue100: rgba(var(--stzh-color-midnightblue100-rgb) / 1);\n\n  --stzh-color-violet10-rgb: 246 243 255;\n  --stzh-color-violet10: rgba(var(--stzh-color-violet10-rgb) / 1);\n  --stzh-color-violet20-rgb: 227 214 251;\n  --stzh-color-violet20: rgba(var(--stzh-color-violet20-rgb) / 1);\n  --stzh-color-violet30-rgb: 207 176 255;\n  --stzh-color-violet30: rgba(var(--stzh-color-violet30-rgb) / 1);\n  --stzh-color-violet40-rgb: 188 146 255;\n  --stzh-color-violet40: rgba(var(--stzh-color-violet40-rgb) / 1);\n  --stzh-color-violet50-rgb: 161 116 222;\n  --stzh-color-violet50: rgba(var(--stzh-color-violet50-rgb) / 1);\n  --stzh-color-violet60-rgb: 123 79 183;\n  --stzh-color-violet60: rgba(var(--stzh-color-violet60-rgb) / 1);\n  --stzh-color-violet70-rgb: 81 36 128;\n  --stzh-color-violet70: rgba(var(--stzh-color-violet70-rgb) / 1);\n  --stzh-color-violet80-rgb: 53 20 89;\n  --stzh-color-violet80: rgba(var(--stzh-color-violet80-rgb) / 1);\n  --stzh-color-violet90-rgb: 32 0 68;\n  --stzh-color-violet90: rgba(var(--stzh-color-violet90-rgb) / 1);\n  --stzh-color-violet100-rgb: 24 0 54;\n  --stzh-color-violet100: rgba(var(--stzh-color-violet100-rgb) / 1);\n\n  --stzh-color-magenta10-rgb: 253 241 248;\n  --stzh-color-magenta10: rgba(var(--stzh-color-magenta10-rgb) / 1);\n  --stzh-color-magenta20-rgb: 254 210 238;\n  --stzh-color-magenta20: rgba(var(--stzh-color-magenta20-rgb) / 1);\n  --stzh-color-magenta30-rgb: 249 158 200;\n  --stzh-color-magenta30: rgba(var(--stzh-color-magenta30-rgb) / 1);\n  --stzh-color-magenta40-rgb: 243 107 166;\n  --stzh-color-magenta40: rgba(var(--stzh-color-magenta40-rgb) / 1);\n  --stzh-color-magenta50-rgb: 233 60 133;\n  --stzh-color-magenta50: rgba(var(--stzh-color-magenta50-rgb) / 1);\n  --stzh-color-magenta60-rgb: 198 0 107;\n  --stzh-color-magenta60: rgba(var(--stzh-color-magenta60-rgb) / 1);\n  --stzh-color-magenta70-rgb: 150 0 85;\n  --stzh-color-magenta70: rgba(var(--stzh-color-magenta70-rgb) / 1);\n  --stzh-color-magenta80-rgb: 96 0 59;\n  --stzh-color-magenta80: rgba(var(--stzh-color-magenta80-rgb) / 1);\n  --stzh-color-magenta90-rgb: 57 0 32;\n  --stzh-color-magenta90: rgba(var(--stzh-color-magenta90-rgb) / 1);\n  --stzh-color-magenta100-rgb: 34 0 13;\n  --stzh-color-magenta100: rgba(var(--stzh-color-magenta100-rgb) / 1);\n\n  --stzh-color-red10-rgb: 254 243 243;\n  --stzh-color-red10: rgba(var(--stzh-color-red10-rgb) / 1);\n  --stzh-color-red20-rgb: 250 215 224;\n  --stzh-color-red20: rgba(var(--stzh-color-red20-rgb) / 1);\n  --stzh-color-red30-rgb: 247 165 175;\n  --stzh-color-red30: rgba(var(--stzh-color-red30-rgb) / 1);\n  --stzh-color-red40-rgb: 251 115 126;\n  --stzh-color-red40: rgba(var(--stzh-color-red40-rgb) / 1);\n  --stzh-color-red50-rgb: 232 64 76;\n  --stzh-color-red50: rgba(var(--stzh-color-red50-rgb) / 1);\n  --stzh-color-red60-rgb: 220 3 14;\n  --stzh-color-red60: rgba(var(--stzh-color-red60-rgb) / 1);\n  --stzh-color-red70-rgb: 163 20 19;\n  --stzh-color-red70: rgba(var(--stzh-color-red70-rgb) / 1);\n  --stzh-color-red80-rgb: 100 13 4;\n  --stzh-color-red80: rgba(var(--stzh-color-red80-rgb) / 1);\n  --stzh-color-red90-rgb: 61 14 9;\n  --stzh-color-red90: rgba(var(--stzh-color-red90-rgb) / 1);\n  --stzh-color-red100-rgb: 31 5 4;\n  --stzh-color-red100: rgba(var(--stzh-color-red100-rgb) / 1);\n\n  --stzh-color-coral10-rgb: 253 239 236;\n  --stzh-color-coral10: rgba(var(--stzh-color-coral10-rgb) / 1);\n  --stzh-color-coral20-rgb: 251 219 212;\n  --stzh-color-coral20: rgba(var(--stzh-color-coral20-rgb) / 1);\n  --stzh-color-coral30-rgb: 246 175 160;\n  --stzh-color-coral30: rgba(var(--stzh-color-coral30-rgb) / 1);\n  --stzh-color-coral40-rgb: 241 135 133;\n  --stzh-color-coral40: rgba(var(--stzh-color-coral40-rgb) / 1);\n  --stzh-color-coral50-rgb: 234 79 97;\n  --stzh-color-coral50: rgba(var(--stzh-color-coral50-rgb) / 1);\n  --stzh-color-coral60-rgb: 226 45 83;\n  --stzh-color-coral60: rgba(var(--stzh-color-coral60-rgb) / 1);\n  --stzh-color-coral70-rgb: 163 20 19;\n  --stzh-color-coral70: rgba(var(--stzh-color-coral70-rgb) / 1);\n  --stzh-color-coral80-rgb: 109 3 33;\n  --stzh-color-coral80: rgba(var(--stzh-color-coral80-rgb) / 1);\n  --stzh-color-coral90-rgb: 71 0 19;\n  --stzh-color-coral90: rgba(var(--stzh-color-coral90-rgb) / 1);\n  --stzh-color-coral100-rgb: 41 0 1;\n  --stzh-color-coral100: rgba(var(--stzh-color-coral100-rgb) / 1);\n\n  --stzh-color-orange10-rgb: 254 245 234;\n  --stzh-color-orange10: rgba(var(--stzh-color-orange10-rgb) / 1);\n  --stzh-color-orange20-rgb: 253 228 200;\n  --stzh-color-orange20: rgba(var(--stzh-color-orange20-rgb) / 1);\n  --stzh-color-orange30-rgb: 251 203 151;\n  --stzh-color-orange30: rgba(var(--stzh-color-orange30-rgb) / 1);\n  --stzh-color-orange40-rgb: 246 169 96;\n  --stzh-color-orange40: rgba(var(--stzh-color-orange40-rgb) / 1);\n  --stzh-color-orange50-rgb: 241 136 48;\n  --stzh-color-orange50: rgba(var(--stzh-color-orange50-rgb) / 1);\n  --stzh-color-orange60-rgb: 235 94 0;\n  --stzh-color-orange60: rgba(var(--stzh-color-orange60-rgb) / 1);\n  --stzh-color-orange70-rgb: 178 58 1;\n  --stzh-color-orange70: rgba(var(--stzh-color-orange70-rgb) / 1);\n  --stzh-color-orange80-rgb: 124 43 1;\n  --stzh-color-orange80: rgba(var(--stzh-color-orange80-rgb) / 1);\n  --stzh-color-orange90-rgb: 72 23 0;\n  --stzh-color-orange90: rgba(var(--stzh-color-orange90-rgb) / 1);\n  --stzh-color-orange100-rgb: 46 17 0;\n  --stzh-color-orange100: rgba(var(--stzh-color-orange100-rgb) / 1);\n\n  --stzh-color-sunnyyellow10-rgb: 255 250 234;\n  --stzh-color-sunnyyellow10: rgba(var(--stzh-color-sunnyyellow10-rgb) / 1);\n  --stzh-color-sunnyyellow20-rgb: 255 238 182;\n  --stzh-color-sunnyyellow20: rgba(var(--stzh-color-sunnyyellow20-rgb) / 1);\n  --stzh-color-sunnyyellow30-rgb: 255 228 138;\n  --stzh-color-sunnyyellow30: rgba(var(--stzh-color-sunnyyellow30-rgb) / 1);\n  --stzh-color-sunnyyellow40-rgb: 255 223 97;\n  --stzh-color-sunnyyellow40: rgba(var(--stzh-color-sunnyyellow40-rgb) / 1);\n  --stzh-color-sunnyyellow50-rgb: 255 204 0;\n  --stzh-color-sunnyyellow50: rgba(var(--stzh-color-sunnyyellow50-rgb) / 1);\n  --stzh-color-sunnyyellow60-rgb: 251 185 0;\n  --stzh-color-sunnyyellow60: rgba(var(--stzh-color-sunnyyellow60-rgb) / 1);\n  --stzh-color-sunnyyellow70-rgb: 192 134 0;\n  --stzh-color-sunnyyellow70: rgba(var(--stzh-color-sunnyyellow70-rgb) / 1);\n  --stzh-color-sunnyyellow80-rgb: 146 105 1;\n  --stzh-color-sunnyyellow80: rgba(var(--stzh-color-sunnyyellow80-rgb) / 1);\n  --stzh-color-sunnyyellow90-rgb: 97 70 0;\n  --stzh-color-sunnyyellow90: rgba(var(--stzh-color-sunnyyellow90-rgb) / 1);\n  --stzh-color-sunnyyellow100-rgb: 51 35 0;\n  --stzh-color-sunnyyellow100: rgba(var(--stzh-color-sunnyyellow100-rgb) / 1);\n\n  --stzh-color-ocher10-rgb: 253 251 247;\n  --stzh-color-ocher10: rgba(var(--stzh-color-ocher10-rgb) / 1);\n  --stzh-color-ocher20-rgb: 239 226 200;\n  --stzh-color-ocher20: rgba(var(--stzh-color-ocher20-rgb) / 1);\n  --stzh-color-ocher30-rgb: 222 181 130;\n  --stzh-color-ocher30: rgba(var(--stzh-color-ocher30-rgb) / 1);\n  --stzh-color-ocher40-rgb: 218 158 73;\n  --stzh-color-ocher40: rgba(var(--stzh-color-ocher40-rgb) / 1);\n  --stzh-color-ocher50-rgb: 214 133 0;\n  --stzh-color-ocher50: rgba(var(--stzh-color-ocher50-rgb) / 1);\n  --stzh-color-ocher60-rgb: 198 121 0;\n  --stzh-color-ocher60: rgba(var(--stzh-color-ocher60-rgb) / 1);\n  --stzh-color-ocher70-rgb: 154 91 1;\n  --stzh-color-ocher70: rgba(var(--stzh-color-ocher70-rgb) / 1);\n  --stzh-color-ocher80-rgb: 113 64 0;\n  --stzh-color-ocher80: rgba(var(--stzh-color-ocher80-rgb) / 1);\n  --stzh-color-ocher90-rgb: 74 40 0;\n  --stzh-color-ocher90: rgba(var(--stzh-color-ocher90-rgb) / 1);\n  --stzh-color-ocher100-rgb: 49 26 1;\n  --stzh-color-ocher100: rgba(var(--stzh-color-ocher100-rgb) / 1);\n\n  --stzh-color-warmgrey10-rgb: 246 243 242;\n  --stzh-color-warmgrey10: rgba(var(--stzh-color-warmgrey10-rgb) / 1);\n  --stzh-color-warmgrey20-rgb: 228 224 223;\n  --stzh-color-warmgrey20: rgba(var(--stzh-color-warmgrey20-rgb) / 1);\n  --stzh-color-warmgrey30-rgb: 201 197 196;\n  --stzh-color-warmgrey30: rgba(var(--stzh-color-warmgrey30-rgb) / 1);\n  --stzh-color-warmgrey40-rgb: 172 168 168;\n  --stzh-color-warmgrey40: rgba(var(--stzh-color-warmgrey40-rgb) / 1);\n  --stzh-color-warmgrey50-rgb: 143 139 139;\n  --stzh-color-warmgrey50: rgba(var(--stzh-color-warmgrey50-rgb) / 1);\n  --stzh-color-warmgrey60-rgb: 114 111 110;\n  --stzh-color-warmgrey60: rgba(var(--stzh-color-warmgrey60-rgb) / 1);\n  --stzh-color-warmgrey70-rgb: 84 80 80;\n  --stzh-color-warmgrey70: rgba(var(--stzh-color-warmgrey70-rgb) / 1);\n  --stzh-color-warmgrey80-rgb: 59 55 55;\n  --stzh-color-warmgrey80: rgba(var(--stzh-color-warmgrey80-rgb) / 1);\n  --stzh-color-warmgrey90-rgb: 37 35 35;\n  --stzh-color-warmgrey90: rgba(var(--stzh-color-warmgrey90-rgb) / 1);\n  --stzh-color-warmgrey100-rgb: 19 17 17;\n  --stzh-color-warmgrey100: rgba(var(--stzh-color-warmgrey100-rgb) / 1);\n\n  --stzh-color-coolgrey10-rgb: 244 247 249;\n  --stzh-color-coolgrey10: rgba(var(--stzh-color-coolgrey10-rgb) / 1);\n  --stzh-color-coolgrey20-rgb: 217 233 239;\n  --stzh-color-coolgrey20: rgba(var(--stzh-color-coolgrey20-rgb) / 1);\n  --stzh-color-coolgrey30-rgb: 178 204 215;\n  --stzh-color-coolgrey30: rgba(var(--stzh-color-coolgrey30-rgb) / 1);\n  --stzh-color-coolgrey40-rgb: 141 175 188;\n  --stzh-color-coolgrey40: rgba(var(--stzh-color-coolgrey40-rgb) / 1);\n  --stzh-color-coolgrey50-rgb: 121 148 159;\n  --stzh-color-coolgrey50: rgba(var(--stzh-color-coolgrey50-rgb) / 1);\n  --stzh-color-coolgrey60-rgb: 95 122 131;\n  --stzh-color-coolgrey60: rgba(var(--stzh-color-coolgrey60-rgb) / 1);\n  --stzh-color-coolgrey70-rgb: 61 87 94;\n  --stzh-color-coolgrey70: rgba(var(--stzh-color-coolgrey70-rgb) / 1);\n  --stzh-color-coolgrey80-rgb: 34 58 65;\n  --stzh-color-coolgrey80: rgba(var(--stzh-color-coolgrey80-rgb) / 1);\n  --stzh-color-coolgrey90-rgb: 8 36 41;\n  --stzh-color-coolgrey90: rgba(var(--stzh-color-coolgrey90-rgb) / 1);\n  --stzh-color-coolgrey100-rgb: 0 18 21;\n  --stzh-color-coolgrey100: rgba(var(--stzh-color-coolgrey100-rgb) / 1);\n\n  --stzh-color-grey10-rgb: 244 244 244;\n  --stzh-color-grey10: rgba(var(--stzh-color-grey10-rgb) / 1);\n  --stzh-color-grey20-rgb: 232 232 232;\n  --stzh-color-grey20: rgba(var(--stzh-color-grey20-rgb) / 1);\n  --stzh-color-grey30-rgb: 210 210 210;\n  --stzh-color-grey30: rgba(var(--stzh-color-grey30-rgb) / 1);\n  --stzh-color-grey40-rgb: 194 194 194;\n  --stzh-color-grey40: rgba(var(--stzh-color-grey40-rgb) / 1);\n  --stzh-color-grey50-rgb: 170 170 170;\n  --stzh-color-grey50: rgba(var(--stzh-color-grey50-rgb) / 1);\n  --stzh-color-grey60-rgb: 154 154 154;\n  --stzh-color-grey60: rgba(var(--stzh-color-grey60-rgb) / 1);\n  --stzh-color-grey70-rgb: 124 124 124;\n  --stzh-color-grey70: rgba(var(--stzh-color-grey70-rgb) / 1);\n  --stzh-color-grey80-rgb: 96 96 96;\n  --stzh-color-grey80: rgba(var(--stzh-color-grey80-rgb) / 1);\n  --stzh-color-grey90-rgb: 64 64 64;\n  --stzh-color-grey90: rgba(var(--stzh-color-grey90-rgb) / 1);\n  --stzh-color-grey100-rgb: 42 42 42;\n  --stzh-color-grey100: rgba(var(--stzh-color-grey100-rgb) / 1);\n\n  /* UVZ */\n  --stzh-color-uvz-uvzred10-rgb: 255 248 247;\n  --stzh-color-uvz-uvzred10: rgba(var(--stzh-color-uvz-uvzred10-rgb) / 1);\n  --stzh-color-uvz-uvzred20-rgb: 249 226 217;\n  --stzh-color-uvz-uvzred20: rgba(var(--stzh-color-uvz-uvzred20-rgb) / 1);\n  --stzh-color-uvz-uvzred30-rgb: 255 210 193;\n  --stzh-color-uvz-uvzred30: rgba(var(--stzh-color-uvz-uvzred30-rgb) / 1);\n  --stzh-color-uvz-uvzred40-rgb: 238 52 24;\n  --stzh-color-uvz-uvzred40: rgba(var(--stzh-color-uvz-uvzred40-rgb) / 1);\n  --stzh-color-uvz-uvzred50-rgb: 191 54 43;\n  --stzh-color-uvz-uvzred50: rgba(var(--stzh-color-uvz-uvzred50-rgb) / 1);\n  --stzh-color-uvz-uvzred60-rgb: 188 0 34;\n  --stzh-color-uvz-uvzred60: rgba(var(--stzh-color-uvz-uvzred60-rgb) / 1);\n  --stzh-color-uvz-uvzred70-rgb: 154 0 28;\n  --stzh-color-uvz-uvzred70: rgba(var(--stzh-color-uvz-uvzred70-rgb) / 1);\n  --stzh-color-uvz-uvzred80-rgb: 119 0 22;\n  --stzh-color-uvz-uvzred80: rgba(var(--stzh-color-uvz-uvzred80-rgb) / 1);\n  --stzh-color-uvz-uvzred90-rgb: 85 0 16;\n  --stzh-color-uvz-uvzred90: rgba(var(--stzh-color-uvz-uvzred90-rgb) / 1);\n  --stzh-color-uvz-uvzred100-rgb: 51 0 10;\n  --stzh-color-uvz-uvzred100: rgba(var(--stzh-color-uvz-uvzred100-rgb) / 1);\n\n  --stzh-color-uvz-uvzlightgray10-rgb: 255 255 255;\n  --stzh-color-uvz-uvzlightgray10: rgba(var(--stzh-color-uvz-uvzlightgray10-rgb) / 1);\n  --stzh-color-uvz-uvzlightgray20-rgb: 249 249 249;\n  --stzh-color-uvz-uvzlightgray20: rgba(var(--stzh-color-uvz-uvzlightgray20-rgb) / 1);\n  --stzh-color-uvz-uvzlightgray30-rgb: 245 245 245;\n  --stzh-color-uvz-uvzlightgray30: rgba(var(--stzh-color-uvz-uvzlightgray30-rgb) / 1);\n  --stzh-color-uvz-uvzlightgray40-rgb: 232 232 232;\n  --stzh-color-uvz-uvzlightgray40: rgba(var(--stzh-color-uvz-uvzlightgray40-rgb) / 1);\n  --stzh-color-uvz-uvzlightgray50-rgb: 192 192 192;\n  --stzh-color-uvz-uvzlightgray50: rgba(var(--stzh-color-uvz-uvzlightgray50-rgb) / 1);\n  --stzh-color-uvz-uvzlightgray60-rgb: 143 143 143;\n  --stzh-color-uvz-uvzlightgray60: rgba(var(--stzh-color-uvz-uvzlightgray60-rgb) / 1);\n  --stzh-color-uvz-uvzlightgray70-rgb: 127 127 127;\n  --stzh-color-uvz-uvzlightgray70: rgba(var(--stzh-color-uvz-uvzlightgray70-rgb) / 1);\n  --stzh-color-uvz-uvzlightgray80-rgb: 88 88 88;\n  --stzh-color-uvz-uvzlightgray80: rgba(var(--stzh-color-uvz-uvzlightgray80-rgb) / 1);\n  --stzh-color-uvz-uvzlightgray90-rgb: 64 64 64;\n  --stzh-color-uvz-uvzlightgray90: rgba(var(--stzh-color-uvz-uvzlightgray90-rgb) / 1);\n  --stzh-color-uvz-uvzlightgray100-rgb: 32 32 32;\n  --stzh-color-uvz-uvzlightgray100: rgba(var(--stzh-color-uvz-uvzlightgray100-rgb) / 1);\n\n  /* VBZ */\n  --stzh-color-vbz-cyan10-rgb: 235 249 255;\n  --stzh-color-vbz-cyan10: rgba(var(--stzh-color-vbz-cyan10-rgb) / 1);\n  --stzh-color-vbz-cyan20-rgb: 194 238 255;\n  --stzh-color-vbz-cyan20: rgba(var(--stzh-color-vbz-cyan20-rgb) / 1);\n  --stzh-color-vbz-cyan30-rgb: 132 220 255;\n  --stzh-color-vbz-cyan30: rgba(var(--stzh-color-vbz-cyan30-rgb) / 1);\n  --stzh-color-vbz-cyan40-rgb: 52 197 254;\n  --stzh-color-vbz-cyan40: rgba(var(--stzh-color-vbz-cyan40-rgb) / 1);\n  --stzh-color-vbz-cyan50-rgb: 0 159 223;\n  --stzh-color-vbz-cyan50: rgba(var(--stzh-color-vbz-cyan50-rgb) / 1);\n  --stzh-color-vbz-cyan60-rgb: 5 127 172;\n  --stzh-color-vbz-cyan60: rgba(var(--stzh-color-vbz-cyan60-rgb) / 1);\n  --stzh-color-vbz-cyan70-rgb: 0 102 143;\n  --stzh-color-vbz-cyan70: rgba(var(--stzh-color-vbz-cyan70-rgb) / 1);\n  --stzh-color-vbz-cyan80-rgb: 3 76 103;\n  --stzh-color-vbz-cyan80: rgba(var(--stzh-color-vbz-cyan80-rgb) / 1);\n  --stzh-color-vbz-cyan90-rgb: 0 44 61;\n  --stzh-color-vbz-cyan90: rgba(var(--stzh-color-vbz-cyan90-rgb) / 1);\n  --stzh-color-vbz-cyan100-rgb: 0 29 41;\n  --stzh-color-vbz-cyan100: rgba(var(--stzh-color-vbz-cyan100-rgb) / 1);\n\n  /* MKZ */\n  --stzh-color-mkz-cyan10-rgb: 235 249 255;\n  --stzh-color-mkz-cyan10: rgba(var(--stzh-color-mkz-cyan10-rgb) / 1);\n  --stzh-color-mkz-cyan20-rgb: 194 238 255;\n  --stzh-color-mkz-cyan20: rgba(var(--stzh-color-mkz-cyan20-rgb) / 1);\n  --stzh-color-mkz-cyan30-rgb: 132 220 255;\n  --stzh-color-mkz-cyan30: rgba(var(--stzh-color-mkz-cyan30-rgb) / 1);\n  --stzh-color-mkz-cyan40-rgb: 52 197 254;\n  --stzh-color-mkz-cyan40: rgba(var(--stzh-color-mkz-cyan40-rgb) / 1);\n  --stzh-color-mkz-cyan50-rgb: 0 159 223;\n  --stzh-color-mkz-cyan50: rgba(var(--stzh-color-mkz-cyan50-rgb) / 1);\n  --stzh-color-mkz-cyan60-rgb: 5 127 172;\n  --stzh-color-mkz-cyan60: rgba(var(--stzh-color-mkz-cyan60-rgb) / 1);\n  --stzh-color-mkz-cyan70-rgb: 0 102 143;\n  --stzh-color-mkz-cyan70: rgba(var(--stzh-color-mkz-cyan70-rgb) / 1);\n  --stzh-color-mkz-cyan80-rgb: 3 76 103;\n  --stzh-color-mkz-cyan80: rgba(var(--stzh-color-mkz-cyan80-rgb) / 1);\n  --stzh-color-mkz-cyan90-rgb: 0 44 61;\n  --stzh-color-mkz-cyan90: rgba(var(--stzh-color-mkz-cyan90-rgb) / 1);\n  --stzh-color-mkz-cyan100-rgb: 0 29 41;\n  --stzh-color-mkz-cyan100: rgba(var(--stzh-color-mkz-cyan100-rgb) / 1);\n\n  /* PKZH */\n  --stzh-color-pkzh-cyan10-rgb: 235 249 255;\n  --stzh-color-pkzh-cyan10: rgba(var(--stzh-color-pkzh-cyan10-rgb) / 1);\n  --stzh-color-pkzh-cyan20-rgb: 194 238 255;\n  --stzh-color-pkzh-cyan20: rgba(var(--stzh-color-pkzh-cyan20-rgb) / 1);\n  --stzh-color-pkzh-cyan30-rgb: 132 220 255;\n  --stzh-color-pkzh-cyan30: rgba(var(--stzh-color-pkzh-cyan30-rgb) / 1);\n  --stzh-color-pkzh-cyan40-rgb: 52 197 254;\n  --stzh-color-pkzh-cyan40: rgba(var(--stzh-color-pkzh-cyan40-rgb) / 1);\n  --stzh-color-pkzh-cyan50-rgb: 0 159 223;\n  --stzh-color-pkzh-cyan50: rgba(var(--stzh-color-pkzh-cyan50-rgb) / 1);\n  --stzh-color-pkzh-cyan60-rgb: 5 127 172;\n  --stzh-color-pkzh-cyan60: rgba(var(--stzh-color-pkzh-cyan60-rgb) / 1);\n  --stzh-color-pkzh-cyan70-rgb: 0 102 143;\n  --stzh-color-pkzh-cyan70: rgba(var(--stzh-color-pkzh-cyan70-rgb) / 1);\n  --stzh-color-pkzh-cyan80-rgb: 3 76 103;\n  --stzh-color-pkzh-cyan80: rgba(var(--stzh-color-pkzh-cyan80-rgb) / 1);\n  --stzh-color-pkzh-cyan90-rgb: 0 44 61;\n  --stzh-color-pkzh-cyan90: rgba(var(--stzh-color-pkzh-cyan90-rgb) / 1);\n  --stzh-color-pkzh-cyan100-rgb: 0 29 41;\n  --stzh-color-pkzh-cyan100: rgba(var(--stzh-color-pkzh-cyan100-rgb) / 1);\n\n  /* Microsite Colors */\n  --stzh-color-ms-coolgrey60-rgb: 92 119 129;\n  --stzh-color-ms-coolgrey60: rgba(var(--stzh-color-ms-coolgrey60-rgb) / 1);\n  --stzh-color-ms-coolgrey60-hover-rgb: 52 79 89;\n  --stzh-color-ms-coolgrey60-hover: rgba(var(--stzh-color-ms-coolgrey60-hover-rgb) / 1);\n\n  --stzh-color-ms-orange-rgb: 242 139 0;\n  --stzh-color-ms-orange: rgba(var(--stzh-color-ms-orange-rgb) / 1);\n  --stzh-color-ms-orange-hover-rgb: 145 83 0;\n  --stzh-color-ms-orange-hover: rgba(var(--stzh-color-ms-orange-hover-rgb) / 1);\n\n  --stzh-color-ms-red-rgb: 165 26 15;\n  --stzh-color-ms-red: rgba(var(--stzh-color-ms-red-rgb) / 1);\n  --stzh-color-ms-red-hover-rgb: 99 15 9;\n  --stzh-color-ms-red-hover: rgba(var(--stzh-color-ms-red-hover-rgb) / 1);\n\n  --stzh-color-ms-winered-rgb: 137 7 42;\n  --stzh-color-ms-winered: rgba(var(--stzh-color-ms-winered-rgb) / 1);\n  --stzh-color-ms-winered-hover-rgb: 82 4 25;\n  --stzh-color-ms-winered-hover: rgba(var(--stzh-color-ms-winered-hover-rgb) / 1);\n\n  --stzh-color-cobaltblue60-hover-rgb: 0 51 141;\n  --stzh-color-cobaltblue60-hover: rgba(var(--stzh-color-cobaltblue60-hover-rgb) / 1);\n\n  --stzh-color-shamrock70-hover-rgb: 5 77 20;\n  --stzh-color-shamrock70-hover: rgba(var(--stzh-color-shamrock70-hover-rgb) / 1);\n\n  --stzh-color-limegreen80-hover-rgb: 38 65 12;\n  --stzh-color-limegreen80-hover: rgba(var(--stzh-color-limegreen80-hover-rgb) / 1);\n\n  --stzh-color-magenta70-hover-rgb: 102 0 51;\n  --stzh-color-magenta70-hover: rgba(var(--stzh-color-magenta70-hover-rgb) / 1);\n\n  --stzh-color-ocher70-hover-rgb: 90 54 0;\n  --stzh-color-ocher70-hover: rgba(var(--stzh-color-ocher70-hover-rgb) / 1);\n\n  --stzh-color-orange70-hover-rgb: 111 38 31;\n  --stzh-color-orange70-hover: rgba(var(--stzh-color-orange70-hover-rgb) / 1);\n\n  --stzh-color-red60-hover-rgb: 162 3 9;\n  --stzh-color-red60-hover: rgba(var(--stzh-color-red60-hover-rgb) / 1);\n\n  --stzh-color-violet70-hover-rgb: 45 19 72;\n  --stzh-color-violet70-hover: rgba(var(--stzh-color-violet70-hover-rgb) / 1);\n\n  --stzh-color-white-rgb: 255 255 255;\n  --stzh-color-white: rgba(var(--stzh-color-white-rgb) / 1);\n  --stzh-color-white10op: rgba(var(--stzh-color-white-rgb) / 0.1);\n  --stzh-color-white20op: rgba(var(--stzh-color-white-rgb) / 0.2);\n  --stzh-color-white30op: rgba(var(--stzh-color-white-rgb) / 0.3);\n  --stzh-color-white40op: rgba(var(--stzh-color-white-rgb) / 0.4);\n  --stzh-color-white50op: rgba(var(--stzh-color-white-rgb) / 0.5);\n  --stzh-color-white60op: rgba(var(--stzh-color-white-rgb) / 0.6);\n  --stzh-color-white70op: rgba(var(--stzh-color-white-rgb) / 0.7);\n  --stzh-color-white80op: rgba(var(--stzh-color-white-rgb) / 0.8);\n  --stzh-color-white90op: rgba(var(--stzh-color-white-rgb) / 0.9);\n\n  --stzh-color-black-rgb: 0 0 0;\n  --stzh-color-black: rgba(var(--stzh-color-black-rgb) / 1);\n  --stzh-color-black10op: rgba(var(--stzh-color-black-rgb) / 0.1);\n  --stzh-color-black20op: rgba(var(--stzh-color-black-rgb) / 0.2);\n  --stzh-color-black30op: rgba(var(--stzh-color-black-rgb) / 0.3);\n  --stzh-color-black40op: rgba(var(--stzh-color-black-rgb) / 0.4);\n  --stzh-color-black50op: rgba(var(--stzh-color-black-rgb) / 0.5);\n  --stzh-color-black60op: rgba(var(--stzh-color-black-rgb) / 0.6);\n  --stzh-color-black70op: rgba(var(--stzh-color-black-rgb) / 0.7);\n  --stzh-color-black80op: rgba(var(--stzh-color-black-rgb) / 0.8);\n  --stzh-color-black90op: rgba(var(--stzh-color-black-rgb) / 0.9);\n\n  --stzh-color-primary10-rgb: var(--stzh-color-midnightblue10-rgb);\n  --stzh-color-primary10: rgba(var(--stzh-color-primary10-rgb) / 1);\n  --stzh-color-primary20-rgb: var(--stzh-color-midnightblue20-rgb);\n  --stzh-color-primary20: rgba(var(--stzh-color-primary20-rgb) / 1);\n  --stzh-color-primary30-rgb: var(--stzh-color-midnightblue30-rgb);\n  --stzh-color-primary30: rgba(var(--stzh-color-primary30-rgb) / 1);\n  --stzh-color-primary40-rgb: var(--stzh-color-midnightblue40-rgb);\n  --stzh-color-primary40: rgba(var(--stzh-color-primary40-rgb) / 1);\n  --stzh-color-primary50-rgb: var(--stzh-color-midnightblue50-rgb);\n  --stzh-color-primary50: rgba(var(--stzh-color-primary50-rgb) / 1);\n  --stzh-color-primary60-rgb: var(--stzh-color-midnightblue60-rgb);\n  --stzh-color-primary60: rgba(var(--stzh-color-primary60-rgb) / 1);\n  --stzh-color-primary70-rgb: var(--stzh-color-midnightblue70-rgb);\n  --stzh-color-primary70: rgba(var(--stzh-color-primary70-rgb) / 1);\n  --stzh-color-primary80-rgb: var(--stzh-color-midnightblue80-rgb);\n  --stzh-color-primary80: rgba(var(--stzh-color-primary80-rgb) / 1);\n  --stzh-color-primary90-rgb: var(--stzh-color-midnightblue90-rgb);\n  --stzh-color-primary90: rgba(var(--stzh-color-primary90-rgb) / 1);\n  --stzh-color-primary100-rgb: var(--stzh-color-midnightblue100-rgb);\n  --stzh-color-primary100: rgba(var(--stzh-color-primary100-rgb) / 1);\n\n  --stzh-color-secondary10-rgb: var(--stzh-color-cobaltblue10-rgb);\n  --stzh-color-secondary10: rgba(var(--stzh-color-secondary10-rgb) / 1);\n  --stzh-color-secondary20-rgb: var(--stzh-color-cobaltblue20-rgb);\n  --stzh-color-secondary20: rgba(var(--stzh-color-secondary20-rgb) / 1);\n  --stzh-color-secondary30-rgb: var(--stzh-color-cobaltblue30-rgb);\n  --stzh-color-secondary30: rgba(var(--stzh-color-secondary30-rgb) / 1);\n  --stzh-color-secondary40-rgb: var(--stzh-color-cobaltblue40-rgb);\n  --stzh-color-secondary40: rgba(var(--stzh-color-secondary40-rgb) / 1);\n  --stzh-color-secondary50-rgb: var(--stzh-color-cobaltblue50-rgb);\n  --stzh-color-secondary50: rgba(var(--stzh-color-secondary50-rgb) / 1);\n  --stzh-color-secondary60-rgb: var(--stzh-color-cobaltblue60-rgb);\n  --stzh-color-secondary60: rgba(var(--stzh-color-secondary60-rgb) / 1);\n  --stzh-color-secondary70-rgb: var(--stzh-color-cobaltblue70-rgb);\n  --stzh-color-secondary70: rgba(var(--stzh-color-secondary70-rgb) / 1);\n  --stzh-color-secondary80-rgb: var(--stzh-color-cobaltblue80-rgb);\n  --stzh-color-secondary80: rgba(var(--stzh-color-secondary80-rgb) / 1);\n  --stzh-color-secondary90-rgb: var(--stzh-color-cobaltblue90-rgb);\n  --stzh-color-secondary90: rgba(var(--stzh-color-secondary90-rgb) / 1);\n  --stzh-color-secondary100-rgb: var(--stzh-color-cobaltblue100-rgb);\n  --stzh-color-secondary100: rgba(var(--stzh-color-secondary100-rgb) / 1);\n\n  --stzh-color-primary-rgb: var(--stzh-color-primary70-rgb);\n  --stzh-color-primary: rgba(var(--stzh-color-primary-rgb) / 1);\n  --stzh-color-primary-hover-rgb: var(--stzh-color-primary90-rgb);\n  --stzh-color-primary-hover: rgba(var(--stzh-color-primary-hover-rgb) / 1);\n\n  /* Signal colors */\n  --stzh-color-success10-rgb: var(--stzh-color-shamrock10-rgb);\n  --stzh-color-success10: rgba(var(--stzh-color-success10-rgb) / 1);\n  --stzh-color-success20-rgb: var(--stzh-color-shamrock20-rgb);\n  --stzh-color-success20: rgba(var(--stzh-color-success20-rgb) / 1);\n  --stzh-color-success30-rgb: var(--stzh-color-shamrock30-rgb);\n  --stzh-color-success30: rgba(var(--stzh-color-success30-rgb) / 1);\n  --stzh-color-success40-rgb: var(--stzh-color-shamrock40-rgb);\n  --stzh-color-success40: rgba(var(--stzh-color-success40-rgb) / 1);\n  --stzh-color-success50-rgb: var(--stzh-color-shamrock50-rgb);\n  --stzh-color-success50: rgba(var(--stzh-color-success50-rgb) / 1);\n  --stzh-color-success60-rgb: var(--stzh-color-shamrock60-rgb);\n  --stzh-color-success60: rgba(var(--stzh-color-success60-rgb) / 1);\n  --stzh-color-success70-rgb: var(--stzh-color-shamrock70-rgb);\n  --stzh-color-success70: rgba(var(--stzh-color-success70-rgb) / 1);\n  --stzh-color-success80-rgb: var(--stzh-color-shamrock80-rgb);\n  --stzh-color-success80: rgba(var(--stzh-color-success80-rgb) / 1);\n  --stzh-color-success90-rgb: var(--stzh-color-shamrock90-rgb);\n  --stzh-color-success90: rgba(var(--stzh-color-success90-rgb) / 1);\n  --stzh-color-success100-rgb: var(--stzh-color-shamrock100-rgb);\n  --stzh-color-success100: rgba(var(--stzh-color-success100-rgb) / 1);\n\n  --stzh-color-error10-rgb: var(--stzh-color-red10-rgb);\n  --stzh-color-error10: rgba(var(--stzh-color-error10-rgb) / 1);\n  --stzh-color-error20-rgb: var(--stzh-color-red20-rgb);\n  --stzh-color-error20: rgba(var(--stzh-color-error20-rgb) / 1);\n  --stzh-color-error30-rgb: var(--stzh-color-red30-rgb);\n  --stzh-color-error30: rgba(var(--stzh-color-error30-rgb) / 1);\n  --stzh-color-error40-rgb: var(--stzh-color-red40-rgb);\n  --stzh-color-error40: rgba(var(--stzh-color-error40-rgb) / 1);\n  --stzh-color-error50-rgb: var(--stzh-color-red50-rgb);\n  --stzh-color-error50: rgba(var(--stzh-color-error50-rgb) / 1);\n  --stzh-color-error60-rgb: var(--stzh-color-red60-rgb);\n  --stzh-color-error60: rgba(var(--stzh-color-error60-rgb) / 1);\n  --stzh-color-error70-rgb: var(--stzh-color-red70-rgb);\n  --stzh-color-error70: rgba(var(--stzh-color-error70-rgb) / 1);\n  --stzh-color-error80-rgb: var(--stzh-color-red80-rgb);\n  --stzh-color-error80: rgba(var(--stzh-color-error80-rgb) / 1);\n  --stzh-color-error90-rgb: var(--stzh-color-red90-rgb);\n  --stzh-color-error90: rgba(var(--stzh-color-error90-rgb) / 1);\n  --stzh-color-error100-rgb: var(--stzh-color-red100-rgb);\n  --stzh-color-error100: rgba(var(--stzh-color-error100-rgb) / 1);\n\n  --stzh-color-warning10-rgb: var(--stzh-color-sunnyyellow10-rgb);\n  --stzh-color-warning10: rgba(var(--stzh-color-warning10-rgb) / 1);\n  --stzh-color-warning20-rgb: var(--stzh-color-sunnyyellow20-rgb);\n  --stzh-color-warning20: rgba(var(--stzh-color-warning20-rgb) / 1);\n  --stzh-color-warning30-rgb: var(--stzh-color-sunnyyellow30-rgb);\n  --stzh-color-warning30: rgba(var(--stzh-color-warning30-rgb) / 1);\n  --stzh-color-warning40-rgb: var(--stzh-color-sunnyyellow40-rgb);\n  --stzh-color-warning40: rgba(var(--stzh-color-warning40-rgb) / 1);\n  --stzh-color-warning50-rgb: var(--stzh-color-sunnyyellow50-rgb);\n  --stzh-color-warning50: rgba(var(--stzh-color-warning50-rgb) / 1);\n  --stzh-color-warning60-rgb: var(--stzh-color-sunnyyellow60-rgb);\n  --stzh-color-warning60: rgba(var(--stzh-color-warning60-rgb) / 1);\n  --stzh-color-warning70-rgb: var(--stzh-color-sunnyyellow70-rgb);\n  --stzh-color-warning70: rgba(var(--stzh-color-warning70-rgb) / 1);\n  --stzh-color-warning80-rgb: var(--stzh-color-sunnyyellow80-rgb);\n  --stzh-color-warning80: rgba(var(--stzh-color-warning80-rgb) / 1);\n  --stzh-color-warning90-rgb: var(--stzh-color-sunnyyellow90-rgb);\n  --stzh-color-warning90: rgba(var(--stzh-color-warning90-rgb) / 1);\n  --stzh-color-warning100-rgb: var(--stzh-color-sunnyyellow100-rgb);\n  --stzh-color-warning100: rgba(var(--stzh-color-warning100-rgb) / 1);\n\n  --stzh-color-info10-rgb: var(--stzh-color-coolgrey10-rgb);\n  --stzh-color-info10: rgba(var(--stzh-color-info10-rgb) / 1);\n  --stzh-color-info20-rgb: var(--stzh-color-coolgrey20-rgb);\n  --stzh-color-info20: rgba(var(--stzh-color-info20-rgb) / 1);\n  --stzh-color-info30-rgb: var(--stzh-color-coolgrey30-rgb);\n  --stzh-color-info30: rgba(var(--stzh-color-info30-rgb) / 1);\n  --stzh-color-info40-rgb: var(--stzh-color-coolgrey40-rgb);\n  --stzh-color-info40: rgba(var(--stzh-color-info40-rgb) / 1);\n  --stzh-color-info50-rgb: var(--stzh-color-coolgrey50-rgb);\n  --stzh-color-info50: rgba(var(--stzh-color-info50-rgb) / 1);\n  --stzh-color-info60-rgb: var(--stzh-color-coolgrey60-rgb);\n  --stzh-color-info60: rgba(var(--stzh-color-info60-rgb) / 1);\n  --stzh-color-info70-rgb: var(--stzh-color-coolgrey70-rgb);\n  --stzh-color-info70: rgba(var(--stzh-color-info70-rgb) / 1);\n  --stzh-color-info80-rgb: var(--stzh-color-coolgrey80-rgb);\n  --stzh-color-info80: rgba(var(--stzh-color-info80-rgb) / 1);\n  --stzh-color-info90-rgb: var(--stzh-color-coolgrey90-rgb);\n  --stzh-color-info90: rgba(var(--stzh-color-info90-rgb) / 1);\n  --stzh-color-info100-rgb: var(--stzh-color-coolgrey100-rgb);\n  --stzh-color-info100: rgba(var(--stzh-color-info100-rgb) / 1);\n\n  /* Old colors (TODO: cleanup if not needed) */\n\n  --stzh-color-old-truegreen-rgb: 0 128 0;\n  --stzh-color-old-truegreen: rgba(var(--stzh-color-old-truegreen-rgb) / 1);\n  --stzh-color-old-warning-rgb: 219 126 0;\n  --stzh-color-old-warning: rgba(var(--stzh-color-old-warning-rgb) / 1);\n  --stzh-color-old-active-rgb: 164 196 0;\n  --stzh-color-old-active: rgba(var(--stzh-color-old-active-rgb) / 1);\n\n  --stzh-color-old-grey5-rgb: 242 242 242;\n  --stzh-color-old-grey5: rgba(var(--stzh-color-old-grey5-rgb) / 1);\n  --stzh-color-old-grey13-rgb: 222 222 222;\n  --stzh-color-old-grey13: rgba(var(--stzh-color-old-grey13-rgb) / 1);\n  --stzh-color-old-grey25-rgb: 191 191 191;\n  --stzh-color-old-grey25: rgba(var(--stzh-color-old-grey25-rgb) / 1);\n  --stzh-color-old-grey40-rgb: 153 153 153;\n  --stzh-color-old-grey40: rgba(var(--stzh-color-old-grey40-rgb) / 1);\n  --stzh-color-old-grey55-rgb: 115 115 115;\n  --stzh-color-old-grey55: rgba(var(--stzh-color-old-grey55-rgb) / 1);\n  --stzh-color-old-grey61-rgb: 100 100 100;\n  --stzh-color-old-grey61: rgba(var(--stzh-color-old-grey61-rgb) / 1);\n  --stzh-color-old-grey70-rgb: 77 77 77;\n  --stzh-color-old-grey70: rgba(var(--stzh-color-old-grey70-rgb) / 1);\n  --stzh-color-old-grey87-rgb: 34 34 34;\n  --stzh-color-old-grey87: rgba(var(--stzh-color-old-grey87-rgb) / 1);\n\n  --stzh-color-old-primary48: rgba(var(--stzh-color-primary-rgb) / 0.48);\n  --stzh-color-old-primary32: rgba(var(--stzh-color-primary-rgb) / 0.32);\n  --stzh-color-old-primary8: rgba(var(--stzh-color-primary-rgb) / 0.08);\n  --stzh-color-old-primary4: rgba(var(--stzh-color-primary-rgb) / 0.04);\n\n  /**\n   * Font\n   *\n   * Developers' note: You can assume that the embedded HelveticaNeue Fonts will work\n   * by default on all used Browsers and Operating Systems. There's one known issue: Cyrillic characters are\n   * not supported by this font. That's why we use \"-apple-system\" as fallback for all macOS/iOS systems, since\n   * it properly supports cyrillic characters in all required font weights. For Windows and other systems it will\n   * just use the next fallback, e.g. Helvetica Neue (System Font), or Helvetica etc.\n   */\n  --stzh-font-family-light: 'HelveticaNeueLTW01_41488878', -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif;\n  --stzh-font-family-regular: 'HelveticaNeueLTW01_55Roman', -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif;\n  --stzh-font-family-medium: 'HelveticaNeueLTW05_65Medium', -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif;\n  --stzh-font-family-medium-italic: 'HelveticaNeueLTW05_66MediumIt', -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif;\n  --stzh-font-family-bold: 'HelveticaNeueLTW01_71488914', -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif;\n  --stzh-font-family-heavy: 'HelveticaNeueLTW05_85Heavy', -apple-system, 'Helvetica Neue', Helvetica, Arial, sans-serif;\n  --stzh-font-family-title: var(--stzh-font-family-heavy);\n\n  /**\n   * Font-weights are set to the correct visual level - as long as the embedded HelveticaNeue Fonts are being used,\n   * this does not have any effect (since each file contains only one weight). But in order to make the fallback\n   * fonts work and look good, we need to set these weights properly. In combination with \"font-synthesis: none;\" on\n   * the body (see top of file) this should not cause any problems.\n   *\n   * Reference: https://developer.mozilla.org/en-US/docs/Web/CSS/font-synthesis\n   */\n  --stzh-font-weight-light: 300;\n  --stzh-font-weight-regular: 400;\n  --stzh-font-weight-medium: 500;\n  --stzh-font-weight-medium-italic: 500;\n  --stzh-font-weight-bold: 700;\n  --stzh-font-weight-heavy: 900;\n  --stzh-font-weight-title: 900;\n\n  --stzh-font-style-light: normal;\n  --stzh-font-style-regular: normal;\n  --stzh-font-style-medium: normal;\n  --stzh-font-style-medium-italic: normal;\n  --stzh-font-style-bold: normal;\n  --stzh-font-style-heavy: normal;\n  --stzh-font-style-title: normal;\n\n  --stzh-font-femto-font-size: 0.625rem;\n  --stzh-font-femto-text-line-height: 1.1;\n\n  --stzh-font-pico-font-size: 0.75rem;\n  --stzh-font-pico-text-line-height: 1.1;\n  --stzh-font-pico-heading-letter-spacing: 0.01em;\n\n  --stzh-font-nano-font-size: 0.8125rem;\n  --stzh-font-nano-text-line-height: 1.5;\n  --stzh-font-nano-heading-line-height: 1.2;\n  --stzh-font-nano-heading-letter-spacing: 0.01em;\n  --stzh-font-nano-lead-line-height: 1.7;\n\n  --stzh-font-micro-font-size: 0.875rem;\n  --stzh-font-micro-text-line-height: 1.5;\n  --stzh-font-micro-heading-line-height: 1.2;\n  --stzh-font-micro-heading-letter-spacing: 0.01em;\n  --stzh-font-micro-lead-line-height: 1.7;\n\n  --stzh-font-milli-font-size: 1rem;\n  --stzh-font-milli-text-line-height: 1.5;\n  --stzh-font-milli-heading-line-height: 1.2;\n  --stzh-font-milli-lead-line-height: 1.7;\n\n  --stzh-font-centi-font-size: 1.125rem;\n  --stzh-font-centi-text-line-height: 1.5;\n  --stzh-font-centi-heading-line-height: 1.2;\n  --stzh-font-centi-lead-line-height: 1.7;\n\n  --stzh-font-deci-font-size: 1.25rem;\n  --stzh-font-deci-text-line-height: 1.5;\n  --stzh-font-deci-heading-line-height: 1.2;\n  --stzh-font-deci-lead-line-height: 1.7;\n\n  --stzh-font-regular-font-size: 1.375rem;\n  --stzh-font-regular-text-line-height: 1.6;\n  --stzh-font-regular-heading-line-height: 1.4;\n\n  --stzh-font-deca-font-size: 1.5rem;\n  --stzh-font-deca-text-line-height: 1.3;\n  --stzh-font-deca-text-letter-spacing: -0.01em;\n\n  --stzh-font-hecto-font-size: 1.75rem;\n  --stzh-font-hecto-text-line-height: 1.3;\n  --stzh-font-hecto-text-letter-spacing: -0.01em;\n\n  --stzh-font-kilo-font-size: 2rem;\n  --stzh-font-kilo-text-line-height: 1.3;\n  --stzh-font-kilo-text-letter-spacing: -0.01em;\n\n  --stzh-font-mega-font-size: 2.5rem;\n  --stzh-font-mega-text-line-height: 1.2;\n  --stzh-font-mega-text-letter-spacing: -0.02em;\n\n  --stzh-font-giga-font-size: 3rem;\n  --stzh-font-giga-text-line-height: 1.2;\n  --stzh-font-giga-text-letter-spacing: -0.02em;\n\n  --stzh-font-hero-font-size: 3.5rem;\n  --stzh-font-hero-text-line-height: 1.2;\n  --stzh-font-hero-text-letter-spacing: -0.02em;\n\n  --stzh-font-peta-font-size: 4rem;\n  --stzh-font-peta-text-line-height: 1.2;\n  --stzh-font-peta-text-letter-spacing: -0.02em;\n\n  --stzh-font-exa-font-size: 5rem;\n  --stzh-font-exa-text-line-height: 1.2;\n  --stzh-font-exa-text-letter-spacing: -0.02em;\n\n  --stzh-font-zetta-font-size: 5.625rem;\n  --stzh-font-zetta-text-line-height: 1.2;\n  --stzh-font-zetta-text-letter-spacing: -0.02em;\n\n  /* Z-Index */\n  --stzh-z-index-deep: -999999;\n  --stzh-z-index-default: 1;\n  --stzh-z-index-masked: 100;\n  --stzh-z-index-mask: 200;\n  --stzh-z-index-sticky: 300;\n  --stzh-z-index-header: 400;\n  --stzh-z-index-toast: 500;\n  --stzh-z-index-popover: 600;\n  --stzh-z-index-dialog: 700;\n  --stzh-z-index-popup: 800;\n  --stzh-z-index-overlay: 900;\n\n  /* Spaces */\n  --stzh-space-none: 0px;\n  --stzh-space-xxxsmall: 0.125rem;\n  --stzh-space-xxsmall: 0.25rem;\n  --stzh-space-xsmall: 0.5rem;\n  --stzh-space-small: 0.75rem;\n  --stzh-space-medium: 1rem;\n  --stzh-space-large: 1.25rem;\n  --stzh-space-xlarge: 1.5rem;\n  --stzh-space-xxlarge: 2rem;\n  --stzh-space-xxxlarge: 2.5rem;\n  --stzh-space-xxxxlarge: 3rem;\n  --stzh-space-big: 3.5rem;\n  --stzh-space-xbig: 4rem;\n  --stzh-space-huge: 5rem;\n  --stzh-space-xhuge: 6rem;\n\n  --stzh-space-default: var(--stzh-space-medium);\n\n  /* Box Shadows */\n  --stzh-box-shadow-header: none; /* before: 0px -2px 16px rgba(0 0 0 / 0.16) */\n  --stzh-box-shadow-popover: none; /* TODO before: 0px 0px 4px rgba(0 0 0 / 0.24) */\n  --stzh-box-shadow-message: none; /* before: 0px 0px 8px rgba(0 0 0 / 0.24) */\n  --stzh-box-shadow-overlay: 0px 0.25rem 0.9375rem rgba(0 0 0 / 0.32);\n\n  /* Icon sizes */\n  --stzh-icon-size-xxsmall: 0.75rem;\n  --stzh-icon-size-xsmall: 1rem;\n  --stzh-icon-size-small: 1.25rem;\n  --stzh-icon-size-medium: 1.5rem;\n  --stzh-icon-size-large: 2rem;\n  --stzh-icon-size-xlarge: 3rem;\n\n  /* Gutter */\n  --stzh-grid-gutter: 1rem;\n  --stzh-grid-gutter-small: 1.25rem;\n  --stzh-grid-gutter-medium: 1.25rem;\n  --stzh-grid-gutter-large: 1.5rem;\n  --stzh-grid-gutter-ultra: 2rem;\n\n  /* Base */\n  --stzh-base-color: var(--stzh-color-black);\n  --stzh-base-invert-color: var(--stzh-color-white);\n  --stzh-base-invert-background-color: var(--stzh-color-primary70);\n  --stzh-base-lead-color: var(--stzh-color-black);\n  --stzh-base-border-color: var(--stzh-color-grey70);\n  --stzh-base-transition-animation-speed: 0.3s;\n\n  /* Selection */\n  --stzh-selection-background-color: var(--stzh-color-secondary20);\n\n  /* Flyingfocus */\n  --stzh-flyingfocus-color: var(--stzh-color-secondary60);\n\n  /* Icons */\n  --stzh-icon-size: var(--stzh-icon-size-medium);\n  --stzh-icon-color: currentColor;\n  --stzh-icon-vertical-align: text-top;\n\n  /* Links */\n  --stzh-link-color: var(--stzh-color-primary70);\n  --stzh-link-icon-size: var(--stzh-icon-size-medium);\n  --stzh-link-text-decoration-line: underline;\n  --stzh-link-text-decoration-thickness: calc(1em / 16);\n  --stzh-link-text-underline-offset: calc(2.5em / 16);\n  --stzh-link-text-decoration-skip-ink: none;\n  --stzh-link-icon-wrapper-height: 1em;\n\n  --stzh-link-hover-color: var(--stzh-color-secondary60);\n  --stzh-link-hover-text-decoration-line: underline;\n\n  --stzh-link-secondary-color: var(--stzh-color-secondary60);\n  --stzh-link-secondary-hover-color: var(--stzh-color-primary70);\n\n  /* Section */\n  --stzh-section-highlight-color: var(--stzh-base-color);\n  --stzh-section-highlight-background-color: var(--stzh-color-secondary10);\n\n  /* Heading */\n  --stzh-heading-color: var(--stzh-color-primary70);\n\n  /* Text */\n  --stzh-text-info-color: var(--stzh-color-coolgrey70);\n\n  /* Fieldset */\n  --stzh-fieldset-description-min-height: 1.375rem;\n\n  /* Table */\n  --stzh-table-max-height: none;\n  --stzh-table-min-width: 43.75rem;\n  --stzh-table-cell-padding: var(--stzh-space-small) var(--stzh-space-medium);\n  --stzh-table-search-input-width: 11rem;\n\n  /* Menu Item */\n  --stzh-menu-item-height: 2.75rem;\n  --stzh-menu-large-item-height: 3.5rem;\n\n  /* Inputs / Buttons / Select */\n  --stzh-form-input-border-radius: 0px;\n  --stzh-form-input-height: 3.5rem;\n  --stzh-form-input-small-height: 2.75rem;\n  --stzh-form-input-tiny-height: 2rem;\n\n  /* Popover */\n  --stzh-popover-width: 13.9375rem;\n  --stzh-popover-min-width: initial;\n  --stzh-popover-max-width: initial;\n  --stzh-popover-padding: 0px;\n  --stzh-popover-content-padding: var(--stzh-space-xsmall) 0px;\n  --stzh-popover-border-radius: 0px;\n  --stzh-popover-close-visibility: hidden;\n  --stzh-popover-background-color: var(--stzh-color-grey10);\n\n  --stzh-popover-large-content-padding: var(--stzh-space-medium) 0px;\n\n  /* Tooltips */\n  --stzh-tooltip-width: auto;\n  --stzh-tooltip-min-width: initial;\n  --stzh-tooltip-max-width: 20.875rem;\n  --stzh-tooltip-padding: calc(var(--stzh-space-small) + 0.0625rem) var(--stzh-space-xsmall);\n  --stzh-tooltip-border-radius: 0px;\n  --stzh-tooltip-drop-shadow: none; /* before: drop-shadow(0px 2px 10px rgba(0 0 0 / 0.16)) */\n\n  --stzh-tooltip-small-padding: 0 var(--stzh-space-xxsmall);\n\n  /* Header */\n  --stzh-header-logobar-background-color: var(--stzh-color-primary70);\n\n  /* Footer */\n  --stzh-footer-background-color: var(--stzh-color-primary100);\n\n  /* Accordion */\n  --stzh-accordion-content-background: var(--stzh-color-secondary10);\n\n  /* Timeline */\n  --stzh-timeline-bullet-size: 2.5rem;\n  --stzh-timeline-content-padding-top: var(--stzh-space-medium);\n\n  /* Dialogs / Popover */\n  --stzh-dialog-backdrop-opacity: 0.7;\n  --stzh-dialog-backdrop-background-color: var(--stzh-color-black);\n\n  /* Overlays  */\n  --stzh-overlay-backdrop-opacity: 0.8;\n  --stzh-overlay-backdrop-background-color: var(--stzh-color-white);\n\n  /* Ratios */\n  --stzh-ratio-background-color: var(--stzh-color-grey20);\n\n  /* Pagetitle */\n  --stzh-pagetitle-background-color: var(--stzh-color-secondary30);\n\n  /* Pagetitle */\n  --stzh-topnews-background-color: var(--stzh-color-secondary30);\n  --stzh-mostsearched-background-color: var(--stzh-color-secondary40);\n\n  /* Calendar */\n  --stzh-calendar-width: 20rem;\n\n  /* Cta */\n  --stzh-cta-background-color: var(--stzh-color-violet60);\n\n  /** Toasts */\n  --stzh-toast-label-font-family: var(--stzh-font-family-medium);\n  --stzh-toast-label-font-weight: var(--stzh-font-weight-medium);\n  --stzh-toast-label-font-style: var(--stzh-font-style-medium);\n\n  --stzh-toast-background-color: var(--stzh-color-grey20);\n  --stzh-toast-label-color: var(--stzh-base-color);\n  --stzh-toast-close-color: var(--stzh-base-color);\n  --stzh-toast-button-color: var(--stzh-base-color);\n  --stzh-toast-icon-color: var(--stzh-color-info70);\n\n  --stzh-toast-success-icon-color: var(--stzh-color-success70);\n  --stzh-toast-error-icon-color: var(--stzh-color-error60);\n  --stzh-toast-warning-icon-color: var(--stzh-color-warning80);\n}\n\n/* Media Query Overwrites */\n\n/* Medium */\n\n@media screen and (min-width: 900px) {\n  :root {\n  }\n}\n\n/* Large */\n\n@media screen and (min-width: 1260px) {\n  :root {\n  }\n}\n\n/* High Retina Mode Color Overwrites */\n\n@media (forced-colors: active), (-ms-high-contrast: active) {\n  :root {\n    --stzh-base-border-color: CanvasText;\n  }\n}\n\n.stzh-theme-cta-orange {\n  --stzh-cta-background-color: var(--stzh-color-orange70);\n}\n\n.stzh-theme-cta-magenta {\n  --stzh-cta-background-color: var(--stzh-color-magenta60);\n}\n\n.stzh-theme-cta-firgreen {\n  --stzh-cta-background-color: var(--stzh-color-firgreen70);\n}\n\n/* Department and microsite themes */\n\n.stzh-theme-vbz {\n  --stzh-color-primary10-rgb: var(--stzh-color-vbz-cyan10-rgb);\n  --stzh-color-primary10: rgba(var(--stzh-color-primary10-rgb) / 1);\n  --stzh-color-primary20-rgb: var(--stzh-color-vbz-cyan20-rgb);\n  --stzh-color-primary20: rgba(var(--stzh-color-primary20-rgb) / 1);\n  --stzh-color-primary30-rgb: var(--stzh-color-vbz-cyan30-rgb);\n  --stzh-color-primary30: rgba(var(--stzh-color-primary30-rgb) / 1);\n  --stzh-color-primary40-rgb: var(--stzh-color-vbz-cyan40-rgb);\n  --stzh-color-primary40: rgba(var(--stzh-color-primary40-rgb) / 1);\n  --stzh-color-primary50-rgb: var(--stzh-color-vbz-cyan50-rgb);\n  --stzh-color-primary50: rgba(var(--stzh-color-primary50-rgb) / 1);\n  --stzh-color-primary60-rgb: var(--stzh-color-vbz-cyan60-rgb);\n  --stzh-color-primary60: rgba(var(--stzh-color-primary60-rgb) / 1);\n  --stzh-color-primary70-rgb: var(--stzh-color-vbz-cyan70-rgb);\n  --stzh-color-primary70: rgba(var(--stzh-color-primary70-rgb) / 1);\n  --stzh-color-primary80-rgb: var(--stzh-color-vbz-cyan80-rgb);\n  --stzh-color-primary80: rgba(var(--stzh-color-primary80-rgb) / 1);\n  --stzh-color-primary90-rgb: var(--stzh-color-vbz-cyan90-rgb);\n  --stzh-color-primary90: rgba(var(--stzh-color-primary90-rgb) / 1);\n  --stzh-color-primary100-rgb: var(--stzh-color-vbz-cyan100-rgb);\n  --stzh-color-primary100: rgba(var(--stzh-color-primary100-rgb) / 1);\n\n  --stzh-color-secondary10-rgb: var(--stzh-color-coolgrey10-rgb);\n  --stzh-color-secondary10: rgba(var(--stzh-color-secondary10-rgb) / 1);\n  --stzh-color-secondary20-rgb: var(--stzh-color-coolgrey20-rgb);\n  --stzh-color-secondary20: rgba(var(--stzh-color-secondary20-rgb) / 1);\n  --stzh-color-secondary30-rgb: var(--stzh-color-coolgrey30-rgb);\n  --stzh-color-secondary30: rgba(var(--stzh-color-secondary30-rgb) / 1);\n  --stzh-color-secondary40-rgb: var(--stzh-color-coolgrey40-rgb);\n  --stzh-color-secondary40: rgba(var(--stzh-color-secondary40-rgb) / 1);\n  --stzh-color-secondary50-rgb: var(--stzh-color-coolgrey50-rgb);\n  --stzh-color-secondary50: rgba(var(--stzh-color-secondary50-rgb) / 1);\n  --stzh-color-secondary60-rgb: var(--stzh-color-coolgrey60-rgb);\n  --stzh-color-secondary60: rgba(var(--stzh-color-secondary60-rgb) / 1);\n  --stzh-color-secondary70-rgb: var(--stzh-color-coolgrey70-rgb);\n  --stzh-color-secondary70: rgba(var(--stzh-color-secondary70-rgb) / 1);\n  --stzh-color-secondary80-rgb: var(--stzh-color-coolgrey80-rgb);\n  --stzh-color-secondary80: rgba(var(--stzh-color-secondary80-rgb) / 1);\n  --stzh-color-secondary90-rgb: var(--stzh-color-coolgrey90-rgb);\n  --stzh-color-secondary90: rgba(var(--stzh-color-secondary90-rgb) / 1);\n  --stzh-color-secondary100-rgb: var(--stzh-color-coolgrey100-rgb);\n  --stzh-color-secondary100: rgba(var(--stzh-color-secondary100-rgb) / 1);\n\n  --stzh-color-info10-rgb: var(--stzh-color-cobaltblue10-rgb);\n  --stzh-color-info10: rgba(var(--stzh-color-info10-rgb) / 1);\n  --stzh-color-info20-rgb: var(--stzh-color-cobaltblue20-rgb);\n  --stzh-color-info20: rgba(var(--stzh-color-info20-rgb) / 1);\n  --stzh-color-info30-rgb: var(--stzh-color-cobaltblue30-rgb);\n  --stzh-color-info30: rgba(var(--stzh-color-info30-rgb) / 1);\n  --stzh-color-info40-rgb: var(--stzh-color-cobaltblue40-rgb);\n  --stzh-color-info40: rgba(var(--stzh-color-info40-rgb) / 1);\n  --stzh-color-info50-rgb: var(--stzh-color-cobaltblue50-rgb);\n  --stzh-color-info50: rgba(var(--stzh-color-info50-rgb) / 1);\n  --stzh-color-info60-rgb: var(--stzh-color-cobaltblue60-rgb);\n  --stzh-color-info60: rgba(var(--stzh-color-info60-rgb) / 1);\n  --stzh-color-info70-rgb: var(--stzh-color-cobaltblue70-rgb);\n  --stzh-color-info70: rgba(var(--stzh-color-info70-rgb) / 1);\n  --stzh-color-info80-rgb: var(--stzh-color-cobaltblue80-rgb);\n  --stzh-color-info80: rgba(var(--stzh-color-info80-rgb) / 1);\n  --stzh-color-info90-rgb: var(--stzh-color-cobaltblue90-rgb);\n  --stzh-color-info90: rgba(var(--stzh-color-info90-rgb) / 1);\n  --stzh-color-info100-rgb: var(--stzh-color-cobaltblue100-rgb);\n  --stzh-color-info100: rgba(var(--stzh-color-info100-rgb) / 1);\n\n  /* Font families */\n  --stzh-font-family-regular: 'HelveticaNeueLTW01_55Roman', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n  --stzh-font-family-medium: 'HelveticaNeueLTW01_55Roman', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n  --stzh-font-family-medium-italic: 'HelveticaNeueLTW05_66MediumIt', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n  --stzh-font-family-bold: 'HelveticaNeueLTW05_65Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n  --stzh-font-family-heavy: 'HelveticaNeueLTW05_65Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n  --stzh-font-family-title: var(--stzh-font-family-regular);\n  --stzh-font-weight-regular: normal;\n  --stzh-font-weight-medium: 400;\n  --stzh-font-weight-medium-italic: 400;\n  --stzh-font-weight-bold: 500;\n  --stzh-font-weight-heavy: 500;\n\n  /* Buttons */\n  --stzh-button-background-color: var(--stzh-color-primary60);\n  --stzh-button-hover-background-color: var(--stzh-color-primary80);\n  --stzh-button-disabled-background-color: var(--stzh-color-grey70);\n\n  --stzh-button-secondary-background-color: var(--stzh-color-secondary30);\n  --stzh-button-secondary-hover-background-color: var(--stzh-color-secondary40);\n  --stzh-button-secondary-disabled-background-color: var(--stzh-color-grey20);\n  --stzh-button-secondary-color: var(--stzh-color-primary70);\n  --stzh-button-secondary-hover-color: var(--stzh-color-primary80);\n  --stzh-button-secondary-disabled-color: var(--stzh-color-grey70);\n\n  /*Must be checked\n  --stzh-button-tertiary-background-color: var(--stzh-color-white);\n  --stzh-button-tertiary-hover-background-color: var(--stzh-color-secondary20);\n  --stzh-button-tertiary-disabled-background-color: var(--stzh-color-white);\n  */\n  --stzh-button-tertiary-color: var(--stzh-color-primary70);\n  --stzh-button-tertiary-hover-color: var(--stzh-color-primary80);\n  --stzh-button-tertiary-disabled-color: var(--stzh-color-grey70);\n\n  /* Links */\n  --stzh-link-color: var(--stzh-color-primary50);\n  --stzh-link-hover-color: var(--stzh-color-primary60);\n\n  /* Header */\n  --stzh-header-logobar-background-color: transparent;\n\n  /* Tooltip */\n  --stzh-tooltip-color: var(--stzh-color-secondary70);\n  --stzh-tooltip-background-color: var(--stzh-color-secondary10);\n  --stzh-tooltip-link-color: var(--stzh-color-primary60);\n  --stzh-tooltip-hover-link-color: var(--stzh-color-primary70);\n\n  /* Card list */\n  --stzh-cardlist-background-color: var(--stzh-color-coolgrey10);\n  --stzh-cardlist-description-color: var(--stzh-color-primary70);\n}\n\n.stzh-theme-uvz {\n  --stzh-color-primary10-rgb: var(--stzh-color-uvz-uvzred10-rgb);\n  --stzh-color-primary10: rgba(var(--stzh-color-primary10-rgb) / 1);\n  --stzh-color-primary20-rgb: var(--stzh-color-uvz-uvzred20-rgb);\n  --stzh-color-primary20: rgba(var(--stzh-color-primary20-rgb) / 1);\n  --stzh-color-primary30-rgb: var(--stzh-color-uvz-uvzred30-rgb);\n  --stzh-color-primary30: rgba(var(--stzh-color-primary30-rgb) / 1);\n  --stzh-color-primary40-rgb: var(--stzh-color-uvz-uvzred40-rgb);\n  --stzh-color-primary40: rgba(var(--stzh-color-primary40-rgb) / 1);\n  --stzh-color-primary50-rgb: var(--stzh-color-uvz-uvzred50-rgb);\n  --stzh-color-primary50: rgba(var(--stzh-color-primary50-rgb) / 1);\n  --stzh-color-primary60-rgb: var(--stzh-color-uvz-uvzred60-rgb);\n  --stzh-color-primary60: rgba(var(--stzh-color-primary60-rgb) / 1);\n  --stzh-color-primary70-rgb: var(--stzh-color-uvz-uvzred70-rgb);\n  --stzh-color-primary70: rgba(var(--stzh-color-primary70-rgb) / 1);\n  --stzh-color-primary80-rgb: var(--stzh-color-uvz-uvzred80-rgb);\n  --stzh-color-primary80: rgba(var(--stzh-color-primary80-rgb) / 1);\n  --stzh-color-primary90-rgb: var(--stzh-color-uvz-uvzred90-rgb);\n  --stzh-color-primary90: rgba(var(--stzh-color-primary90-rgb) / 1);\n  --stzh-color-primary100-rgb: var(--stzh-color-uvz-uvzred100-rgb);\n  --stzh-color-primary100: rgba(var(--stzh-color-primary100-rgb) / 1);\n\n  --stzh-color-secondary10-rgb: var(--stzh-color-uvz-uvzlightgray10-rgb);\n  --stzh-color-secondary10: rgba(var(--stzh-color-secondary10-rgb) / 1);\n  --stzh-color-secondary20-rgb: var(--stzh-color-uvz-uvzlightgray20-rgb);\n  --stzh-color-secondary20: rgba(var(--stzh-color-secondary20-rgb) / 1);\n  --stzh-color-secondary30-rgb: var(--stzh-color-uvz-uvzlightgray30-rgb);\n  --stzh-color-secondary30: rgba(var(--stzh-color-secondary30-rgb) / 1);\n  --stzh-color-secondary40-rgb: var(--stzh-color-uvz-uvzlightgray40-rgb);\n  --stzh-color-secondary40: rgba(var(--stzh-color-secondary40-rgb) / 1);\n  --stzh-color-secondary50-rgb: var(--stzh-color-uvz-uvzlightgray50-rgb);\n  --stzh-color-secondary50: rgba(var(--stzh-color-secondary50-rgb) / 1);\n  --stzh-color-secondary60-rgb: var(--stzh-color-uvz-uvzlightgray60-rgb);\n  --stzh-color-secondary60: rgba(var(--stzh-color-secondary60-rgb) / 1);\n  --stzh-color-secondary70-rgb: var(--stzh-color-uvz-uvzlightgray70-rgb);\n  --stzh-color-secondary70: rgba(var(--stzh-color-secondary70-rgb) / 1);\n  --stzh-color-secondary80-rgb: var(--stzh-color-uvz-uvzlightgray80-rgb);\n  --stzh-color-secondary80: rgba(var(--stzh-color-secondary80-rgb) / 1);\n  --stzh-color-secondary90-rgb: var(--stzh-color-uvz-uvzlightgray90-rgb);\n  --stzh-color-secondary90: rgba(var(--stzh-color-secondary90-rgb) / 1);\n  --stzh-color-secondary100-rgb: var(--stzh-color-uvz-uvzlightgray100-rgb);\n  --stzh-color-secondary100: rgba(var(--stzh-color-secondary100-rgb) / 1);\n\n  --stzh-color-info10-rgb: var(--stzh-color-cobaltblue10-rgb);\n  --stzh-color-info10: rgba(var(--stzh-color-info10-rgb) / 1);\n  --stzh-color-info20-rgb: var(--stzh-color-cobaltblue20-rgb);\n  --stzh-color-info20: rgba(var(--stzh-color-info20-rgb) / 1);\n  --stzh-color-info30-rgb: var(--stzh-color-cobaltblue30-rgb);\n  --stzh-color-info30: rgba(var(--stzh-color-info30-rgb) / 1);\n  --stzh-color-info40-rgb: var(--stzh-color-cobaltblue40-rgb);\n  --stzh-color-info40: rgba(var(--stzh-color-info40-rgb) / 1);\n  --stzh-color-info50-rgb: var(--stzh-color-cobaltblue50-rgb);\n  --stzh-color-info50: rgba(var(--stzh-color-info50-rgb) / 1);\n  --stzh-color-info60-rgb: var(--stzh-color-cobaltblue60-rgb);\n  --stzh-color-info60: rgba(var(--stzh-color-info60-rgb) / 1);\n  --stzh-color-info70-rgb: var(--stzh-color-cobaltblue70-rgb);\n  --stzh-color-info70: rgba(var(--stzh-color-info70-rgb) / 1);\n  --stzh-color-info80-rgb: var(--stzh-color-cobaltblue80-rgb);\n  --stzh-color-info80: rgba(var(--stzh-color-info80-rgb) / 1);\n  --stzh-color-info90-rgb: var(--stzh-color-cobaltblue90-rgb);\n  --stzh-color-info90: rgba(var(--stzh-color-info90-rgb) / 1);\n  --stzh-color-info100-rgb: var(--stzh-color-cobaltblue100-rgb);\n  --stzh-color-info100: rgba(var(--stzh-color-info100-rgb) / 1);\n\n  /* Buttons */\n  --stzh-button-background-color: var(--stzh-color-primary60);\n  --stzh-button-hover-background-color: var(--stzh-color-primary80);\n  --stzh-button-disabled-background-color: var(--stzh-color-grey70);\n\n  --stzh-button-secondary-background-color: var(--stzh-color-secondary30);\n  --stzh-button-secondary-hover-background-color: var(--stzh-color-secondary40);\n  --stzh-button-secondary-disabled-background-color: var(--stzh-color-grey20);\n  --stzh-button-secondary-color: var(--stzh-color-primary80);\n  --stzh-button-secondary-hover-color: var(--stzh-color-primary90);\n  --stzh-button-secondary-disabled-color: var(--stzh-color-grey70);\n\n  --stzh-button-tertiary-background-color: var(--stzh-color-white);\n  --stzh-button-tertiary-hover-background-color: var(--stzh-color-primary20);\n  --stzh-button-tertiary-disabled-background-color: var(--stzh-color-white);\n  --stzh-button-tertiary-color: var(--stzh-color-primary70);\n  --stzh-button-tertiary-hover-color: var(--stzh-color-primary80);\n  --stzh-button-tertiary-disabled-color: var(--stzh-color-grey70);\n\n  /* Links */\n  --stzh-link-color: var(--stzh-color-primary60);\n  --stzh-link-hover-color: var(--stzh-color-primary70);\n\n  /* Header */\n  --stzh-header-logobar-background-color: var(--stzh-color-primary50);\n\n  /* Footer */\n  --stzh-footer-background-color: var(--stzh-color-primary90);\n  --stzh-footer-background-color-menu: var(--stzh-color-primary60);\n\n  /* Tooltip */\n  --stzh-tooltip-color: var(--stzh-color-secondary70);\n  --stzh-tooltip-background-color: var(--stzh-color-secondary10);\n  --stzh-tooltip-link-color: var(--stzh-color-primary70);\n  --stzh-tooltip-hover-link-color: var(--stzh-color-primary60);\n\n  /* Card list */\n  --stzh-cardlist-background-color: var(--stzh-color-coolgrey10);\n  --stzh-cardlist-description-color: var(--stzh-color-primary70);\n}\n\n.stzh-theme-mkz {\n  --stzh-color-primary10-rgb: var(--stzh-color-mkz-cyan10-rgb);\n  --stzh-color-primary10: rgba(var(--stzh-color-primary10-rgb) / 1);\n  --stzh-color-primary20-rgb: var(--stzh-color-mkz-cyan20-rgb);\n  --stzh-color-primary20: rgba(var(--stzh-color-primary20-rgb) / 1);\n  --stzh-color-primary30-rgb: var(--stzh-color-mkz-cyan30-rgb);\n  --stzh-color-primary30: rgba(var(--stzh-color-primary30-rgb) / 1);\n  --stzh-color-primary40-rgb: var(--stzh-color-mkz-cyan40-rgb);\n  --stzh-color-primary40: rgba(var(--stzh-color-primary40-rgb) / 1);\n  --stzh-color-primary50-rgb: var(--stzh-color-mkz-cyan50-rgb);\n  --stzh-color-primary50: rgba(var(--stzh-color-primary50-rgb) / 1);\n  --stzh-color-primary60-rgb: var(--stzh-color-mkz-cyan60-rgb);\n  --stzh-color-primary60: rgba(var(--stzh-color-primary60-rgb) / 1);\n  --stzh-color-primary70-rgb: var(--stzh-color-mkz-cyan70-rgb);\n  --stzh-color-primary70: rgba(var(--stzh-color-primary70-rgb) / 1);\n  --stzh-color-primary80-rgb: var(--stzh-color-mkz-cyan80-rgb);\n  --stzh-color-primary80: rgba(var(--stzh-color-primary80-rgb) / 1);\n  --stzh-color-primary90-rgb: var(--stzh-color-mkz-cyan90-rgb);\n  --stzh-color-primary90: rgba(var(--stzh-color-primary90-rgb) / 1);\n  --stzh-color-primary100-rgb: var(--stzh-color-mkz-cyan100-rgb);\n  --stzh-color-primary100: rgba(var(--stzh-color-primary100-rgb) / 1);\n\n  --stzh-color-secondary10-rgb: var(--stzh-color-cyan10-rgb);\n  --stzh-color-secondary10: rgba(var(--stzh-color-secondary10-rgb) / 1);\n  --stzh-color-secondary20-rgb: var(--stzh-color-cyan20-rgb);\n  --stzh-color-secondary20: rgba(var(--stzh-color-secondary20-rgb) / 1);\n  --stzh-color-secondary30-rgb: var(--stzh-color-cyan30-rgb);\n  --stzh-color-secondary30: rgba(var(--stzh-color-secondary30-rgb) / 1);\n  --stzh-color-secondary40-rgb: var(--stzh-color-cyan40-rgb);\n  --stzh-color-secondary40: rgba(var(--stzh-color-secondary40-rgb) / 1);\n  --stzh-color-secondary50-rgb: var(--stzh-color-cyan50-rgb);\n  --stzh-color-secondary50: rgba(var(--stzh-color-secondary50-rgb) / 1);\n  --stzh-color-secondary60-rgb: var(--stzh-color-cyan60-rgb);\n  --stzh-color-secondary60: rgba(var(--stzh-color-secondary60-rgb) / 1);\n  --stzh-color-secondary70-rgb: var(--stzh-color-cyan70-rgb);\n  --stzh-color-secondary70: rgba(var(--stzh-color-secondary70-rgb) / 1);\n  --stzh-color-secondary80-rgb: var(--stzh-color-cyan80-rgb);\n  --stzh-color-secondary80: rgba(var(--stzh-color-secondary80-rgb) / 1);\n  --stzh-color-secondary90-rgb: var(--stzh-color-cyan90-rgb);\n  --stzh-color-secondary90: rgba(var(--stzh-color-secondary90-rgb) / 1);\n  --stzh-color-secondary100-rgb: var(--stzh-color-cyan100-rgb);\n  --stzh-color-secondary100: rgba(var(--stzh-color-secondary100-rgb) / 1);\n\n  --stzh-color-info10-rgb: var(--stzh-color-cobaltblue10-rgb);\n  --stzh-color-info10: rgba(var(--stzh-color-info10-rgb) / 1);\n  --stzh-color-info20-rgb: var(--stzh-color-cobaltblue20-rgb);\n  --stzh-color-info20: rgba(var(--stzh-color-info20-rgb) / 1);\n  --stzh-color-info30-rgb: var(--stzh-color-cobaltblue30-rgb);\n  --stzh-color-info30: rgba(var(--stzh-color-info30-rgb) / 1);\n  --stzh-color-info40-rgb: var(--stzh-color-cobaltblue40-rgb);\n  --stzh-color-info40: rgba(var(--stzh-color-info40-rgb) / 1);\n  --stzh-color-info50-rgb: var(--stzh-color-cobaltblue50-rgb);\n  --stzh-color-info50: rgba(var(--stzh-color-info50-rgb) / 1);\n  --stzh-color-info60-rgb: var(--stzh-color-cobaltblue60-rgb);\n  --stzh-color-info60: rgba(var(--stzh-color-info60-rgb) / 1);\n  --stzh-color-info70-rgb: var(--stzh-color-cobaltblue70-rgb);\n  --stzh-color-info70: rgba(var(--stzh-color-info70-rgb) / 1);\n  --stzh-color-info80-rgb: var(--stzh-color-cobaltblue80-rgb);\n  --stzh-color-info80: rgba(var(--stzh-color-info80-rgb) / 1);\n  --stzh-color-info90-rgb: var(--stzh-color-cobaltblue90-rgb);\n  --stzh-color-info90: rgba(var(--stzh-color-info90-rgb) / 1);\n  --stzh-color-info100-rgb: var(--stzh-color-cobaltblue100-rgb);\n  --stzh-color-info100: rgba(var(--stzh-color-info100-rgb) / 1);\n\n  /* Buttons */\n  --stzh-button-background-color: var(--stzh-color-primary60);\n  --stzh-button-hover-background-color: var(--stzh-color-primary80);\n  --stzh-button-disabled-background-color: var(--stzh-color-grey70);\n\n  --stzh-button-secondary-background-color: var(--stzh-color-secondary30);\n  --stzh-button-secondary-hover-background-color: var(--stzh-color-secondary40);\n  --stzh-button-secondary-disabled-background-color: var(--stzh-color-grey20);\n  --stzh-button-secondary-color: var(--stzh-color-primary80);\n  --stzh-button-secondary-hover-color: var(--stzh-color-primary90);\n  --stzh-button-secondary-disabled-color: var(--stzh-color-grey70);\n\n  --stzh-button-tertiary-background-color: var(--stzh-color-white);\n  --stzh-button-tertiary-hover-background-color: var(--stzh-color-secondary20);\n  --stzh-button-tertiary-disabled-background-color: var(--stzh-color-white);\n  --stzh-button-tertiary-color: var(--stzh-color-primary80);\n  --stzh-button-tertiary-hover-color: var(--stzh-color-primary90);\n  --stzh-button-tertiary-disabled-color: var(--stzh-color-grey70);\n\n  /* Links */\n  --stzh-link-color: var(--stzh-color-primary80);\n  --stzh-link-hover-color: var(--stzh-color-primary90);\n\n  /* Header */\n  --stzh-header-logobar-background-color: var(--stzh-color-primary70);\n\n  /* Card list */\n  --stzh-cardlist-background-color: var(--stzh-color-coolgrey10);\n  --stzh-cardlist-description-color: var(--stzh-color-primary70);\n}\n\n/* ZVV Overrides */\n#zvv-searchmask > div {\n  margin: 0;\n  padding: 0;\n}\n\n#zvv-searchmask * {\n  font-weight: inherit;\n}\n\n.stzh-theme-ms-cool-grey60 {\n  --stzh-color-primary-rgb: var(--stzh-color-ms-coolgrey60-rgb);\n  --stzh-color-primary-hover-rgb: var(--stzh-color-ms-coolgrey60-hover-rgb);\n}\n\n.stzh-theme-ms-cobalt-blue60 {\n  --stzh-color-primary-rgb: var(--stzh-color-cobaltblue60-rgb);\n  --stzh-color-primary-hover-rgb: var(--stzh-color-cobaltblue60-hover-rgb);\n}\n\n.stzh-theme-ms-shamrock-green70 {\n  --stzh-color-primary-rgb: var(--stzh-color-shamrock70-rgb);\n  --stzh-color-primary-hover-rgb: var(--stzh-color-shamrock70-hover-rgb);\n}\n\n.stzh-theme-ms-lime-green80 {\n  --stzh-color-primary-rgb: var(--stzh-color-limegreen80-rgb);\n  --stzh-color-primary-hover-rgb: var(--stzh-color-limegreen80-hover-rgb);\n}\n\n.stzh-theme-ms-magenta70 {\n  --stzh-color-primary-rgb: var(--stzh-color-magenta70-rgb);\n  --stzh-color-primary-hover-rgb: var(--stzh-color-magenta70-hover-rgb);\n}\n\n.stzh-theme-ms-ocher70 {\n  --stzh-color-primary-rgb: var(--stzh-color-ocher70-rgb);\n  --stzh-color-primary-hover-rgb: var(--stzh-color-ocher70-hover-rgb);\n}\n\n.stzh-theme-ms-orange {\n  --stzh-color-primary-rgb: var(--stzh-color-ms-orange-rgb);\n  --stzh-color-primary-hover-rgb: var(--stzh-color-ms-orange-hover-rgb);\n}\n\n.stzh-theme-ms-orange70 {\n  --stzh-color-primary-rgb: var(--stzh-color-orange70-rgb);\n  --stzh-color-primary-hover-rgb: var(--stzh-color-orange70-hover-rgb);\n}\n\n.stzh-theme-ms-red {\n  --stzh-color-primary-rgb: var(--stzh-color-ms-red-rgb);\n  --stzh-color-primary-hover-rgb: var(--stzh-color-ms-red-hover-rgb);\n}\n\n.stzh-theme-ms-red60 {\n  --stzh-color-primary-rgb: var(--stzh-color-red60-rgb);\n  --stzh-color-primary-hover-rgb: var(--stzh-color-red60-hover-rgb);\n}\n\n.stzh-theme-ms-violet70 {\n  --stzh-color-primary-rgb: var(--stzh-color-violet70-rgb);\n  --stzh-color-primary-hover-rgb: var(--stzh-color-violet70-hover-rgb);\n}\n\n.stzh-theme-ms-winered {\n  --stzh-color-primary-rgb: var(--stzh-color-ms-winered-rgb);\n  --stzh-color-primary-hover-rgb: var(--stzh-color-ms-winered-hover-rgb);\n}\n\n.stzh-theme-ma {\n  --stzh-section-highlight-background-color: var(--stzh-color-white);\n\n  background-color: var(--stzh-color-grey10);\n}\n\n/**\n * Pensionskasse Zürich (PKZH)\n */\n.stzh-theme-pkzh {\n  --stzh-color-primary10-rgb: var(--stzh-color-pkzh-cyan10-rgb);\n  --stzh-color-primary10: rgba(var(--stzh-color-primary10-rgb) / 1);\n  --stzh-color-primary20-rgb: var(--stzh-color-pkzh-cyan20-rgb);\n  --stzh-color-primary20: rgba(var(--stzh-color-primary20-rgb) / 1);\n  --stzh-color-primary30-rgb: var(--stzh-color-pkzh-cyan30-rgb);\n  --stzh-color-primary30: rgba(var(--stzh-color-primary30-rgb) / 1);\n  --stzh-color-primary40-rgb: var(--stzh-color-pkzh-cyan40-rgb);\n  --stzh-color-primary40: rgba(var(--stzh-color-primary40-rgb) / 1);\n  --stzh-color-primary50-rgb: var(--stzh-color-pkzh-cyan50-rgb);\n  --stzh-color-primary50: rgba(var(--stzh-color-primary50-rgb) / 1);\n  --stzh-color-primary60-rgb: var(--stzh-color-pkzh-cyan60-rgb);\n  --stzh-color-primary60: rgba(var(--stzh-color-primary60-rgb) / 1);\n  --stzh-color-primary70-rgb: var(--stzh-color-pkzh-cyan70-rgb);\n  --stzh-color-primary70: rgba(var(--stzh-color-primary70-rgb) / 1);\n  --stzh-color-primary80-rgb: var(--stzh-color-pkzh-cyan80-rgb);\n  --stzh-color-primary80: rgba(var(--stzh-color-primary80-rgb) / 1);\n  --stzh-color-primary90-rgb: var(--stzh-color-pkzh-cyan90-rgb);\n  --stzh-color-primary90: rgba(var(--stzh-color-primary90-rgb) / 1);\n  --stzh-color-primary100-rgb: var(--stzh-color-pkzh-cyan100-rgb);\n  --stzh-color-primary100: rgba(var(--stzh-color-primary100-rgb) / 1);\n\n  --stzh-color-secondary10-rgb: var(--stzh-color-pkzh-cyan10-rgb);\n  --stzh-color-secondary10: rgba(var(--stzh-color-secondary10-rgb) / 1);\n  --stzh-color-secondary20-rgb: var(--stzh-color-pkzh-cyan20-rgb);\n  --stzh-color-secondary20: rgba(var(--stzh-color-secondary20-rgb) / 1);\n  --stzh-color-secondary30-rgb: var(--stzh-color-pkzh-cyan30-rgb);\n  --stzh-color-secondary30: rgba(var(--stzh-color-secondary30-rgb) / 1);\n  --stzh-color-secondary40-rgb: var(--stzh-color-pkzh-cyan40-rgb);\n  --stzh-color-secondary40: rgba(var(--stzh-color-secondary40-rgb) / 1);\n  --stzh-color-secondary50-rgb: var(--stzh-color-pkzh-cyan50-rgb);\n  --stzh-color-secondary50: rgba(var(--stzh-color-secondary50-rgb) / 1);\n  --stzh-color-secondary60-rgb: var(--stzh-color-pkzh-cyan60-rgb);\n  --stzh-color-secondary60: rgba(var(--stzh-color-secondary60-rgb) / 1);\n  --stzh-color-secondary70-rgb: var(--stzh-color-pkzh-cyan70-rgb);\n  --stzh-color-secondary70: rgba(var(--stzh-color-secondary70-rgb) / 1);\n  --stzh-color-secondary80-rgb: var(--stzh-color-pkzh-cyan80-rgb);\n  --stzh-color-secondary80: rgba(var(--stzh-color-secondary80-rgb) / 1);\n  --stzh-color-secondary90-rgb: var(--stzh-color-pkzh-cyan90-rgb);\n  --stzh-color-secondary90: rgba(var(--stzh-color-secondary90-rgb) / 1);\n  --stzh-color-secondary100-rgb: var(--stzh-color-pkzh-cyan100-rgb);\n  --stzh-color-secondary100: rgba(var(--stzh-color-secondary100-rgb) / 1);\n\n  /* Font families */\n  --stzh-font-family-regular: 'HelveticaNeueLTPro', 'HelveticaNeueLTW05_65Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n  --stzh-font-family-medium: 'HelveticaNeueLTPro', 'HelveticaNeueLTW05_65Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n  --stzh-font-family-medium-italic: 'HelveticaNeueLTPro', 'HelveticaNeueLTW05_66MediumIt', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n  --stzh-font-family-bold: 'HelveticaNeueLTPro', 'HelveticaNeueLTW05_65Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n  --stzh-font-family-heavy: 'HelveticaNeueLTPro', 'HelveticaNeueLTW05_65Medium', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n  --stzh-font-family-title: var(--stzh-font-family-regular);\n  --stzh-font-weight-light: 300;\n  --stzh-font-weight-regular: 400;\n  --stzh-font-weight-medium: 400;\n  --stzh-font-weight-medium-italic: 400;\n  --stzh-font-weight-bold: 500;\n  --stzh-font-weight-heavy: 500;\n  --stzh-font-weight-title: 500;\n\n    /* General heading color */\n  --stzh-heading-color: var(--stzh-color-secondary90);\n\n  /* Logobar & Header */\n  --stzh-header-color: var(--stzh-color-secondary90);\n  --stzh-header-logo-width: 15rem;\n  --stzh-header-logobar-background-color: var(--stzh-color-white);\n  --stzh-header-menu-background-color: var(--stzh-color-primary10);\n  --stzh-header-menu-list-item-background-hover: var(--stzh-color-secondary20);\n  --stzh-header-menu-list-item-background-level2: var(--stzh-color-white);\n  --stzh-header-menu-list-item-background-level2-hover: var(--stzh-color-secondary10);\n\n  /* Homepage Search */\n  --stzh-homepage-search-background-color: var(--stzh-color-pkzh-cyan20);\n\n  /* Pagetitle Home */\n  --stzh-pagetitle-home-heading-color: var(--stzh-color-pkzh-cyan10);\n  --stzh-pagetitle-home-subheading-color: var(--stzh-color-pkzh-cyan10);\n\n  /* Pagetitle */\n  --stzh-pagetitle-transparent-heading-color: var(--stzh-color-primary70);\n  --stzh-pagetitle-background-color: var(--stzh-color-pkzh-cyan20);\n\n  /* Breadcrumb */\n  --stzh-breadcrumb-color: var(--stzh-color-secondary90);\n\n  /* Homepage Service Highlights */\n  --stzh-homepage-service-highlights-mostsearched-background-color: var(--stzh-color-pkzh-cyan30);\n  --stzh-homepage-service-highlights-mostsearched-item-font-size: var(--stzh-font-centi-font-size);\n  --stzh-homepage-service-highlights-mostsearched-color: var(--stzh-color-primary90);\n\n  --stzh-homepage-service-highlights-topnews-background-color: var(--stzh-color-secondary10);\n  --stzh-homepage-service-highlights-topnews-background-color-hover: var(--stzh-color-white);\n  --stzh-homepage-service-highlights-topnews-subtitle-font: var(--stzh-font-family-medium);\n  --stzh-homepage-service-highlights-topnews-item-subtitle-color: var(--stzh-color-primary90);\n  --stzh-homepage-service-highlights-topnews-hover: var(--stzh-color-primary90);\n\n  /* Card Superteaser */\n  --stzh-card-superteaser-tag-color: var(--stzh-color-white);\n  --stzh-card-superteaser-tag-color-hover: var(--stzh-color-white);\n  --stzh-card-superteaser-tag-background-color: var(--stzh-color-secondary70);\n  --stzh-card-superteaser-heading-link-color: var(--stzh-color-primary90);\n  --stzh-card-superteaser-slotted-heading-margin-bottom: 0;\n  --stzh-card-superteaser-slotted-heading-color: var(--stzh-color-primary70);\n  --stzh-card-superteaser-slotted-description-color: var(--stzh-color-primary70);\n\n  /* Footer */\n  --stzh-footer-background-color: var(--stzh-color-primary90);\n\n  /* Accordion */\n  --stzh-accordion-button-color: var(--stzh-color-primary90);\n  --stzh-accordion-button-background-color: var(--stzh-color-secondary10);\n  --stzh-accordion-button-hover-background-color: var(--stzh-color-secondary20);\n  --stzh-accordion-button-background-color-is-open: var(--stzh-color-secondary20);\n  --stzh-accordion-content-background: var(--stzh-color-secondary10);\n\n  /**\n   * Link\n   */\n  --stzh-link-color: var(--stzh-color-secondary70);\n  --stzh-link-hover-color: var(--stzh-color-secondary80);\n\n  /**\n   * Buttons\n   */\n  --stzh-button-background-color: var(--stzh-color-secondary70);\n  --stzh-button-hover-background-color: var(--stzh-color-secondary60);\n  --stzh-button-secondary-color: var(--stzh-color-primary80);\n  --stzh-button-secondary-background-color: var(--stzh-color-secondary20);\n  --stzh-button-secondary-hover-color: var(--stzh-color-primary80);\n  --stzh-button-secondary-hover-background-color: var(--stzh-color-secondary40);\n  --stzh-button-tertiary-color: var(--stzh-color-primary70);\n  --stzh-button-tertiary-hover-color: var(--stzh-color-primary80);\n  --stzh-button-tertiary-disabled-color: var(--stzh-color-grey70);\n\n  /**\n   * Anchornav\n   */\n  --stzh-anchornav-color: var(--stzh-color-primary90);\n  --stzh-anchornav-hover-color: var(--stzh-color-primary50);\n\n  /**\n   * CTA\n   */\n  --stzh-cta-button-background-color: var(--stzh-color-white);\n  --stzh-cta-button-color: var(--stzh-color-primary90);\n  --stzh-cta-hover-button-color: var(--stzh-color-primary90);\n  --stzh-cta-hover-button-background-color: var(--stzh-color-primary10);\n}\n\n\n.stzh-theme-pkzh--lemonyellow {\n  --stzh-pagetitle-background-color: var(--stzh-color-lemonyellow20);\n  --stzh-cta-background-color: var(--stzh-color-lemonyellow90);\n  --stzh-cta-button-color: var(--stzh-color-lemonyellow90);\n  --stzh-cta-hover-button-color: var(--stzh-color-lemonyellow90);\n  --stzh-cta-hover-button-background-color: var(--stzh-color-lemonyellow10);\n}\n\n.stzh-theme-pkzh--lemongrass {\n  --stzh-pagetitle-background-color: var(--stzh-color-lemongrass20);\n  --stzh-cta-background-color: var(--stzh-color-lemongrass90);\n  --stzh-cta-button-color: var(--stzh-color-lemongrass90);\n  --stzh-cta-hover-button-color: var(--stzh-color-lemongrass90);\n  --stzh-cta-hover-button-background-color: var(--stzh-color-lemongrass10);\n}\n\n.stzh-theme-pkzh--limegreen {\n  --stzh-pagetitle-background-color: var(--stzh-color-limegreen20);\n  --stzh-cta-background-color: var(--stzh-color-limegreen90);\n  --stzh-cta-button-color: var(--stzh-color-limegreen90);\n  --stzh-cta-hover-button-color: var(--stzh-color-limegreen90);\n  --stzh-cta-hover-button-background-color: var(--stzh-color-limegreen10);\n}\n\n.stzh-theme-pkzh--firgreen {\n  --stzh-pagetitle-background-color: var(--stzh-color-firgreen20);\n  --stzh-cta-background-color: var(--stzh-color-firgreen80);\n  --stzh-cta-button-color: var(--stzh-color-firgreen90);\n  --stzh-cta-hover-button-color: var(--stzh-color-firgreen90);\n  --stzh-cta-hover-button-background-color: var(--stzh-color-firgreen10);\n}\n\n.stzh-theme-pkzh--petrol {\n  --stzh-pagetitle-background-color: var(--stzh-color-petrol20);\n  --stzh-cta-background-color: var(--stzh-color-petrol70);\n  --stzh-cta-button-color: var(--stzh-color-petrol90);\n  --stzh-cta-hover-button-color: var(--stzh-color-petrol90);\n  --stzh-cta-hover-button-background-color: var(--stzh-color-petrol10);\n}\n\n.stzh-theme-pkzh--cyan {\n  --stzh-pagetitle-background-color: var(--stzh-color-pkzh-cyan20);\n  --stzh-cta-background-color: var(--stzh-color-pkzh-cyan80);\n  --stzh-cta-button-color: var(--stzh-color-pkzh-cyan90);\n  --stzh-cta-hover-button-color: var(--stzh-color-pkzh-cyan90);\n  --stzh-cta-hover-button-background-color: var(--stzh-color-pkzh-cyan10);\n}\n\n.stzh-theme-pkzh--violet {\n  --stzh-pagetitle-background-color: var(--stzh-color-violet20);\n  --stzh-cta-background-color: var(--stzh-color-violet70);\n  --stzh-cta-button-color: var(--stzh-color-violet90);\n  --stzh-cta-hover-button-color: var(--stzh-color-violet90);\n  --stzh-cta-hover-button-background-color: var(--stzh-color-violet10);\n}\n\n.stzh-theme-pkzh--magenta {\n  --stzh-pagetitle-background-color: var(--stzh-color-magenta20);\n  --stzh-cta-background-color: var(--stzh-color-magenta70);\n  --stzh-cta-button-color: var(--stzh-color-magenta90);\n  --stzh-cta-hover-button-color: var(--stzh-color-magenta90);\n  --stzh-cta-hover-button-background-color: var(--stzh-color-magenta10);\n}\n\n.stzh-theme-pkzh--red {\n  --stzh-pagetitle-background-color: var(--stzh-color-red20);\n  --stzh-cta-background-color: var(--stzh-color-red70);\n  --stzh-cta-button-color: var(--stzh-color-red90);\n  --stzh-cta-hover-button-color: var(--stzh-color-red90);\n  --stzh-cta-hover-button-background-color: var(--stzh-color-red10);\n}\n\n.stzh-theme-pkzh--orange {\n  --stzh-pagetitle-background-color: var(--stzh-color-orange20);\n  --stzh-cta-background-color: var(--stzh-color-orange80);\n  --stzh-cta-button-color: var(--stzh-color-orange90);\n  --stzh-cta-hover-button-color: var(--stzh-color-orange90);\n  --stzh-cta-hover-button-background-color: var(--stzh-color-orange10);\n}\n\n.stzh-theme-pkzh--ocher {\n  --stzh-pagetitle-background-color: var(--stzh-color-ocher20);\n  --stzh-cta-background-color: var(--stzh-color-ocher80);\n  --stzh-cta-button-color: var(--stzh-color-ocher90);\n  --stzh-cta-hover-button-color: var(--stzh-color-ocher90);\n  --stzh-cta-hover-button-background-color: var(--stzh-color-ocher10);\n}\n\n/**\n * Publizistische Inhalte (PI)\n */\n.stzh-theme-pi-lemongrass,\n.stzh-theme-pi-firgreen,\n.stzh-theme-pi-petrol,\n.stzh-theme-pi-orange {\n  /**\n   * Body background\n   */\n\n  body {\n    background-color: var(--stzh-color-coolgrey10);\n  }\n\n  /**\n   * Textandimage\n   */\n  @media screen and (max-width: 600px) {\n    --stzh-textandimage-grid-template-areas: \"image image image image\" \"text text text text\";\n  }\n\n  /**\n   * Section heading colors.\n   */\n  --stzh-section-heading-color: var(--stzh-color-black);\n\n  /**\n   * Button\n   */\n  --stzh-button-tertiary-color: var(--stzh-color-coolgrey80);\n  --stzh-button-tertiary-hover-color: var(--stzh-color-coolgrey90);\n  --stzh-button-tertiary-hover-background-color: var(--stzh-color-coolgrey20);\n\n  --stzh-button-secondary-color: var(--stzh-color-black);\n  --stzh-button-secondary-hover-color: var(--stzh-color-black);\n\n  /**\n   * Editor\n   */\n  --stzh-editor-background-color: var(--stzh-color-white);\n\n  /**\n   * Accordion\n   */\n  --stzh-accordion-button-color: var(--stzh-color-black);\n\n  /**\n   * Table\n   */\n  --stzh-table-head-color: var(--stzh-color-primary80);\n\n  /**\n   * Inputs, Labels, Legends\n   */\n  --stzh-input-color: var(--stzh-color-black);\n  --stzh-input-hover-color: var(--stzh-color-primary90);\n  --stzh-input-hover-border-color: var(--stzh-color-primary90);\n  --stzh-input-label-color: var(--stzh-color-primary90);\n\n  --stzh-dropdown-color: var(--stzh-color-black);\n  --stzh-dropdown-hover-color: var(--stzh-color-primary90);\n  --stzh-dropdown-hover-border-color: var(--stzh-color-primary90);\n  --stzh-dropdown-label-color: var(--stzh-color-primary90);\n  --stzh-dropdown-hover-label-color: var(--stzh-color-primary90);\n  --stzh-dropdown-focus-label-color: var(--stzh-color-primary90);\n\n  --stzh-checkbox-check-color: var(--stzh-color-primary90);\n  --stzh-checkbox-label-color: var(--stzh-color-primary90);\n  --stzh-checkbox-label-hover-color: var(--stzh-color-primary90);\n  --stzh-checkbox-label-hover-checked-color: var(--stzh-color-primary90);\n\n  --stzh-radio-group-legend-color: var(--stzh-color-primary90);\n\n  --stzh-upload-hint-color: var(--stzh-color-primary90);\n  --stzh-upload-label-color: var(--stzh-color-primary90);\n\n  --stzh-saptcha-answer-color: var(--stzh-color-black);\n\n  --stzh-radio-label-hover-checked-color: var(--stzh-color-primary90);\n  --stzh-radio-label-hover-color: var(--stzh-color-primary80);\n}\n\n.stzh-theme-pi--white-background {\n  /**\n   * Body background\n   */\n\n  body {\n    background-color: var(--stzh-color-white);\n  }\n\n  --stzh-pi-pagetitle-background-color: var(--stzh-color-white);\n\n  /**\n   * Editor\n   */\n  --stzh-editor-background-color: var(--stzh-color-coolgrey10);\n}\n\n.stzh-theme-pi-lemongrass {\n  --stzh-color-primary10-rgb: var(--stzh-color-lemongrass10-rgb);\n  --stzh-color-primary10: rgba(var(--stzh-color-primary10-rgb) / 1);\n  --stzh-color-primary20-rgb: var(--stzh-color-lemongrass20-rgb);\n  --stzh-color-primary20: rgba(var(--stzh-color-primary20-rgb) / 1);\n  --stzh-color-primary30-rgb: var(--stzh-color-lemongrass30-rgb);\n  --stzh-color-primary30: rgba(var(--stzh-color-primary30-rgb) / 1);\n  --stzh-color-primary40-rgb: var(--stzh-color-lemongrass40-rgb);\n  --stzh-color-primary40: rgba(var(--stzh-color-primary40-rgb) / 1);\n  --stzh-color-primary50-rgb: var(--stzh-color-lemongrass50-rgb);\n  --stzh-color-primary50: rgba(var(--stzh-color-primary50-rgb) / 1);\n  --stzh-color-primary60-rgb: var(--stzh-color-lemongrass60-rgb);\n  --stzh-color-primary60: rgba(var(--stzh-color-primary60-rgb) / 1);\n  --stzh-color-primary70-rgb: var(--stzh-color-lemongrass70-rgb);\n  --stzh-color-primary70: rgba(var(--stzh-color-primary70-rgb) / 1);\n  --stzh-color-primary80-rgb: var(--stzh-color-lemongrass80-rgb);\n  --stzh-color-primary80: rgba(var(--stzh-color-primary80-rgb) / 1);\n  --stzh-color-primary90-rgb: var(--stzh-color-lemongrass90-rgb);\n  --stzh-color-primary90: rgba(var(--stzh-color-primary90-rgb) / 1);\n  --stzh-color-primary100-rgb: var(--stzh-color-lemongrass100-rgb);\n  --stzh-color-primary100: rgba(var(--stzh-color-primary100-rgb) / 1);\n\n  --stzh-color-secondary10-rgb: var(--stzh-color-lemongrass10-rgb);\n  --stzh-color-secondary10: rgba(var(--stzh-color-secondary10-rgb) / 1);\n  --stzh-color-secondary20-rgb: var(--stzh-color-lemongrass20-rgb);\n  --stzh-color-secondary20: rgba(var(--stzh-color-secondary20-rgb) / 1);\n  --stzh-color-secondary30-rgb: var(--stzh-color-lemongrass30-rgb);\n  --stzh-color-secondary30: rgba(var(--stzh-color-secondary30-rgb) / 1);\n  --stzh-color-secondary40-rgb: var(--stzh-color-lemongrass40-rgb);\n  --stzh-color-secondary40: rgba(var(--stzh-color-secondary40-rgb) / 1);\n  --stzh-color-secondary50-rgb: var(--stzh-color-lemongrass50-rgb);\n  --stzh-color-secondary50: rgba(var(--stzh-color-secondary50-rgb) / 1);\n  --stzh-color-secondary60-rgb: var(--stzh-color-lemongrass60-rgb);\n  --stzh-color-secondary60: rgba(var(--stzh-color-secondary60-rgb) / 1);\n  --stzh-color-secondary70-rgb: var(--stzh-color-lemongrass70-rgb);\n  --stzh-color-secondary70: rgba(var(--stzh-color-secondary70-rgb) / 1);\n  --stzh-color-secondary80-rgb: var(--stzh-color-lemongrass80-rgb);\n  --stzh-color-secondary80: rgba(var(--stzh-color-secondary80-rgb) / 1);\n  --stzh-color-secondary90-rgb: var(--stzh-color-lemongrass90-rgb);\n  --stzh-color-secondary90: rgba(var(--stzh-color-secondary90-rgb) / 1);\n  --stzh-color-secondary100-rgb: var(--stzh-color-lemongrass100-rgb);\n  --stzh-color-secondary100: rgba(var(--stzh-color-secondary100-rgb) / 1);\n\n  --stzh-color-primary-rgb: var(--stzh-color-primary50-rgb);\n  --stzh-color-primary: rgba(var(--stzh-color-primary-rgb) / 1);\n  --stzh-color-primary-hover-rgb: var(--stzh-color-primary70-rgb);\n  --stzh-color-primary-hover: rgba(var(--stzh-color-primary-hover-rgb) / 1);\n\n  /**\n   * Button\n   */\n  --stzh-button-secondary-background-color: var(--stzh-color-primary40);\n  --stzh-button-secondary-hover-background-color: var(--stzh-color-primary50);\n\n  /**\n   * Heading/Richtext\n   */\n  --stzh-heading-color: var(--stzh-color-primary80);\n\n  /**\n   * Header/Footer overrides.\n   */\n  --stzh-header-logobar-background-color: var(--stzh-color-primary50);\n  --stzh-footer-background-color: var(--stzh-color-primary90);\n\n  /**\n   * Card Navigation overrides.\n   */\n  --stzh-pi-content-navigation-arrow-background-color: var(--stzh-color-primary40);\n\n  /**\n   * Quote overrides\n   */\n  --stzh-pi-quote-color: var(--stzh-color-primary70);\n\n  /**\n   * Teaser overrides\n   */\n  --stzh-pi-teaser-image-background-color: var(--stzh-color-primary40);\n\n  /**\n   * Card list\n   */\n  --stzh-cardlist-background-color: var(--stzh-color-primary20);\n  --stzh-cardlist-description-color: var(--stzh-color-black);\n\n  /**\n   * Link\n   */\n  --stzh-link-color: var(--stzh-color-primary80);\n  --stzh-link-hover-color: var(--stzh-color-primary90);\n}\n\n.stzh-theme-pi-firgreen {\n  --stzh-color-primary10-rgb: var(--stzh-color-firgreen10-rgb);\n  --stzh-color-primary10: rgba(var(--stzh-color-primary10-rgb) / 1);\n  --stzh-color-primary20-rgb: var(--stzh-color-firgreen20-rgb);\n  --stzh-color-primary20: rgba(var(--stzh-color-primary20-rgb) / 1);\n  --stzh-color-primary30-rgb: var(--stzh-color-firgreen30-rgb);\n  --stzh-color-primary30: rgba(var(--stzh-color-primary30-rgb) / 1);\n  --stzh-color-primary40-rgb: var(--stzh-color-firgreen40-rgb);\n  --stzh-color-primary40: rgba(var(--stzh-color-primary40-rgb) / 1);\n  --stzh-color-primary50-rgb: var(--stzh-color-firgreen50-rgb);\n  --stzh-color-primary50: rgba(var(--stzh-color-primary50-rgb) / 1);\n  --stzh-color-primary60-rgb: var(--stzh-color-firgreen60-rgb);\n  --stzh-color-primary60: rgba(var(--stzh-color-primary60-rgb) / 1);\n  --stzh-color-primary70-rgb: var(--stzh-color-firgreen70-rgb);\n  --stzh-color-primary70: rgba(var(--stzh-color-primary70-rgb) / 1);\n  --stzh-color-primary80-rgb: var(--stzh-color-firgreen80-rgb);\n  --stzh-color-primary80: rgba(var(--stzh-color-primary80-rgb) / 1);\n  --stzh-color-primary90-rgb: var(--stzh-color-firgreen90-rgb);\n  --stzh-color-primary90: rgba(var(--stzh-color-primary90-rgb) / 1);\n  --stzh-color-primary100-rgb: var(--stzh-color-firgreen100-rgb);\n  --stzh-color-primary100: rgba(var(--stzh-color-primary100-rgb) / 1);\n\n  --stzh-color-secondary10-rgb: var(--stzh-color-firgreen10-rgb);\n  --stzh-color-secondary10: rgba(var(--stzh-color-secondary10-rgb) / 1);\n  --stzh-color-secondary20-rgb: var(--stzh-color-firgreen20-rgb);\n  --stzh-color-secondary20: rgba(var(--stzh-color-secondary20-rgb) / 1);\n  --stzh-color-secondary30-rgb: var(--stzh-color-firgreen30-rgb);\n  --stzh-color-secondary30: rgba(var(--stzh-color-secondary30-rgb) / 1);\n  --stzh-color-secondary40-rgb: var(--stzh-color-firgreen40-rgb);\n  --stzh-color-secondary40: rgba(var(--stzh-color-secondary40-rgb) / 1);\n  --stzh-color-secondary50-rgb: var(--stzh-color-firgreen50-rgb);\n  --stzh-color-secondary50: rgba(var(--stzh-color-secondary50-rgb) / 1);\n  --stzh-color-secondary60-rgb: var(--stzh-color-firgreen60-rgb);\n  --stzh-color-secondary60: rgba(var(--stzh-color-secondary60-rgb) / 1);\n  --stzh-color-secondary70-rgb: var(--stzh-color-firgreen70-rgb);\n  --stzh-color-secondary70: rgba(var(--stzh-color-secondary70-rgb) / 1);\n  --stzh-color-secondary80-rgb: var(--stzh-color-firgreen80-rgb);\n  --stzh-color-secondary80: rgba(var(--stzh-color-secondary80-rgb) / 1);\n  --stzh-color-secondary90-rgb: var(--stzh-color-firgreen90-rgb);\n  --stzh-color-secondary90: rgba(var(--stzh-color-secondary90-rgb) / 1);\n  --stzh-color-secondary100-rgb: var(--stzh-color-firgreen100-rgb);\n  --stzh-color-secondary100: rgba(var(--stzh-color-secondary100-rgb) / 1);\n\n  --stzh-color-primary-rgb: var(--stzh-color-primary50-rgb);\n  --stzh-color-primary: rgba(var(--stzh-color-primary-rgb) / 1);\n  --stzh-color-primary-hover-rgb: var(--stzh-color-primary70-rgb);\n  --stzh-color-primary-hover: rgba(var(--stzh-color-primary-hover-rgb) / 1);\n\n  /**\n   * Button\n   */\n  --stzh-button-secondary-background-color: var(--stzh-color-primary40);\n  --stzh-button-secondary-hover-background-color: var(--stzh-color-primary50);\n\n  /**\n   * Heading/Richtext\n   */\n  --stzh-heading-color: var(--stzh-color-primary60);\n\n  /**\n   * Header/Footer overrides.\n   */\n  --stzh-header-logobar-background-color: var(--stzh-color-primary50);\n  --stzh-footer-background-color: var(--stzh-color-primary90);\n\n  /**\n   * Card Navigation overrides.\n   */\n  --stzh-pi-content-navigation-arrow-background-color: var(--stzh-color-primary30);\n\n  /**\n   * Quote overrides\n   */\n  --stzh-pi-quote-color: var(--stzh-color-primary60);\n\n  /**\n   * Teaser overrides\n   */\n  --stzh-pi-teaser-image-background-color: var(--stzh-color-primary30);\n\n  /**\n   * Card list\n   */\n  --stzh-cardlist-background-color: var(--stzh-color-primary20);\n  --stzh-cardlist-description-color: var(--stzh-color-black);\n\n  /**\n   * Link\n   */\n  --stzh-link-color: var(--stzh-color-primary70);\n  --stzh-link-hover-color: var(--stzh-color-primary80);\n}\n\n.stzh-theme-pi-petrol {\n  --stzh-color-primary10-rgb: var(--stzh-color-petrol10-rgb);\n  --stzh-color-primary10: rgba(var(--stzh-color-primary10-rgb) / 1);\n  --stzh-color-primary20-rgb: var(--stzh-color-petrol20-rgb);\n  --stzh-color-primary20: rgba(var(--stzh-color-primary20-rgb) / 1);\n  --stzh-color-primary30-rgb: var(--stzh-color-petrol30-rgb);\n  --stzh-color-primary30: rgba(var(--stzh-color-primary30-rgb) / 1);\n  --stzh-color-primary40-rgb: var(--stzh-color-petrol40-rgb);\n  --stzh-color-primary40: rgba(var(--stzh-color-primary40-rgb) / 1);\n  --stzh-color-primary50-rgb: var(--stzh-color-petrol50-rgb);\n  --stzh-color-primary50: rgba(var(--stzh-color-primary50-rgb) / 1);\n  --stzh-color-primary60-rgb: var(--stzh-color-petrol60-rgb);\n  --stzh-color-primary60: rgba(var(--stzh-color-primary60-rgb) / 1);\n  --stzh-color-primary70-rgb: var(--stzh-color-petrol70-rgb);\n  --stzh-color-primary70: rgba(var(--stzh-color-primary70-rgb) / 1);\n  --stzh-color-primary80-rgb: var(--stzh-color-petrol80-rgb);\n  --stzh-color-primary80: rgba(var(--stzh-color-primary80-rgb) / 1);\n  --stzh-color-primary90-rgb: var(--stzh-color-petrol90-rgb);\n  --stzh-color-primary90: rgba(var(--stzh-color-primary90-rgb) / 1);\n  --stzh-color-primary100-rgb: var(--stzh-color-petrol100-rgb);\n  --stzh-color-primary100: rgba(var(--stzh-color-primary100-rgb) / 1);\n\n  --stzh-color-secondary10-rgb: var(--stzh-color-petrol10-rgb);\n  --stzh-color-secondary10: rgba(var(--stzh-color-secondary10-rgb) / 1);\n  --stzh-color-secondary20-rgb: var(--stzh-color-petrol20-rgb);\n  --stzh-color-secondary20: rgba(var(--stzh-color-secondary20-rgb) / 1);\n  --stzh-color-secondary30-rgb: var(--stzh-color-petrol30-rgb);\n  --stzh-color-secondary30: rgba(var(--stzh-color-secondary30-rgb) / 1);\n  --stzh-color-secondary40-rgb: var(--stzh-color-petrol40-rgb);\n  --stzh-color-secondary40: rgba(var(--stzh-color-secondary40-rgb) / 1);\n  --stzh-color-secondary50-rgb: var(--stzh-color-petrol50-rgb);\n  --stzh-color-secondary50: rgba(var(--stzh-color-secondary50-rgb) / 1);\n  --stzh-color-secondary60-rgb: var(--stzh-color-petrol60-rgb);\n  --stzh-color-secondary60: rgba(var(--stzh-color-secondary60-rgb) / 1);\n  --stzh-color-secondary70-rgb: var(--stzh-color-petrol70-rgb);\n  --stzh-color-secondary70: rgba(var(--stzh-color-secondary70-rgb) / 1);\n  --stzh-color-secondary80-rgb: var(--stzh-color-petrol80-rgb);\n  --stzh-color-secondary80: rgba(var(--stzh-color-secondary80-rgb) / 1);\n  --stzh-color-secondary90-rgb: var(--stzh-color-petrol90-rgb);\n  --stzh-color-secondary90: rgba(var(--stzh-color-secondary90-rgb) / 1);\n  --stzh-color-secondary100-rgb: var(--stzh-color-petrol100-rgb);\n  --stzh-color-secondary100: rgba(var(--stzh-color-secondary100-rgb) / 1);\n\n  --stzh-color-primary-rgb: var(--stzh-color-primary50-rgb);\n  --stzh-color-primary: rgba(var(--stzh-color-primary-rgb) / 1);\n  --stzh-color-primary-hover-rgb: var(--stzh-color-primary70-rgb);\n  --stzh-color-primary-hover: rgba(var(--stzh-color-primary-hover-rgb) / 1);\n\n  /**\n   * Button\n   */\n  --stzh-button-secondary-background-color: var(--stzh-color-primary30);\n  --stzh-button-secondary-hover-background-color: var(--stzh-color-primary40);\n\n  /**\n   * Heading/Richtext\n   */\n  --stzh-heading-color: var(--stzh-color-primary60);\n\n  /**\n   * Header/Footer overrides.\n   */\n  --stzh-header-logobar-background-color: var(--stzh-color-primary50);\n  --stzh-footer-background-color: var(--stzh-color-primary80);\n\n  /**\n   * Card Navigation overrides.\n   */\n  --stzh-pi-content-navigation-arrow-background-color: var(--stzh-color-primary30);\n\n  /**\n   * Quote overrides\n   */\n  --stzh-pi-quote-color: var(--stzh-color-primary60);\n\n  /**\n   * Teaser overrides\n   */\n  --stzh-pi-teaser-image-background-color: var(--stzh-color-primary30);\n\n  /**\n   * Card list\n   */\n  --stzh-cardlist-background-color: var(--stzh-color-primary10);\n  --stzh-cardlist-description-color: var(--stzh-color-black);\n\n  /**\n   * Link\n   */\n  --stzh-link-color: var(--stzh-color-primary70);\n  --stzh-link-hover-color: var(--stzh-color-primary80);\n}\n\n.stzh-theme-pi-orange {\n  --stzh-color-primary10-rgb: var(--stzh-color-orange10-rgb);\n  --stzh-color-primary10: rgba(var(--stzh-color-primary10-rgb) / 1);\n  --stzh-color-primary20-rgb: var(--stzh-color-orange20-rgb);\n  --stzh-color-primary20: rgba(var(--stzh-color-primary20-rgb) / 1);\n  --stzh-color-primary30-rgb: var(--stzh-color-orange30-rgb);\n  --stzh-color-primary30: rgba(var(--stzh-color-primary30-rgb) / 1);\n  --stzh-color-primary40-rgb: var(--stzh-color-orange40-rgb);\n  --stzh-color-primary40: rgba(var(--stzh-color-primary40-rgb) / 1);\n  --stzh-color-primary50-rgb: var(--stzh-color-orange50-rgb);\n  --stzh-color-primary50: rgba(var(--stzh-color-primary50-rgb) / 1);\n  --stzh-color-primary60-rgb: var(--stzh-color-orange60-rgb);\n  --stzh-color-primary60: rgba(var(--stzh-color-primary60-rgb) / 1);\n  --stzh-color-primary70-rgb: var(--stzh-color-orange70-rgb);\n  --stzh-color-primary70: rgba(var(--stzh-color-primary70-rgb) / 1);\n  --stzh-color-primary80-rgb: var(--stzh-color-orange80-rgb);\n  --stzh-color-primary80: rgba(var(--stzh-color-primary80-rgb) / 1);\n  --stzh-color-primary90-rgb: var(--stzh-color-orange90-rgb);\n  --stzh-color-primary90: rgba(var(--stzh-color-primary90-rgb) / 1);\n  --stzh-color-primary100-rgb: var(--stzh-color-orange100-rgb);\n  --stzh-color-primary100: rgba(var(--stzh-color-primary100-rgb) / 1);\n\n  --stzh-color-secondary10-rgb: var(--stzh-color-orange10-rgb);\n  --stzh-color-secondary10: rgba(var(--stzh-color-secondary10-rgb) / 1);\n  --stzh-color-secondary20-rgb: var(--stzh-color-orange20-rgb);\n  --stzh-color-secondary20: rgba(var(--stzh-color-secondary20-rgb) / 1);\n  --stzh-color-secondary30-rgb: var(--stzh-color-orange30-rgb);\n  --stzh-color-secondary30: rgba(var(--stzh-color-secondary30-rgb) / 1);\n  --stzh-color-secondary40-rgb: var(--stzh-color-orange40-rgb);\n  --stzh-color-secondary40: rgba(var(--stzh-color-secondary40-rgb) / 1);\n  --stzh-color-secondary50-rgb: var(--stzh-color-orange50-rgb);\n  --stzh-color-secondary50: rgba(var(--stzh-color-secondary50-rgb) / 1);\n  --stzh-color-secondary60-rgb: var(--stzh-color-orange60-rgb);\n  --stzh-color-secondary60: rgba(var(--stzh-color-secondary60-rgb) / 1);\n  --stzh-color-secondary70-rgb: var(--stzh-color-orange70-rgb);\n  --stzh-color-secondary70: rgba(var(--stzh-color-secondary70-rgb) / 1);\n  --stzh-color-secondary80-rgb: var(--stzh-color-orange80-rgb);\n  --stzh-color-secondary80: rgba(var(--stzh-color-secondary80-rgb) / 1);\n  --stzh-color-secondary90-rgb: var(--stzh-color-orange90-rgb);\n  --stzh-color-secondary90: rgba(var(--stzh-color-secondary90-rgb) / 1);\n  --stzh-color-secondary100-rgb: var(--stzh-color-orange100-rgb);\n  --stzh-color-secondary100: rgba(var(--stzh-color-secondary100-rgb) / 1);\n\n  --stzh-color-primary-rgb: var(--stzh-color-primary50-rgb);\n  --stzh-color-primary: rgba(var(--stzh-color-primary-rgb) / 1);\n  --stzh-color-primary-hover-rgb: var(--stzh-color-primary70-rgb);\n  --stzh-color-primary-hover: rgba(var(--stzh-color-primary-hover-rgb) / 1);\n\n  /**\n   * Button\n   */\n  --stzh-button-secondary-background-color: var(--stzh-color-primary40);\n  --stzh-button-secondary-hover-background-color: var(--stzh-color-primary50);\n\n  /**\n   * Heading/Richtext\n   */\n  --stzh-heading-color: var(--stzh-color-primary60);\n\n  /**\n   * Header/Footer overrides.\n   */\n  --stzh-header-logobar-background-color: var(--stzh-color-primary50);\n  --stzh-footer-background-color: var(--stzh-color-primary80);\n\n  /**\n   * Card Navigation overrides.\n   */\n  --stzh-pi-content-navigation-arrow-background-color: var(--stzh-color-primary40);\n\n  /**\n   * Quote overrides\n   */\n  --stzh-pi-quote-color: var(--stzh-color-primary50);\n\n  /**\n   * Teaser overrides\n   */\n  --stzh-pi-teaser-image-background-color: var(--stzh-color-primary30);\n\n  /**\n   * Card list\n   */\n  --stzh-cardlist-background-color: var(--stzh-color-primary20);\n  --stzh-cardlist-description-color: var(--stzh-color-black);\n\n  /**\n   * Link\n   */\n  --stzh-link-color: var(--stzh-color-primary70);\n  --stzh-link-hover-color: var(--stzh-color-primary80);\n}\n";
-
-/*
- Stencil Client Platform v4.39.0 | MIT Licensed | https://stenciljs.com
- */
-var __defProp = Object.defineProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var reWireGetterSetter = (instance, hostRef) => {
-  var _a;
-  const cmpMeta = hostRef.$cmpMeta$;
-  const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
-  members.map(([memberName, [memberFlags]]) => {
-    if ((memberFlags & 31 /* Prop */ || memberFlags & 32 /* State */)) {
-      const ogValue = instance[memberName];
-      const ogDescriptor = getPropertyDescriptor(Object.getPrototypeOf(instance), memberName) || Object.getOwnPropertyDescriptor(instance, memberName);
-      if (ogDescriptor) {
-        Object.defineProperty(instance, memberName, {
-          get() {
-            return ogDescriptor.get.call(this);
-          },
-          set(newValue) {
-            ogDescriptor.set.call(this, newValue);
-          },
-          configurable: true,
-          enumerable: true
-        });
-      }
-      instance[memberName] = hostRef.$instanceValues$.has(memberName) ? hostRef.$instanceValues$.get(memberName) : ogValue;
-    }
-  });
-};
-function getPropertyDescriptor(obj, memberName) {
-  while (obj) {
-    const desc = Object.getOwnPropertyDescriptor(obj, memberName);
-    if (desc == null ? void 0 : desc.get) return desc;
-    obj = Object.getPrototypeOf(obj);
-  }
-  return void 0;
-}
-
-// src/client/client-host-ref.ts
-var getHostRef = (ref) => {
-  if (ref.__stencil__getHostRef) {
-    return ref.__stencil__getHostRef();
-  }
-  return void 0;
-};
-var registerInstance = (lazyInstance, hostRef) => {
-  if (!hostRef) return;
-  lazyInstance.__stencil__getHostRef = () => hostRef;
-  hostRef.$lazyInstance$ = lazyInstance;
-  if (hostRef.$cmpMeta$.$flags$ & 512 /* hasModernPropertyDecls */ && (BUILD.state)) {
-    reWireGetterSetter(lazyInstance, hostRef);
-  }
-};
-var registerHost = (hostElement, cmpMeta) => {
-  const hostRef = {
-    $flags$: 0,
-    $hostElement$: hostElement,
-    $cmpMeta$: cmpMeta,
-    $instanceValues$: /* @__PURE__ */ new Map(),
-    $serializerValues$: /* @__PURE__ */ new Map()
-  };
-  {
-    hostRef.$onInstancePromise$ = new Promise((r) => hostRef.$onInstanceResolve$ = r);
-  }
-  {
-    hostRef.$onReadyPromise$ = new Promise((r) => hostRef.$onReadyResolve$ = r);
-    hostElement["s-p"] = [];
-    hostElement["s-rc"] = [];
-  }
-  {
-    hostRef.$fetchedCbList$ = [];
-  }
-  const ref = hostRef;
-  hostElement.__stencil__getHostRef = () => ref;
-  return ref;
-};
-var isMemberInElement = (elm, memberName) => memberName in elm;
-var consoleError = (e, el) => (0, console.error)(e, el);
-
-// src/client/client-load-module.ts
-var cmpModules = /* @__PURE__ */ new Map();
-var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
-  const exportName = cmpMeta.$tagName$.replace(/-/g, "_");
-  const bundleId = cmpMeta.$lazyBundleId$;
-  if (!bundleId) {
-    return void 0;
-  }
-  const module = cmpModules.get(bundleId) ;
-  if (module) {
-    return module[exportName];
-  }
-  
-        if (!hmrVersionId || !BUILD.hotModuleReplacement) {
-          const processMod = importedModule => {
-              cmpModules.set(bundleId, importedModule);
-              return importedModule[exportName];
-          }
-          switch(bundleId) {
-              
-                case 'stzh-badge_3':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-badge_3.entry.js').then(processMod, consoleError);
-                case 'stzh-amount':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-amount.entry.js').then(processMod, consoleError);
-                case 'stzh-anchornav':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-anchornav.entry.js').then(processMod, consoleError);
-                case 'stzh-appointments':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-appointments.entry.js').then(processMod, consoleError);
-                case 'stzh-archivelist':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-archivelist.entry.js').then(processMod, consoleError);
-                case 'stzh-audio':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-audio.entry.js').then(processMod, consoleError);
-                case 'stzh-banner':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-banner.entry.js').then(processMod, consoleError);
-                case 'stzh-bathstatus-list':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-bathstatus-list.entry.js').then(processMod, consoleError);
-                case 'stzh-card-navigation':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-card-navigation.entry.js').then(processMod, consoleError);
-                case 'stzh-card-searchresult':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-card-searchresult.entry.js').then(processMod, consoleError);
-                case 'stzh-card-superteaser':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-card-superteaser.entry.js').then(processMod, consoleError);
-                case 'stzh-chart':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-chart.entry.js').then(processMod, consoleError);
-                case 'stzh-checkboxgroup':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-checkboxgroup.entry.js').then(processMod, consoleError);
-                case 'stzh-company-logo':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-company-logo.entry.js').then(processMod, consoleError);
-                case 'stzh-contact':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-contact.entry.js').then(processMod, consoleError);
-                case 'stzh-contact-cv':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-contact-cv.entry.js').then(processMod, consoleError);
-                case 'stzh-content':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-content.entry.js').then(processMod, consoleError);
-                case 'stzh-cta':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-cta.entry.js').then(processMod, consoleError);
-                case 'stzh-datamessagelist':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-datamessagelist.entry.js').then(processMod, consoleError);
-                case 'stzh-datamessagelist-item':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-datamessagelist-item.entry.js').then(processMod, consoleError);
-                case 'stzh-datatable':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-datatable.entry.js').then(processMod, consoleError);
-                case 'stzh-daterange':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-daterange.entry.js').then(processMod, consoleError);
-                case 'stzh-disturber':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-disturber.entry.js').then(processMod, consoleError);
-                case 'stzh-editor':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-editor.entry.js').then(processMod, consoleError);
-                case 'stzh-eventdata':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-eventdata.entry.js').then(processMod, consoleError);
-                case 'stzh-eventinfo':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-eventinfo.entry.js').then(processMod, consoleError);
-                case 'stzh-feedreader':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-feedreader.entry.js').then(processMod, consoleError);
-                case 'stzh-feedreader-item':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-feedreader-item.entry.js').then(processMod, consoleError);
-                case 'stzh-flyingfocus':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-flyingfocus.entry.js').then(processMod, consoleError);
-                case 'stzh-footer':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-footer.entry.js').then(processMod, consoleError);
-                case 'stzh-gallery':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-gallery.entry.js').then(processMod, consoleError);
-                case 'stzh-geo-ref-data':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-geo-ref-data.entry.js').then(processMod, consoleError);
-                case 'stzh-homepage-search':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-homepage-search.entry.js').then(processMod, consoleError);
-                case 'stzh-homepage-service-highlights':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-homepage-service-highlights.entry.js').then(processMod, consoleError);
-                case 'stzh-hr':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-hr.entry.js').then(processMod, consoleError);
-                case 'stzh-http-error':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-http-error.entry.js').then(processMod, consoleError);
-                case 'stzh-imagecomparison':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-imagecomparison.entry.js').then(processMod, consoleError);
-                case 'stzh-invert':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-invert.entry.js').then(processMod, consoleError);
-                case 'stzh-linklist':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-linklist.entry.js').then(processMod, consoleError);
-                case 'stzh-loadingbar':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-loadingbar.entry.js').then(processMod, consoleError);
-                case 'stzh-microsite-teaserlist':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-microsite-teaserlist.entry.js').then(processMod, consoleError);
-                case 'stzh-monthyearpicker':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-monthyearpicker.entry.js').then(processMod, consoleError);
-                case 'stzh-offline-indicator':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-offline-indicator.entry.js').then(processMod, consoleError);
-                case 'stzh-page-skiplinks':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-page-skiplinks.entry.js').then(processMod, consoleError);
-                case 'stzh-pagebottom':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-pagebottom.entry.js').then(processMod, consoleError);
-                case 'stzh-pagecontent':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-pagecontent.entry.js').then(processMod, consoleError);
-                case 'stzh-pagetitle':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-pagetitle.entry.js').then(processMod, consoleError);
-                case 'stzh-pagetitle-hero':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-pagetitle-hero.entry.js').then(processMod, consoleError);
-                case 'stzh-pagetitle-home':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-pagetitle-home.entry.js').then(processMod, consoleError);
-                case 'stzh-panorama':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-panorama.entry.js').then(processMod, consoleError);
-                case 'stzh-pi-content-navigation':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-pi-content-navigation.entry.js').then(processMod, consoleError);
-                case 'stzh-pi-menu':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-pi-menu.entry.js').then(processMod, consoleError);
-                case 'stzh-pi-pagetitle':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-pi-pagetitle.entry.js').then(processMod, consoleError);
-                case 'stzh-pi-quote':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-pi-quote.entry.js').then(processMod, consoleError);
-                case 'stzh-pi-teaser':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-pi-teaser.entry.js').then(processMod, consoleError);
-                case 'stzh-pi-teaser-layout':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-pi-teaser-layout.entry.js').then(processMod, consoleError);
-                case 'stzh-pkzh-qr':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-pkzh-qr.entry.js').then(processMod, consoleError);
-                case 'stzh-poilist':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-poilist.entry.js').then(processMod, consoleError);
-                case 'stzh-quote':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-quote.entry.js').then(processMod, consoleError);
-                case 'stzh-rating':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-rating.entry.js').then(processMod, consoleError);
-                case 'stzh-readspeaker':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-readspeaker.entry.js').then(processMod, consoleError);
-                case 'stzh-saptcha':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-saptcha.entry.js').then(processMod, consoleError);
-                case 'stzh-scrollup':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-scrollup.entry.js').then(processMod, consoleError);
-                case 'stzh-search':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-search.entry.js').then(processMod, consoleError);
-                case 'stzh-section':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-section.entry.js').then(processMod, consoleError);
-                case 'stzh-sitemap':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-sitemap.entry.js').then(processMod, consoleError);
-                case 'stzh-skin-portal-mitwirken':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-skin-portal-mitwirken.entry.js').then(processMod, consoleError);
-                case 'stzh-skin-storybook-preview':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-skin-storybook-preview.entry.js').then(processMod, consoleError);
-                case 'stzh-skiplink':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-skiplink.entry.js').then(processMod, consoleError);
-                case 'stzh-socialmediastream':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-socialmediastream.entry.js').then(processMod, consoleError);
-                case 'stzh-stepper':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-stepper.entry.js').then(processMod, consoleError);
-                case 'stzh-sticky-actions':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-sticky-actions.entry.js').then(processMod, consoleError);
-                case 'stzh-table':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-table.entry.js').then(processMod, consoleError);
-                case 'stzh-textandimage':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-textandimage.entry.js').then(processMod, consoleError);
-                case 'stzh-timeline':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-timeline.entry.js').then(processMod, consoleError);
-                case 'stzh-timeline-item':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-timeline-item.entry.js').then(processMod, consoleError);
-                case 'stzh-timepicker':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-timepicker.entry.js').then(processMod, consoleError);
-                case 'stzh-toggle':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-toggle.entry.js').then(processMod, consoleError);
-                case 'stzh-twocolumns':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-twocolumns.entry.js').then(processMod, consoleError);
-                case 'stzh-upload':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-upload.entry.js').then(processMod, consoleError);
-                case 'stzh-vbz-carousel':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-vbz-carousel.entry.js').then(processMod, consoleError);
-                case 'stzh-vbz-connection-finder':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-vbz-connection-finder.entry.js').then(processMod, consoleError);
-                case 'stzh-vbz-intro':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-vbz-intro.entry.js').then(processMod, consoleError);
-                case 'stzh-vbz-majorticker':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-vbz-majorticker.entry.js').then(processMod, consoleError);
-                case 'stzh-vbz-ticker':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-vbz-ticker.entry.js').then(processMod, consoleError);
-                case 'stzh-visuallyhidden':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-visuallyhidden.entry.js').then(processMod, consoleError);
-                case 'stzh-vspace':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-vspace.entry.js').then(processMod, consoleError);
-                case 'stzh-youtube':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-youtube.entry.js').then(processMod, consoleError);
-                case 'stzh-accordion_3':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-accordion_3.entry.js').then(processMod, consoleError);
-                case 'stzh-actions_6':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-actions_6.entry.js').then(processMod, consoleError);
-                case 'stzh-bathstatus-item':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-bathstatus-item.entry.js').then(processMod, consoleError);
-                case 'stzh-card':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-card.entry.js').then(processMod, consoleError);
-                case 'stzh-chipgroup':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-chipgroup.entry.js').then(processMod, consoleError);
-                case 'stzh-datepicker_3':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-datepicker_3.entry.js').then(processMod, consoleError);
-                case 'stzh-dialog':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-dialog.entry.js').then(processMod, consoleError);
-                case 'stzh-ghettobox_3':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-ghettobox_3.entry.js').then(processMod, consoleError);
-                case 'stzh-header_2':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-header_2.entry.js').then(processMod, consoleError);
-                case 'stzh-hspace':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-hspace.entry.js').then(processMod, consoleError);
-                case 'stzh-iframe':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-iframe.entry.js').then(processMod, consoleError);
-                case 'stzh-list_2':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-list_2.entry.js').then(processMod, consoleError);
-                case 'stzh-pi-teaser-layout-item':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-pi-teaser-layout-item.entry.js').then(processMod, consoleError);
-                case 'stzh-poicard':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-poicard.entry.js').then(processMod, consoleError);
-                case 'stzh-print_2':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-print_2.entry.js').then(processMod, consoleError);
-                case 'stzh-socialmediastream-item':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-socialmediastream-item.entry.js').then(processMod, consoleError);
-                case 'stzh-stepper-item':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-stepper-item.entry.js').then(processMod, consoleError);
-                case 'stzh-vbz-linechip':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-vbz-linechip.entry.js').then(processMod, consoleError);
-                case 'stzh-actionset':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-actionset.entry.js').then(processMod, consoleError);
-                case 'stzh-app-nav':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-app-nav.entry.js').then(processMod, consoleError);
-                case 'stzh-breadcrumb_2':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-breadcrumb_2.entry.js').then(processMod, consoleError);
-                case 'stzh-calendar':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-calendar.entry.js').then(processMod, consoleError);
-                case 'stzh-cardlist_3':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-cardlist_3.entry.js').then(processMod, consoleError);
-                case 'stzh-carousel':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-carousel.entry.js').then(processMod, consoleError);
-                case 'stzh-checkbox':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-checkbox.entry.js').then(processMod, consoleError);
-                case 'stzh-figure':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-figure.entry.js').then(processMod, consoleError);
-                case 'stzh-sticky':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-sticky.entry.js').then(processMod, consoleError);
-                case 'stzh-chipselect':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-chipselect.entry.js').then(processMod, consoleError);
-                case 'stzh-details':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-details.entry.js').then(processMod, consoleError);
-                case 'stzh-loader_2':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-loader_2.entry.js').then(processMod, consoleError);
-                case 'stzh-toast_2':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-toast_2.entry.js').then(processMod, consoleError);
-                case 'stzh-buttongroup':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-buttongroup.entry.js').then(processMod, consoleError);
-                case 'stzh-message':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-message.entry.js').then(processMod, consoleError);
-                case 'stzh-menu_2':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-menu_2.entry.js').then(processMod, consoleError);
-                case 'stzh-chip':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-chip.entry.js').then(processMod, consoleError);
-                case 'stzh-datalist_3':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-datalist_3.entry.js').then(processMod, consoleError);
-                case 'stzh-input':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-input.entry.js').then(processMod, consoleError);
-                case 'stzh-dropdown':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-dropdown.entry.js').then(processMod, consoleError);
-                case 'stzh-clamp':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-clamp.entry.js').then(processMod, consoleError);
-                case 'stzh-ratio':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-ratio.entry.js').then(processMod, consoleError);
-                case 'stzh-tooltip':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-tooltip.entry.js').then(processMod, consoleError);
-                case 'stzh-heading':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-heading.entry.js').then(processMod, consoleError);
-                case 'stzh-popover':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-popover.entry.js').then(processMod, consoleError);
-                case 'stzh-link':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-link.entry.js').then(processMod, consoleError);
-                case 'stzh-text':
-                    return import(
-                      /* webpackMode: "lazy" */
-                      './stzh-text.entry.js').then(processMod, consoleError);
-          }
-      }
-  return import(
-    /* @vite-ignore */
-    /* webpackInclude: /\.entry\.js$/ */
-    /* webpackExclude: /\.system\.entry\.js$/ */
-    /* webpackMode: "lazy" */
-    `./${bundleId}.entry.js${""}`
-  ).then(
-    (importedModule) => {
-      {
-        cmpModules.set(bundleId, importedModule);
-      }
-      return importedModule[exportName];
-    },
-    (e) => {
-      consoleError(e, hostRef.$hostElement$);
-    }
-  );
-};
-
-// src/client/client-style.ts
-var styles = /* @__PURE__ */ new Map();
-var HYDRATED_CSS = "{visibility:hidden}.hydrated{visibility:inherit}";
-var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
-var XLINK_NS = "http://www.w3.org/1999/xlink";
-var win = typeof window !== "undefined" ? window : {};
-var H = win.HTMLElement || class {
-};
-var plt = {
-  $flags$: 0,
-  $resourcesUrl$: "",
-  jmp: (h2) => h2(),
-  raf: (h2) => requestAnimationFrame(h2),
-  ael: (el, eventName, listener, opts) => el.addEventListener(eventName, listener, opts),
-  rel: (el, eventName, listener, opts) => el.removeEventListener(eventName, listener, opts),
-  ce: (eventName, opts) => new CustomEvent(eventName, opts)
-};
-var supportsShadow = BUILD.shadowDom;
-var supportsListenerOptions = /* @__PURE__ */ (() => {
-  var _a;
-  let supportsListenerOptions2 = false;
-  try {
-    (_a = win.document) == null ? void 0 : _a.addEventListener(
-      "e",
-      null,
-      Object.defineProperty({}, "passive", {
-        get() {
-          supportsListenerOptions2 = true;
-        }
-      })
-    );
-  } catch (e) {
-  }
-  return supportsListenerOptions2;
-})();
-var promiseResolve = (v) => Promise.resolve(v);
-var supportsConstructableStylesheets = /* @__PURE__ */ (() => {
-  try {
-    new CSSStyleSheet();
-    return typeof new CSSStyleSheet().replaceSync === "function";
-  } catch (e) {
-  }
-  return false;
-})() ;
-var supportsMutableAdoptedStyleSheets = supportsConstructableStylesheets ? /* @__PURE__ */ (() => !!win.document && Object.getOwnPropertyDescriptor(win.document.adoptedStyleSheets, "length").writable)() : false;
-var queuePending = false;
-var queueDomReads = [];
-var queueDomWrites = [];
-var queueTask = (queue, write) => (cb) => {
-  queue.push(cb);
-  if (!queuePending) {
-    queuePending = true;
-    if (write && plt.$flags$ & 4 /* queueSync */) {
-      nextTick(flush);
-    } else {
-      plt.raf(flush);
-    }
-  }
-};
-var consume = (queue) => {
-  for (let i2 = 0; i2 < queue.length; i2++) {
-    try {
-      queue[i2](performance.now());
-    } catch (e) {
-      consoleError(e);
-    }
-  }
-  queue.length = 0;
-};
-var flush = () => {
-  consume(queueDomReads);
-  {
-    consume(queueDomWrites);
-    if (queuePending = queueDomReads.length > 0) {
-      plt.raf(flush);
-    }
-  }
-};
-var nextTick = (cb) => promiseResolve().then(cb);
-var readTask = /* @__PURE__ */ queueTask(queueDomReads, false);
-var writeTask = /* @__PURE__ */ queueTask(queueDomWrites, true);
-
-// src/utils/helpers.ts
-var isDef = (v) => v != null && v !== void 0;
-var isComplexType = (o) => {
-  o = typeof o;
-  return o === "object" || o === "function";
-};
-
-// src/utils/query-nonce-meta-tag-content.ts
-function queryNonceMetaTagContent(doc) {
-  var _a, _b, _c;
-  return (_c = (_b = (_a = doc.head) == null ? void 0 : _a.querySelector('meta[name="csp-nonce"]')) == null ? void 0 : _b.getAttribute("content")) != null ? _c : void 0;
-}
-
-// src/utils/regular-expression.ts
-var escapeRegExpSpecialCharacters = (text) => {
-  return text.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-};
-
-// src/utils/result.ts
-var result_exports = {};
-__export(result_exports, {
-  err: () => err,
-  map: () => map,
-  ok: () => ok,
-  unwrap: () => unwrap,
-  unwrapErr: () => unwrapErr
-});
-var ok = (value) => ({
-  isOk: true,
-  isErr: false,
-  value
-});
-var err = (value) => ({
-  isOk: false,
-  isErr: true,
-  value
-});
-function map(result, fn) {
-  if (result.isOk) {
-    const val = fn(result.value);
-    if (val instanceof Promise) {
-      return val.then((newVal) => ok(newVal));
-    } else {
-      return ok(val);
-    }
-  }
-  if (result.isErr) {
-    const value = result.value;
-    return err(value);
-  }
-  throw "should never get here";
-}
-var unwrap = (result) => {
-  if (result.isOk) {
-    return result.value;
-  } else {
-    throw result.value;
-  }
-};
-var unwrapErr = (result) => {
-  if (result.isErr) {
-    return result.value;
-  } else {
-    throw result.value;
-  }
-};
-
-// src/utils/style.ts
-function createStyleSheetIfNeededAndSupported(styles2) {
-  if (!supportsConstructableStylesheets) return void 0;
-  const sheet = new CSSStyleSheet();
-  sheet.replaceSync(styles2);
-  return sheet;
-}
-
-// src/utils/shadow-root.ts
-var globalStyleSheet;
-function createShadowRoot(cmpMeta) {
-  var _a;
-  const shadowRoot = this.attachShadow({ mode: "open" });
-  if (globalStyleSheet === void 0) globalStyleSheet = (_a = createStyleSheetIfNeededAndSupported(globalStyles)) != null ? _a : null;
-  if (globalStyleSheet) {
-    if (supportsMutableAdoptedStyleSheets) {
-      shadowRoot.adoptedStyleSheets.push(globalStyleSheet);
-    } else {
-      shadowRoot.adoptedStyleSheets = [...shadowRoot.adoptedStyleSheets, globalStyleSheet];
-    }
-  }
-}
-var updateFallbackSlotVisibility = (elm) => {
-  const childNodes = internalCall(elm, "childNodes");
-  if (elm.tagName && elm.tagName.includes("-") && elm["s-cr"] && elm.tagName !== "SLOT-FB") {
-    getHostSlotNodes(childNodes, elm.tagName).forEach((slotNode) => {
-      if (slotNode.nodeType === 1 /* ElementNode */ && slotNode.tagName === "SLOT-FB") {
-        if (getSlotChildSiblings(slotNode, getSlotName(slotNode), false).length) {
-          slotNode.hidden = true;
-        } else {
-          slotNode.hidden = false;
-        }
-      }
-    });
-  }
-  let i2 = 0;
-  for (i2 = 0; i2 < childNodes.length; i2++) {
-    const childNode = childNodes[i2];
-    if (childNode.nodeType === 1 /* ElementNode */ && internalCall(childNode, "childNodes").length) {
-      updateFallbackSlotVisibility(childNode);
-    }
-  }
-};
-var getSlottedChildNodes = (childNodes) => {
-  const result = [];
-  for (let i2 = 0; i2 < childNodes.length; i2++) {
-    const slottedNode = childNodes[i2]["s-nr"] || void 0;
-    if (slottedNode && slottedNode.isConnected) {
-      result.push(slottedNode);
-    }
-  }
-  return result;
-};
-function getHostSlotNodes(childNodes, hostName, slotName) {
-  let i2 = 0;
-  let slottedNodes = [];
-  let childNode;
-  for (; i2 < childNodes.length; i2++) {
-    childNode = childNodes[i2];
-    if (childNode["s-sr"] && (!hostName || childNode["s-hn"] === hostName) && (slotName === void 0 || getSlotName(childNode) === slotName)) {
-      slottedNodes.push(childNode);
-      if (typeof slotName !== "undefined") return slottedNodes;
-    }
-    slottedNodes = [...slottedNodes, ...getHostSlotNodes(childNode.childNodes, hostName, slotName)];
-  }
-  return slottedNodes;
-}
-var getSlotChildSiblings = (slot, slotName, includeSlot = true) => {
-  const childNodes = [];
-  if (includeSlot && slot["s-sr"] || !slot["s-sr"]) childNodes.push(slot);
-  let node = slot;
-  while (node = node.nextSibling) {
-    if (getSlotName(node) === slotName && (includeSlot || !node["s-sr"])) childNodes.push(node);
-  }
-  return childNodes;
-};
-var isNodeLocatedInSlot = (nodeToRelocate, slotName) => {
-  if (nodeToRelocate.nodeType === 1 /* ElementNode */) {
-    if (nodeToRelocate.getAttribute("slot") === null && slotName === "") {
-      return true;
-    }
-    if (nodeToRelocate.getAttribute("slot") === slotName) {
-      return true;
-    }
-    return false;
-  }
-  if (nodeToRelocate["s-sn"] === slotName) {
-    return true;
-  }
-  return slotName === "";
-};
-var addSlotRelocateNode = (newChild, slotNode, prepend, position) => {
-  if (newChild["s-ol"] && newChild["s-ol"].isConnected) {
-    return;
-  }
-  const slottedNodeLocation = document.createTextNode("");
-  slottedNodeLocation["s-nr"] = newChild;
-  if (!slotNode["s-cr"] || !slotNode["s-cr"].parentNode) return;
-  const parent = slotNode["s-cr"].parentNode;
-  const appendMethod = prepend ? internalCall(parent, "prepend") : internalCall(parent, "appendChild");
-  {
-    appendMethod.call(parent, slottedNodeLocation);
-  }
-  newChild["s-ol"] = slottedNodeLocation;
-  newChild["s-sh"] = slotNode["s-hn"];
-};
-var getSlotName = (node) => typeof node["s-sn"] === "string" ? node["s-sn"] : node.nodeType === 1 && node.getAttribute("slot") || void 0;
-function patchSlotNode(node) {
-  if (node.assignedElements || node.assignedNodes || !node["s-sr"]) return;
-  const assignedFactory = (elementsOnly) => (function(opts) {
-    const toReturn = [];
-    const slotName = this["s-sn"];
-    if (opts == null ? void 0 : opts.flatten) {
-      console.error(`
-          Flattening is not supported for Stencil non-shadow slots.
-          You can use \`.childNodes\` to nested slot fallback content.
-          If you have a particular use case, please open an issue on the Stencil repo.
-        `);
-    }
-    const parent = this["s-cr"].parentElement;
-    const slottedNodes = parent.__childNodes ? parent.childNodes : getSlottedChildNodes(parent.childNodes);
-    slottedNodes.forEach((n) => {
-      if (slotName === getSlotName(n)) {
-        toReturn.push(n);
-      }
-    });
-    if (elementsOnly) {
-      return toReturn.filter((n) => n.nodeType === 1 /* ElementNode */);
-    }
-    return toReturn;
-  }).bind(node);
-  node.assignedElements = assignedFactory(true);
-  node.assignedNodes = assignedFactory(false);
-}
-function dispatchSlotChangeEvent(elm) {
-  elm.dispatchEvent(new CustomEvent("slotchange", { bubbles: false, cancelable: false, composed: false }));
-}
-function findSlotFromSlottedNode(slottedNode, parentHost) {
-  var _a;
-  parentHost = parentHost || ((_a = slottedNode["s-ol"]) == null ? void 0 : _a.parentElement);
-  if (!parentHost) return { slotNode: null, slotName: "" };
-  const slotName = slottedNode["s-sn"] = getSlotName(slottedNode) || "";
-  const childNodes = internalCall(parentHost, "childNodes");
-  const slotNode = getHostSlotNodes(childNodes, parentHost.tagName, slotName)[0];
-  return { slotNode, slotName };
-}
-
-// src/runtime/dom-extras.ts
-var patchPseudoShadowDom = (hostElementPrototype) => {
-  patchCloneNode(hostElementPrototype);
-  patchSlotAppendChild(hostElementPrototype);
-  patchSlotAppend(hostElementPrototype);
-  patchSlotPrepend(hostElementPrototype);
-  patchSlotInsertAdjacentElement(hostElementPrototype);
-  patchSlotInsertAdjacentHTML(hostElementPrototype);
-  patchSlotInsertAdjacentText(hostElementPrototype);
-  patchInsertBefore(hostElementPrototype);
-  patchTextContent(hostElementPrototype);
-  patchChildSlotNodes(hostElementPrototype);
-  patchSlotRemoveChild(hostElementPrototype);
-};
-var patchCloneNode = (HostElementPrototype) => {
-  const orgCloneNode = HostElementPrototype.cloneNode;
-  HostElementPrototype.cloneNode = function(deep) {
-    const srcNode = this;
-    const isShadowDom = srcNode.shadowRoot && supportsShadow ;
-    const clonedNode = orgCloneNode.call(srcNode, isShadowDom ? deep : false);
-    if (!isShadowDom && deep) {
-      let i2 = 0;
-      let slotted, nonStencilNode;
-      const stencilPrivates = [
-        "s-id",
-        "s-cr",
-        "s-lr",
-        "s-rc",
-        "s-sc",
-        "s-p",
-        "s-cn",
-        "s-sr",
-        "s-sn",
-        "s-hn",
-        "s-ol",
-        "s-nr",
-        "s-si",
-        "s-rf",
-        "s-scs"
-      ];
-      const childNodes = this.__childNodes || this.childNodes;
-      for (; i2 < childNodes.length; i2++) {
-        slotted = childNodes[i2]["s-nr"];
-        nonStencilNode = stencilPrivates.every((privateField) => !childNodes[i2][privateField]);
-        if (slotted) {
-          if (clonedNode.__appendChild) {
-            clonedNode.__appendChild(slotted.cloneNode(true));
-          } else {
-            clonedNode.appendChild(slotted.cloneNode(true));
-          }
-        }
-        if (nonStencilNode) {
-          clonedNode.appendChild(childNodes[i2].cloneNode(true));
-        }
-      }
-    }
-    return clonedNode;
-  };
-};
-var patchSlotAppendChild = (HostElementPrototype) => {
-  HostElementPrototype.__appendChild = HostElementPrototype.appendChild;
-  HostElementPrototype.appendChild = function(newChild) {
-    const { slotName, slotNode } = findSlotFromSlottedNode(newChild, this);
-    if (slotNode) {
-      addSlotRelocateNode(newChild, slotNode);
-      const slotChildNodes = getSlotChildSiblings(slotNode, slotName);
-      const appendAfter = slotChildNodes[slotChildNodes.length - 1];
-      const parent = internalCall(appendAfter, "parentNode");
-      const insertedNode = internalCall(parent, "insertBefore")(newChild, appendAfter.nextSibling);
-      dispatchSlotChangeEvent(slotNode);
-      updateFallbackSlotVisibility(this);
-      return insertedNode;
-    }
-    return this.__appendChild(newChild);
-  };
-};
-var patchSlotRemoveChild = (ElementPrototype) => {
-  ElementPrototype.__removeChild = ElementPrototype.removeChild;
-  ElementPrototype.removeChild = function(toRemove) {
-    if (toRemove && typeof toRemove["s-sn"] !== "undefined") {
-      const childNodes = this.__childNodes || this.childNodes;
-      const slotNode = getHostSlotNodes(childNodes, this.tagName, toRemove["s-sn"]);
-      if (slotNode && toRemove.isConnected) {
-        toRemove.remove();
-        updateFallbackSlotVisibility(this);
-        return;
-      }
-    }
-    return this.__removeChild(toRemove);
-  };
-};
-var patchSlotPrepend = (HostElementPrototype) => {
-  HostElementPrototype.__prepend = HostElementPrototype.prepend;
-  HostElementPrototype.prepend = function(...newChildren) {
-    newChildren.forEach((newChild) => {
-      if (typeof newChild === "string") {
-        newChild = this.ownerDocument.createTextNode(newChild);
-      }
-      const slotName = (newChild["s-sn"] = getSlotName(newChild)) || "";
-      const childNodes = internalCall(this, "childNodes");
-      const slotNode = getHostSlotNodes(childNodes, this.tagName, slotName)[0];
-      if (slotNode) {
-        addSlotRelocateNode(newChild, slotNode, true);
-        const slotChildNodes = getSlotChildSiblings(slotNode, slotName);
-        const appendAfter = slotChildNodes[0];
-        const parent = internalCall(appendAfter, "parentNode");
-        const toReturn = internalCall(parent, "insertBefore")(newChild, internalCall(appendAfter, "nextSibling"));
-        dispatchSlotChangeEvent(slotNode);
-        return toReturn;
-      }
-      if (newChild.nodeType === 1 && !!newChild.getAttribute("slot")) {
-        newChild.hidden = true;
-      }
-      return HostElementPrototype.__prepend(newChild);
-    });
-  };
-};
-var patchSlotAppend = (HostElementPrototype) => {
-  HostElementPrototype.__append = HostElementPrototype.append;
-  HostElementPrototype.append = function(...newChildren) {
-    newChildren.forEach((newChild) => {
-      if (typeof newChild === "string") {
-        newChild = this.ownerDocument.createTextNode(newChild);
-      }
-      this.appendChild(newChild);
-    });
-  };
-};
-var patchSlotInsertAdjacentHTML = (HostElementPrototype) => {
-  const originalInsertAdjacentHtml = HostElementPrototype.insertAdjacentHTML;
-  HostElementPrototype.insertAdjacentHTML = function(position, text) {
-    if (position !== "afterbegin" && position !== "beforeend") {
-      return originalInsertAdjacentHtml.call(this, position, text);
-    }
-    const container = this.ownerDocument.createElement("_");
-    let node;
-    container.innerHTML = text;
-    if (position === "afterbegin") {
-      while (node = container.firstChild) {
-        this.prepend(node);
-      }
-    } else if (position === "beforeend") {
-      while (node = container.firstChild) {
-        this.append(node);
-      }
-    }
-  };
-};
-var patchSlotInsertAdjacentText = (HostElementPrototype) => {
-  HostElementPrototype.insertAdjacentText = function(position, text) {
-    this.insertAdjacentHTML(position, text);
-  };
-};
-var patchInsertBefore = (HostElementPrototype) => {
-  const eleProto = HostElementPrototype;
-  if (eleProto.__insertBefore) return;
-  eleProto.__insertBefore = HostElementPrototype.insertBefore;
-  HostElementPrototype.insertBefore = function(newChild, currentChild) {
-    const { slotName, slotNode } = findSlotFromSlottedNode(newChild, this);
-    const slottedNodes = this.__childNodes ? this.childNodes : getSlottedChildNodes(this.childNodes);
-    if (slotNode) {
-      let found = false;
-      slottedNodes.forEach((childNode) => {
-        if (childNode === currentChild || currentChild === null) {
-          found = true;
-          if (currentChild === null || slotName !== currentChild["s-sn"]) {
-            this.appendChild(newChild);
-            return;
-          }
-          if (slotName === currentChild["s-sn"]) {
-            addSlotRelocateNode(newChild, slotNode);
-            const parent = internalCall(currentChild, "parentNode");
-            internalCall(parent, "insertBefore")(newChild, currentChild);
-            dispatchSlotChangeEvent(slotNode);
-          }
-          return;
-        }
-      });
-      if (found) return newChild;
-    }
-    const parentNode = currentChild == null ? void 0 : currentChild.__parentNode;
-    if (parentNode && !this.isSameNode(parentNode)) {
-      return this.appendChild(newChild);
-    }
-    return this.__insertBefore(newChild, currentChild);
-  };
-};
-var patchSlotInsertAdjacentElement = (HostElementPrototype) => {
-  const originalInsertAdjacentElement = HostElementPrototype.insertAdjacentElement;
-  HostElementPrototype.insertAdjacentElement = function(position, element) {
-    if (position !== "afterbegin" && position !== "beforeend") {
-      return originalInsertAdjacentElement.call(this, position, element);
-    }
-    if (position === "afterbegin") {
-      this.prepend(element);
-      return element;
-    } else if (position === "beforeend") {
-      this.append(element);
-      return element;
-    }
-    return element;
-  };
-};
-var patchTextContent = (hostElementPrototype) => {
-  patchHostOriginalAccessor("textContent", hostElementPrototype);
-  Object.defineProperty(hostElementPrototype, "textContent", {
-    get: function() {
-      let text = "";
-      const childNodes = this.__childNodes ? this.childNodes : getSlottedChildNodes(this.childNodes);
-      childNodes.forEach((node) => text += node.textContent || "");
-      return text;
-    },
-    set: function(value) {
-      const childNodes = this.__childNodes ? this.childNodes : getSlottedChildNodes(this.childNodes);
-      childNodes.forEach((node) => {
-        if (node["s-ol"]) node["s-ol"].remove();
-        node.remove();
-      });
-      this.insertAdjacentHTML("beforeend", value);
-    }
-  });
-};
-var patchChildSlotNodes = (elm) => {
-  class FakeNodeList extends Array {
-    item(n) {
-      return this[n];
-    }
-  }
-  patchHostOriginalAccessor("children", elm);
-  Object.defineProperty(elm, "children", {
-    get() {
-      return this.childNodes.filter((n) => n.nodeType === 1);
-    }
-  });
-  Object.defineProperty(elm, "childElementCount", {
-    get() {
-      return this.children.length;
-    }
-  });
-  patchHostOriginalAccessor("firstChild", elm);
-  Object.defineProperty(elm, "firstChild", {
-    get() {
-      return this.childNodes[0];
-    }
-  });
-  patchHostOriginalAccessor("lastChild", elm);
-  Object.defineProperty(elm, "lastChild", {
-    get() {
-      return this.childNodes[this.childNodes.length - 1];
-    }
-  });
-  patchHostOriginalAccessor("childNodes", elm);
-  Object.defineProperty(elm, "childNodes", {
-    get() {
-      const result = new FakeNodeList();
-      result.push(...getSlottedChildNodes(this.__childNodes));
-      return result;
-    }
-  });
-};
-var patchParentNode = (node) => {
-  if (!node || node.__parentNode) return;
-  patchHostOriginalAccessor("parentNode", node);
-  Object.defineProperty(node, "parentNode", {
-    get: function() {
-      var _a;
-      return ((_a = this["s-ol"]) == null ? void 0 : _a.parentNode) || this.__parentNode;
-    },
-    set: function(value) {
-      this.__parentNode = value;
-    }
-  });
-};
-var validElementPatches = ["children", "nextElementSibling", "previousElementSibling"];
-var validNodesPatches = [
-  "childNodes",
-  "firstChild",
-  "lastChild",
-  "nextSibling",
-  "previousSibling",
-  "textContent",
-  "parentNode"
-];
-function patchHostOriginalAccessor(accessorName, node) {
-  if (!globalThis.Node || !globalThis.Element) {
-    return;
-  }
-  let accessor;
-  if (validElementPatches.includes(accessorName)) {
-    accessor = Object.getOwnPropertyDescriptor(Element.prototype, accessorName);
-  } else if (validNodesPatches.includes(accessorName)) {
-    accessor = Object.getOwnPropertyDescriptor(Node.prototype, accessorName);
-  }
-  if (!accessor) {
-    accessor = Object.getOwnPropertyDescriptor(node, accessorName);
-  }
-  if (accessor) Object.defineProperty(node, "__" + accessorName, accessor);
-}
-function internalCall(node, method) {
-  if ("__" + method in node) {
-    const toReturn = node["__" + method];
-    if (typeof toReturn !== "function") return toReturn;
-    return toReturn.bind(node);
-  } else {
-    if (typeof node[method] !== "function") return node[method];
-    return node[method].bind(node);
-  }
-}
-var createTime = (fnName, tagName = "") => {
-  {
-    return () => {
-      return;
-    };
-  }
-};
-var uniqueTime = (key, measureText) => {
-  {
-    return () => {
-      return;
-    };
-  }
-};
-var rootAppliedStyles = /* @__PURE__ */ new WeakMap();
-var registerStyle = (scopeId2, cssText, allowCS) => {
-  let style = styles.get(scopeId2);
-  if (supportsConstructableStylesheets && allowCS) {
-    style = style || new CSSStyleSheet();
-    if (typeof style === "string") {
-      style = cssText;
-    } else {
-      style.replaceSync(cssText);
-    }
-  } else {
-    style = cssText;
-  }
-  styles.set(scopeId2, style);
-};
-var addStyle = (styleContainerNode, cmpMeta, mode) => {
-  var _a;
-  const scopeId2 = getScopeId(cmpMeta);
-  const style = styles.get(scopeId2);
-  if (!win.document) {
-    return scopeId2;
-  }
-  styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : win.document;
-  if (style) {
-    if (typeof style === "string") {
-      styleContainerNode = styleContainerNode.head || styleContainerNode;
-      let appliedStyles = rootAppliedStyles.get(styleContainerNode);
-      let styleElm;
-      if (!appliedStyles) {
-        rootAppliedStyles.set(styleContainerNode, appliedStyles = /* @__PURE__ */ new Set());
-      }
-      if (!appliedStyles.has(scopeId2)) {
-        {
-          styleElm = win.document.createElement("style");
-          styleElm.innerHTML = style;
-          const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(win.document);
-          if (nonce != null) {
-            styleElm.setAttribute("nonce", nonce);
-          }
-          if (!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */)) {
-            if (styleContainerNode.nodeName === "HEAD") {
-              const preconnectLinks = styleContainerNode.querySelectorAll("link[rel=preconnect]");
-              const referenceNode2 = preconnectLinks.length > 0 ? preconnectLinks[preconnectLinks.length - 1].nextSibling : styleContainerNode.querySelector("style");
-              styleContainerNode.insertBefore(
-                styleElm,
-                (referenceNode2 == null ? void 0 : referenceNode2.parentNode) === styleContainerNode ? referenceNode2 : null
-              );
-            } else if ("host" in styleContainerNode) {
-              if (supportsConstructableStylesheets) {
-                const stylesheet = new CSSStyleSheet();
-                stylesheet.replaceSync(style);
-                if (supportsMutableAdoptedStyleSheets) {
-                  styleContainerNode.adoptedStyleSheets.unshift(stylesheet);
-                } else {
-                  styleContainerNode.adoptedStyleSheets = [stylesheet, ...styleContainerNode.adoptedStyleSheets];
-                }
-              } else {
-                const existingStyleContainer = styleContainerNode.querySelector("style");
-                if (existingStyleContainer) {
-                  existingStyleContainer.innerHTML = style + existingStyleContainer.innerHTML;
-                } else {
-                  styleContainerNode.prepend(styleElm);
-                }
-              }
-            } else {
-              styleContainerNode.append(styleElm);
-            }
-          }
-          if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
-            styleContainerNode.insertBefore(styleElm, null);
-          }
-        }
-        if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
-          styleElm.innerHTML += SLOT_FB_CSS;
-        }
-        if (appliedStyles) {
-          appliedStyles.add(scopeId2);
-        }
-      }
-    } else if (!styleContainerNode.adoptedStyleSheets.includes(style)) {
-      if (supportsMutableAdoptedStyleSheets) {
-        styleContainerNode.adoptedStyleSheets.push(style);
-      } else {
-        styleContainerNode.adoptedStyleSheets = [...styleContainerNode.adoptedStyleSheets, style];
-      }
-    }
-  }
-  return scopeId2;
-};
-var attachStyles = (hostRef) => {
-  const cmpMeta = hostRef.$cmpMeta$;
-  const elm = hostRef.$hostElement$;
-  const flags = cmpMeta.$flags$;
-  const endAttachStyles = createTime("attachStyles", cmpMeta.$tagName$);
-  const scopeId2 = addStyle(
-    elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(),
-    cmpMeta);
-  if (flags & 10 /* needsScopedEncapsulation */) {
-    elm["s-sc"] = scopeId2;
-    elm.classList.add(scopeId2 + "-h");
-  }
-  endAttachStyles();
-};
-var getScopeId = (cmp, mode) => "sc-" + (cmp.$tagName$);
-var h = (nodeName, vnodeData, ...children) => {
-  if (typeof nodeName === "string") {
-    nodeName = transformTag(nodeName);
-  }
-  let child = null;
-  let key = null;
-  let slotName = null;
-  let simple = false;
-  let lastSimple = false;
-  const vNodeChildren = [];
-  const walk = (c) => {
-    for (let i2 = 0; i2 < c.length; i2++) {
-      child = c[i2];
-      if (Array.isArray(child)) {
-        walk(child);
-      } else if (child != null && typeof child !== "boolean") {
-        if (simple = typeof nodeName !== "function" && !isComplexType(child)) {
-          child = String(child);
-        }
-        if (simple && lastSimple) {
-          vNodeChildren[vNodeChildren.length - 1].$text$ += child;
-        } else {
-          vNodeChildren.push(simple ? newVNode(null, child) : child);
-        }
-        lastSimple = simple;
-      }
-    }
-  };
-  walk(children);
-  if (vnodeData) {
-    if (vnodeData.key) {
-      key = vnodeData.key;
-    }
-    if (vnodeData.name) {
-      slotName = vnodeData.name;
-    }
-    {
-      const classData = vnodeData.className || vnodeData.class;
-      if (classData) {
-        vnodeData.class = typeof classData !== "object" ? classData : Object.keys(classData).filter((k) => classData[k]).join(" ");
-      }
-    }
-  }
-  if (typeof nodeName === "function") {
-    return nodeName(
-      vnodeData === null ? {} : vnodeData,
-      vNodeChildren,
-      vdomFnUtils
-    );
-  }
-  const vnode = newVNode(nodeName, null);
-  vnode.$attrs$ = vnodeData;
-  if (vNodeChildren.length > 0) {
-    vnode.$children$ = vNodeChildren;
-  }
-  {
-    vnode.$key$ = key;
-  }
-  {
-    vnode.$name$ = slotName;
-  }
-  return vnode;
-};
-var newVNode = (tag, text) => {
-  const vnode = {
-    $flags$: 0,
-    $tag$: tag,
-    $text$: text,
-    $elm$: null,
-    $children$: null
-  };
-  {
-    vnode.$attrs$ = null;
-  }
-  {
-    vnode.$key$ = null;
-  }
-  {
-    vnode.$name$ = null;
-  }
-  return vnode;
-};
-var Host = {};
-var isHost = (node) => node && node.$tag$ === Host;
-var vdomFnUtils = {
-  forEach: (children, cb) => children.map(convertToPublic).forEach(cb),
-  map: (children, cb) => children.map(convertToPublic).map(cb).map(convertToPrivate)
-};
-var convertToPublic = (node) => ({
-  vattrs: node.$attrs$,
-  vchildren: node.$children$,
-  vkey: node.$key$,
-  vname: node.$name$,
-  vtag: node.$tag$,
-  vtext: node.$text$
-});
-var convertToPrivate = (node) => {
-  if (typeof node.vtag === "function") {
-    const vnodeData = { ...node.vattrs };
-    if (node.vkey) {
-      vnodeData.key = node.vkey;
-    }
-    if (node.vname) {
-      vnodeData.name = node.vname;
-    }
-    return h(node.vtag, vnodeData, ...node.vchildren || []);
-  }
-  const vnode = newVNode(node.vtag, node.vtext);
-  vnode.$attrs$ = node.vattrs;
-  vnode.$children$ = node.vchildren;
-  vnode.$key$ = node.vkey;
-  vnode.$name$ = node.vname;
-  return vnode;
-};
-var createSupportsRuleRe = (selector) => {
-  const safeSelector2 = escapeRegExpSpecialCharacters(selector);
-  return new RegExp(
-    // First capture group: match any context before the selector that's not inside @supports selector()
-    // Using negative lookahead to avoid matching inside @supports selector(...) condition
-    `(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${safeSelector2}))(${safeSelector2}\\b)`,
-    "g"
-  );
-};
-createSupportsRuleRe("::slotted");
-createSupportsRuleRe(":host");
-createSupportsRuleRe(":host-context");
-var parsePropertyValue = (propValue, propType, isFormAssociated) => {
-  if (propValue != null && !isComplexType(propValue)) {
-    if (propType & 4 /* Boolean */) {
-      {
-        return propValue === "false" ? false : propValue === "" || !!propValue;
-      }
-    }
-    if (propType & 2 /* Number */) {
-      return typeof propValue === "string" ? parseFloat(propValue) : typeof propValue === "number" ? propValue : NaN;
-    }
-    if (propType & 1 /* String */) {
-      return String(propValue);
-    }
-    return propValue;
-  }
-  return propValue;
-};
-var getElement = (ref) => {
-  var _a;
-  return (_a = getHostRef(ref)) == null ? void 0 : _a.$hostElement$ ;
-};
-
-// src/runtime/event-emitter.ts
-var createEvent = (ref, name, flags) => {
-  const elm = getElement(ref);
-  return {
-    emit: (detail) => {
-      return emitEvent(elm, name, {
-        bubbles: true,
-        composed: true,
-        cancelable: true,
-        detail
-      });
-    }
-  };
-};
-var emitEvent = (elm, name, opts) => {
-  const ev = plt.ce(name, opts);
-  elm.dispatchEvent(ev);
-  return ev;
-};
-var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRender) => {
-  if (oldValue === newValue) {
-    return;
-  }
-  let isProp = isMemberInElement(elm, memberName);
-  let ln = memberName.toLowerCase();
-  if (memberName === "class") {
-    const classList = elm.classList;
-    const oldClasses = parseClassList(oldValue);
-    let newClasses = parseClassList(newValue);
-    {
-      classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
-      classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
-    }
-  } else if (memberName === "style") {
-    {
-      for (const prop in oldValue) {
-        if (!newValue || newValue[prop] == null) {
-          if (prop.includes("-")) {
-            elm.style.removeProperty(prop);
-          } else {
-            elm.style[prop] = "";
-          }
-        }
-      }
-    }
-    for (const prop in newValue) {
-      if (!oldValue || newValue[prop] !== oldValue[prop]) {
-        if (prop.includes("-")) {
-          elm.style.setProperty(prop, newValue[prop]);
-        } else {
-          elm.style[prop] = newValue[prop];
-        }
-      }
-    }
-  } else if (memberName === "key") ; else if (memberName === "ref") {
-    if (newValue) {
-      newValue(elm);
-    }
-  } else if ((!isProp ) && memberName[0] === "o" && memberName[1] === "n") {
-    if (memberName[2] === "-") {
-      memberName = memberName.slice(3);
-    } else if (isMemberInElement(win, ln)) {
-      memberName = ln.slice(2);
-    } else {
-      memberName = ln[2] + memberName.slice(3);
-    }
-    if (oldValue || newValue) {
-      const capture = memberName.endsWith(CAPTURE_EVENT_SUFFIX);
-      memberName = memberName.replace(CAPTURE_EVENT_REGEX, "");
-      if (oldValue) {
-        plt.rel(elm, memberName, oldValue, capture);
-      }
-      if (newValue) {
-        plt.ael(elm, memberName, newValue, capture);
-      }
-    }
-  } else {
-    const isComplex = isComplexType(newValue);
-    if ((isProp || isComplex && newValue !== null) && true) {
-      try {
-        if (!elm.tagName.includes("-")) {
-          const n = newValue == null ? "" : newValue;
-          if (memberName === "list") {
-            isProp = false;
-          } else if (oldValue == null || elm[memberName] != n) {
-            if (typeof elm.__lookupSetter__(memberName) === "function") {
-              elm[memberName] = n;
-            } else {
-              elm.setAttribute(memberName, n);
-            }
-          }
-        } else if (elm[memberName] !== newValue) {
-          elm[memberName] = newValue;
-        }
-      } catch (e) {
-      }
-    }
-    let xlink = false;
-    {
-      if (ln !== (ln = ln.replace(/^xlink\:?/, ""))) {
-        memberName = ln;
-        xlink = true;
-      }
-    }
-    if (newValue == null || newValue === false) {
-      if (newValue !== false || elm.getAttribute(memberName) === "") {
-        if (xlink) {
-          elm.removeAttributeNS(XLINK_NS, memberName);
-        } else {
-          elm.removeAttribute(memberName);
-        }
-      }
-    } else if ((!isProp || flags & 4 /* isHost */ || isSvg) && !isComplex && elm.nodeType === 1 /* ElementNode */) {
-      newValue = newValue === true ? "" : newValue;
-      if (xlink) {
-        elm.setAttributeNS(XLINK_NS, memberName, newValue);
-      } else {
-        elm.setAttribute(memberName, newValue);
-      }
-    }
-  }
-};
-var parseClassListRegex = /\s/;
-var parseClassList = (value) => {
-  if (typeof value === "object" && value && "baseVal" in value) {
-    value = value.baseVal;
-  }
-  if (!value || typeof value !== "string") {
-    return [];
-  }
-  return value.split(parseClassListRegex);
-};
-var CAPTURE_EVENT_SUFFIX = "Capture";
-var CAPTURE_EVENT_REGEX = new RegExp(CAPTURE_EVENT_SUFFIX + "$");
-
-// src/runtime/vdom/update-element.ts
-var updateElement = (oldVnode, newVnode, isSvgMode2, isInitialRender) => {
-  const elm = newVnode.$elm$.nodeType === 11 /* DocumentFragment */ && newVnode.$elm$.host ? newVnode.$elm$.host : newVnode.$elm$;
-  const oldVnodeAttrs = oldVnode && oldVnode.$attrs$ || {};
-  const newVnodeAttrs = newVnode.$attrs$ || {};
-  {
-    for (const memberName of sortedAttrNames(Object.keys(oldVnodeAttrs))) {
-      if (!(memberName in newVnodeAttrs)) {
-        setAccessor(
-          elm,
-          memberName,
-          oldVnodeAttrs[memberName],
-          void 0,
-          isSvgMode2,
-          newVnode.$flags$);
-      }
-    }
-  }
-  for (const memberName of sortedAttrNames(Object.keys(newVnodeAttrs))) {
-    setAccessor(
-      elm,
-      memberName,
-      oldVnodeAttrs[memberName],
-      newVnodeAttrs[memberName],
-      isSvgMode2,
-      newVnode.$flags$);
-  }
-};
-function sortedAttrNames(attrNames) {
-  return attrNames.includes("ref") ? (
-    // we need to sort these to ensure that `'ref'` is the last attr
-    [...attrNames.filter((attr) => attr !== "ref"), "ref"]
-  ) : (
-    // no need to sort, return the original array
-    attrNames
-  );
-}
-
-// src/runtime/vdom/vdom-render.ts
-var scopeId;
-var contentRef;
-var hostTagName;
-var useNativeShadowDom = false;
-var checkSlotFallbackVisibility = false;
-var checkSlotRelocate = false;
-var isSvgMode = false;
-var createElm = (oldParentVNode, newParentVNode, childIndex) => {
-  var _a;
-  const newVNode2 = newParentVNode.$children$[childIndex];
-  let i2 = 0;
-  let elm;
-  let childNode;
-  let oldVNode;
-  if (!useNativeShadowDom) {
-    checkSlotRelocate = true;
-    if (newVNode2.$tag$ === "slot") {
-      newVNode2.$flags$ |= newVNode2.$children$ ? (
-        // slot element has fallback content
-        // still create an element that "mocks" the slot element
-        2 /* isSlotFallback */
-      ) : (
-        // slot element does not have fallback content
-        // create an html comment we'll use to always reference
-        // where actual slot content should sit next to
-        1 /* isSlotReference */
-      );
-    }
-  }
-  if (newVNode2.$text$ !== null) {
-    elm = newVNode2.$elm$ = win.document.createTextNode(newVNode2.$text$);
-  } else if (newVNode2.$flags$ & 1 /* isSlotReference */) {
-    elm = newVNode2.$elm$ = win.document.createTextNode("");
-    {
-      updateElement(null, newVNode2, isSvgMode);
-    }
-  } else {
-    if (!win.document) {
-      throw new Error(
-        "You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component."
-      );
-    }
-    elm = newVNode2.$elm$ = win.document.createElement(
-      !useNativeShadowDom && BUILD.slotRelocation && newVNode2.$flags$ & 2 /* isSlotFallback */ ? "slot-fb" : newVNode2.$tag$
-    );
-    {
-      updateElement(null, newVNode2, isSvgMode);
-    }
-    if (isDef(scopeId) && elm["s-si"] !== scopeId) {
-      elm.classList.add(elm["s-si"] = scopeId);
-    }
-    if (newVNode2.$children$) {
-      for (i2 = 0; i2 < newVNode2.$children$.length; ++i2) {
-        childNode = createElm(oldParentVNode, newVNode2, i2);
-        if (childNode) {
-          elm.appendChild(childNode);
-        }
-      }
-    }
-  }
-  elm["s-hn"] = hostTagName;
-  {
-    if (newVNode2.$flags$ & (2 /* isSlotFallback */ | 1 /* isSlotReference */)) {
-      elm["s-sr"] = true;
-      elm["s-cr"] = contentRef;
-      elm["s-sn"] = newVNode2.$name$ || "";
-      elm["s-rf"] = (_a = newVNode2.$attrs$) == null ? void 0 : _a.ref;
-      patchSlotNode(elm);
-      oldVNode = oldParentVNode && oldParentVNode.$children$ && oldParentVNode.$children$[childIndex];
-      if (oldVNode && oldVNode.$tag$ === newVNode2.$tag$ && oldParentVNode.$elm$) {
-        {
-          relocateToHostRoot(oldParentVNode.$elm$);
-        }
-      }
-      {
-        addRemoveSlotScopedClass(contentRef, elm, newParentVNode.$elm$, oldParentVNode == null ? void 0 : oldParentVNode.$elm$);
-      }
-    }
-  }
-  return elm;
-};
-var relocateToHostRoot = (parentElm) => {
-  plt.$flags$ |= 1 /* isTmpDisconnected */;
-  const host = parentElm.closest(hostTagName.toLowerCase());
-  if (host != null) {
-    const contentRefNode = Array.from(host.__childNodes || host.childNodes).find(
-      (ref) => ref["s-cr"]
-    );
-    const childNodeArray = Array.from(
-      parentElm.__childNodes || parentElm.childNodes
-    );
-    for (const childNode of contentRefNode ? childNodeArray.reverse() : childNodeArray) {
-      if (childNode["s-sh"] != null) {
-        insertBefore(host, childNode, contentRefNode != null ? contentRefNode : null);
-        childNode["s-sh"] = void 0;
-        checkSlotRelocate = true;
-      }
-    }
-  }
-  plt.$flags$ &= -2 /* isTmpDisconnected */;
-};
-var putBackInOriginalLocation = (parentElm, recursive) => {
-  plt.$flags$ |= 1 /* isTmpDisconnected */;
-  const oldSlotChildNodes = Array.from(parentElm.__childNodes || parentElm.childNodes);
-  if (parentElm["s-sr"] && BUILD.experimentalSlotFixes) {
-    let node = parentElm;
-    while (node = node.nextSibling) {
-      if (node && node["s-sn"] === parentElm["s-sn"] && node["s-sh"] === hostTagName) {
-        oldSlotChildNodes.push(node);
-      }
-    }
-  }
-  for (let i2 = oldSlotChildNodes.length - 1; i2 >= 0; i2--) {
-    const childNode = oldSlotChildNodes[i2];
-    if (childNode["s-hn"] !== hostTagName && childNode["s-ol"]) {
-      insertBefore(referenceNode(childNode).parentNode, childNode, referenceNode(childNode));
-      childNode["s-ol"].remove();
-      childNode["s-ol"] = void 0;
-      childNode["s-sh"] = void 0;
-      checkSlotRelocate = true;
-    }
-    if (recursive) {
-      putBackInOriginalLocation(childNode, recursive);
-    }
-  }
-  plt.$flags$ &= -2 /* isTmpDisconnected */;
-};
-var addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) => {
-  let containerElm = parentElm["s-cr"] && parentElm["s-cr"].parentNode || parentElm;
-  let childNode;
-  if (containerElm.shadowRoot && containerElm.tagName === hostTagName) {
-    containerElm = containerElm.shadowRoot;
-  }
-  for (; startIdx <= endIdx; ++startIdx) {
-    if (vnodes[startIdx]) {
-      childNode = createElm(null, parentVNode, startIdx);
-      if (childNode) {
-        vnodes[startIdx].$elm$ = childNode;
-        insertBefore(containerElm, childNode, referenceNode(before) );
-      }
-    }
-  }
-};
-var removeVnodes = (vnodes, startIdx, endIdx) => {
-  for (let index = startIdx; index <= endIdx; ++index) {
-    const vnode = vnodes[index];
-    if (vnode) {
-      const elm = vnode.$elm$;
-      nullifyVNodeRefs(vnode);
-      if (elm) {
-        {
-          checkSlotFallbackVisibility = true;
-          if (elm["s-ol"]) {
-            elm["s-ol"].remove();
-          } else {
-            putBackInOriginalLocation(elm, true);
-          }
-        }
-        elm.remove();
-      }
-    }
-  }
-};
-var updateChildren = (parentElm, oldCh, newVNode2, newCh, isInitialRender = false) => {
-  let oldStartIdx = 0;
-  let newStartIdx = 0;
-  let idxInOld = 0;
-  let i2 = 0;
-  let oldEndIdx = oldCh.length - 1;
-  let oldStartVnode = oldCh[0];
-  let oldEndVnode = oldCh[oldEndIdx];
-  let newEndIdx = newCh.length - 1;
-  let newStartVnode = newCh[0];
-  let newEndVnode = newCh[newEndIdx];
-  let node;
-  let elmToMove;
-  while (oldStartIdx <= oldEndIdx && newStartIdx <= newEndIdx) {
-    if (oldStartVnode == null) {
-      oldStartVnode = oldCh[++oldStartIdx];
-    } else if (oldEndVnode == null) {
-      oldEndVnode = oldCh[--oldEndIdx];
-    } else if (newStartVnode == null) {
-      newStartVnode = newCh[++newStartIdx];
-    } else if (newEndVnode == null) {
-      newEndVnode = newCh[--newEndIdx];
-    } else if (isSameVnode(oldStartVnode, newStartVnode, isInitialRender)) {
-      patch(oldStartVnode, newStartVnode, isInitialRender);
-      oldStartVnode = oldCh[++oldStartIdx];
-      newStartVnode = newCh[++newStartIdx];
-    } else if (isSameVnode(oldEndVnode, newEndVnode, isInitialRender)) {
-      patch(oldEndVnode, newEndVnode, isInitialRender);
-      oldEndVnode = oldCh[--oldEndIdx];
-      newEndVnode = newCh[--newEndIdx];
-    } else if (isSameVnode(oldStartVnode, newEndVnode, isInitialRender)) {
-      if ((oldStartVnode.$tag$ === "slot" || newEndVnode.$tag$ === "slot")) {
-        putBackInOriginalLocation(oldStartVnode.$elm$.parentNode, false);
-      }
-      patch(oldStartVnode, newEndVnode, isInitialRender);
-      insertBefore(parentElm, oldStartVnode.$elm$, oldEndVnode.$elm$.nextSibling);
-      oldStartVnode = oldCh[++oldStartIdx];
-      newEndVnode = newCh[--newEndIdx];
-    } else if (isSameVnode(oldEndVnode, newStartVnode, isInitialRender)) {
-      if ((oldStartVnode.$tag$ === "slot" || newEndVnode.$tag$ === "slot")) {
-        putBackInOriginalLocation(oldEndVnode.$elm$.parentNode, false);
-      }
-      patch(oldEndVnode, newStartVnode, isInitialRender);
-      insertBefore(parentElm, oldEndVnode.$elm$, oldStartVnode.$elm$);
-      oldEndVnode = oldCh[--oldEndIdx];
-      newStartVnode = newCh[++newStartIdx];
-    } else {
-      idxInOld = -1;
-      {
-        for (i2 = oldStartIdx; i2 <= oldEndIdx; ++i2) {
-          if (oldCh[i2] && oldCh[i2].$key$ !== null && oldCh[i2].$key$ === newStartVnode.$key$) {
-            idxInOld = i2;
-            break;
-          }
-        }
-      }
-      if (idxInOld >= 0) {
-        elmToMove = oldCh[idxInOld];
-        if (elmToMove.$tag$ !== newStartVnode.$tag$) {
-          node = createElm(oldCh && oldCh[newStartIdx], newVNode2, idxInOld);
-        } else {
-          patch(elmToMove, newStartVnode, isInitialRender);
-          oldCh[idxInOld] = void 0;
-          node = elmToMove.$elm$;
-        }
-        newStartVnode = newCh[++newStartIdx];
-      } else {
-        node = createElm(oldCh && oldCh[newStartIdx], newVNode2, newStartIdx);
-        newStartVnode = newCh[++newStartIdx];
-      }
-      if (node) {
-        {
-          insertBefore(
-            referenceNode(oldStartVnode.$elm$).parentNode,
-            node,
-            referenceNode(oldStartVnode.$elm$)
-          );
-        }
-      }
-    }
-  }
-  if (oldStartIdx > oldEndIdx) {
-    addVnodes(
-      parentElm,
-      newCh[newEndIdx + 1] == null ? null : newCh[newEndIdx + 1].$elm$,
-      newVNode2,
-      newCh,
-      newStartIdx,
-      newEndIdx
-    );
-  } else if (newStartIdx > newEndIdx) {
-    removeVnodes(oldCh, oldStartIdx, oldEndIdx);
-  }
-};
-var isSameVnode = (leftVNode, rightVNode, isInitialRender = false) => {
-  if (leftVNode.$tag$ === rightVNode.$tag$) {
-    if (leftVNode.$tag$ === "slot") {
-      return leftVNode.$name$ === rightVNode.$name$;
-    }
-    if (!isInitialRender) {
-      return leftVNode.$key$ === rightVNode.$key$;
-    }
-    if (isInitialRender && !leftVNode.$key$ && rightVNode.$key$) {
-      leftVNode.$key$ = rightVNode.$key$;
-    }
-    return true;
-  }
-  return false;
-};
-var referenceNode = (node) => node && node["s-ol"] || node;
-var patch = (oldVNode, newVNode2, isInitialRender = false) => {
-  const elm = newVNode2.$elm$ = oldVNode.$elm$;
-  const oldChildren = oldVNode.$children$;
-  const newChildren = newVNode2.$children$;
-  const tag = newVNode2.$tag$;
-  const text = newVNode2.$text$;
-  let defaultHolder;
-  if (text === null) {
-    {
-      if (tag === "slot" && !useNativeShadowDom) {
-        if (oldVNode.$name$ !== newVNode2.$name$) {
-          newVNode2.$elm$["s-sn"] = newVNode2.$name$ || "";
-          relocateToHostRoot(newVNode2.$elm$.parentElement);
-        }
-      }
-      updateElement(oldVNode, newVNode2, isSvgMode);
-    }
-    if (oldChildren !== null && newChildren !== null) {
-      updateChildren(elm, oldChildren, newVNode2, newChildren, isInitialRender);
-    } else if (newChildren !== null) {
-      if (oldVNode.$text$ !== null) {
-        elm.textContent = "";
-      }
-      addVnodes(elm, null, newVNode2, newChildren, 0, newChildren.length - 1);
-    } else if (
-      // don't do this on initial render as it can cause non-hydrated content to be removed
-      !isInitialRender && BUILD.updatable && oldChildren !== null
-    ) {
-      removeVnodes(oldChildren, 0, oldChildren.length - 1);
-    } else ;
-  } else if ((defaultHolder = elm["s-cr"])) {
-    defaultHolder.parentNode.textContent = text;
-  } else if (oldVNode.$text$ !== text) {
-    elm.data = text;
-  }
-};
-var relocateNodes = [];
-var markSlotContentForRelocation = (elm) => {
-  let node;
-  let hostContentNodes;
-  let j;
-  const children = elm.__childNodes || elm.childNodes;
-  for (const childNode of children) {
-    if (childNode["s-sr"] && (node = childNode["s-cr"]) && node.parentNode) {
-      hostContentNodes = node.parentNode.__childNodes || node.parentNode.childNodes;
-      const slotName = childNode["s-sn"];
-      for (j = hostContentNodes.length - 1; j >= 0; j--) {
-        node = hostContentNodes[j];
-        if (!node["s-cn"] && !node["s-nr"] && node["s-hn"] !== childNode["s-hn"] && (!node["s-sh"] || node["s-sh"] !== childNode["s-hn"])) {
-          if (isNodeLocatedInSlot(node, slotName)) {
-            let relocateNodeData = relocateNodes.find((r) => r.$nodeToRelocate$ === node);
-            checkSlotFallbackVisibility = true;
-            node["s-sn"] = node["s-sn"] || slotName;
-            if (relocateNodeData) {
-              relocateNodeData.$nodeToRelocate$["s-sh"] = childNode["s-hn"];
-              relocateNodeData.$slotRefNode$ = childNode;
-            } else {
-              node["s-sh"] = childNode["s-hn"];
-              relocateNodes.push({
-                $slotRefNode$: childNode,
-                $nodeToRelocate$: node
-              });
-            }
-            if (node["s-sr"]) {
-              relocateNodes.map((relocateNode) => {
-                if (isNodeLocatedInSlot(relocateNode.$nodeToRelocate$, node["s-sn"])) {
-                  relocateNodeData = relocateNodes.find((r) => r.$nodeToRelocate$ === node);
-                  if (relocateNodeData && !relocateNode.$slotRefNode$) {
-                    relocateNode.$slotRefNode$ = relocateNodeData.$slotRefNode$;
-                  }
-                }
-              });
-            }
-          } else if (!relocateNodes.some((r) => r.$nodeToRelocate$ === node)) {
-            relocateNodes.push({
-              $nodeToRelocate$: node
-            });
-          }
-        }
-      }
-    }
-    if (childNode.nodeType === 1 /* ElementNode */) {
-      markSlotContentForRelocation(childNode);
-    }
-  }
-};
-var nullifyVNodeRefs = (vNode) => {
-  {
-    vNode.$attrs$ && vNode.$attrs$.ref && vNode.$attrs$.ref(null);
-    vNode.$children$ && vNode.$children$.map(nullifyVNodeRefs);
-  }
-};
-var insertBefore = (parent, newNode, reference) => {
-  if (typeof newNode["s-sn"] === "string" && !!newNode["s-sr"] && !!newNode["s-cr"]) {
-    addRemoveSlotScopedClass(newNode["s-cr"], newNode, parent, newNode.parentElement);
-  } else if (typeof newNode["s-sn"] === "string") {
-    if (parent.getRootNode().nodeType !== 11 /* DOCUMENT_FRAGMENT_NODE */) {
-      patchParentNode(newNode);
-    }
-    parent.insertBefore(newNode, reference);
-    const { slotNode } = findSlotFromSlottedNode(newNode);
-    if (slotNode) dispatchSlotChangeEvent(slotNode);
-    return newNode;
-  }
-  if (parent.__insertBefore) {
-    return parent.__insertBefore(newNode, reference);
-  } else {
-    return parent == null ? void 0 : parent.insertBefore(newNode, reference);
-  }
-};
-function addRemoveSlotScopedClass(reference, slotNode, newParent, oldParent) {
-  var _a, _b;
-  let scopeId2;
-  if (reference && typeof slotNode["s-sn"] === "string" && !!slotNode["s-sr"] && reference.parentNode && reference.parentNode["s-sc"] && (scopeId2 = slotNode["s-si"] || reference.parentNode["s-sc"])) {
-    const scopeName = slotNode["s-sn"];
-    const hostName = slotNode["s-hn"];
-    (_a = newParent.classList) == null ? void 0 : _a.add(scopeId2 + "-s");
-    if (oldParent && ((_b = oldParent.classList) == null ? void 0 : _b.contains(scopeId2 + "-s"))) {
-      let child = (oldParent.__childNodes || oldParent.childNodes)[0];
-      let found = false;
-      while (child) {
-        if (child["s-sn"] !== scopeName && child["s-hn"] === hostName && !!child["s-sr"]) {
-          found = true;
-          break;
-        }
-        child = child.nextSibling;
-      }
-      if (!found) oldParent.classList.remove(scopeId2 + "-s");
-    }
-  }
-}
-var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
-  var _a, _b, _c, _d, _e;
-  const hostElm = hostRef.$hostElement$;
-  const cmpMeta = hostRef.$cmpMeta$;
-  const oldVNode = hostRef.$vnode$ || newVNode(null, null);
-  const isHostElement = isHost(renderFnResults);
-  const rootVnode = isHostElement ? renderFnResults : h(null, null, renderFnResults);
-  hostTagName = hostElm.tagName;
-  if (cmpMeta.$attrsToReflect$) {
-    rootVnode.$attrs$ = rootVnode.$attrs$ || {};
-    cmpMeta.$attrsToReflect$.forEach(([propName, attribute]) => {
-      {
-        rootVnode.$attrs$[attribute] = hostElm[propName];
-      }
-    });
-  }
-  if (isInitialLoad && rootVnode.$attrs$) {
-    for (const key of Object.keys(rootVnode.$attrs$)) {
-      if (hostElm.hasAttribute(key) && !["key", "ref", "style", "class"].includes(key)) {
-        rootVnode.$attrs$[key] = hostElm[key];
-      }
-    }
-  }
-  rootVnode.$tag$ = null;
-  rootVnode.$flags$ |= 4 /* isHost */;
-  hostRef.$vnode$ = rootVnode;
-  rootVnode.$elm$ = oldVNode.$elm$ = hostElm.shadowRoot || hostElm ;
-  {
-    scopeId = hostElm["s-sc"];
-  }
-  useNativeShadowDom = !!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) && !(cmpMeta.$flags$ & 128 /* shadowNeedsScopedCss */);
-  {
-    contentRef = hostElm["s-cr"];
-    checkSlotFallbackVisibility = false;
-  }
-  patch(oldVNode, rootVnode, isInitialLoad);
-  {
-    plt.$flags$ |= 1 /* isTmpDisconnected */;
-    if (checkSlotRelocate) {
-      markSlotContentForRelocation(rootVnode.$elm$);
-      for (const relocateData of relocateNodes) {
-        const nodeToRelocate = relocateData.$nodeToRelocate$;
-        if (!nodeToRelocate["s-ol"] && win.document) {
-          const orgLocationNode = win.document.createTextNode("");
-          orgLocationNode["s-nr"] = nodeToRelocate;
-          insertBefore(nodeToRelocate.parentNode, nodeToRelocate["s-ol"] = orgLocationNode, nodeToRelocate);
-        }
-      }
-      for (const relocateData of relocateNodes) {
-        const nodeToRelocate = relocateData.$nodeToRelocate$;
-        const slotRefNode = relocateData.$slotRefNode$;
-        if (slotRefNode) {
-          const parentNodeRef = slotRefNode.parentNode;
-          let insertBeforeNode = slotRefNode.nextSibling;
-          if ((insertBeforeNode && insertBeforeNode.nodeType === 1 /* ElementNode */)) {
-            let orgLocationNode = (_a = nodeToRelocate["s-ol"]) == null ? void 0 : _a.previousSibling;
-            while (orgLocationNode) {
-              let refNode = (_b = orgLocationNode["s-nr"]) != null ? _b : null;
-              if (refNode && refNode["s-sn"] === nodeToRelocate["s-sn"] && parentNodeRef === (refNode.__parentNode || refNode.parentNode)) {
-                refNode = refNode.nextSibling;
-                while (refNode === nodeToRelocate || (refNode == null ? void 0 : refNode["s-sr"])) {
-                  refNode = refNode == null ? void 0 : refNode.nextSibling;
-                }
-                if (!refNode || !refNode["s-nr"]) {
-                  insertBeforeNode = refNode;
-                  break;
-                }
-              }
-              orgLocationNode = orgLocationNode.previousSibling;
-            }
-          }
-          const parent = nodeToRelocate.__parentNode || nodeToRelocate.parentNode;
-          const nextSibling = nodeToRelocate.__nextSibling || nodeToRelocate.nextSibling;
-          if (!insertBeforeNode && parentNodeRef !== parent || nextSibling !== insertBeforeNode) {
-            if (nodeToRelocate !== insertBeforeNode) {
-              insertBefore(parentNodeRef, nodeToRelocate, insertBeforeNode);
-              if (nodeToRelocate.nodeType === 1 /* ElementNode */ && nodeToRelocate.tagName !== "SLOT-FB") {
-                nodeToRelocate.hidden = (_c = nodeToRelocate["s-ih"]) != null ? _c : false;
-              }
-            }
-          }
-          nodeToRelocate && typeof slotRefNode["s-rf"] === "function" && slotRefNode["s-rf"](slotRefNode);
-        } else {
-          if (nodeToRelocate.nodeType === 1 /* ElementNode */) {
-            if (isInitialLoad) {
-              nodeToRelocate["s-ih"] = (_d = nodeToRelocate.hidden) != null ? _d : false;
-            }
-            nodeToRelocate.hidden = true;
-          }
-        }
-      }
-    }
-    if (checkSlotFallbackVisibility) {
-      updateFallbackSlotVisibility(rootVnode.$elm$);
-    }
-    plt.$flags$ &= -2 /* isTmpDisconnected */;
-    relocateNodes.length = 0;
-  }
-  if (cmpMeta.$flags$ & 2 /* scopedCssEncapsulation */) {
-    const children = rootVnode.$elm$.__childNodes || rootVnode.$elm$.childNodes;
-    for (const childNode of children) {
-      if (childNode["s-hn"] !== hostTagName && !childNode["s-sh"] && childNode.nodeType === 1 /* ElementNode */) {
-        if (isInitialLoad && childNode["s-ih"] == null) {
-          childNode["s-ih"] = (_e = childNode.hidden) != null ? _e : false;
-        }
-        childNode.hidden = true;
-      }
-    }
-  }
-  contentRef = void 0;
-};
-
-// src/runtime/update-component.ts
-var attachToAncestor = (hostRef, ancestorComponent) => {
-  if (ancestorComponent && !hostRef.$onRenderResolve$ && ancestorComponent["s-p"]) {
-    const index = ancestorComponent["s-p"].push(
-      new Promise(
-        (r) => hostRef.$onRenderResolve$ = () => {
-          ancestorComponent["s-p"].splice(index - 1, 1);
-          r();
-        }
-      )
-    );
-  }
-};
-var scheduleUpdate = (hostRef, isInitialLoad) => {
-  {
-    hostRef.$flags$ |= 16 /* isQueuedForUpdate */;
-  }
-  if (hostRef.$flags$ & 4 /* isWaitingForChildren */) {
-    hostRef.$flags$ |= 512 /* needsRerender */;
-    return;
-  }
-  attachToAncestor(hostRef, hostRef.$ancestorComponent$);
-  const dispatch = () => dispatchHooks(hostRef, isInitialLoad);
-  if (isInitialLoad) {
-    queueMicrotask(() => {
-      dispatch();
-    });
-    return;
-  }
-  return writeTask(dispatch) ;
-};
-var dispatchHooks = (hostRef, isInitialLoad) => {
-  const elm = hostRef.$hostElement$;
-  const endSchedule = createTime("scheduleUpdate", hostRef.$cmpMeta$.$tagName$);
-  const instance = hostRef.$lazyInstance$ ;
-  if (!instance) {
-    throw new Error(
-      `Can't render component <${elm.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`
-    );
-  }
-  let maybePromise;
-  if (isInitialLoad) {
-    {
-      {
-        hostRef.$flags$ |= 256 /* isListenReady */;
-        if (hostRef.$queuedListeners$) {
-          hostRef.$queuedListeners$.map(([methodName, event]) => safeCall(instance, methodName, event, elm));
-          hostRef.$queuedListeners$ = void 0;
-        }
-      }
-      if (hostRef.$fetchedCbList$.length) {
-        hostRef.$fetchedCbList$.forEach((cb) => cb(elm));
-      }
-    }
-    maybePromise = safeCall(instance, "componentWillLoad", void 0, elm);
-  } else {
-    maybePromise = safeCall(instance, "componentWillUpdate", void 0, elm);
-  }
-  maybePromise = enqueue(maybePromise, () => safeCall(instance, "componentWillRender", void 0, elm));
-  endSchedule();
-  return enqueue(maybePromise, () => updateComponent(hostRef, instance, isInitialLoad));
-};
-var enqueue = (maybePromise, fn) => isPromisey(maybePromise) ? maybePromise.then(fn).catch((err2) => {
-  console.error(err2);
-  fn();
-}) : fn();
-var isPromisey = (maybePromise) => maybePromise instanceof Promise || maybePromise && maybePromise.then && typeof maybePromise.then === "function";
-var updateComponent = async (hostRef, instance, isInitialLoad) => {
-  var _a;
-  const elm = hostRef.$hostElement$;
-  const endUpdate = createTime("update", hostRef.$cmpMeta$.$tagName$);
-  const rc = elm["s-rc"];
-  if (isInitialLoad) {
-    attachStyles(hostRef);
-  }
-  const endRender = createTime("render", hostRef.$cmpMeta$.$tagName$);
-  {
-    callRender(hostRef, instance, elm, isInitialLoad);
-  }
-  if (rc) {
-    rc.map((cb) => cb());
-    elm["s-rc"] = void 0;
-  }
-  endRender();
-  endUpdate();
-  {
-    const childrenPromises = (_a = elm["s-p"]) != null ? _a : [];
-    const postUpdate = () => postUpdateComponent(hostRef);
-    if (childrenPromises.length === 0) {
-      postUpdate();
-    } else {
-      Promise.all(childrenPromises).then(postUpdate);
-      hostRef.$flags$ |= 4 /* isWaitingForChildren */;
-      childrenPromises.length = 0;
-    }
-  }
-};
-var callRender = (hostRef, instance, elm, isInitialLoad) => {
-  try {
-    instance = instance.render() ;
-    {
-      hostRef.$flags$ &= -17 /* isQueuedForUpdate */;
-    }
-    {
-      hostRef.$flags$ |= 2 /* hasRendered */;
-    }
-    {
-      {
-        {
-          renderVdom(hostRef, instance, isInitialLoad);
-        }
-      }
-    }
-  } catch (e) {
-    consoleError(e, hostRef.$hostElement$);
-  }
-  return null;
-};
-var postUpdateComponent = (hostRef) => {
-  const tagName = hostRef.$cmpMeta$.$tagName$;
-  const elm = hostRef.$hostElement$;
-  const endPostUpdate = createTime("postUpdate", tagName);
-  const instance = hostRef.$lazyInstance$ ;
-  const ancestorComponent = hostRef.$ancestorComponent$;
-  safeCall(instance, "componentDidRender", void 0, elm);
-  if (!(hostRef.$flags$ & 64 /* hasLoadedComponent */)) {
-    hostRef.$flags$ |= 64 /* hasLoadedComponent */;
-    {
-      addHydratedFlag(elm);
-    }
-    safeCall(instance, "componentDidLoad", void 0, elm);
-    endPostUpdate();
-    {
-      hostRef.$onReadyResolve$(elm);
-      if (!ancestorComponent) {
-        appDidLoad();
-      }
-    }
-  } else {
-    safeCall(instance, "componentDidUpdate", void 0, elm);
-    endPostUpdate();
-  }
-  {
-    hostRef.$onInstanceResolve$(elm);
-  }
-  {
-    if (hostRef.$onRenderResolve$) {
-      hostRef.$onRenderResolve$();
-      hostRef.$onRenderResolve$ = void 0;
-    }
-    if (hostRef.$flags$ & 512 /* needsRerender */) {
-      nextTick(() => scheduleUpdate(hostRef, false));
-    }
-    hostRef.$flags$ &= -517;
-  }
-};
-var forceUpdate = (ref) => {
-  var _a;
-  {
-    const hostRef = getHostRef(ref);
-    const isConnected = (_a = hostRef == null ? void 0 : hostRef.$hostElement$) == null ? void 0 : _a.isConnected;
-    if (isConnected && (hostRef.$flags$ & (2 /* hasRendered */ | 16 /* isQueuedForUpdate */)) === 2 /* hasRendered */) {
-      scheduleUpdate(hostRef, false);
-    }
-    return isConnected;
-  }
-};
-var appDidLoad = (who) => {
-  nextTick(() => emitEvent(win, "appload", { detail: { namespace: NAMESPACE } }));
-};
-var safeCall = (instance, method, arg, elm) => {
-  if (instance && instance[method]) {
-    try {
-      return instance[method](arg);
-    } catch (e) {
-      consoleError(e, elm);
-    }
-  }
-  return void 0;
-};
-var addHydratedFlag = (elm) => {
-  var _a;
-  return elm.classList.add((_a = BUILD.hydratedSelectorName) != null ? _a : "hydrated") ;
-};
-
-// src/runtime/set-value.ts
-var getValue = (ref, propName) => getHostRef(ref).$instanceValues$.get(propName);
-var setValue = (ref, propName, newVal, cmpMeta) => {
-  const hostRef = getHostRef(ref);
-  if (!hostRef) {
-    return;
-  }
-  if (!hostRef) {
-    throw new Error(
-      `Couldn't find host element for "${cmpMeta.$tagName$}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`
-    );
-  }
-  const elm = hostRef.$hostElement$ ;
-  const oldVal = hostRef.$instanceValues$.get(propName);
-  const flags = hostRef.$flags$;
-  const instance = hostRef.$lazyInstance$ ;
-  newVal = parsePropertyValue(
-    newVal,
-    cmpMeta.$members$[propName][0]);
-  const areBothNaN = Number.isNaN(oldVal) && Number.isNaN(newVal);
-  const didValueChange = newVal !== oldVal && !areBothNaN;
-  if ((!(flags & 8 /* isConstructingInstance */) || oldVal === void 0) && didValueChange) {
-    hostRef.$instanceValues$.set(propName, newVal);
-    if (instance) {
-      if (cmpMeta.$watchers$ && flags & 128 /* isWatchReady */) {
-        const watchMethods = cmpMeta.$watchers$[propName];
-        if (watchMethods) {
-          watchMethods.map((watchMethodName) => {
-            try {
-              instance[watchMethodName](newVal, oldVal, propName);
-            } catch (e) {
-              consoleError(e, elm);
-            }
-          });
-        }
-      }
-      if ((flags & (2 /* hasRendered */ | 16 /* isQueuedForUpdate */)) === 2 /* hasRendered */) {
-        if (instance.componentShouldUpdate) {
-          if (instance.componentShouldUpdate(newVal, oldVal, propName) === false) {
-            return;
-          }
-        }
-        scheduleUpdate(hostRef, false);
-      }
-    }
-  }
-};
-
-// src/runtime/proxy-component.ts
-var proxyComponent = (Cstr, cmpMeta, flags) => {
-  var _a, _b;
-  const prototype = Cstr.prototype;
-  if (cmpMeta.$members$ || BUILD.propChangeCallback) {
-    {
-      if (Cstr.watchers && !cmpMeta.$watchers$) {
-        cmpMeta.$watchers$ = Cstr.watchers;
-      }
-      if (Cstr.deserializers && !cmpMeta.$deserializers$) {
-        cmpMeta.$deserializers$ = Cstr.deserializers;
-      }
-      if (Cstr.serializers && !cmpMeta.$serializers$) {
-        cmpMeta.$serializers$ = Cstr.serializers;
-      }
-    }
-    const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
-    members.map(([memberName, [memberFlags]]) => {
-      if ((memberFlags & 31 /* Prop */ || (flags & 2 /* proxyState */) && memberFlags & 32 /* State */)) {
-        const { get: origGetter, set: origSetter } = Object.getOwnPropertyDescriptor(prototype, memberName) || {};
-        if (origGetter) cmpMeta.$members$[memberName][0] |= 2048 /* Getter */;
-        if (origSetter) cmpMeta.$members$[memberName][0] |= 4096 /* Setter */;
-        if (flags & 1 /* isElementConstructor */ || !origGetter) {
-          Object.defineProperty(prototype, memberName, {
-            get() {
-              {
-                if ((cmpMeta.$members$[memberName][0] & 2048 /* Getter */) === 0) {
-                  return getValue(this, memberName);
-                }
-                const ref = getHostRef(this);
-                const instance = ref ? ref.$lazyInstance$ : prototype;
-                if (!instance) return;
-                return instance[memberName];
-              }
-            },
-            configurable: true,
-            enumerable: true
-          });
-        }
-        Object.defineProperty(prototype, memberName, {
-          set(newValue) {
-            const ref = getHostRef(this);
-            if (!ref) {
-              return;
-            }
-            if (origSetter) {
-              const currentValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
-              if (typeof currentValue === "undefined" && ref.$instanceValues$.get(memberName)) {
-                newValue = ref.$instanceValues$.get(memberName);
-              }
-              origSetter.apply(this, [
-                parsePropertyValue(
-                  newValue,
-                  memberFlags)
-              ]);
-              newValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
-              setValue(this, memberName, newValue, cmpMeta);
-              return;
-            }
-            {
-              if ((flags & 1 /* isElementConstructor */) === 0 || (cmpMeta.$members$[memberName][0] & 4096 /* Setter */) === 0) {
-                setValue(this, memberName, newValue, cmpMeta);
-                if (flags & 1 /* isElementConstructor */ && !ref.$lazyInstance$) {
-                  ref.$fetchedCbList$.push(() => {
-                    if (cmpMeta.$members$[memberName][0] & 4096 /* Setter */ && ref.$lazyInstance$[memberName] !== ref.$instanceValues$.get(memberName)) {
-                      ref.$lazyInstance$[memberName] = newValue;
-                    }
-                  });
-                }
-                return;
-              }
-              const setterSetVal = () => {
-                const currentValue = ref.$lazyInstance$[memberName];
-                if (!ref.$instanceValues$.get(memberName) && currentValue) {
-                  ref.$instanceValues$.set(memberName, currentValue);
-                }
-                ref.$lazyInstance$[memberName] = parsePropertyValue(
-                  newValue,
-                  memberFlags);
-                setValue(this, memberName, ref.$lazyInstance$[memberName], cmpMeta);
-              };
-              if (ref.$lazyInstance$) {
-                setterSetVal();
-              } else {
-                ref.$fetchedCbList$.push(() => {
-                  setterSetVal();
-                });
-              }
-            }
-          }
-        });
-      } else if (flags & 1 /* isElementConstructor */ && memberFlags & 64 /* Method */) {
-        Object.defineProperty(prototype, memberName, {
-          value(...args) {
-            var _a2;
-            const ref = getHostRef(this);
-            return (_a2 = ref == null ? void 0 : ref.$onInstancePromise$) == null ? void 0 : _a2.then(() => {
-              var _a3;
-              return (_a3 = ref.$lazyInstance$) == null ? void 0 : _a3[memberName](...args);
-            });
-          }
-        });
-      }
-    });
-    if ((flags & 1 /* isElementConstructor */)) {
-      const attrNameToPropName = /* @__PURE__ */ new Map();
-      prototype.attributeChangedCallback = function(attrName, oldValue, newValue) {
-        plt.jmp(() => {
-          var _a2;
-          const propName = attrNameToPropName.get(attrName);
-          const hostRef = getHostRef(this);
-          if (this.hasOwnProperty(propName) && BUILD.lazyLoad) {
-            newValue = this[propName];
-            delete this[propName];
-          }
-          if (prototype.hasOwnProperty(propName) && typeof this[propName] === "number" && // cast type to number to avoid TS compiler issues
-          this[propName] == newValue) {
-            return;
-          } else if (propName == null) {
-            const flags2 = hostRef == null ? void 0 : hostRef.$flags$;
-            if (hostRef && flags2 && !(flags2 & 8 /* isConstructingInstance */) && flags2 & 128 /* isWatchReady */ && newValue !== oldValue) {
-              const instance = hostRef.$lazyInstance$ ;
-              const entry = (_a2 = cmpMeta.$watchers$) == null ? void 0 : _a2[attrName];
-              entry == null ? void 0 : entry.forEach((callbackName) => {
-                if (instance[callbackName] != null) {
-                  instance[callbackName].call(instance, newValue, oldValue, attrName);
-                }
-              });
-            }
-            return;
-          }
-          const propFlags = members.find(([m]) => m === propName);
-          if (propFlags && propFlags[1][0] & 4 /* Boolean */) {
-            newValue = newValue === null || newValue === "false" ? false : true;
-          }
-          const propDesc = Object.getOwnPropertyDescriptor(prototype, propName);
-          if (newValue != this[propName] && (!propDesc.get || !!propDesc.set)) {
-            this[propName] = newValue;
-          }
-        });
-      };
-      Cstr.observedAttributes = Array.from(
-        /* @__PURE__ */ new Set([
-          ...Object.keys((_b = cmpMeta.$watchers$) != null ? _b : {}),
-          ...members.filter(([_, m]) => m[0] & 31 /* HasAttribute */).map(([propName, m]) => {
-            var _a2;
-            const attrName = m[1] || propName;
-            attrNameToPropName.set(attrName, propName);
-            if (m[0] & 512 /* ReflectAttr */) {
-              (_a2 = cmpMeta.$attrsToReflect$) == null ? void 0 : _a2.push([propName, attrName]);
-            }
-            return attrName;
-          })
-        ])
-      );
-    }
-  }
-  return Cstr;
-};
-
-// src/runtime/initialize-component.ts
-var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
-  let Cstr;
-  if ((hostRef.$flags$ & 32 /* hasInitializedComponent */) === 0) {
-    hostRef.$flags$ |= 32 /* hasInitializedComponent */;
-    const bundleId = cmpMeta.$lazyBundleId$;
-    if (bundleId) {
-      const CstrImport = loadModule(cmpMeta, hostRef);
-      if (CstrImport && "then" in CstrImport) {
-        const endLoad = uniqueTime();
-        Cstr = await CstrImport;
-        endLoad();
-      } else {
-        Cstr = CstrImport;
-      }
-      if (!Cstr) {
-        throw new Error(`Constructor for "${cmpMeta.$tagName$}#${hostRef.$modeName$}" was not found`);
-      }
-      if (!Cstr.isProxied) {
-        {
-          cmpMeta.$watchers$ = Cstr.watchers;
-          cmpMeta.$serializers$ = Cstr.serializers;
-          cmpMeta.$deserializers$ = Cstr.deserializers;
-        }
-        proxyComponent(Cstr, cmpMeta, 2 /* proxyState */);
-        Cstr.isProxied = true;
-      }
-      const endNewInstance = createTime("createInstance", cmpMeta.$tagName$);
-      {
-        hostRef.$flags$ |= 8 /* isConstructingInstance */;
-      }
-      try {
-        new Cstr(hostRef);
-      } catch (e) {
-        consoleError(e, elm);
-      }
-      {
-        hostRef.$flags$ &= -9 /* isConstructingInstance */;
-      }
-      {
-        hostRef.$flags$ |= 128 /* isWatchReady */;
-      }
-      endNewInstance();
-      fireConnectedCallback(hostRef.$lazyInstance$, elm);
-    } else {
-      Cstr = elm.constructor;
-      const cmpTag = elm.localName;
-      customElements.whenDefined(cmpTag).then(() => hostRef.$flags$ |= 128 /* isWatchReady */);
-    }
-    if (Cstr && Cstr.style) {
-      let style;
-      if (typeof Cstr.style === "string") {
-        style = Cstr.style;
-      }
-      const scopeId2 = getScopeId(cmpMeta);
-      if (!styles.has(scopeId2)) {
-        const endRegisterStyles = createTime("registerStyles", cmpMeta.$tagName$);
-        registerStyle(scopeId2, style, !!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */));
-        endRegisterStyles();
-      }
-    }
-  }
-  const ancestorComponent = hostRef.$ancestorComponent$;
-  const schedule = () => scheduleUpdate(hostRef, true);
-  if (ancestorComponent && ancestorComponent["s-rc"]) {
-    ancestorComponent["s-rc"].push(schedule);
-  } else {
-    schedule();
-  }
-};
-var fireConnectedCallback = (instance, elm) => {
-  {
-    safeCall(instance, "connectedCallback", void 0, elm);
-  }
-};
-
-// src/runtime/connected-callback.ts
-var connectedCallback = (elm) => {
-  if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
-    const hostRef = getHostRef(elm);
-    if (!hostRef) {
-      return;
-    }
-    const cmpMeta = hostRef.$cmpMeta$;
-    const endConnected = createTime("connectedCallback", cmpMeta.$tagName$);
-    if (!(hostRef.$flags$ & 1 /* hasConnected */)) {
-      hostRef.$flags$ |= 1 /* hasConnected */;
-      {
-        if (// TODO(STENCIL-854): Remove code related to legacy shadowDomShim field
-        cmpMeta.$flags$ & (4 /* hasSlotRelocation */ | 8 /* needsShadowDomShim */)) {
-          setContentReference(elm);
-        }
-      }
-      {
-        let ancestorComponent = elm;
-        while (ancestorComponent = ancestorComponent.parentNode || ancestorComponent.host) {
-          if (ancestorComponent["s-p"]) {
-            attachToAncestor(hostRef, hostRef.$ancestorComponent$ = ancestorComponent);
-            break;
-          }
-        }
-      }
-      if (cmpMeta.$members$) {
-        Object.entries(cmpMeta.$members$).map(([memberName, [memberFlags]]) => {
-          if (memberFlags & 31 /* Prop */ && memberName in elm && elm[memberName] !== Object.prototype[memberName]) {
-            const value = elm[memberName];
-            delete elm[memberName];
-            elm[memberName] = value;
-          }
-        });
-      }
-      {
-        initializeComponent(elm, hostRef, cmpMeta);
-      }
-    } else {
-      addHostEventListeners(elm, hostRef, cmpMeta.$listeners$);
-      if (hostRef == null ? void 0 : hostRef.$lazyInstance$) {
-        fireConnectedCallback(hostRef.$lazyInstance$, elm);
-      } else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
-        hostRef.$onReadyPromise$.then(() => fireConnectedCallback(hostRef.$lazyInstance$, elm));
-      }
-    }
-    endConnected();
-  }
-};
-var setContentReference = (elm) => {
-  if (!win.document) {
-    return;
-  }
-  const contentRefElm = elm["s-cr"] = win.document.createComment(
-    ""
-  );
-  contentRefElm["s-cn"] = true;
-  insertBefore(elm, contentRefElm, elm.firstChild);
-};
-var disconnectInstance = (instance, elm) => {
-  {
-    safeCall(instance, "disconnectedCallback", void 0, elm || instance);
-  }
-};
-var disconnectedCallback = async (elm) => {
-  if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
-    const hostRef = getHostRef(elm);
-    {
-      if (hostRef == null ? void 0 : hostRef.$rmListeners$) {
-        hostRef.$rmListeners$.map((rmListener) => rmListener());
-        hostRef.$rmListeners$ = void 0;
-      }
-    }
-    if (hostRef == null ? void 0 : hostRef.$lazyInstance$) {
-      disconnectInstance(hostRef.$lazyInstance$, elm);
-    } else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
-      hostRef.$onReadyPromise$.then(() => disconnectInstance(hostRef.$lazyInstance$, elm));
-    }
-  }
-  if (rootAppliedStyles.has(elm)) {
-    rootAppliedStyles.delete(elm);
-  }
-  if (elm.shadowRoot && rootAppliedStyles.has(elm.shadowRoot)) {
-    rootAppliedStyles.delete(elm.shadowRoot);
-  }
-};
-
-// src/runtime/bootstrap-lazy.ts
-var bootstrapLazy = (lazyBundles, options = {}) => {
-  var _a;
-  if (!win.document) {
-    console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");
-    return;
-  }
-  const endBootstrap = createTime();
-  const cmpTags = [];
-  const exclude = options.exclude || [];
-  const customElements2 = win.customElements;
-  const head = win.document.head;
-  const metaCharset = /* @__PURE__ */ head.querySelector("meta[charset]");
-  const dataStyles = /* @__PURE__ */ win.document.createElement("style");
-  const deferredConnectedCallbacks = [];
-  let appLoadFallback;
-  let isBootstrapping = true;
-  Object.assign(plt, options);
-  plt.$resourcesUrl$ = new URL(options.resourcesUrl || "./", win.document.baseURI).href;
-  let hasSlotRelocation = false;
-  lazyBundles.map((lazyBundle) => {
-    lazyBundle[1].map((compactMeta) => {
-      var _a2, _b, _c;
-      const cmpMeta = {
-        $flags$: compactMeta[0],
-        $tagName$: compactMeta[1],
-        $members$: compactMeta[2],
-        $listeners$: compactMeta[3]
-      };
-      if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
-        hasSlotRelocation = true;
-      }
-      {
-        cmpMeta.$members$ = compactMeta[2];
-      }
-      {
-        cmpMeta.$listeners$ = compactMeta[3];
-      }
-      {
-        cmpMeta.$attrsToReflect$ = [];
-      }
-      {
-        cmpMeta.$watchers$ = (_a2 = compactMeta[4]) != null ? _a2 : {};
-        cmpMeta.$serializers$ = (_b = compactMeta[5]) != null ? _b : {};
-        cmpMeta.$deserializers$ = (_c = compactMeta[6]) != null ? _c : {};
-      }
-      const tagName = transformTag(cmpMeta.$tagName$);
-      const HostElement = class extends HTMLElement {
-        // StencilLazyHost
-        constructor(self) {
-          super(self);
-          this.hasRegisteredEventListeners = false;
-          self = this;
-          registerHost(self, cmpMeta);
-          if (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
-            {
-              if (!self.shadowRoot) {
-                createShadowRoot.call(self, cmpMeta);
-              } else {
-                if (self.shadowRoot.mode !== "open") {
-                  throw new Error(
-                    `Unable to re-use existing shadow root for ${cmpMeta.$tagName$}! Mode is set to ${self.shadowRoot.mode} but Stencil only supports open shadow roots.`
-                  );
-                }
-              }
-            }
-          }
-        }
-        connectedCallback() {
-          const hostRef = getHostRef(this);
-          if (!hostRef) {
-            return;
-          }
-          if (!this.hasRegisteredEventListeners) {
-            this.hasRegisteredEventListeners = true;
-            addHostEventListeners(this, hostRef, cmpMeta.$listeners$);
-          }
-          if (appLoadFallback) {
-            clearTimeout(appLoadFallback);
-            appLoadFallback = null;
-          }
-          if (isBootstrapping) {
-            deferredConnectedCallbacks.push(this);
-          } else {
-            plt.jmp(() => connectedCallback(this));
-          }
-        }
-        disconnectedCallback() {
-          plt.jmp(() => disconnectedCallback(this));
-          plt.raf(() => {
-            var _a3;
-            const hostRef = getHostRef(this);
-            if (!hostRef) {
-              return;
-            }
-            const i2 = deferredConnectedCallbacks.findIndex((host) => host === this);
-            if (i2 > -1) {
-              deferredConnectedCallbacks.splice(i2, 1);
-            }
-            if (((_a3 = hostRef == null ? void 0 : hostRef.$vnode$) == null ? void 0 : _a3.$elm$) instanceof Node && !hostRef.$vnode$.$elm$.isConnected) {
-              delete hostRef.$vnode$.$elm$;
-            }
-          });
-        }
-        componentOnReady() {
-          var _a3;
-          return (_a3 = getHostRef(this)) == null ? void 0 : _a3.$onReadyPromise$;
-        }
-      };
-      if (!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) && cmpMeta.$flags$ & 256 /* hasRenderFn */) {
-        {
-          patchPseudoShadowDom(HostElement.prototype);
-        }
-      }
-      cmpMeta.$lazyBundleId$ = lazyBundle[0];
-      if (!exclude.includes(tagName) && !customElements2.get(tagName)) {
-        cmpTags.push(tagName);
-        customElements2.define(
-          tagName,
-          proxyComponent(HostElement, cmpMeta, 1 /* isElementConstructor */)
-        );
-      }
-    });
-  });
-  if (cmpTags.length > 0) {
-    if (hasSlotRelocation) {
-      dataStyles.textContent += SLOT_FB_CSS;
-    }
-    {
-      dataStyles.textContent += cmpTags.sort() + HYDRATED_CSS;
-    }
-    if (dataStyles.innerHTML.length) {
-      dataStyles.setAttribute("data-styles", "");
-      const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(win.document);
-      if (nonce != null) {
-        dataStyles.setAttribute("nonce", nonce);
-      }
-      head.insertBefore(dataStyles, metaCharset ? metaCharset.nextSibling : head.firstChild);
-    }
-  }
-  isBootstrapping = false;
-  if (deferredConnectedCallbacks.length) {
-    deferredConnectedCallbacks.map((host) => host.connectedCallback());
-  } else {
-    {
-      plt.jmp(() => appLoadFallback = setTimeout(appDidLoad, 30));
-    }
-  }
-  endBootstrap();
-};
-
-// src/runtime/fragment.ts
-var Fragment = (_, children) => children;
-var addHostEventListeners = (elm, hostRef, listeners, attachParentListeners) => {
-  if (listeners && win.document) {
-    listeners.map(([flags, name, method]) => {
-      const target = getHostListenerTarget(win.document, elm, flags) ;
-      const handler = hostListenerProxy(hostRef, method);
-      const opts = hostListenerOpts(flags);
-      plt.ael(target, name, handler, opts);
-      (hostRef.$rmListeners$ = hostRef.$rmListeners$ || []).push(() => plt.rel(target, name, handler, opts));
-    });
-  }
-};
-var hostListenerProxy = (hostRef, methodName) => (ev) => {
-  var _a;
-  try {
-    {
-      if (hostRef.$flags$ & 256 /* isListenReady */) {
-        (_a = hostRef.$lazyInstance$) == null ? void 0 : _a[methodName](ev);
-      } else {
-        (hostRef.$queuedListeners$ = hostRef.$queuedListeners$ || []).push([methodName, ev]);
-      }
-    }
-  } catch (e) {
-    consoleError(e, hostRef.$hostElement$);
-  }
-};
-var getHostListenerTarget = (doc, elm, flags) => {
-  if (flags & 4 /* TargetDocument */) {
-    return doc;
-  }
-  if (flags & 8 /* TargetWindow */) {
-    return win;
-  }
-  return elm;
-};
-var hostListenerOpts = (flags) => supportsListenerOptions ? {
-  passive: (flags & 1 /* Passive */) !== 0,
-  capture: (flags & 2 /* Capture */) !== 0
-} : (flags & 2 /* Capture */) !== 0;
-
-// src/runtime/nonce.ts
-var setNonce = (nonce) => plt.$nonce$ = nonce;
-function transformTag(tag) {
-  return tag;
-}
-
-export { Fragment as F, H, NAMESPACE as N, Host as a, bootstrapLazy as b, createEvent as c, getElement as d, readTask as e, forceUpdate as f, globalScripts as g, h, writeTask as i, promiseResolve as p, registerInstance as r, setNonce as s, win as w };
-//# sourceMappingURL=index-DesQCrfi.js.map
-
-//# sourceMappingURL=index-DesQCrfi.js.map