npm - @oiz/stzh-components - Versions diffs - 4.9.0-beta2 → 4.9.0-beta4 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1424) hide show

package/dist/stzh-components/p-D47nR2ez.js ADDED Viewed

@@ -0,0 +1,3 @@
+const r="stzh-components";const o={experimentalSlotFixes:true,hydratedSelectorName:"hydrated",lazyLoad:true,propChangeCallback:true,shadowDom:true,slotRelocation:true,state:true,updatable:true};const t="@oiz/stzh-components";const n="4.9.0-beta4";const s=t.substring(t.indexOf("/")+1);const a=r=>{const o=document.querySelector("[autofocus]");if(window.stzhComponents.fixAutofocus&&!document.location.hash&&o&&r.detail.namespace===s&&o.tagName.toLowerCase().indexOf("stzh-")===0&&"focus"in o){o.focus()}else if(window.stzhComponents.fixHashfocus&&document.location.hash){const r=document.querySelector(document.location.hash);if(r){r.scrollIntoView()}}};function l(){window.addEventListener("appload",a)}function c(){const r={threshold:1};const o=r=>{r.forEach((r=>{let o=0;if(r.intersectionRatio<1){o=window.innerWidth-document.documentElement.clientWidth}document.documentElement.style.setProperty("--stzh-scrollbar-width",o+"px");document.documentElement.style.setProperty("--stzh-scrollbar-active",o>0?"1":"0")}))};const t=new IntersectionObserver(o,r);t.observe(document.body)}function e(r,o="datetime"){if(!window.stzhComponents.translations){console.log("Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`");return}const{$formats:t,$globals:n}=window.stzhComponents.translations;const s=i(t,n);return s.format(r,o)}function h(r,o="datetime"){if(!window.stzhComponents.translations){console.log("Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`");return}const{$formats:t,$globals:n}=window.stzhComponents.translations;const s=i(t,n);return s.parse(r,o)}function z(r,o,t="datetime"){if(!window.stzhComponents.translations){console.log("Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`");return}const{$formats:n,$globals:s}=window.stzhComponents.translations;const a=i(n,s);return a.formatSpan(r,o,t)}function g(r,o="datetime"){if(!window.stzhComponents.translations){console.log("Translations not loaded yet, check for Promise `window.stzhComponents.translationsLoading`");return}const{$formats:t,$globals:n}=window.stzhComponents.translations;const s=i(t,n);return s.parseSpan(r,o)}function i(r,o){const t=function(r,t){if(!t||!(t instanceof Date)||isNaN(t.getTime())){return""}let n=t.getDate().toString(10);let s=n;let a=(t.getMonth()+1).toString(10);let l=a;let c=t.getFullYear().toString(10);let e=t.getHours().toString(10);let h=e;let z=t.getMinutes().toString(10);let g=o.monthNames[t.getMonth()];let i=o.monthNamesShort[t.getMonth()];let b=o.dayNames[t.getDay()];let v=o.dayNamesShort[t.getDay()];if(t.getMonth()<9){l=`0${l}`}if(t.getDate()<10){s=`0${s}`}if(t.getHours()<10){h=`0${h}`}if(t.getMinutes()<10){z=`0${z}`}return r.replace(/\{j\}/g,n).replace(/\{d\}/g,s).replace(/\{D\}/g,v).replace(/\{l\}/g,b).replace(/\{n\}/g,a).replace(/\{m\}/g,l).replace(/\{F\}/g,g).replace(/\{M\}/g,i).replace(/\{Y\}/g,c).replace(/\{H\}/g,h).replace(/\{G\}/g,e).replace(/\{i\}/g,z)};const n=function(r,o){if(!o){return}const t=new RegExp(r);const n=o.match(t);if(n){const{groups:r}=n;const o=parseInt(r.Y||"",10);const t=parseInt(r.n||r.m||"",10);const s=parseInt(r.j||r.d||"",10);const a=parseInt(r.G||r.H||"",10);const l=parseInt(r.i||"",10);if(!isNaN(o)&&(o<1e3||o>9999)){return}if(!isNaN(t)&&(t<1||t>12)){return}if(!isNaN(s)&&(s<1||s>31)){return}if(!isNaN(a)&&(a<0||a>23)){return}if(!isNaN(l)&&(l<0||l>59)){return}const c=new Date(!isNaN(o)?o:null,!isNaN(t)?t-1:null,!isNaN(s)?s:null,!isNaN(a)?a:null,!isNaN(l)?l:null);if(c.getMonth()+1!==t){return}return c}};const s={format:function(o,n="datetime"){const s={...r[n],...window.stzhComponents?.formats[n]||{}};if(typeof s.format==="string"){return t(s.format,o)}else{return s.format(o)}},parse:function(o,t="datetime"){const s={...r[t],...window.stzhComponents?.formats[t]||{}};if(typeof s.parse==="string"){return n(s.parse,o)}else{return s.parse(o)}},formatSpan:function(r,t,n="datetime"){let s=r;let a=t;if(r instanceof Date&&!isNaN(r.getTime())){s=this.format(r,n)}if(t instanceof Date&&!isNaN(t.getTime())){a=this.format(t,n)}let l=o.dateRange;if(n.startsWith("time")){l=o.timeRange}return s+(a&&(!(a instanceof Date)||a instanceof Date&&!isNaN(r.getTime()))?l+a:"")},parseSpan:function(r,t){let n=o.dateRange;if(t.startsWith("time")){n=o.timeRange}const s=r.split(n);const a=this.parse(s[0],t);const l=this.parse(s[1],t);return[a,l,n]}};return s}function b(r){const o=r.closest("[lang]");const t=o&&o.lang.split("-")[0];if(window.stzhComponents.supportedLocales.indexOf(t)===-1||!t){return window.stzhComponents.defaultLocale}else{return t}}async function v(r,o){const t=b(r);const n=JSON.parse(sessionStorage.getItem(`stzhComponents.v${window.stzhComponents.version}.i18n.${t}`));if(window.stzhComponents.cacheTranslations&&n&&Object.keys(n).length>0){return{...n[o]||{},$globals:n.$globals,$locale:n.$code,$formats:n.$formats,$formatsIso:n.$formatsIso,$formatsLegacy:n.$formatsLegacy}}try{const r=await fetch(`${window.stzhComponents.pathTranslations}/${t}.json`);if(r.ok){const n=await r.json();sessionStorage.setItem(`stzhComponents.v${window.stzhComponents.version}.i18n.${t}`,JSON.stringify(n));return{...n[o]||{},$globals:n.$globals,$locale:n.$code,$formats:n.$formats,$formatsIso:n.$formatsIso,$formatsLegacy:n.$formatsLegacy}}}catch(r){console.error(`Error loading locale: ${t}`,r)}}var y=Object.freeze({__proto__:null,createFormatParseAdapter:i,fetchTranslations:v,format:e,formatSpan:z,getLocale:b,parse:h,parseSpan:g});function d(){window.stzhComponents=Object.assign(Object.assign({defaultLocale:"de",pathMedia:"/",pathTranslations:"/",cacheTranslations:true,formats:{},translations:null,fixAutofocus:true,fixHashfocus:true},window.stzhComponents||{}),{version:n,supportedLocales:["de","en"],utils:y});if(window.stzhComponents.translations===null){window.stzhComponents.translationsLoading=v(document.documentElement).then((r=>{window.stzhComponents.translations=r})).catch((r=>{console.error("Translations couldn't load:",r)}))}l();c()}const m=d;const u="/* 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";var p=Object.defineProperty;var f=(r,o)=>{for(var t in o)p(r,t,{get:o[t],enumerable:true})};var k=(r,o)=>{var t;const n=o.o;const s=Object.entries((t=n.t)!=null?t:{});s.map((([t,[n]])=>{if(n&31||n&32){const n=r[t];const s=w(Object.getPrototypeOf(r),t)||Object.getOwnPropertyDescriptor(r,t);if(s){Object.defineProperty(r,t,{get(){return s.get.call(this)},set(r){s.set.call(this,r)},configurable:true,enumerable:true})}r[t]=o.l.has(t)?o.l.get(t):n}}))};function w(r,o){while(r){const t=Object.getOwnPropertyDescriptor(r,o);if(t==null?void 0:t.get)return t;r=Object.getPrototypeOf(r)}return void 0}var x=r=>{if(r.__stencil__getHostRef){return r.__stencil__getHostRef()}return void 0};var N=(r,t)=>{if(!t)return;r.__stencil__getHostRef=()=>t;t.h=r;if(t.o.v&512&&o.state){k(r,t)}};var H=(r,o)=>{const t={v:0,$hostElement$:r,o,l:new Map,u:new Map};{t.p=new Promise((r=>t.k=r))}{t.N=new Promise((r=>t.$=r));r["s-p"]=[];r["s-rc"]=[]}{t.S=[]}const n=t;r.__stencil__getHostRef=()=>n;return n};var $=(r,o)=>o in r;var S=(r,o)=>(0,console.error)(r,o);var O=new Map;var T=(r,o,t)=>{const n=r.O.replace(/-/g,"_");const s=r.T;if(!s){return void 0}const a=O.get(s);if(a){return a[n]}
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/return import(`./${s}.entry.js${""}`).then((r=>{{O.set(s,r)}return r[n]}),(r=>{S(r,o.$hostElement$)}))};var C=new Map;var j="{visibility:hidden}.hydrated{visibility:inherit}";var L="slot-fb{display:contents}slot-fb[hidden]{display:none}";var A="http://www.w3.org/1999/xlink";var M=typeof window!=="undefined"?window:{};var F=M.HTMLElement||class{};var P={v:0,C:"",jmp:r=>r(),raf:r=>requestAnimationFrame(r),ael:(r,o,t,n)=>r.addEventListener(o,t,n),rel:(r,o,t,n)=>r.removeEventListener(o,t,n),ce:(r,o)=>new CustomEvent(r,o)};var _=o.shadowDom;var E=(()=>{var r;let o=false;try{(r=M.document)==null?void 0:r.addEventListener("e",null,Object.defineProperty({},"passive",{get(){o=true}}))}catch(r){}return o})();var W=r=>Promise.resolve(r);var B=(()=>{try{new CSSStyleSheet;return typeof(new CSSStyleSheet).replaceSync==="function"}catch(r){}return false})();var R=B?(()=>!!M.document&&Object.getOwnPropertyDescriptor(M.document.adoptedStyleSheets,"length").writable)():false;var I=false;var D=[];var U=[];var Z=(r,o)=>t=>{r.push(t);if(!I){I=true;if(o&&P.v&4){G(V)}else{P.raf(V)}}};var q=r=>{for(let o=0;o<r.length;o++){try{r[o](performance.now())}catch(r){S(r)}}r.length=0};var V=()=>{q(D);{q(U);if(I=D.length>0){P.raf(V)}}};var G=r=>W().then(r);var Q=Z(D,false);var Y=Z(U,true);var K=r=>r!=null&&r!==void 0;var J=r=>{r=typeof r;return r==="object"||r==="function"};function X(r){var o,t,n;return(n=(t=(o=r.head)==null?void 0:o.querySelector('meta[name="csp-nonce"]'))==null?void 0:t.getAttribute("content"))!=null?n:void 0}var rr=r=>r.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");var or={};f(or,{err:()=>nr,map:()=>sr,ok:()=>tr,unwrap:()=>ar,unwrapErr:()=>lr});var tr=r=>({isOk:true,isErr:false,value:r});var nr=r=>({isOk:false,isErr:true,value:r});function sr(r,o){if(r.isOk){const t=o(r.value);if(t instanceof Promise){return t.then((r=>tr(r)))}else{return tr(t)}}if(r.isErr){const o=r.value;return nr(o)}throw"should never get here"}var ar=r=>{if(r.isOk){return r.value}else{throw r.value}};var lr=r=>{if(r.isErr){return r.value}else{throw r.value}};function cr(r){if(!B)return void 0;const o=new CSSStyleSheet;o.replaceSync(r);return o}var er;function hr(r){var o;const t=this.attachShadow({mode:"open"});if(er===void 0)er=(o=cr(u))!=null?o:null;if(er){if(R){t.adoptedStyleSheets.push(er)}else{t.adoptedStyleSheets=[...t.adoptedStyleSheets,er]}}}var zr=r=>{const o=Pr(r,"childNodes");if(r.tagName&&r.tagName.includes("-")&&r["s-cr"]&&r.tagName!=="SLOT-FB"){ir(o,r.tagName).forEach((r=>{if(r.nodeType===1&&r.tagName==="SLOT-FB"){if(br(r,dr(r),false).length){r.hidden=true}else{r.hidden=false}}}))}let t=0;for(t=0;t<o.length;t++){const r=o[t];if(r.nodeType===1&&Pr(r,"childNodes").length){zr(r)}}};var gr=r=>{const o=[];for(let t=0;t<r.length;t++){const n=r[t]["s-nr"]||void 0;if(n&&n.isConnected){o.push(n)}}return o};function ir(r,o,t){let n=0;let s=[];let a;for(;n<r.length;n++){a=r[n];if(a["s-sr"]&&(!o||a["s-hn"]===o)&&(t===void 0||dr(a)===t)){s.push(a);if(typeof t!=="undefined")return s}s=[...s,...ir(a.childNodes,o,t)]}return s}var br=(r,o,t=true)=>{const n=[];if(t&&r["s-sr"]||!r["s-sr"])n.push(r);let s=r;while(s=s.nextSibling){if(dr(s)===o&&(t||!s["s-sr"]))n.push(s)}return n};var vr=(r,o)=>{if(r.nodeType===1){if(r.getAttribute("slot")===null&&o===""){return true}if(r.getAttribute("slot")===o){return true}return false}if(r["s-sn"]===o){return true}return o===""};var yr=(r,o,t,n)=>{if(r["s-ol"]&&r["s-ol"].isConnected){return}const s=document.createTextNode("");s["s-nr"]=r;if(!o["s-cr"]||!o["s-cr"].parentNode)return;const a=o["s-cr"].parentNode;const l=t?Pr(a,"prepend"):Pr(a,"appendChild");{l.call(a,s)}r["s-ol"]=s;r["s-sh"]=o["s-hn"]};var dr=r=>typeof r["s-sn"]==="string"?r["s-sn"]:r.nodeType===1&&r.getAttribute("slot")||void 0;function mr(r){if(r.assignedElements||r.assignedNodes||!r["s-sr"])return;const o=o=>function(r){const t=[];const n=this["s-sn"];if(r==null?void 0:r.flatten){console.error(`\n          Flattening is not supported for Stencil non-shadow slots.\n          You can use \`.childNodes\` to nested slot fallback content.\n          If you have a particular use case, please open an issue on the Stencil repo.\n        `)}const s=this["s-cr"].parentElement;const a=s.__childNodes?s.childNodes:gr(s.childNodes);a.forEach((r=>{if(n===dr(r)){t.push(r)}}));if(o){return t.filter((r=>r.nodeType===1))}return t}.bind(r);r.assignedElements=o(true);r.assignedNodes=o(false)}function ur(r){r.dispatchEvent(new CustomEvent("slotchange",{bubbles:false,cancelable:false,composed:false}))}function pr(r,o){var t;o=o||((t=r["s-ol"])==null?void 0:t.parentElement);if(!o)return{slotNode:null,slotName:""};const n=r["s-sn"]=dr(r)||"";const s=Pr(o,"childNodes");const a=ir(s,o.tagName,n)[0];return{slotNode:a,slotName:n}}var fr=r=>{kr(r);wr(r);Hr(r);Nr(r);Tr(r);$r(r);Sr(r);Or(r);Cr(r);jr(r);xr(r)};var kr=r=>{const o=r.cloneNode;r.cloneNode=function(r){const t=this;const n=t.shadowRoot&&_;const s=o.call(t,n?r:false);if(!n&&r){let r=0;let o,t;const n=["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 a=this.__childNodes||this.childNodes;for(;r<a.length;r++){o=a[r]["s-nr"];t=n.every((o=>!a[r][o]));if(o){if(s.__appendChild){s.__appendChild(o.cloneNode(true))}else{s.appendChild(o.cloneNode(true))}}if(t){s.appendChild(a[r].cloneNode(true))}}}return s}};var wr=r=>{r.__appendChild=r.appendChild;r.appendChild=function(r){const{slotName:o,slotNode:t}=pr(r,this);if(t){yr(r,t);const n=br(t,o);const s=n[n.length-1];const a=Pr(s,"parentNode");const l=Pr(a,"insertBefore")(r,s.nextSibling);ur(t);zr(this);return l}return this.__appendChild(r)}};var xr=r=>{r.__removeChild=r.removeChild;r.removeChild=function(r){if(r&&typeof r["s-sn"]!=="undefined"){const o=this.__childNodes||this.childNodes;const t=ir(o,this.tagName,r["s-sn"]);if(t&&r.isConnected){r.remove();zr(this);return}}return this.__removeChild(r)}};var Nr=r=>{r.__prepend=r.prepend;r.prepend=function(...o){o.forEach((o=>{if(typeof o==="string"){o=this.ownerDocument.createTextNode(o)}const t=(o["s-sn"]=dr(o))||"";const n=Pr(this,"childNodes");const s=ir(n,this.tagName,t)[0];if(s){yr(o,s,true);const r=br(s,t);const n=r[0];const a=Pr(n,"parentNode");const l=Pr(a,"insertBefore")(o,Pr(n,"nextSibling"));ur(s);return l}if(o.nodeType===1&&!!o.getAttribute("slot")){o.hidden=true}return r.__prepend(o)}))}};var Hr=r=>{r.__append=r.append;r.append=function(...r){r.forEach((r=>{if(typeof r==="string"){r=this.ownerDocument.createTextNode(r)}this.appendChild(r)}))}};var $r=r=>{const o=r.insertAdjacentHTML;r.insertAdjacentHTML=function(r,t){if(r!=="afterbegin"&&r!=="beforeend"){return o.call(this,r,t)}const n=this.ownerDocument.createElement("_");let s;n.innerHTML=t;if(r==="afterbegin"){while(s=n.firstChild){this.prepend(s)}}else if(r==="beforeend"){while(s=n.firstChild){this.append(s)}}}};var Sr=r=>{r.insertAdjacentText=function(r,o){this.insertAdjacentHTML(r,o)}};var Or=r=>{const o=r;if(o.__insertBefore)return;o.__insertBefore=r.insertBefore;r.insertBefore=function(r,o){const{slotName:t,slotNode:n}=pr(r,this);const s=this.__childNodes?this.childNodes:gr(this.childNodes);if(n){let a=false;s.forEach((s=>{if(s===o||o===null){a=true;if(o===null||t!==o["s-sn"]){this.appendChild(r);return}if(t===o["s-sn"]){yr(r,n);const t=Pr(o,"parentNode");Pr(t,"insertBefore")(r,o);ur(n)}return}}));if(a)return r}const a=o==null?void 0:o.__parentNode;if(a&&!this.isSameNode(a)){return this.appendChild(r)}return this.__insertBefore(r,o)}};var Tr=r=>{const o=r.insertAdjacentElement;r.insertAdjacentElement=function(r,t){if(r!=="afterbegin"&&r!=="beforeend"){return o.call(this,r,t)}if(r==="afterbegin"){this.prepend(t);return t}else if(r==="beforeend"){this.append(t);return t}return t}};var Cr=r=>{Fr("textContent",r);Object.defineProperty(r,"textContent",{get:function(){let r="";const o=this.__childNodes?this.childNodes:gr(this.childNodes);o.forEach((o=>r+=o.textContent||""));return r},set:function(r){const o=this.__childNodes?this.childNodes:gr(this.childNodes);o.forEach((r=>{if(r["s-ol"])r["s-ol"].remove();r.remove()}));this.insertAdjacentHTML("beforeend",r)}})};var jr=r=>{class o extends Array{item(r){return this[r]}}Fr("children",r);Object.defineProperty(r,"children",{get(){return this.childNodes.filter((r=>r.nodeType===1))}});Object.defineProperty(r,"childElementCount",{get(){return this.children.length}});Fr("firstChild",r);Object.defineProperty(r,"firstChild",{get(){return this.childNodes[0]}});Fr("lastChild",r);Object.defineProperty(r,"lastChild",{get(){return this.childNodes[this.childNodes.length-1]}});Fr("childNodes",r);Object.defineProperty(r,"childNodes",{get(){const r=new o;r.push(...gr(this.__childNodes));return r}})};var Lr=r=>{if(!r||r.__parentNode)return;Fr("parentNode",r);Object.defineProperty(r,"parentNode",{get:function(){var r;return((r=this["s-ol"])==null?void 0:r.parentNode)||this.__parentNode},set:function(r){this.__parentNode=r}})};var Ar=["children","nextElementSibling","previousElementSibling"];var Mr=["childNodes","firstChild","lastChild","nextSibling","previousSibling","textContent","parentNode"];function Fr(r,o){if(!globalThis.Node||!globalThis.Element){return}let t;if(Ar.includes(r)){t=Object.getOwnPropertyDescriptor(Element.prototype,r)}else if(Mr.includes(r)){t=Object.getOwnPropertyDescriptor(Node.prototype,r)}if(!t){t=Object.getOwnPropertyDescriptor(o,r)}if(t)Object.defineProperty(o,"__"+r,t)}function Pr(r,o){if("__"+o in r){const t=r["__"+o];if(typeof t!=="function")return t;return t.bind(r)}else{if(typeof r[o]!=="function")return r[o];return r[o].bind(r)}}var _r=(r,o="")=>{{return()=>{}}};var Er=(r,o)=>{{return()=>{}}};var Wr=new WeakMap;var Br=(r,o,t)=>{let n=C.get(r);if(B&&t){n=n||new CSSStyleSheet;if(typeof n==="string"){n=o}else{n.replaceSync(o)}}else{n=o}C.set(r,n)};var Rr=(r,o,t)=>{var n;const s=Dr(o);const a=C.get(s);if(!M.document){return s}r=r.nodeType===11?r:M.document;if(a){if(typeof a==="string"){r=r.head||r;let t=Wr.get(r);let l;if(!t){Wr.set(r,t=new Set)}if(!t.has(s)){{l=M.document.createElement("style");l.innerHTML=a;const t=(n=P.L)!=null?n:X(M.document);if(t!=null){l.setAttribute("nonce",t)}if(!(o.v&1)){if(r.nodeName==="HEAD"){const o=r.querySelectorAll("link[rel=preconnect]");const t=o.length>0?o[o.length-1].nextSibling:r.querySelector("style");r.insertBefore(l,(t==null?void 0:t.parentNode)===r?t:null)}else if("host"in r){if(B){const o=new CSSStyleSheet;o.replaceSync(a);if(R){r.adoptedStyleSheets.unshift(o)}else{r.adoptedStyleSheets=[o,...r.adoptedStyleSheets]}}else{const o=r.querySelector("style");if(o){o.innerHTML=a+o.innerHTML}else{r.prepend(l)}}}else{r.append(l)}}if(o.v&1){r.insertBefore(l,null)}}if(o.v&4){l.innerHTML+=L}if(t){t.add(s)}}}else if(!r.adoptedStyleSheets.includes(a)){if(R){r.adoptedStyleSheets.push(a)}else{r.adoptedStyleSheets=[...r.adoptedStyleSheets,a]}}}return s};var Ir=r=>{const o=r.o;const t=r.$hostElement$;const n=o.v;const s=_r("attachStyles",o.O);const a=Rr(t.shadowRoot?t.shadowRoot:t.getRootNode(),o);if(n&10){t["s-sc"]=a;t.classList.add(a+"-h")}s()};var Dr=(r,o)=>"sc-"+r.O;var Ur=(r,o,...t)=>{if(typeof r==="string"){r=lt(r)}let n=null;let s=null;let a=null;let l=false;let c=false;const e=[];const h=o=>{for(let t=0;t<o.length;t++){n=o[t];if(Array.isArray(n)){h(n)}else if(n!=null&&typeof n!=="boolean"){if(l=typeof r!=="function"&&!J(n)){n=String(n)}if(l&&c){e[e.length-1].A+=n}else{e.push(l?Zr(null,n):n)}c=l}}};h(t);if(o){if(o.key){s=o.key}if(o.name){a=o.name}{const r=o.className||o.class;if(r){o.class=typeof r!=="object"?r:Object.keys(r).filter((o=>r[o])).join(" ")}}}if(typeof r==="function"){return r(o===null?{}:o,e,Gr)}const z=Zr(r,null);z.M=o;if(e.length>0){z.F=e}{z.P=s}{z._=a}return z};var Zr=(r,o)=>{const t={v:0,W:r,A:o,B:null,F:null};{t.M=null}{t.P=null}{t._=null}return t};var qr={};var Vr=r=>r&&r.W===qr;var Gr={forEach:(r,o)=>r.map(Qr).forEach(o),map:(r,o)=>r.map(Qr).map(o).map(Yr)};var Qr=r=>({vattrs:r.M,vchildren:r.F,vkey:r.P,vname:r._,vtag:r.W,vtext:r.A});var Yr=r=>{if(typeof r.vtag==="function"){const o={...r.vattrs};if(r.vkey){o.key=r.vkey}if(r.vname){o.name=r.vname}return Ur(r.vtag,o,...r.vchildren||[])}const o=Zr(r.vtag,r.vtext);o.M=r.vattrs;o.F=r.vchildren;o.P=r.vkey;o._=r.vname;return o};var Kr=r=>{const o=rr(r);return new RegExp(`(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${o}))(${o}\\b)`,"g")};Kr("::slotted");Kr(":host");Kr(":host-context");var Jr=(r,o,t)=>{if(r!=null&&!J(r)){if(o&4){{return r==="false"?false:r===""||!!r}}if(o&2){return typeof r==="string"?parseFloat(r):typeof r==="number"?r:NaN}if(o&1){return String(r)}return r}return r};var Xr=r=>{var o;return(o=x(r))==null?void 0:o.$hostElement$};var ro=(r,o,t)=>{const n=Xr(r);return{emit:r=>oo(n,o,{bubbles:true,composed:true,cancelable:true,detail:r})}};var oo=(r,o,t)=>{const n=P.ce(o,t);r.dispatchEvent(n);return n};var to=(r,o,t,n,s,a,l)=>{if(t===n){return}let c=$(r,o);let e=o.toLowerCase();if(o==="class"){const o=r.classList;const s=so(t);let a=so(n);{o.remove(...s.filter((r=>r&&!a.includes(r))));o.add(...a.filter((r=>r&&!s.includes(r))))}}else if(o==="style"){{for(const o in t){if(!n||n[o]==null){if(o.includes("-")){r.style.removeProperty(o)}else{r.style[o]=""}}}}for(const o in n){if(!t||n[o]!==t[o]){if(o.includes("-")){r.style.setProperty(o,n[o])}else{r.style[o]=n[o]}}}}else if(o==="key");else if(o==="ref"){if(n){n(r)}}else if(!c&&o[0]==="o"&&o[1]==="n"){if(o[2]==="-"){o=o.slice(3)}else if($(M,e)){o=e.slice(2)}else{o=e[2]+o.slice(3)}if(t||n){const s=o.endsWith(ao);o=o.replace(lo,"");if(t){P.rel(r,o,t,s)}if(n){P.ael(r,o,n,s)}}}else{const l=J(n);if((c||l&&n!==null)&&true){try{if(!r.tagName.includes("-")){const s=n==null?"":n;if(o==="list"){c=false}else if(t==null||r[o]!=s){if(typeof r.__lookupSetter__(o)==="function"){r[o]=s}else{r.setAttribute(o,s)}}}else if(r[o]!==n){r[o]=n}}catch(r){}}let h=false;{if(e!==(e=e.replace(/^xlink\:?/,""))){o=e;h=true}}if(n==null||n===false){if(n!==false||r.getAttribute(o)===""){if(h){r.removeAttributeNS(A,o)}else{r.removeAttribute(o)}}}else if((!c||a&4||s)&&!l&&r.nodeType===1){n=n===true?"":n;if(h){r.setAttributeNS(A,o,n)}else{r.setAttribute(o,n)}}}};var no=/\s/;var so=r=>{if(typeof r==="object"&&r&&"baseVal"in r){r=r.baseVal}if(!r||typeof r!=="string"){return[]}return r.split(no)};var ao="Capture";var lo=new RegExp(ao+"$");var co=(r,o,t,n)=>{const s=o.B.nodeType===11&&o.B.host?o.B.host:o.B;const a=r&&r.M||{};const l=o.M||{};{for(const r of eo(Object.keys(a))){if(!(r in l)){to(s,r,a[r],void 0,t,o.v)}}}for(const r of eo(Object.keys(l))){to(s,r,a[r],l[r],t,o.v)}};function eo(r){return r.includes("ref")?[...r.filter((r=>r!=="ref")),"ref"]:r}var ho;var zo;var go;var io=false;var bo=false;var vo=false;var yo=false;var mo=(r,t,n)=>{var s;const a=t.F[n];let l=0;let c;let e;let h;if(!io){vo=true;if(a.W==="slot"){a.v|=a.F?2:1}}if(a.A!==null){c=a.B=M.document.createTextNode(a.A)}else if(a.v&1){c=a.B=M.document.createTextNode("");{co(null,a,yo)}}else{if(!M.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.")}c=a.B=M.document.createElement(!io&&o.slotRelocation&&a.v&2?"slot-fb":a.W);{co(null,a,yo)}if(K(ho)&&c["s-si"]!==ho){c.classList.add(c["s-si"]=ho)}if(a.F){for(l=0;l<a.F.length;++l){e=mo(r,a,l);if(e){c.appendChild(e)}}}}c["s-hn"]=go;{if(a.v&(2|1)){c["s-sr"]=true;c["s-cr"]=zo;c["s-sn"]=a._||"";c["s-rf"]=(s=a.M)==null?void 0:s.ref;mr(c);h=r&&r.F&&r.F[n];if(h&&h.W===a.W&&r.B){{uo(r.B)}}{Co(zo,c,t.B,r==null?void 0:r.B)}}}return c};var uo=r=>{P.v|=1;const o=r.closest(go.toLowerCase());if(o!=null){const t=Array.from(o.__childNodes||o.childNodes).find((r=>r["s-cr"]));const n=Array.from(r.__childNodes||r.childNodes);for(const r of t?n.reverse():n){if(r["s-sh"]!=null){To(o,r,t!=null?t:null);r["s-sh"]=void 0;vo=true}}}P.v&=-2};var po=(r,t)=>{P.v|=1;const n=Array.from(r.__childNodes||r.childNodes);if(r["s-sr"]&&o.experimentalSlotFixes){let o=r;while(o=o.nextSibling){if(o&&o["s-sn"]===r["s-sn"]&&o["s-sh"]===go){n.push(o)}}}for(let r=n.length-1;r>=0;r--){const o=n[r];if(o["s-hn"]!==go&&o["s-ol"]){To(No(o).parentNode,o,No(o));o["s-ol"].remove();o["s-ol"]=void 0;o["s-sh"]=void 0;vo=true}if(t){po(o,t)}}P.v&=-2};var fo=(r,o,t,n,s,a)=>{let l=r["s-cr"]&&r["s-cr"].parentNode||r;let c;if(l.shadowRoot&&l.tagName===go){l=l.shadowRoot}for(;s<=a;++s){if(n[s]){c=mo(null,t,s);if(c){n[s].B=c;To(l,c,No(o))}}}};var ko=(r,o,t)=>{for(let n=o;n<=t;++n){const o=r[n];if(o){const r=o.B;Oo(o);if(r){{bo=true;if(r["s-ol"]){r["s-ol"].remove()}else{po(r,true)}}r.remove()}}}};var wo=(r,o,t,n,s=false)=>{let a=0;let l=0;let c=0;let e=0;let h=o.length-1;let z=o[0];let g=o[h];let i=n.length-1;let b=n[0];let v=n[i];let y;let d;while(a<=h&&l<=i){if(z==null){z=o[++a]}else if(g==null){g=o[--h]}else if(b==null){b=n[++l]}else if(v==null){v=n[--i]}else if(xo(z,b,s)){Ho(z,b,s);z=o[++a];b=n[++l]}else if(xo(g,v,s)){Ho(g,v,s);g=o[--h];v=n[--i]}else if(xo(z,v,s)){if(z.W==="slot"||v.W==="slot"){po(z.B.parentNode,false)}Ho(z,v,s);To(r,z.B,g.B.nextSibling);z=o[++a];v=n[--i]}else if(xo(g,b,s)){if(z.W==="slot"||v.W==="slot"){po(g.B.parentNode,false)}Ho(g,b,s);To(r,g.B,z.B);g=o[--h];b=n[++l]}else{c=-1;{for(e=a;e<=h;++e){if(o[e]&&o[e].P!==null&&o[e].P===b.P){c=e;break}}}if(c>=0){d=o[c];if(d.W!==b.W){y=mo(o&&o[l],t,c)}else{Ho(d,b,s);o[c]=void 0;y=d.B}b=n[++l]}else{y=mo(o&&o[l],t,l);b=n[++l]}if(y){{To(No(z.B).parentNode,y,No(z.B))}}}}if(a>h){fo(r,n[i+1]==null?null:n[i+1].B,t,n,l,i)}else if(l>i){ko(o,a,h)}};var xo=(r,o,t=false)=>{if(r.W===o.W){if(r.W==="slot"){return r._===o._}if(!t){return r.P===o.P}if(t&&!r.P&&o.P){r.P=o.P}return true}return false};var No=r=>r&&r["s-ol"]||r;var Ho=(r,t,n=false)=>{const s=t.B=r.B;const a=r.F;const l=t.F;const c=t.W;const e=t.A;let h;if(e===null){{if(c==="slot"&&!io){if(r._!==t._){t.B["s-sn"]=t._||"";uo(t.B.parentElement)}}co(r,t,yo)}if(a!==null&&l!==null){wo(s,a,t,l,n)}else if(l!==null){if(r.A!==null){s.textContent=""}fo(s,null,t,l,0,l.length-1)}else if(!n&&o.updatable&&a!==null){ko(a,0,a.length-1)}else;}else if(h=s["s-cr"]){h.parentNode.textContent=e}else if(r.A!==e){s.data=e}};var $o=[];var So=r=>{let o;let t;let n;const s=r.__childNodes||r.childNodes;for(const r of s){if(r["s-sr"]&&(o=r["s-cr"])&&o.parentNode){t=o.parentNode.__childNodes||o.parentNode.childNodes;const s=r["s-sn"];for(n=t.length-1;n>=0;n--){o=t[n];if(!o["s-cn"]&&!o["s-nr"]&&o["s-hn"]!==r["s-hn"]&&(!o["s-sh"]||o["s-sh"]!==r["s-hn"])){if(vr(o,s)){let t=$o.find((r=>r.R===o));bo=true;o["s-sn"]=o["s-sn"]||s;if(t){t.R["s-sh"]=r["s-hn"];t.I=r}else{o["s-sh"]=r["s-hn"];$o.push({I:r,R:o})}if(o["s-sr"]){$o.map((r=>{if(vr(r.R,o["s-sn"])){t=$o.find((r=>r.R===o));if(t&&!r.I){r.I=t.I}}}))}}else if(!$o.some((r=>r.R===o))){$o.push({R:o})}}}}if(r.nodeType===1){So(r)}}};var Oo=r=>{{r.M&&r.M.ref&&r.M.ref(null);r.F&&r.F.map(Oo)}};var To=(r,o,t)=>{if(typeof o["s-sn"]==="string"&&!!o["s-sr"]&&!!o["s-cr"]){Co(o["s-cr"],o,r,o.parentElement)}else if(typeof o["s-sn"]==="string"){if(r.getRootNode().nodeType!==11){Lr(o)}r.insertBefore(o,t);const{slotNode:n}=pr(o);if(n)ur(n);return o}if(r.__insertBefore){return r.__insertBefore(o,t)}else{return r==null?void 0:r.insertBefore(o,t)}};function Co(r,o,t,n){var s,a;let l;if(r&&typeof o["s-sn"]==="string"&&!!o["s-sr"]&&r.parentNode&&r.parentNode["s-sc"]&&(l=o["s-si"]||r.parentNode["s-sc"])){const r=o["s-sn"];const c=o["s-hn"];(s=t.classList)==null?void 0:s.add(l+"-s");if(n&&((a=n.classList)==null?void 0:a.contains(l+"-s"))){let o=(n.__childNodes||n.childNodes)[0];let t=false;while(o){if(o["s-sn"]!==r&&o["s-hn"]===c&&!!o["s-sr"]){t=true;break}o=o.nextSibling}if(!t)n.classList.remove(l+"-s")}}}var jo=(r,o,t=false)=>{var n,s,a,l,c;const e=r.$hostElement$;const h=r.o;const z=r.D||Zr(null,null);const g=Vr(o);const i=g?o:Ur(null,null,o);go=e.tagName;if(h.U){i.M=i.M||{};h.U.forEach((([r,o])=>{{i.M[o]=e[r]}}))}if(t&&i.M){for(const r of Object.keys(i.M)){if(e.hasAttribute(r)&&!["key","ref","style","class"].includes(r)){i.M[r]=e[r]}}}i.W=null;i.v|=4;r.D=i;i.B=z.B=e.shadowRoot||e;{ho=e["s-sc"]}io=!!(h.v&1)&&!(h.v&128);{zo=e["s-cr"];bo=false}Ho(z,i,t);{P.v|=1;if(vo){So(i.B);for(const r of $o){const o=r.R;if(!o["s-ol"]&&M.document){const r=M.document.createTextNode("");r["s-nr"]=o;To(o.parentNode,o["s-ol"]=r,o)}}for(const r of $o){const o=r.R;const c=r.I;if(c){const r=c.parentNode;let t=c.nextSibling;if(t&&t.nodeType===1){let a=(n=o["s-ol"])==null?void 0:n.previousSibling;while(a){let n=(s=a["s-nr"])!=null?s:null;if(n&&n["s-sn"]===o["s-sn"]&&r===(n.__parentNode||n.parentNode)){n=n.nextSibling;while(n===o||(n==null?void 0:n["s-sr"])){n=n==null?void 0:n.nextSibling}if(!n||!n["s-nr"]){t=n;break}}a=a.previousSibling}}const l=o.__parentNode||o.parentNode;const e=o.__nextSibling||o.nextSibling;if(!t&&r!==l||e!==t){if(o!==t){To(r,o,t);if(o.nodeType===1&&o.tagName!=="SLOT-FB"){o.hidden=(a=o["s-ih"])!=null?a:false}}}o&&typeof c["s-rf"]==="function"&&c["s-rf"](c)}else{if(o.nodeType===1){if(t){o["s-ih"]=(l=o.hidden)!=null?l:false}o.hidden=true}}}}if(bo){zr(i.B)}P.v&=-2;$o.length=0}if(h.v&2){const r=i.B.__childNodes||i.B.childNodes;for(const o of r){if(o["s-hn"]!==go&&!o["s-sh"]&&o.nodeType===1){if(t&&o["s-ih"]==null){o["s-ih"]=(c=o.hidden)!=null?c:false}o.hidden=true}}}zo=void 0};var Lo=(r,o)=>{if(o&&!r.Z&&o["s-p"]){const t=o["s-p"].push(new Promise((n=>r.Z=()=>{o["s-p"].splice(t-1,1);n()})))}};var Ao=(r,o)=>{{r.v|=16}if(r.v&4){r.v|=512;return}Lo(r,r.q);const t=()=>Mo(r,o);if(o){queueMicrotask((()=>{t()}));return}return Y(t)};var Mo=(r,o)=>{const t=r.$hostElement$;const n=_r("scheduleUpdate",r.o.O);const s=r.h;if(!s){throw new Error(`Can't render component <${t.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 a;if(o){{{r.v|=256;if(r.V){r.V.map((([r,o])=>Io(s,r,o,t)));r.V=void 0}}if(r.S.length){r.S.forEach((r=>r(t)))}}a=Io(s,"componentWillLoad",void 0,t)}else{a=Io(s,"componentWillUpdate",void 0,t)}a=Fo(a,(()=>Io(s,"componentWillRender",void 0,t)));n();return Fo(a,(()=>_o(r,s,o)))};var Fo=(r,o)=>Po(r)?r.then(o).catch((r=>{console.error(r);o()})):o();var Po=r=>r instanceof Promise||r&&r.then&&typeof r.then==="function";var _o=async(r,o,t)=>{var n;const s=r.$hostElement$;const a=_r("update",r.o.O);const l=s["s-rc"];if(t){Ir(r)}const c=_r("render",r.o.O);{Eo(r,o,s,t)}if(l){l.map((r=>r()));s["s-rc"]=void 0}c();a();{const o=(n=s["s-p"])!=null?n:[];const t=()=>Wo(r);if(o.length===0){t()}else{Promise.all(o).then(t);r.v|=4;o.length=0}}};var Eo=(r,o,t,n)=>{try{o=o.render();{r.v&=-17}{r.v|=2}{{{jo(r,o,n)}}}}catch(o){S(o,r.$hostElement$)}return null};var Wo=r=>{const o=r.o.O;const t=r.$hostElement$;const n=_r("postUpdate",o);const s=r.h;const a=r.q;Io(s,"componentDidRender",void 0,t);if(!(r.v&64)){r.v|=64;{Do(t)}Io(s,"componentDidLoad",void 0,t);n();{r.$(t);if(!a){Ro()}}}else{Io(s,"componentDidUpdate",void 0,t);n()}{r.k(t)}{if(r.Z){r.Z();r.Z=void 0}if(r.v&512){G((()=>Ao(r,false)))}r.v&=-517}};var Bo=r=>{var o;{const t=x(r);const n=(o=t==null?void 0:t.$hostElement$)==null?void 0:o.isConnected;if(n&&(t.v&(2|16))===2){Ao(t,false)}return n}};var Ro=o=>{G((()=>oo(M,"appload",{detail:{namespace:r}})))};var Io=(r,o,t,n)=>{if(r&&r[o]){try{return r[o](t)}catch(r){S(r,n)}}return void 0};var Do=r=>{var t;return r.classList.add((t=o.hydratedSelectorName)!=null?t:"hydrated")};var Uo=(r,o)=>x(r).l.get(o);var Zo=(r,o,t,n)=>{const s=x(r);if(!s){return}if(!s){throw new Error(`Couldn't find host element for "${n.O}" 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 a=s.$hostElement$;const l=s.l.get(o);const c=s.v;const e=s.h;t=Jr(t,n.t[o][0]);const h=Number.isNaN(l)&&Number.isNaN(t);const z=t!==l&&!h;if((!(c&8)||l===void 0)&&z){s.l.set(o,t);if(e){if(n.K&&c&128){const r=n.K[o];if(r){r.map((r=>{try{e[r](t,l,o)}catch(r){S(r,a)}}))}}if((c&(2|16))===2){if(e.componentShouldUpdate){if(e.componentShouldUpdate(t,l,o)===false){return}}Ao(s,false)}}}};var qo=(r,t,n)=>{var s,a;const l=r.prototype;if(t.t||o.propChangeCallback){{if(r.watchers&&!t.K){t.K=r.watchers}if(r.deserializers&&!t.J){t.J=r.deserializers}if(r.serializers&&!t.X){t.X=r.serializers}}const c=Object.entries((s=t.t)!=null?s:{});c.map((([r,[o]])=>{if(o&31||n&2&&o&32){const{get:s,set:a}=Object.getOwnPropertyDescriptor(l,r)||{};if(s)t.t[r][0]|=2048;if(a)t.t[r][0]|=4096;if(n&1||!s){Object.defineProperty(l,r,{get(){{if((t.t[r][0]&2048)===0){return Uo(this,r)}const o=x(this);const n=o?o.h:l;if(!n)return;return n[r]}},configurable:true,enumerable:true})}Object.defineProperty(l,r,{set(s){const l=x(this);if(!l){return}if(a){const n=o&32?this[r]:l.$hostElement$[r];if(typeof n==="undefined"&&l.l.get(r)){s=l.l.get(r)}a.apply(this,[Jr(s,o)]);s=o&32?this[r]:l.$hostElement$[r];Zo(this,r,s,t);return}{if((n&1)===0||(t.t[r][0]&4096)===0){Zo(this,r,s,t);if(n&1&&!l.h){l.S.push((()=>{if(t.t[r][0]&4096&&l.h[r]!==l.l.get(r)){l.h[r]=s}}))}return}const a=()=>{const n=l.h[r];if(!l.l.get(r)&&n){l.l.set(r,n)}l.h[r]=Jr(s,o);Zo(this,r,l.h[r],t)};if(l.h){a()}else{l.S.push((()=>{a()}))}}}})}else if(n&1&&o&64){Object.defineProperty(l,r,{value(...o){var t;const n=x(this);return(t=n==null?void 0:n.p)==null?void 0:t.then((()=>{var t;return(t=n.h)==null?void 0:t[r](...o)}))}})}}));if(n&1){const n=new Map;l.attributeChangedCallback=function(r,s,a){P.jmp((()=>{var e;const h=n.get(r);const z=x(this);if(this.hasOwnProperty(h)&&o.lazyLoad){a=this[h];delete this[h]}if(l.hasOwnProperty(h)&&typeof this[h]==="number"&&this[h]==a){return}else if(h==null){const o=z==null?void 0:z.v;if(z&&o&&!(o&8)&&o&128&&a!==s){const o=z.h;const n=(e=t.K)==null?void 0:e[r];n==null?void 0:n.forEach((t=>{if(o[t]!=null){o[t].call(o,a,s,r)}}))}return}const g=c.find((([r])=>r===h));if(g&&g[1][0]&4){a=a===null||a==="false"?false:true}const i=Object.getOwnPropertyDescriptor(l,h);if(a!=this[h]&&(!i.get||!!i.set)){this[h]=a}}))};r.observedAttributes=Array.from(new Set([...Object.keys((a=t.K)!=null?a:{}),...c.filter((([r,o])=>o[0]&31)).map((([r,o])=>{var s;const a=o[1]||r;n.set(a,r);if(o[0]&512){(s=t.U)==null?void 0:s.push([r,a])}return a}))]))}}return r};var Vo=async(r,o,t,n)=>{let s;if((o.v&32)===0){o.v|=32;const n=t.T;if(n){const n=T(t,o);if(n&&"then"in n){const r=Er();s=await n;r()}else{s=n}if(!s){throw new Error(`Constructor for "${t.O}#${o.rr}" was not found`)}if(!s.isProxied){{t.K=s.watchers;t.X=s.serializers;t.J=s.deserializers}qo(s,t,2);s.isProxied=true}const a=_r("createInstance",t.O);{o.v|=8}try{new s(o)}catch(o){S(o,r)}{o.v&=-9}{o.v|=128}a();Go(o.h,r)}else{s=r.constructor;const t=r.localName;customElements.whenDefined(t).then((()=>o.v|=128))}if(s&&s.style){let r;if(typeof s.style==="string"){r=s.style}const o=Dr(t);if(!C.has(o)){const n=_r("registerStyles",t.O);Br(o,r,!!(t.v&1));n()}}}const a=o.q;const l=()=>Ao(o,true);if(a&&a["s-rc"]){a["s-rc"].push(l)}else{l()}};var Go=(r,o)=>{{Io(r,"connectedCallback",void 0,o)}};var Qo=r=>{if((P.v&1)===0){const o=x(r);if(!o){return}const t=o.o;const n=_r("connectedCallback",t.O);if(!(o.v&1)){o.v|=1;{if(t.v&(4|8)){Yo(r)}}{let t=r;while(t=t.parentNode||t.host){if(t["s-p"]){Lo(o,o.q=t);break}}}if(t.t){Object.entries(t.t).map((([o,[t]])=>{if(t&31&&o in r&&r[o]!==Object.prototype[o]){const t=r[o];delete r[o];r[o]=t}}))}{Vo(r,o,t)}}else{ot(r,o,t.tr);if(o==null?void 0:o.h){Go(o.h,r)}else if(o==null?void 0:o.N){o.N.then((()=>Go(o.h,r)))}}n()}};var Yo=r=>{if(!M.document){return}const o=r["s-cr"]=M.document.createComment("");o["s-cn"]=true;To(r,o,r.firstChild)};var Ko=(r,o)=>{{Io(r,"disconnectedCallback",void 0,o||r)}};var Jo=async r=>{if((P.v&1)===0){const o=x(r);{if(o==null?void 0:o.nr){o.nr.map((r=>r()));o.nr=void 0}}if(o==null?void 0:o.h){Ko(o.h,r)}else if(o==null?void 0:o.N){o.N.then((()=>Ko(o.h,r)))}}if(Wr.has(r)){Wr.delete(r)}if(r.shadowRoot&&Wr.has(r.shadowRoot)){Wr.delete(r.shadowRoot)}};var Xo=(r,o={})=>{var t;if(!M.document){console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");return}const n=_r();const s=[];const a=o.exclude||[];const l=M.customElements;const c=M.document.head;const e=c.querySelector("meta[charset]");const h=M.document.createElement("style");const z=[];let g;let i=true;Object.assign(P,o);P.C=new URL(o.resourcesUrl||"./",M.document.baseURI).href;let b=false;r.map((r=>{r[1].map((o=>{var t,n,c;const e={v:o[0],O:o[1],t:o[2],tr:o[3]};if(e.v&4){b=true}{e.t=o[2]}{e.tr=o[3]}{e.U=[]}{e.K=(t=o[4])!=null?t:{};e.X=(n=o[5])!=null?n:{};e.J=(c=o[6])!=null?c:{}}const h=lt(e.O);const v=class extends HTMLElement{constructor(r){super(r);this.hasRegisteredEventListeners=false;r=this;H(r,e);if(e.v&1){{if(!r.shadowRoot){hr.call(r,e)}else{if(r.shadowRoot.mode!=="open"){throw new Error(`Unable to re-use existing shadow root for ${e.O}! Mode is set to ${r.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}}}}connectedCallback(){const r=x(this);if(!r){return}if(!this.hasRegisteredEventListeners){this.hasRegisteredEventListeners=true;ot(this,r,e.tr)}if(g){clearTimeout(g);g=null}if(i){z.push(this)}else{P.jmp((()=>Qo(this)))}}disconnectedCallback(){P.jmp((()=>Jo(this)));P.raf((()=>{var r;const o=x(this);if(!o){return}const t=z.findIndex((r=>r===this));if(t>-1){z.splice(t,1)}if(((r=o==null?void 0:o.D)==null?void 0:r.B)instanceof Node&&!o.D.B.isConnected){delete o.D.B}}))}componentOnReady(){var r;return(r=x(this))==null?void 0:r.N}};if(!(e.v&1)&&e.v&256){{fr(v.prototype)}}e.T=r[0];if(!a.includes(h)&&!l.get(h)){s.push(h);l.define(h,qo(v,e,1))}}))}));if(s.length>0){if(b){h.textContent+=L}{h.textContent+=s.sort()+j}if(h.innerHTML.length){h.setAttribute("data-styles","");const r=(t=P.L)!=null?t:X(M.document);if(r!=null){h.setAttribute("nonce",r)}c.insertBefore(h,e?e.nextSibling:c.firstChild)}}i=false;if(z.length){z.map((r=>r.connectedCallback()))}else{{P.jmp((()=>g=setTimeout(Ro,30)))}}n()};var rt=(r,o)=>o;var ot=(r,o,t,n)=>{if(t&&M.document){t.map((([t,n,s])=>{const a=nt(M.document,r,t);const l=tt(o,s);const c=st(t);P.ael(a,n,l,c);(o.nr=o.nr||[]).push((()=>P.rel(a,n,l,c)))}))}};var tt=(r,o)=>t=>{var n;try{{if(r.v&256){(n=r.h)==null?void 0:n[o](t)}else{(r.V=r.V||[]).push([o,t])}}}catch(o){S(o,r.$hostElement$)}};var nt=(r,o,t)=>{if(t&4){return r}if(t&8){return M}return o};var st=r=>E?{passive:(r&1)!==0,capture:(r&2)!==0}:(r&2)!==0;var at=r=>P.L=r;function lt(r){return r}export{rt as F,F as H,r as N,qr as a,Xo as b,ro as c,Xr as d,Q as e,Bo as f,m as g,Ur as h,Y as i,W as p,N as r,at as s,M as w};
+//# sourceMappingURL=p-D47nR2ez.js.map