@oiz/stzh-components 4.6.0 → 4.7.0

package/dist/stzh-components/{p-380d1021.entry.js → p-f4a3b35e.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,c as s,h,a as e,g as i}from"./p-ef5985a3.js";import{s as c}from"./p-87c329f2.js";import{C as r}from"./p-979121a0.js";import"./p-dae15605.js";import"./p-1ab64d01.js";const a=".sc-stzh-ghettobox-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-ghettobox-h,[stzh-hidden].sc-stzh-ghettobox-h{display:none}.sc-stzh-ghettobox-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-ghettobox-h *.sc-stzh-ghettobox,.sc-stzh-ghettobox-h *.sc-stzh-ghettobox::before,.sc-stzh-ghettobox-h *.sc-stzh-ghettobox::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-ghettobox-h .has-focus.sc-stzh-ghettobox{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-ghettobox-h .stzh-fylingfocus-focused.sc-stzh-ghettobox{outline-style:none !important}.sc-stzh-ghettobox-h .stzh-fylingfocus-focused.sc-stzh-ghettobox::-moz-focus-inner{border:0 !important}.sc-stzh-ghettobox-h{--stzh-flyingfocus-color:var(--stzh-base-invert-color);--stzh-base-color:var(--stzh-base-invert-color);--stzh-base-lead-color:var(--stzh-base-invert-color);--stzh-base-border-color:var(--stzh-base-invert-color);--stzh-heading-color:var(--stzh-base-invert-color);--stzh-link-color:var(--stzh-base-invert-color);--stzh-link-hover-color:var(--stzh-base-invert-color);--stzh-button-color:var(--stzh-color-primary);--stzh-button-background-color:var(--stzh-base-invert-color);--stzh-button-hover-color:var(--stzh-color-primary);--stzh-button-hover-background-color:var(--stzh-color-white80op);--stzh-button-disabled-color:var(--stzh-color-primary);--stzh-button-disabled-background-color:var(--stzh-color-white40op);--stzh-button-secondary-color:var(--stzh-base-invert-color);--stzh-button-secondary-background-color:var(--stzh-color-white40op);--stzh-button-secondary-hover-color:var(--stzh-base-invert-color);--stzh-button-secondary-hover-background-color:var(--stzh-color-white30op);--stzh-button-secondary-disabled-color:var(--stzh-color-white60op);--stzh-button-secondary-disabled-background-color:var(--stzh-color-white40op);--stzh-button-tertiary-color:var(--stzh-base-invert-color);--stzh-button-tertiary-hover-color:var(--stzh-base-invert-color);--stzh-button-tertiary-hover-background-color:var(--stzh-color-white20op);--stzh-button-tertiary-disabled-color:var(--stzh-color-white70op);--stzh-button-active-color:var(--stzh-color-primary);--stzh-button-active-background-color:var(--stzh-color-white80op);--stzh-button-active-hover-color:var(--stzh-color-primary);--stzh-button-active-hover-background-color:var(--stzh-color-white80op);--background-color:var(--stzh-color-error60);--color:var(--stzh-base-invert-color);--richtext-color:var(--color)}.stzh-ghettobox.sc-stzh-ghettobox{position:relative;color:var(--color);box-shadow:var(--stzh-box-shadow-message);background-color:var(--background-color);--stzh-button-secondary-color:var(--stzh-color-error60);--stzh-button-secondary-background-color:var(--stzh-color-white90op);--stzh-button-secondary-hover-color:var(--stzh-color-error60);--stzh-button-secondary-hover-background-color:var(--stzh-color-white);--stzh-button-secondary-disabled-color:var(--stzh-color-white60op);--stzh-button-secondary-disabled-background-color:var(--stzh-color-white40op)}.stzh-ghettobox__container.sc-stzh-ghettobox{margin-left:1.25rem;margin-right:1.25rem;padding-top:var(--stzh-space-xxlarge);padding-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){.stzh-ghettobox__container.sc-stzh-ghettobox{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-ghettobox__container.sc-stzh-ghettobox{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-ghettobox__container.sc-stzh-ghettobox{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-ghettobox__container.sc-stzh-ghettobox{margin-left:auto;margin-right:auto;max-width:84.25rem}}@media screen and (min-width: 900px){.stzh-ghettobox__container.sc-stzh-ghettobox{padding-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-ghettobox__container.sc-stzh-ghettobox{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-ghettobox__container.sc-stzh-ghettobox{padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-ghettobox__container.sc-stzh-ghettobox{padding-bottom:var(--stzh-space-xxxxlarge)}}.stzh-ghettobox__hidden-title.sc-stzh-ghettobox{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-ghettobox__message.sc-stzh-ghettobox{gap:var(--stzh-space-medium);display:flex;flex-direction:column}@media screen and (min-width: 600px){.stzh-ghettobox__message.sc-stzh-ghettobox{gap:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-ghettobox__message.sc-stzh-ghettobox{gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-ghettobox__message.sc-stzh-ghettobox{gap:var(--stzh-space-xxlarge)}}.stzh-ghettobox__main-title.sc-stzh-ghettobox{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-style:var(--stzh-font-style-title);font-size:var(--stzh-font-curve-h2-default-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h2-default-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h2-default-heading-letter-spacing);margin:0;color:inherit}@media screen and (min-width: 600px){.stzh-ghettobox__main-title.sc-stzh-ghettobox{font-size:var(--stzh-font-curve-h2-small-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h2-small-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h2-small-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 900px){.stzh-ghettobox__main-title.sc-stzh-ghettobox{font-size:var(--stzh-font-curve-h2-medium-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h2-medium-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h2-medium-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-ghettobox__main-title.sc-stzh-ghettobox{font-size:var(--stzh-font-curve-h2-ultra-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h2-ultra-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h2-ultra-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}.stzh-ghettobox__main-title.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-ghettobox__main-title.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-ghettobox__main-title.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-ghettobox__main-title.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-xxlarge)}}.stzh-ghettobox__description.sc-stzh-ghettobox{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);--stzh-base-color:var(--richtext-color)}@media screen and (min-width: 900px){.stzh-ghettobox__description.sc-stzh-ghettobox{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-ghettobox__description.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-ghettobox__description.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-ghettobox__description.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-ghettobox__description.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-xlarge)}}.stzh-ghettobox__button.sc-stzh-ghettobox{display:grid}@media screen and (min-width: 600px){.stzh-ghettobox__button.sc-stzh-ghettobox{justify-content:start}}.stzh-ghettobox__close.sc-stzh-ghettobox{position:absolute;top:0;right:0}@media screen and (min-width: 600px){.stzh-ghettobox__close.sc-stzh-ghettobox{top:0.625rem;right:0.625rem}}";const n=a;const o=class{constructor(h){t(this,h);this.stzhOpen=s(this,"stzhOpen",7);this.stzhClose=s(this,"stzhClose",7);this.onCloseButtonClick=()=>{this.hide()};this.init=()=>{const t=this.element.querySelector('stzh-button[slot="button"]');if(t){c(t,{size:"small",sizeMedium:"default",variant:"secondary",effect:"cta",icon:"arrow-right",iconPosition:"right"})}};this.hiddenTitle="";this.mainTitle="";this.description="";this.hideClose=false;this.localization=undefined;this.open=true}async show(){this.open=true;this.stzhOpen.emit({component:"stzh-ghettobox"})}async hide(){this.open=false;this.stzhClose.emit({component:"stzh-ghettobox"})}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"ghettobox")}}connectedCallback(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}render(){const t={"stzh-ghettobox":true,"stzh-ghettobox--has-close-button":!this.hideClose};return h(e,{key:"60af32c0b51974842a79cf3009eb6d927a9458cb",hidden:!this.open},h("div",{key:"cad7180c991551784c6e79b35028fee7e2a32479",class:Object.assign(Object.assign({},t),{rs_skip:!this.open}),"aria-hidden":this.open?"false":"true"},h("div",{key:"e2006176c048e14f978fb54cb41fbc5e05295cd0",class:"stzh-ghettobox__container"},h("h1",{key:"d0f9d388f15d41147c64e322d12727f9937f3617",class:"stzh-ghettobox__hidden-title"},this.hiddenTitle||this.localization.hiddenTitle),h("div",{key:"d5f78343bd93e610e62d882bdbd4ea4ea4417024",class:"stzh-ghettobox__message"},h("div",{key:"f0170e5d78fd00979391e49e4fc380e774320f82",class:"stzh-ghettobox__text"},h("h2",{key:"777d349984721b102c658434ba6216a863456dfa",class:"stzh-ghettobox__main-title"},this.mainTitle),h("div",{key:"0efbedc9b6def02078849cf7cacfbb749b2ff94b",class:"stzh-ghettobox__description"},this.description?this.description:h("slot",null))),h("div",{key:"a9db5c24920ac3ff246f703417e3a5f19d262047",class:"stzh-ghettobox__button"},h("slot",{key:"29e393c99f213d02ee51c2ff137a3c06f1a4fa9d",name:"button"}))),!this.hideClose&&h("stzh-button",{key:"a75623a8f58ba9f3ef71006b497d58086ac9cf4e",class:"stzh-ghettobox__close",onClick:this.onCloseButtonClick,a11yLabel:this.localization.close,variant:"tertiary",size:"small",iconOnly:true,icon:"close-big"}))))}get element(){return i(this)}};o.style=n;const z='@charset "UTF-8";.sc-stzh-richtext-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-richtext-h,[stzh-hidden].sc-stzh-richtext-h{display:none}.sc-stzh-richtext-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-richtext-h *.sc-stzh-richtext,.sc-stzh-richtext-h *.sc-stzh-richtext::before,.sc-stzh-richtext-h *.sc-stzh-richtext::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-richtext-h .has-focus.sc-stzh-richtext{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-richtext-h .stzh-fylingfocus-focused.sc-stzh-richtext{outline-style:none !important}.sc-stzh-richtext-h .stzh-fylingfocus-focused.sc-stzh-richtext::-moz-focus-inner{border:0 !important}.sc-stzh-richtext-h{--color:var(--stzh-base-color);--richtext-blockquote-color:var(--stzh-richtext-blockquote-color, var(--stzh-color-primary70));--richtext-blockquote-line-color:var(--stzh-richtext-blockquote-line-color, var(--stzh-color-primary70));--richtext-blockquote-footer-color:var(--stzh-richtext-blockquote-footer-color, var(--stzh-color-old-grey55));color:var(--color);--display:var(--stzh-richtext-display, block);--grid-template-areas:var(\n    --stzh-richtext-grid-template-areas,\n    "text text text text"\n  );--grid-template-columns:var(\n    --stzh-richtext-grid-template-columns,\n    repeat(4, minmax(0, 1fr))\n  )}@media screen and (min-width: 600px){.sc-stzh-richtext-h{--grid-template-areas:var(\n      --stzh-richtext-grid-template-areas,\n      "text text text text"\n    )}}@media screen and (min-width: 900px){.sc-stzh-richtext-h{--grid-template-areas:var(\n      --stzh-richtext-grid-template-areas,\n      "text text text text text text text text"\n    );--grid-template-columns:var(\n      --stzh-richtext-grid-template-columns,\n      repeat(8, minmax(0, 1fr))\n    )}}.sc-stzh-richtext-h .sc-stzh-richtext-s .float-left{float:left}.sc-stzh-richtext-h .sc-stzh-richtext-s .float-right{float:right}.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s h2,.sc-stzh-richtext-h .sc-stzh-richtext-s h3,.sc-stzh-richtext-h .sc-stzh-richtext-s h4{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-style:var(--stzh-font-style-title);color:var(--stzh-heading-color);margin:0}.sc-stzh-richtext-h .sc-stzh-richtext-s b,.sc-stzh-richtext-h .sc-stzh-richtext-s strong{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.sc-stzh-richtext-h .sc-stzh-richtext-s i,.sc-stzh-richtext-h .sc-stzh-richtext-s em{font-family:var(--stzh-font-family-medium-italic);font-weight:var(--stzh-font-weight-medium-italic);font-style:var(--stzh-font-style-medium-italic)}.sc-stzh-richtext-h.sc-stzh-richtext-s>*,.sc-stzh-richtext-h .sc-stzh-richtext-s>*,.sc-stzh-richtext-h .sc-stzh-richtext-s p,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 900px){.sc-stzh-richtext-h.sc-stzh-richtext-s>*,.sc-stzh-richtext-h .sc-stzh-richtext-s>*,.sc-stzh-richtext-h .sc-stzh-richtext-s p,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.sc-stzh-richtext-h .sc-stzh-richtext-s h1{font-size:var(--stzh-font-curve-h1-default-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h1-default-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h1-default-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1{font-size:var(--stzh-font-curve-h1-small-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h1-small-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h1-small-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 900px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1{font-size:var(--stzh-font-curve-h1-medium-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h1-medium-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h1-medium-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1{font-size:var(--stzh-font-curve-h1-large-font-size, var(--stzh-font-mega-font-size));line-height:var(--stzh-font-curve-h1-large-heading-line-height, var(--stzh-font-mega-text-line-height));letter-spacing:var(--stzh-font-curve-h1-large-heading-letter-spacing, var(--stzh-font-mega-text-letter-spacing))}}@media screen and (min-width: 1600px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1{font-size:var(--stzh-font-curve-h1-ultra-font-size, var(--stzh-font-giga-font-size));line-height:var(--stzh-font-curve-h1-ultra-heading-line-height, var(--stzh-font-giga-text-line-height));letter-spacing:var(--stzh-font-curve-h1-ultra-heading-letter-spacing, var(--stzh-font-giga-text-letter-spacing))}}.sc-stzh-richtext-h .sc-stzh-richtext-s h2{font-size:var(--stzh-font-curve-h2-default-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h2-default-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h2-default-heading-letter-spacing)}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s h2{font-size:var(--stzh-font-curve-h2-small-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h2-small-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h2-small-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 900px){.sc-stzh-richtext-h .sc-stzh-richtext-s h2{font-size:var(--stzh-font-curve-h2-medium-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h2-medium-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h2-medium-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 1600px){.sc-stzh-richtext-h .sc-stzh-richtext-s h2{font-size:var(--stzh-font-curve-h2-ultra-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h2-ultra-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h2-ultra-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}.sc-stzh-richtext-h .sc-stzh-richtext-s h3{font-size:var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-default-heading-letter-spacing)}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s h3{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-small-heading-letter-spacing)}}@media screen and (min-width: 900px){.sc-stzh-richtext-h .sc-stzh-richtext-s h3{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h3-medium-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 1600px){.sc-stzh-richtext-h .sc-stzh-richtext-s h3{font-size:var(--stzh-font-curve-h3-ultra-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h3-ultra-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h3-ultra-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}.sc-stzh-richtext-h .sc-stzh-richtext-s h4{font-size:var(--stzh-font-curve-h4-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-h4-default-heading-line-height, var(--stzh-font-milli-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-default-heading-letter-spacing)}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s h4{font-size:var(--stzh-font-curve-h4-small-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h4-small-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-small-heading-letter-spacing)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s h4{font-size:var(--stzh-font-curve-h4-large-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h4-large-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-large-heading-letter-spacing)}}@media screen and (min-width: 1600px){.sc-stzh-richtext-h .sc-stzh-richtext-s h4{font-size:var(--stzh-font-curve-h4-ultra-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h4-ultra-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h4-ultra-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="1"]{margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-large)}@media screen and (min-width: 900px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="1"]{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="1"]{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="1"]{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="1"]{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="1"]{margin-bottom:var(--stzh-space-xxxlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s h2,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="2"]{margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s h2,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="2"]{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.sc-stzh-richtext-h .sc-stzh-richtext-s h2,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="2"]{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s h2,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="2"]{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.sc-stzh-richtext-h .sc-stzh-richtext-s h2,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="2"]{margin-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s h2,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="2"]{margin-bottom:var(--stzh-space-small)}}.sc-stzh-richtext-h .sc-stzh-richtext-s h3,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="3"]{margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s h3,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="3"]{margin-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.sc-stzh-richtext-h .sc-stzh-richtext-s h3,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="3"]{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s h3,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="3"]{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.sc-stzh-richtext-h .sc-stzh-richtext-s h3,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="3"]{margin-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s h3,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="3"]{margin-bottom:var(--stzh-space-small)}}.sc-stzh-richtext-h .sc-stzh-richtext-s h4,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="4"]{margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s h4,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="4"]{margin-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.sc-stzh-richtext-h .sc-stzh-richtext-s h4,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="4"]{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s h4,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="4"]{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.sc-stzh-richtext-h .sc-stzh-richtext-s h4,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="4"]{margin-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s h4,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="4"]{margin-bottom:var(--stzh-space-small)}}.sc-stzh-richtext-h .sc-stzh-richtext-s p,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text,.sc-stzh-richtext-h .sc-stzh-richtext-s ul,.sc-stzh-richtext-h .sc-stzh-richtext-s ol,.sc-stzh-richtext-h .sc-stzh-richtext-s dl,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-list{margin-bottom:var(--stzh-space-xsmall);margin-top:0}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s p,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text,.sc-stzh-richtext-h .sc-stzh-richtext-s ul,.sc-stzh-richtext-h .sc-stzh-richtext-s ol,.sc-stzh-richtext-h .sc-stzh-richtext-s dl,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-list{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.sc-stzh-richtext-h .sc-stzh-richtext-s p,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text,.sc-stzh-richtext-h .sc-stzh-richtext-s ul,.sc-stzh-richtext-h .sc-stzh-richtext-s ol,.sc-stzh-richtext-h .sc-stzh-richtext-s dl,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-list{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s p,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text,.sc-stzh-richtext-h .sc-stzh-richtext-s ul,.sc-stzh-richtext-h .sc-stzh-richtext-s ol,.sc-stzh-richtext-h .sc-stzh-richtext-s dl,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-list{margin-bottom:var(--stzh-space-xlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s ul ul,.sc-stzh-richtext-h .sc-stzh-richtext-s ul ol,.sc-stzh-richtext-h .sc-stzh-richtext-s ul dl,.sc-stzh-richtext-h .sc-stzh-richtext-s ul stzh-list,.sc-stzh-richtext-h .sc-stzh-richtext-s ol ul,.sc-stzh-richtext-h .sc-stzh-richtext-s ol ol,.sc-stzh-richtext-h .sc-stzh-richtext-s ol dl,.sc-stzh-richtext-h .sc-stzh-richtext-s ol stzh-list,.sc-stzh-richtext-h .sc-stzh-richtext-s dl ul,.sc-stzh-richtext-h .sc-stzh-richtext-s dl ol,.sc-stzh-richtext-h .sc-stzh-richtext-s dl dl,.sc-stzh-richtext-h .sc-stzh-richtext-s dl stzh-list,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-list ul,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-list ol,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-list dl,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-list stzh-list{margin-top:0;margin-bottom:0}.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=hero],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=hero]{margin-bottom:var(--stzh-space-large);margin-top:0}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=hero],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=hero]{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=hero],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=hero]{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=hero],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=hero]{margin-bottom:var(--stzh-space-xxxlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h1]{margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-large)}@media screen and (min-width: 900px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h1]{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h1]{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h1]{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h1]{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h1]{margin-bottom:var(--stzh-space-xxxlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h2]{margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h2]{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h2]{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h2]{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h2]{margin-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h2]{margin-bottom:var(--stzh-space-small)}}.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h3],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h3]{margin-top:var(--stzh-space-xxsmall);margin-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h3],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h3]{margin-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h3],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h3]{margin-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h3],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h3]{margin-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h3],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h3]{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h3],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h3]{margin-top:var(--stzh-space-xsmall)}}.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h4],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h4]{margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h4],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h4]{margin-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h4],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h4]{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h4],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h4]{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h4],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h4]{margin-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h4],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h4]{margin-bottom:var(--stzh-space-small)}}.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=p1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=p1]{margin-bottom:var(--stzh-space-medium);margin-top:0}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=p1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=p1]{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=p1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=p1]{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=p1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=p1]{margin-bottom:var(--stzh-space-xxlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=p2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=p2]{margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=p2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=p2]{margin-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=p2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=p2]{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=p2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=p2]{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=p2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=p2]{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=p2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=p2]{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=p2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=p2]{margin-bottom:var(--stzh-space-xlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s ul,.sc-stzh-richtext-h .sc-stzh-richtext-s ol,.sc-stzh-richtext-h .sc-stzh-richtext-s dl{list-style:none;padding-left:0;overflow:hidden}.sc-stzh-richtext-h .sc-stzh-richtext-s ol{counter-reset:li-counter}.sc-stzh-richtext-h .sc-stzh-richtext-s ul li,.sc-stzh-richtext-h .sc-stzh-richtext-s ol li{position:relative}.sc-stzh-richtext-h .sc-stzh-richtext-s ul li::before,.sc-stzh-richtext-h .sc-stzh-richtext-s ol li::before{display:inline-block;position:absolute;left:0;top:0}.sc-stzh-richtext-h .sc-stzh-richtext-s ul li{padding-left:calc(var(--stzh-space-xsmall) + var(--stzh-space-small))}.sc-stzh-richtext-h .sc-stzh-richtext-s ul li::before{content:"–"}.sc-stzh-richtext-h .sc-stzh-richtext-s ol li{counter-increment:li-counter;padding-left:calc(var(--stzh-space-large) + var(--stzh-space-small))}.sc-stzh-richtext-h .sc-stzh-richtext-s ol li::before{content:counter(li-counter) ". "}.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-figure{margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-h3-default-text-letter-spacing);padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium);margin:var(--stzh-space-xxlarge);color:var(--richtext-blockquote-color);position:relative;overflow:hidden}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-text-line-height, var(--stzh-font-deci-text-line-height));letter-spacing:var(--stzh-font-curve-h3-small-text-letter-spacing)}}@media screen and (min-width: 900px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h3-medium-text-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-text-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 1600px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{font-size:var(--stzh-font-curve-h3-ultra-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h3-ultra-text-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h3-ultra-text-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 900px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{padding-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{padding-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{margin:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{margin:var(--stzh-space-xxxxlarge)}}@media print{.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{page-break-inside:avoid;break-inside:avoid;-webkit-print-color-adjust:exact;print-color-adjust:exact}}.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote:before{background:var(--richtext-blockquote-line-color);height:calc(100% - var(--stzh-space-xsmall) * 2);width:0.1875rem;content:" ";display:block;position:absolute;left:0;top:var(--stzh-space-xsmall)}.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote p{margin-top:0;margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote p{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote p{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote p{margin-bottom:var(--stzh-space-xlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote p::before,.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote p::after{display:inline-block}.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote p::before{content:"«"}.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote p::after{content:"»"}.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote footer{font-size:var(--stzh-font-curve-p2-default-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-p2-default-text-line-height, var(--stzh-font-micro-text-line-height));color:var(--richtext-blockquote-footer-color)}@media screen and (min-width: 900px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote footer{font-size:var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p2-medium-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p2-medium-text-letter-spacing)}}.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote footer::before{content:"–";display:inline-block;margin-right:var(--stzh-space-xxxsmall)}.sc-stzh-richtext-h .sc-stzh-richtext-s table{--min-width:none;--cell-padding:var(--stzh-table-cell-padding);width:100%;border-spacing:0;min-width:var(--min-width)}.sc-stzh-richtext-h .sc-stzh-richtext-s table.has-layout-fixed{table-layout:fixed}.sc-stzh-richtext-h .sc-stzh-richtext-s thead{position:sticky;top:0;z-index:1}.sc-stzh-richtext-h .sc-stzh-richtext-s tbody tr:nth-child(even) td,.sc-stzh-richtext-h .sc-stzh-richtext-s tbody tr:nth-child(even) th{background-color:var(--stzh-color-grey10)}.sc-stzh-richtext-h .sc-stzh-richtext-s td,.sc-stzh-richtext-h .sc-stzh-richtext-s th{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);text-align:left;border:none;vertical-align:top;border:none;background-color:var(--stzh-color-white);transition:background-color var(--stzh-base-transition-animation-speed);padding:var(--cell-padding)}.sc-stzh-richtext-h .sc-stzh-richtext-s td a,.sc-stzh-richtext-h .sc-stzh-richtext-s th a{color:var(--stzh-link-color);transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius);text-underline-offset:var(--stzh-link-text-underline-offset);-webkit-text-decoration-line:var(--stzh-link-text-decoration-line);text-decoration-line:var(--stzh-link-text-decoration-line);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-richtext-h .sc-stzh-richtext-s td a:hover,.sc-stzh-richtext-h .sc-stzh-richtext-s th a:hover{color:var(--stzh-link-hover-color);-webkit-text-decoration-line:var(--stzh-link-hover-text-decoration-line);text-decoration-line:var(--stzh-link-hover-text-decoration-line)}.sc-stzh-richtext-h .sc-stzh-richtext-s td b,.sc-stzh-richtext-h .sc-stzh-richtext-s td strong,.sc-stzh-richtext-h .sc-stzh-richtext-s th b,.sc-stzh-richtext-h .sc-stzh-richtext-s th strong{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.sc-stzh-richtext-h .sc-stzh-richtext-s td i,.sc-stzh-richtext-h .sc-stzh-richtext-s td em,.sc-stzh-richtext-h .sc-stzh-richtext-s th i,.sc-stzh-richtext-h .sc-stzh-richtext-s th em{font-family:var(--stzh-font-family-medium-italic);font-weight:var(--stzh-font-weight-medium-italic);font-style:var(--stzh-font-style-medium-italic)}.sc-stzh-richtext-h .sc-stzh-richtext-s td.align-left,.sc-stzh-richtext-h .sc-stzh-richtext-s th.align-left{text-align:left}.sc-stzh-richtext-h .sc-stzh-richtext-s td.align-right,.sc-stzh-richtext-h .sc-stzh-richtext-s th.align-right{text-align:right}.sc-stzh-richtext-h .sc-stzh-richtext-s td.align-center,.sc-stzh-richtext-h .sc-stzh-richtext-s th.align-center{text-align:center}.sc-stzh-richtext-h .sc-stzh-richtext-s td.valign-auto,.sc-stzh-richtext-h .sc-stzh-richtext-s th.valign-auto{vertical-align:auto}.sc-stzh-richtext-h .sc-stzh-richtext-s td.valign-middle,.sc-stzh-richtext-h .sc-stzh-richtext-s th.valign-middle{vertical-align:middle}.sc-stzh-richtext-h .sc-stzh-richtext-s td.valign-bottom,.sc-stzh-richtext-h .sc-stzh-richtext-s th.valign-bottom{vertical-align:bottom}.sc-stzh-richtext-h .sc-stzh-richtext-s td.valign-top,.sc-stzh-richtext-h .sc-stzh-richtext-s th.valign-top{vertical-align:top}.sc-stzh-richtext-h .sc-stzh-richtext-s td.nowrap,.sc-stzh-richtext-h .sc-stzh-richtext-s th.nowrap{white-space:nowrap}.sc-stzh-richtext-h .sc-stzh-richtext-s td.is-head,.sc-stzh-richtext-h .sc-stzh-richtext-s th.is-head{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.sc-stzh-richtext-h .sc-stzh-richtext-s td.is-sticky-left,.sc-stzh-richtext-h .sc-stzh-richtext-s td.is-sticky-right,.sc-stzh-richtext-h .sc-stzh-richtext-s th.is-sticky-left,.sc-stzh-richtext-h .sc-stzh-richtext-s th.is-sticky-right{position:sticky;z-index:1}.sc-stzh-richtext-h .sc-stzh-richtext-s td.has-sticked,.sc-stzh-richtext-h .sc-stzh-richtext-s th.has-sticked{z-index:2}.sc-stzh-richtext-h .sc-stzh-richtext-s td.is-sticky-left,.sc-stzh-richtext-h .sc-stzh-richtext-s th.is-sticky-left{left:0}.sc-stzh-richtext-h .sc-stzh-richtext-s td.is-sticky-right,.sc-stzh-richtext-h .sc-stzh-richtext-s th.is-sticky-right{right:0}.sc-stzh-richtext-h .sc-stzh-richtext-s td.is-sticky-left::after,.sc-stzh-richtext-h .sc-stzh-richtext-s td.is-sticky-right::after,.sc-stzh-richtext-h .sc-stzh-richtext-s th.is-sticky-left::after,.sc-stzh-richtext-h .sc-stzh-richtext-s th.is-sticky-right::after{background:linear-gradient(90deg, rgba(0, 0, 0, 0.16) 0%, rgba(0, 0, 0, 0) 100%);content:"";pointer-events:none;position:absolute;top:0;height:100%;width:0.375rem;transform:translate(100%);opacity:0;transition:opacity var(--stzh-base-transition-animation-speed)}.sc-stzh-richtext-h .sc-stzh-richtext-s td.is-sticky-left::after,.sc-stzh-richtext-h .sc-stzh-richtext-s th.is-sticky-left::after{right:0}.sc-stzh-richtext-h .sc-stzh-richtext-s td.is-sticky-right::after,.sc-stzh-richtext-h .sc-stzh-richtext-s th.is-sticky-right::after{left:0;transform:rotate(-180deg) translate(100%)}.sc-stzh-richtext-h .sc-stzh-richtext-s td.has-sticked.is-sticky-left::after,.sc-stzh-richtext-h .sc-stzh-richtext-s td.has-sticked.is-sticky-right::after,.sc-stzh-richtext-h .sc-stzh-richtext-s th.has-sticked.is-sticky-left::after,.sc-stzh-richtext-h .sc-stzh-richtext-s th.has-sticked.is-sticky-right::after{opacity:1}.sc-stzh-richtext-h .sc-stzh-richtext-s th{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);color:var(--stzh-table-head-color, var(--stzh-color-primary))}.sc-stzh-richtext-h .sc-stzh-richtext-s th.is-sortable{padding:0}.sc-stzh-richtext-h .sc-stzh-richtext-s a{color:var(--stzh-link-color);transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius);text-underline-offset:var(--stzh-link-text-underline-offset);-webkit-text-decoration-line:var(--stzh-link-text-decoration-line);text-decoration-line:var(--stzh-link-text-decoration-line);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-richtext-h .sc-stzh-richtext-s a:hover{color:var(--stzh-link-hover-color);-webkit-text-decoration-line:var(--stzh-link-hover-text-decoration-line);text-decoration-line:var(--stzh-link-hover-text-decoration-line)}.sc-stzh-richtext-h .sc-stzh-richtext-s .stzh-richtext__external-link{position:relative}.sc-stzh-richtext-h .sc-stzh-richtext-s .stzh-richtext__external-vhidden{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.sc-stzh-richtext-h .sc-stzh-richtext-s .stzh-richtext__external-icon-wrapper{position:relative;display:inline-block;width:var(--stzh-icon-size);height:var(--stzh-link-icon-wrapper-height);margin-left:var(--stzh-space-xxsmall)}.sc-stzh-richtext-h .sc-stzh-richtext-s .stzh-richtext__external-icon{--icon:var(--stzh-icon-size);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);margin-top:0.0625rem;width:var(--stzh-icon-size);height:var(--stzh-icon-size)}.sc-stzh-richtext-h[has-hidden-first-margin].sc-stzh-richtext-s>*:first-child,.sc-stzh-richtext-h[has-hidden-first-margin] .sc-stzh-richtext-s>*:first-child{margin-top:0 !important}.sc-stzh-richtext-h[has-hidden-last-margin].sc-stzh-richtext-s>*:last-child,.sc-stzh-richtext-h[has-hidden-last-margin] .sc-stzh-richtext-s>*:last-child{margin-bottom:0 !important}.stzh-richtext.sc-stzh-richtext{column-gap:var(--stzh-grid-gutter);display:var(--display);grid-template-areas:var(--grid-template-areas);grid-template-columns:var(--grid-template-columns)}@media screen and (min-width: 600px){.stzh-richtext.sc-stzh-richtext{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-richtext.sc-stzh-richtext{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-richtext.sc-stzh-richtext{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-richtext.sc-stzh-richtext{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-richtext__text.sc-stzh-richtext{grid-area:text;display:grid}';const x=z;const l="stzh-richtext__external-link";const d="stzh-richtext__external-icon-wrapper";const g="stzh-richtext__external-icon";const m="stzh-richtext__external-vhidden";const v=class{constructor(s){t(this,s);this.localization=undefined;this.removeFirstMargin=undefined;this.removeLastMargin=undefined;this.externalLinkSelector='a[rel*="external"], a.external, a.extern';this.externalLinkIcon="external-link"}addExternalLinkIcons(){this.externalLinks.forEach((t=>{t.classList.add(l);if(!t.querySelector(`.${m}`)){const s=document.createElement("span");s.classList.add(m);s.innerText=this.localization.$globals.externalLinkLabel;t.prepend(s)}if(!t.querySelector(`.${d}`)){const s=document.createElement("span");s.classList.add(d);const h=document.createElement("stzh-icon");h.classList.add(g);h.name=this.externalLinkIcon;s.appendChild(h);t.appendChild(s)}}))}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"richtext")}}componentDidRender(){this.externalLinks=Array.from(this.element.querySelectorAll(this.externalLinkSelector));if(this.externalLinks&&this.externalLinks.length>0){this.addExternalLinkIcons()}}render(){const t={"stzh-richtext":true};return h(e,{key:"178c5beeae7ae4cddc2c22ef154b8ed3f7f79e06","has-hidden-first-margin":typeof this.removeFirstMargin==="boolean"?this.removeFirstMargin:true,"has-hidden-last-margin":typeof this.removeLastMargin==="boolean"?this.removeLastMargin:true},h("div",{key:"c785285657113c18652de6ab87fd475757c95d05",class:t},h("div",{key:"b141cd2610717ef9a0bd556112c4d51bbf0f5910",class:"stzh-richtext__text"},h("slot",{key:"a7fe434f1ece432a03c93b65dbea538ee0bafb9a"}))))}get element(){return i(this)}};v.style=x;const p=":host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--show-display:contents;--hide-display:none;--current-display:var(--hide-display);display:var(--current-display)}:host([mikro]){--current-display:var(--show-display)}:host([mikro=false]){--current-display:var(--hide-display)}@media screen and (min-width: 600px){:host([small]){--current-display:var(--show-display)}}@media screen and (min-width: 600px){:host([small=false]){--current-display:var(--hide-display)}}@media screen and (min-width: 900px){:host([medium]){--current-display:var(--show-display)}}@media screen and (min-width: 900px){:host([medium=false]){--current-display:var(--hide-display)}}@media screen and (min-width: 1260px){:host([large]){--current-display:var(--show-display)}}@media screen and (min-width: 1260px){:host([large=false]){--current-display:var(--hide-display)}}@media screen and (min-width: 1600px){:host([ultra]){--current-display:var(--show-display)}}@media screen and (min-width: 1600px){:host([ultra=false]){--current-display:var(--hide-display)}}";const f=p;const u="stzh-components-show-close";const b=class{constructor(s){t(this,s);this.closedByCookie=false;this.mikro=undefined;this.small=undefined;this.medium=undefined;this.large=undefined;this.ultra=undefined;this.showFromDate=undefined;this.hideFromDate=undefined;this.closeKey=""}closeWatcher(t){if(["stzh-banner","stzh-message","stzh-ghettobox"].includes(t.detail.component)){if(this.closeKey){r.set(`${u}-${this.closeKey}`,Date.now().toString())}}}showFromDateWatcher(t){if(typeof t==="string"){this._showFromDate=t?new Date(t):null}else{this._showFromDate=t}let s=false;if(this.closeKey){const t=r.get(`${u}-${this.closeKey}`);if(t&&(!this._showFromDate||Number(t)>=this._showFromDate.getTime())){s=true}}this.closedByCookie=s}hideFromDateWatcher(t){if(typeof t==="string"){this._hideFromDate=t?new Date(t):null}else{this._hideFromDate=t}}componentWillLoad(){this.showFromDateWatcher(this.showFromDate);this.hideFromDateWatcher(this.hideFromDate)}render(){const t=Date.now();return h(e,{key:"95863d44444ce6ec7c22af7758e3beda645f54dd",hidden:this._showFromDate&&t<=this._showFromDate.getTime()||this._hideFromDate&&t>=this._hideFromDate.getTime()||this.closedByCookie},h("slot",{key:"5de68cb64563e470ed611adac04814c6676ad220"}))}get element(){return i(this)}static get watchers(){return{showFromDate:["showFromDateWatcher"],hideFromDate:["hideFromDateWatcher"]}}};b.style=f;export{o as stzh_ghettobox,v as stzh_richtext,b as stzh_show};
-//# sourceMappingURL=p-380d1021.entry.js.map
+import{r as t,c as s,h,a as e,g as i}from"./p-ef5985a3.js";import{s as c}from"./p-87c329f2.js";import{C as r}from"./p-979121a0.js";import"./p-dae15605.js";import"./p-1ab64d01.js";const a=".sc-stzh-ghettobox-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-ghettobox-h,[stzh-hidden].sc-stzh-ghettobox-h{display:none}.sc-stzh-ghettobox-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-ghettobox-h *.sc-stzh-ghettobox,.sc-stzh-ghettobox-h *.sc-stzh-ghettobox::before,.sc-stzh-ghettobox-h *.sc-stzh-ghettobox::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-ghettobox-h .has-focus.sc-stzh-ghettobox{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-ghettobox-h .stzh-fylingfocus-focused.sc-stzh-ghettobox{outline-style:none !important}.sc-stzh-ghettobox-h .stzh-fylingfocus-focused.sc-stzh-ghettobox::-moz-focus-inner{border:0 !important}.sc-stzh-ghettobox-h{--stzh-flyingfocus-color:var(--stzh-base-invert-color);--stzh-base-color:var(--stzh-base-invert-color);--stzh-base-lead-color:var(--stzh-base-invert-color);--stzh-base-border-color:var(--stzh-base-invert-color);--stzh-heading-color:var(--stzh-base-invert-color);--stzh-link-color:var(--stzh-base-invert-color);--stzh-link-hover-color:var(--stzh-base-invert-color);--stzh-button-color:var(--stzh-color-primary);--stzh-button-background-color:var(--stzh-base-invert-color);--stzh-button-hover-color:var(--stzh-color-primary);--stzh-button-hover-background-color:var(--stzh-color-white80op);--stzh-button-disabled-color:var(--stzh-color-primary);--stzh-button-disabled-background-color:var(--stzh-color-white40op);--stzh-button-secondary-color:var(--stzh-base-invert-color);--stzh-button-secondary-background-color:var(--stzh-color-white40op);--stzh-button-secondary-hover-color:var(--stzh-base-invert-color);--stzh-button-secondary-hover-background-color:var(--stzh-color-white30op);--stzh-button-secondary-disabled-color:var(--stzh-color-white60op);--stzh-button-secondary-disabled-background-color:var(--stzh-color-white40op);--stzh-button-tertiary-color:var(--stzh-base-invert-color);--stzh-button-tertiary-hover-color:var(--stzh-base-invert-color);--stzh-button-tertiary-hover-background-color:var(--stzh-color-white20op);--stzh-button-tertiary-disabled-color:var(--stzh-color-white70op);--stzh-button-active-color:var(--stzh-color-primary);--stzh-button-active-background-color:var(--stzh-color-white80op);--stzh-button-active-hover-color:var(--stzh-color-primary);--stzh-button-active-hover-background-color:var(--stzh-color-white80op);--background-color:var(--stzh-color-coral60);--color:var(--stzh-base-invert-color);--richtext-color:var(--color)}.stzh-ghettobox.sc-stzh-ghettobox{position:relative;color:var(--color);box-shadow:var(--stzh-box-shadow-message);background-color:var(--background-color);--stzh-button-secondary-color:var(--stzh-color-coral60);--stzh-button-secondary-background-color:var(--stzh-color-white90op);--stzh-button-secondary-hover-color:var(--stzh-color-coral60);--stzh-button-secondary-hover-background-color:var(--stzh-color-white);--stzh-button-secondary-disabled-color:var(--stzh-color-white60op);--stzh-button-secondary-disabled-background-color:var(--stzh-color-white40op)}.stzh-ghettobox__container.sc-stzh-ghettobox{margin-left:1.25rem;margin-right:1.25rem;padding-top:var(--stzh-space-xxlarge);padding-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){.stzh-ghettobox__container.sc-stzh-ghettobox{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-ghettobox__container.sc-stzh-ghettobox{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-ghettobox__container.sc-stzh-ghettobox{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-ghettobox__container.sc-stzh-ghettobox{margin-left:auto;margin-right:auto;max-width:84.25rem}}@media screen and (min-width: 900px){.stzh-ghettobox__container.sc-stzh-ghettobox{padding-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-ghettobox__container.sc-stzh-ghettobox{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-ghettobox__container.sc-stzh-ghettobox{padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-ghettobox__container.sc-stzh-ghettobox{padding-bottom:var(--stzh-space-xxxxlarge)}}.stzh-ghettobox__hidden-title.sc-stzh-ghettobox{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-ghettobox__message.sc-stzh-ghettobox{gap:var(--stzh-space-medium);display:flex;flex-direction:column}@media screen and (min-width: 600px){.stzh-ghettobox__message.sc-stzh-ghettobox{gap:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-ghettobox__message.sc-stzh-ghettobox{gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-ghettobox__message.sc-stzh-ghettobox{gap:var(--stzh-space-xxlarge)}}.stzh-ghettobox__main-title.sc-stzh-ghettobox{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-style:var(--stzh-font-style-title);font-size:var(--stzh-font-curve-h2-default-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h2-default-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h2-default-heading-letter-spacing);margin:0;color:inherit}@media screen and (min-width: 600px){.stzh-ghettobox__main-title.sc-stzh-ghettobox{font-size:var(--stzh-font-curve-h2-small-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h2-small-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h2-small-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 900px){.stzh-ghettobox__main-title.sc-stzh-ghettobox{font-size:var(--stzh-font-curve-h2-medium-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h2-medium-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h2-medium-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-ghettobox__main-title.sc-stzh-ghettobox{font-size:var(--stzh-font-curve-h2-ultra-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h2-ultra-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h2-ultra-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}.stzh-ghettobox__main-title.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-ghettobox__main-title.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-ghettobox__main-title.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-ghettobox__main-title.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-xxlarge)}}.stzh-ghettobox__description.sc-stzh-ghettobox{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);--stzh-base-color:var(--richtext-color)}@media screen and (min-width: 900px){.stzh-ghettobox__description.sc-stzh-ghettobox{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-ghettobox__description.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.stzh-ghettobox__description.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-ghettobox__description.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-ghettobox__description.sc-stzh-ghettobox:not(:empty){margin-bottom:var(--stzh-space-xlarge)}}.stzh-ghettobox__button.sc-stzh-ghettobox{display:grid}@media screen and (min-width: 600px){.stzh-ghettobox__button.sc-stzh-ghettobox{justify-content:start}}.stzh-ghettobox__close.sc-stzh-ghettobox{position:absolute;top:0;right:0}@media screen and (min-width: 600px){.stzh-ghettobox__close.sc-stzh-ghettobox{top:0.625rem;right:0.625rem}}";const n=a;const o=class{constructor(h){t(this,h);this.stzhOpen=s(this,"stzhOpen",7);this.stzhClose=s(this,"stzhClose",7);this.onCloseButtonClick=()=>{this.hide()};this.init=()=>{const t=this.element.querySelector('stzh-button[slot="button"]');if(t){c(t,{size:"small",sizeMedium:"default",variant:"secondary",effect:"cta",icon:"arrow-right",iconPosition:"right"})}};this.hiddenTitle="";this.mainTitle="";this.description="";this.hideClose=false;this.localization=undefined;this.open=true}async show(){this.open=true;this.stzhOpen.emit({component:"stzh-ghettobox"})}async hide(){this.open=false;this.stzhClose.emit({component:"stzh-ghettobox"})}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"ghettobox")}}connectedCallback(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}render(){const t={"stzh-ghettobox":true,"stzh-ghettobox--has-close-button":!this.hideClose};return h(e,{key:"d40a68f06befce32bddf586e8a0ac3baa6c6029b",hidden:!this.open},h("div",{key:"f2df3cf8f7301e7050716e02cacf17c55c2c9164",class:Object.assign(Object.assign({},t),{rs_skip:!this.open}),"aria-hidden":this.open?"false":"true"},h("div",{key:"223eef31853e7e7e778d365216dd7feac1875a61",class:"stzh-ghettobox__container"},h("h1",{key:"9c817ce20a40c6fbb81fd65de0a3d6b2f5f52616",class:"stzh-ghettobox__hidden-title"},this.hiddenTitle||this.localization.hiddenTitle),h("div",{key:"b36665c321d5da30119675f030797c8980802f39",class:"stzh-ghettobox__message"},h("div",{key:"72faac5bcf07946254ba27e3496e2a1e085b1e8b",class:"stzh-ghettobox__text"},h("h2",{key:"e3c5c4c26f13c93a80742ece7fb2773bb07fd7c5",class:"stzh-ghettobox__main-title"},this.mainTitle),h("div",{key:"0bb78ab484b3b2f63a31a7ddfdeae63f670dfcf8",class:"stzh-ghettobox__description"},this.description?this.description:h("slot",null))),h("div",{key:"cc2eece7ae9eaeee19ff8638eb8d0e38bb6c58e9",class:"stzh-ghettobox__button"},h("slot",{key:"0011b4be750fe4ee4aa2ae02c4032b42cafc7272",name:"button"}))),!this.hideClose&&h("stzh-button",{key:"87d3f30a09d3f90fabb822527d9dd7d8ba7ddb43",class:"stzh-ghettobox__close",onClick:this.onCloseButtonClick,a11yLabel:this.localization.close,variant:"tertiary",size:"small",iconOnly:true,icon:"close-big"}))))}get element(){return i(this)}};o.style=n;const z='@charset "UTF-8";.sc-stzh-richtext-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-richtext-h,[stzh-hidden].sc-stzh-richtext-h{display:none}.sc-stzh-richtext-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-richtext-h *.sc-stzh-richtext,.sc-stzh-richtext-h *.sc-stzh-richtext::before,.sc-stzh-richtext-h *.sc-stzh-richtext::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-richtext-h .has-focus.sc-stzh-richtext{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-richtext-h .stzh-fylingfocus-focused.sc-stzh-richtext{outline-style:none !important}.sc-stzh-richtext-h .stzh-fylingfocus-focused.sc-stzh-richtext::-moz-focus-inner{border:0 !important}.sc-stzh-richtext-h{--color:var(--stzh-base-color);--richtext-blockquote-color:var(--stzh-richtext-blockquote-color, var(--stzh-color-primary70));--richtext-blockquote-line-color:var(--stzh-richtext-blockquote-line-color, var(--stzh-color-primary70));--richtext-blockquote-footer-color:var(--stzh-richtext-blockquote-footer-color, var(--stzh-color-old-grey55));color:var(--color);--display:var(--stzh-richtext-display, block);--grid-template-areas:var(\n    --stzh-richtext-grid-template-areas,\n    "text text text text"\n  );--grid-template-columns:var(\n    --stzh-richtext-grid-template-columns,\n    repeat(4, minmax(0, 1fr))\n  )}@media screen and (min-width: 600px){.sc-stzh-richtext-h{--grid-template-areas:var(\n      --stzh-richtext-grid-template-areas,\n      "text text text text"\n    )}}@media screen and (min-width: 900px){.sc-stzh-richtext-h{--grid-template-areas:var(\n      --stzh-richtext-grid-template-areas,\n      "text text text text text text text text"\n    );--grid-template-columns:var(\n      --stzh-richtext-grid-template-columns,\n      repeat(8, minmax(0, 1fr))\n    )}}.sc-stzh-richtext-h .sc-stzh-richtext-s .float-left{float:left}.sc-stzh-richtext-h .sc-stzh-richtext-s .float-right{float:right}.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s h2,.sc-stzh-richtext-h .sc-stzh-richtext-s h3,.sc-stzh-richtext-h .sc-stzh-richtext-s h4{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-style:var(--stzh-font-style-title);color:var(--stzh-heading-color);margin:0}.sc-stzh-richtext-h .sc-stzh-richtext-s b,.sc-stzh-richtext-h .sc-stzh-richtext-s strong{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.sc-stzh-richtext-h .sc-stzh-richtext-s i,.sc-stzh-richtext-h .sc-stzh-richtext-s em{font-family:var(--stzh-font-family-medium-italic);font-weight:var(--stzh-font-weight-medium-italic);font-style:var(--stzh-font-style-medium-italic)}.sc-stzh-richtext-h.sc-stzh-richtext-s>*,.sc-stzh-richtext-h .sc-stzh-richtext-s>*,.sc-stzh-richtext-h .sc-stzh-richtext-s p,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 900px){.sc-stzh-richtext-h.sc-stzh-richtext-s>*,.sc-stzh-richtext-h .sc-stzh-richtext-s>*,.sc-stzh-richtext-h .sc-stzh-richtext-s p,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.sc-stzh-richtext-h .sc-stzh-richtext-s h1{font-size:var(--stzh-font-curve-h1-default-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h1-default-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h1-default-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1{font-size:var(--stzh-font-curve-h1-small-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h1-small-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h1-small-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 900px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1{font-size:var(--stzh-font-curve-h1-medium-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h1-medium-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h1-medium-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1{font-size:var(--stzh-font-curve-h1-large-font-size, var(--stzh-font-mega-font-size));line-height:var(--stzh-font-curve-h1-large-heading-line-height, var(--stzh-font-mega-text-line-height));letter-spacing:var(--stzh-font-curve-h1-large-heading-letter-spacing, var(--stzh-font-mega-text-letter-spacing))}}@media screen and (min-width: 1600px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1{font-size:var(--stzh-font-curve-h1-ultra-font-size, var(--stzh-font-giga-font-size));line-height:var(--stzh-font-curve-h1-ultra-heading-line-height, var(--stzh-font-giga-text-line-height));letter-spacing:var(--stzh-font-curve-h1-ultra-heading-letter-spacing, var(--stzh-font-giga-text-letter-spacing))}}.sc-stzh-richtext-h .sc-stzh-richtext-s h2{font-size:var(--stzh-font-curve-h2-default-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h2-default-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h2-default-heading-letter-spacing)}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s h2{font-size:var(--stzh-font-curve-h2-small-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h2-small-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h2-small-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 900px){.sc-stzh-richtext-h .sc-stzh-richtext-s h2{font-size:var(--stzh-font-curve-h2-medium-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h2-medium-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h2-medium-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 1600px){.sc-stzh-richtext-h .sc-stzh-richtext-s h2{font-size:var(--stzh-font-curve-h2-ultra-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h2-ultra-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h2-ultra-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}.sc-stzh-richtext-h .sc-stzh-richtext-s h3{font-size:var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-default-heading-letter-spacing)}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s h3{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-small-heading-letter-spacing)}}@media screen and (min-width: 900px){.sc-stzh-richtext-h .sc-stzh-richtext-s h3{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h3-medium-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 1600px){.sc-stzh-richtext-h .sc-stzh-richtext-s h3{font-size:var(--stzh-font-curve-h3-ultra-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h3-ultra-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h3-ultra-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}.sc-stzh-richtext-h .sc-stzh-richtext-s h4{font-size:var(--stzh-font-curve-h4-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-h4-default-heading-line-height, var(--stzh-font-milli-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-default-heading-letter-spacing)}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s h4{font-size:var(--stzh-font-curve-h4-small-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h4-small-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-small-heading-letter-spacing)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s h4{font-size:var(--stzh-font-curve-h4-large-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h4-large-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-large-heading-letter-spacing)}}@media screen and (min-width: 1600px){.sc-stzh-richtext-h .sc-stzh-richtext-s h4{font-size:var(--stzh-font-curve-h4-ultra-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h4-ultra-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h4-ultra-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="1"]{margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-large)}@media screen and (min-width: 900px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="1"]{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="1"]{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="1"]{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="1"]{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s h1,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="1"]{margin-bottom:var(--stzh-space-xxxlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s h2,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="2"]{margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s h2,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="2"]{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.sc-stzh-richtext-h .sc-stzh-richtext-s h2,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="2"]{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s h2,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="2"]{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.sc-stzh-richtext-h .sc-stzh-richtext-s h2,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="2"]{margin-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s h2,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="2"]{margin-bottom:var(--stzh-space-small)}}.sc-stzh-richtext-h .sc-stzh-richtext-s h3,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="3"]{margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s h3,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="3"]{margin-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.sc-stzh-richtext-h .sc-stzh-richtext-s h3,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="3"]{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s h3,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="3"]{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.sc-stzh-richtext-h .sc-stzh-richtext-s h3,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="3"]{margin-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s h3,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="3"]{margin-bottom:var(--stzh-space-small)}}.sc-stzh-richtext-h .sc-stzh-richtext-s h4,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="4"]{margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s h4,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="4"]{margin-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.sc-stzh-richtext-h .sc-stzh-richtext-s h4,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="4"]{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s h4,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="4"]{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.sc-stzh-richtext-h .sc-stzh-richtext-s h4,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="4"]{margin-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s h4,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[level="4"]{margin-bottom:var(--stzh-space-small)}}.sc-stzh-richtext-h .sc-stzh-richtext-s p,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text,.sc-stzh-richtext-h .sc-stzh-richtext-s ul,.sc-stzh-richtext-h .sc-stzh-richtext-s ol,.sc-stzh-richtext-h .sc-stzh-richtext-s dl,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-list{margin-bottom:var(--stzh-space-xsmall);margin-top:0}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s p,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text,.sc-stzh-richtext-h .sc-stzh-richtext-s ul,.sc-stzh-richtext-h .sc-stzh-richtext-s ol,.sc-stzh-richtext-h .sc-stzh-richtext-s dl,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-list{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.sc-stzh-richtext-h .sc-stzh-richtext-s p,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text,.sc-stzh-richtext-h .sc-stzh-richtext-s ul,.sc-stzh-richtext-h .sc-stzh-richtext-s ol,.sc-stzh-richtext-h .sc-stzh-richtext-s dl,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-list{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s p,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text,.sc-stzh-richtext-h .sc-stzh-richtext-s ul,.sc-stzh-richtext-h .sc-stzh-richtext-s ol,.sc-stzh-richtext-h .sc-stzh-richtext-s dl,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-list{margin-bottom:var(--stzh-space-xlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s ul ul,.sc-stzh-richtext-h .sc-stzh-richtext-s ul ol,.sc-stzh-richtext-h .sc-stzh-richtext-s ul dl,.sc-stzh-richtext-h .sc-stzh-richtext-s ul stzh-list,.sc-stzh-richtext-h .sc-stzh-richtext-s ol ul,.sc-stzh-richtext-h .sc-stzh-richtext-s ol ol,.sc-stzh-richtext-h .sc-stzh-richtext-s ol dl,.sc-stzh-richtext-h .sc-stzh-richtext-s ol stzh-list,.sc-stzh-richtext-h .sc-stzh-richtext-s dl ul,.sc-stzh-richtext-h .sc-stzh-richtext-s dl ol,.sc-stzh-richtext-h .sc-stzh-richtext-s dl dl,.sc-stzh-richtext-h .sc-stzh-richtext-s dl stzh-list,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-list ul,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-list ol,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-list dl,.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-list stzh-list{margin-top:0;margin-bottom:0}.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=hero],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=hero]{margin-bottom:var(--stzh-space-large);margin-top:0}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=hero],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=hero]{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=hero],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=hero]{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=hero],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=hero]{margin-bottom:var(--stzh-space-xxxlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h1]{margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-large)}@media screen and (min-width: 900px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h1]{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h1]{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h1]{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h1]{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h1]{margin-bottom:var(--stzh-space-xxxlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h2]{margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h2]{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h2]{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h2]{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h2]{margin-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h2]{margin-bottom:var(--stzh-space-small)}}.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h3],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h3]{margin-top:var(--stzh-space-xxsmall);margin-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h3],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h3]{margin-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h3],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h3]{margin-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h3],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h3]{margin-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h3],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h3]{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h3],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h3]{margin-top:var(--stzh-space-xsmall)}}.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h4],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h4]{margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h4],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h4]{margin-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h4],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h4]{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h4],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h4]{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h4],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h4]{margin-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=h4],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=h4]{margin-bottom:var(--stzh-space-small)}}.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=p1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=p1]{margin-bottom:var(--stzh-space-medium);margin-top:0}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=p1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=p1]{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=p1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=p1]{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=p1],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=p1]{margin-bottom:var(--stzh-space-xxlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=p2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=p2]{margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=p2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=p2]{margin-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=p2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=p2]{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=p2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=p2]{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=p2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=p2]{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=p2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=p2]{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-text[curve=p2],.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-heading[curve=p2]{margin-bottom:var(--stzh-space-xlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s ul,.sc-stzh-richtext-h .sc-stzh-richtext-s ol,.sc-stzh-richtext-h .sc-stzh-richtext-s dl{list-style:none;padding-left:0;overflow:hidden}.sc-stzh-richtext-h .sc-stzh-richtext-s ol{counter-reset:li-counter}.sc-stzh-richtext-h .sc-stzh-richtext-s ul li,.sc-stzh-richtext-h .sc-stzh-richtext-s ol li{position:relative}.sc-stzh-richtext-h .sc-stzh-richtext-s ul li::before,.sc-stzh-richtext-h .sc-stzh-richtext-s ol li::before{display:inline-block;position:absolute;left:0;top:0}.sc-stzh-richtext-h .sc-stzh-richtext-s ul li{padding-left:calc(var(--stzh-space-xsmall) + var(--stzh-space-small))}.sc-stzh-richtext-h .sc-stzh-richtext-s ul li::before{content:"–"}.sc-stzh-richtext-h .sc-stzh-richtext-s ol li{counter-increment:li-counter;padding-left:calc(var(--stzh-space-large) + var(--stzh-space-small))}.sc-stzh-richtext-h .sc-stzh-richtext-s ol li::before{content:counter(li-counter) ". "}.sc-stzh-richtext-h .sc-stzh-richtext-s stzh-figure{margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-h3-default-text-letter-spacing);padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium);margin:var(--stzh-space-xxlarge);color:var(--richtext-blockquote-color);position:relative;overflow:hidden}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-text-line-height, var(--stzh-font-deci-text-line-height));letter-spacing:var(--stzh-font-curve-h3-small-text-letter-spacing)}}@media screen and (min-width: 900px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h3-medium-text-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-text-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 1600px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{font-size:var(--stzh-font-curve-h3-ultra-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h3-ultra-text-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h3-ultra-text-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 900px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{padding-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{padding-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{margin:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{margin:var(--stzh-space-xxxxlarge)}}@media print{.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote{page-break-inside:avoid;break-inside:avoid;-webkit-print-color-adjust:exact;print-color-adjust:exact}}.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote:before{background:var(--richtext-blockquote-line-color);height:calc(100% - var(--stzh-space-xsmall) * 2);width:0.1875rem;content:" ";display:block;position:absolute;left:0;top:var(--stzh-space-xsmall)}.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote p{margin-top:0;margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote p{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote p{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote p{margin-bottom:var(--stzh-space-xlarge)}}.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote p::before,.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote p::after{display:inline-block}.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote p::before{content:"«"}.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote p::after{content:"»"}.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote footer{font-size:var(--stzh-font-curve-p2-default-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-p2-default-text-line-height, var(--stzh-font-micro-text-line-height));color:var(--richtext-blockquote-footer-color)}@media screen and (min-width: 900px){.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote footer{font-size:var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p2-medium-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p2-medium-text-letter-spacing)}}.sc-stzh-richtext-h .sc-stzh-richtext-s blockquote footer::before{content:"–";display:inline-block;margin-right:var(--stzh-space-xxxsmall)}.sc-stzh-richtext-h .sc-stzh-richtext-s table{--min-width:none;--cell-padding:var(--stzh-table-cell-padding);width:100%;border-spacing:0;min-width:var(--min-width)}.sc-stzh-richtext-h .sc-stzh-richtext-s table.has-layout-fixed{table-layout:fixed}.sc-stzh-richtext-h .sc-stzh-richtext-s thead{position:sticky;top:0;z-index:1}.sc-stzh-richtext-h .sc-stzh-richtext-s tbody tr:nth-child(even) td,.sc-stzh-richtext-h .sc-stzh-richtext-s tbody tr:nth-child(even) th{background-color:var(--stzh-color-grey10)}.sc-stzh-richtext-h .sc-stzh-richtext-s td,.sc-stzh-richtext-h .sc-stzh-richtext-s th{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);text-align:left;border:none;vertical-align:top;border:none;background-color:var(--stzh-color-white);transition:background-color var(--stzh-base-transition-animation-speed);padding:var(--cell-padding)}.sc-stzh-richtext-h .sc-stzh-richtext-s td a,.sc-stzh-richtext-h .sc-stzh-richtext-s th a{color:var(--stzh-link-color);transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius);text-underline-offset:var(--stzh-link-text-underline-offset);-webkit-text-decoration-line:var(--stzh-link-text-decoration-line);text-decoration-line:var(--stzh-link-text-decoration-line);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-richtext-h .sc-stzh-richtext-s td a:hover,.sc-stzh-richtext-h .sc-stzh-richtext-s th a:hover{color:var(--stzh-link-hover-color);-webkit-text-decoration-line:var(--stzh-link-hover-text-decoration-line);text-decoration-line:var(--stzh-link-hover-text-decoration-line)}.sc-stzh-richtext-h .sc-stzh-richtext-s td b,.sc-stzh-richtext-h .sc-stzh-richtext-s td strong,.sc-stzh-richtext-h .sc-stzh-richtext-s th b,.sc-stzh-richtext-h .sc-stzh-richtext-s th strong{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.sc-stzh-richtext-h .sc-stzh-richtext-s td i,.sc-stzh-richtext-h .sc-stzh-richtext-s td em,.sc-stzh-richtext-h .sc-stzh-richtext-s th i,.sc-stzh-richtext-h .sc-stzh-richtext-s th em{font-family:var(--stzh-font-family-medium-italic);font-weight:var(--stzh-font-weight-medium-italic);font-style:var(--stzh-font-style-medium-italic)}.sc-stzh-richtext-h .sc-stzh-richtext-s td.align-left,.sc-stzh-richtext-h .sc-stzh-richtext-s th.align-left{text-align:left}.sc-stzh-richtext-h .sc-stzh-richtext-s td.align-right,.sc-stzh-richtext-h .sc-stzh-richtext-s th.align-right{text-align:right}.sc-stzh-richtext-h .sc-stzh-richtext-s td.align-center,.sc-stzh-richtext-h .sc-stzh-richtext-s th.align-center{text-align:center}.sc-stzh-richtext-h .sc-stzh-richtext-s td.valign-auto,.sc-stzh-richtext-h .sc-stzh-richtext-s th.valign-auto{vertical-align:auto}.sc-stzh-richtext-h .sc-stzh-richtext-s td.valign-middle,.sc-stzh-richtext-h .sc-stzh-richtext-s th.valign-middle{vertical-align:middle}.sc-stzh-richtext-h .sc-stzh-richtext-s td.valign-bottom,.sc-stzh-richtext-h .sc-stzh-richtext-s th.valign-bottom{vertical-align:bottom}.sc-stzh-richtext-h .sc-stzh-richtext-s td.valign-top,.sc-stzh-richtext-h .sc-stzh-richtext-s th.valign-top{vertical-align:top}.sc-stzh-richtext-h .sc-stzh-richtext-s td.nowrap,.sc-stzh-richtext-h .sc-stzh-richtext-s th.nowrap{white-space:nowrap}.sc-stzh-richtext-h .sc-stzh-richtext-s td.is-head,.sc-stzh-richtext-h .sc-stzh-richtext-s th.is-head{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.sc-stzh-richtext-h .sc-stzh-richtext-s td.is-sticky-left,.sc-stzh-richtext-h .sc-stzh-richtext-s td.is-sticky-right,.sc-stzh-richtext-h .sc-stzh-richtext-s th.is-sticky-left,.sc-stzh-richtext-h .sc-stzh-richtext-s th.is-sticky-right{position:sticky;z-index:1}.sc-stzh-richtext-h .sc-stzh-richtext-s td.has-sticked,.sc-stzh-richtext-h .sc-stzh-richtext-s th.has-sticked{z-index:2}.sc-stzh-richtext-h .sc-stzh-richtext-s td.is-sticky-left,.sc-stzh-richtext-h .sc-stzh-richtext-s th.is-sticky-left{left:0}.sc-stzh-richtext-h .sc-stzh-richtext-s td.is-sticky-right,.sc-stzh-richtext-h .sc-stzh-richtext-s th.is-sticky-right{right:0}.sc-stzh-richtext-h .sc-stzh-richtext-s td.is-sticky-left::after,.sc-stzh-richtext-h .sc-stzh-richtext-s td.is-sticky-right::after,.sc-stzh-richtext-h .sc-stzh-richtext-s th.is-sticky-left::after,.sc-stzh-richtext-h .sc-stzh-richtext-s th.is-sticky-right::after{background:linear-gradient(90deg, rgba(0, 0, 0, 0.16) 0%, rgba(0, 0, 0, 0) 100%);content:"";pointer-events:none;position:absolute;top:0;height:100%;width:0.375rem;transform:translate(100%);opacity:0;transition:opacity var(--stzh-base-transition-animation-speed)}.sc-stzh-richtext-h .sc-stzh-richtext-s td.is-sticky-left::after,.sc-stzh-richtext-h .sc-stzh-richtext-s th.is-sticky-left::after{right:0}.sc-stzh-richtext-h .sc-stzh-richtext-s td.is-sticky-right::after,.sc-stzh-richtext-h .sc-stzh-richtext-s th.is-sticky-right::after{left:0;transform:rotate(-180deg) translate(100%)}.sc-stzh-richtext-h .sc-stzh-richtext-s td.has-sticked.is-sticky-left::after,.sc-stzh-richtext-h .sc-stzh-richtext-s td.has-sticked.is-sticky-right::after,.sc-stzh-richtext-h .sc-stzh-richtext-s th.has-sticked.is-sticky-left::after,.sc-stzh-richtext-h .sc-stzh-richtext-s th.has-sticked.is-sticky-right::after{opacity:1}.sc-stzh-richtext-h .sc-stzh-richtext-s th{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);color:var(--stzh-table-head-color, var(--stzh-color-primary))}.sc-stzh-richtext-h .sc-stzh-richtext-s th.is-sortable{padding:0}.sc-stzh-richtext-h .sc-stzh-richtext-s a{color:var(--stzh-link-color);transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius);text-underline-offset:var(--stzh-link-text-underline-offset);-webkit-text-decoration-line:var(--stzh-link-text-decoration-line);text-decoration-line:var(--stzh-link-text-decoration-line);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-richtext-h .sc-stzh-richtext-s a:hover{color:var(--stzh-link-hover-color);-webkit-text-decoration-line:var(--stzh-link-hover-text-decoration-line);text-decoration-line:var(--stzh-link-hover-text-decoration-line)}.sc-stzh-richtext-h .sc-stzh-richtext-s .stzh-richtext__external-link{position:relative}.sc-stzh-richtext-h .sc-stzh-richtext-s .stzh-richtext__external-vhidden{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.sc-stzh-richtext-h .sc-stzh-richtext-s .stzh-richtext__external-icon-wrapper{position:relative;display:inline-block;width:var(--stzh-icon-size);height:var(--stzh-link-icon-wrapper-height);margin-left:var(--stzh-space-xxsmall)}.sc-stzh-richtext-h .sc-stzh-richtext-s .stzh-richtext__external-icon{--icon:var(--stzh-icon-size);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);margin-top:0.0625rem;width:var(--stzh-icon-size);height:var(--stzh-icon-size)}.sc-stzh-richtext-h[has-hidden-first-margin].sc-stzh-richtext-s>*:first-child,.sc-stzh-richtext-h[has-hidden-first-margin] .sc-stzh-richtext-s>*:first-child{margin-top:0 !important}.sc-stzh-richtext-h[has-hidden-last-margin].sc-stzh-richtext-s>*:last-child,.sc-stzh-richtext-h[has-hidden-last-margin] .sc-stzh-richtext-s>*:last-child{margin-bottom:0 !important}.stzh-richtext.sc-stzh-richtext{column-gap:var(--stzh-grid-gutter);display:var(--display);grid-template-areas:var(--grid-template-areas);grid-template-columns:var(--grid-template-columns)}@media screen and (min-width: 600px){.stzh-richtext.sc-stzh-richtext{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-richtext.sc-stzh-richtext{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-richtext.sc-stzh-richtext{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-richtext.sc-stzh-richtext{column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-richtext__text.sc-stzh-richtext{grid-area:text;display:grid}';const x=z;const l="stzh-richtext__external-link";const d="stzh-richtext__external-icon-wrapper";const g="stzh-richtext__external-icon";const m="stzh-richtext__external-vhidden";const v=class{constructor(s){t(this,s);this.localization=undefined;this.removeFirstMargin=undefined;this.removeLastMargin=undefined;this.externalLinkSelector='a[rel*="external"], a.external, a.extern';this.externalLinkIcon="external-link"}addExternalLinkIcons(){this.externalLinks.forEach((t=>{t.classList.add(l);if(!t.querySelector(`.${m}`)){const s=document.createElement("span");s.classList.add(m);s.innerText=this.localization.$globals.externalLinkLabel;t.prepend(s)}if(!t.querySelector(`.${d}`)){const s=document.createElement("span");s.classList.add(d);const h=document.createElement("stzh-icon");h.classList.add(g);h.name=this.externalLinkIcon;s.appendChild(h);t.appendChild(s)}}))}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"richtext")}}componentDidRender(){this.externalLinks=Array.from(this.element.querySelectorAll(this.externalLinkSelector));if(this.externalLinks&&this.externalLinks.length>0){this.addExternalLinkIcons()}}render(){const t={"stzh-richtext":true};return h(e,{key:"178c5beeae7ae4cddc2c22ef154b8ed3f7f79e06","has-hidden-first-margin":typeof this.removeFirstMargin==="boolean"?this.removeFirstMargin:true,"has-hidden-last-margin":typeof this.removeLastMargin==="boolean"?this.removeLastMargin:true},h("div",{key:"c785285657113c18652de6ab87fd475757c95d05",class:t},h("div",{key:"b141cd2610717ef9a0bd556112c4d51bbf0f5910",class:"stzh-richtext__text"},h("slot",{key:"a7fe434f1ece432a03c93b65dbea538ee0bafb9a"}))))}get element(){return i(this)}};v.style=x;const p=":host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--show-display:contents;--hide-display:none;--current-display:var(--hide-display);display:var(--current-display)}:host([mikro]){--current-display:var(--show-display)}:host([mikro=false]){--current-display:var(--hide-display)}@media screen and (min-width: 600px){:host([small]){--current-display:var(--show-display)}}@media screen and (min-width: 600px){:host([small=false]){--current-display:var(--hide-display)}}@media screen and (min-width: 900px){:host([medium]){--current-display:var(--show-display)}}@media screen and (min-width: 900px){:host([medium=false]){--current-display:var(--hide-display)}}@media screen and (min-width: 1260px){:host([large]){--current-display:var(--show-display)}}@media screen and (min-width: 1260px){:host([large=false]){--current-display:var(--hide-display)}}@media screen and (min-width: 1600px){:host([ultra]){--current-display:var(--show-display)}}@media screen and (min-width: 1600px){:host([ultra=false]){--current-display:var(--hide-display)}}";const f=p;const u="stzh-components-show-close";const b=class{constructor(s){t(this,s);this.closedByCookie=false;this.mikro=undefined;this.small=undefined;this.medium=undefined;this.large=undefined;this.ultra=undefined;this.showFromDate=undefined;this.hideFromDate=undefined;this.closeKey=""}closeWatcher(t){if(["stzh-banner","stzh-message","stzh-ghettobox"].includes(t.detail.component)){if(this.closeKey){r.set(`${u}-${this.closeKey}`,Date.now().toString())}}}showFromDateWatcher(t){if(typeof t==="string"){this._showFromDate=t?new Date(t):null}else{this._showFromDate=t}let s=false;if(this.closeKey){const t=r.get(`${u}-${this.closeKey}`);if(t&&(!this._showFromDate||Number(t)>=this._showFromDate.getTime())){s=true}}this.closedByCookie=s}hideFromDateWatcher(t){if(typeof t==="string"){this._hideFromDate=t?new Date(t):null}else{this._hideFromDate=t}}componentWillLoad(){this.showFromDateWatcher(this.showFromDate);this.hideFromDateWatcher(this.hideFromDate)}render(){const t=Date.now();return h(e,{key:"95863d44444ce6ec7c22af7758e3beda645f54dd",hidden:this._showFromDate&&t<=this._showFromDate.getTime()||this._hideFromDate&&t>=this._hideFromDate.getTime()||this.closedByCookie},h("slot",{key:"5de68cb64563e470ed611adac04814c6676ad220"}))}get element(){return i(this)}static get watchers(){return{showFromDate:["showFromDateWatcher"],hideFromDate:["hideFromDateWatcher"]}}};b.style=f;export{o as stzh_ghettobox,v as stzh_richtext,b as stzh_show};
+//# sourceMappingURL=p-f4a3b35e.entry.js.map

package/dist/stzh-components/{p-380d1021.entry.js.map → p-f4a3b35e.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["stzhGhettoboxCss","StzhGhettoboxStyle0","StzhGhettobox","this","onCloseButtonClick","hide","init","button","element","querySelector","setPropsIfNull","size","sizeMedium","variant","effect","icon","iconPosition","show","open","stzhOpen","emit","component","stzhClose","componentWillLoad","localization","window","stzhComponents","utils","fetchTranslations","connectedCallback","observer","MutationObserver","observe","childList","subtree","disconnectedCallback","disconnect","render","classes","hideClose","h","Host","key","hidden","class","Object","assign","rs_skip","hiddenTitle","mainTitle","description","name","onClick","a11yLabel","close","iconOnly","stzhRichtextCss","StzhRichtextStyle0","CLASS_EXTERNAL_LINK","CLASS_EXTERNAL_ICON_WRAPPER","CLASS_EXTERNAL_ICON","CLASS_EXTERNAL_VHIDDEN","StzhRichtext","addExternalLinkIcons","externalLinks","forEach","externalLink","classList","add","screenreaderText","document","createElement","innerText","$globals","externalLinkLabel","prepend","iconWrapper","externalLinkIcon","appendChild","componentDidRender","Array","from","querySelectorAll","externalLinkSelector","length","removeFirstMargin","removeLastMargin","stzhShowCss","StzhShowStyle0","KEY_PREFIX_CLOSE","StzhShow","closedByCookie","closeWatcher","event","includes","detail","closeKey","Cookie","set","Date","now","toString","showFromDateWatcher","newValue","_showFromDate","timeClosed","get","Number","getTime","hideFromDateWatcher","_hideFromDate","showFromDate","hideFromDate","timeNow"],"sources":["src/components/CMS/stzh-ghettobox/stzh-ghettobox.scss?tag=stzh-ghettobox&encapsulation=scoped","src/components/CMS/stzh-ghettobox/stzh-ghettobox.tsx","src/components/stzh-richtext/stzh-richtext.scss?tag=stzh-richtext&encapsulation=scoped","src/components/stzh-richtext/stzh-richtext.tsx","src/components/stzh-show/stzh-show.scss?tag=stzh-show&encapsulation=shadow","src/components/stzh-show/stzh-show.tsx"],"sourcesContent":["/*\n * @prop --background-color: Background color of ghettobox\n */\n\n:host {\n  @include base-invert;\n  @include button-invert;\n\n  --background-color: #{$colorError60};\n  --color: #{$baseInvertColor};\n  --richtext-color: var(--color);\n}\n\n.stzh-ghettobox {\n  position: relative;\n  color: var(--color);\n  box-shadow: $boxShadowMessage;\n  background-color: var(--background-color);\n\n  --stzh-button-secondary-color: #{$colorError60};\n  --stzh-button-secondary-background-color: #{$colorWhite90op};\n\n  --stzh-button-secondary-hover-color: #{$colorError60};\n  --stzh-button-secondary-hover-background-color: #{$colorWhite};\n\n  --stzh-button-secondary-disabled-color: #{$colorWhite60op};\n  --stzh-button-secondary-disabled-background-color: #{$colorWhite40op};\n\n  &__container {\n    @include container;\n    @include spaceCurve(\"padding-top\", \"large\");\n    @include spaceCurve(\"padding-bottom\", \"large\");\n  }\n\n  &__hidden-title {\n    @include visuallyhidden;\n  }\n\n  &__message {\n    @include spaceCurve(\"gap\", \"regular\");\n    display: flex;\n    flex-direction: column;\n  }\n\n  &__main-title {\n    @include font(\"title\");\n    @include fontCurve(\"h2\", \"heading\");\n    margin: 0;\n    color: inherit;\n\n    &:not(:empty) {\n      @include spaceCurve(\"margin-bottom\", \"regular\");\n    }\n  }\n\n  &__description {\n    @include fontCurve(\"p1\");\n    --stzh-base-color: var(--richtext-color);\n\n    &:not(:empty) {\n      @include spaceCurve(\"margin-bottom\", \"small\");\n    }\n  }\n\n  &__button {\n    display: grid;\n\n    @include mq($from: small) {\n      justify-content: start;\n    }\n  }\n\n  &__close {\n    position: absolute;\n    top: 0;\n    right: 0;\n\n    @include mq($from: small) {\n      top: 10px;\n      right: 10px;\n    }\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, State } from \"@stencil/core\";\n\nimport { StzhGhettoboxCloseEvent, StzhGhettoboxOpenEvent } from \"../../../index\";\n\nimport { setPropsIfNull } from \"../../../utils/utils\";\nimport { StzhGhettoboxLocalizedText } from \"./stzh-ghettobox.localization\";\n\n/**\n * @slot - Slot for description content (use instead of description property)\n * @slot button - Slot for button element\n */\n@Component({\n  tag: \"stzh-ghettobox\",\n  styleUrl: \"stzh-ghettobox.scss\",\n  scoped: true,\n})\nexport class StzhGhettobox {\n  /** Overwrite hidden h1 title */\n  @Prop() hiddenTitle: string = \"\";\n\n  /** Main title */\n  @Prop() mainTitle: string = \"\";\n\n  /** Description */\n  @Prop() description: string = \"\";\n\n  /** Hide close button */\n  @Prop() hideClose: boolean = false;\n\n  /** Translation strings */\n  @Prop() localization: StzhGhettoboxLocalizedText;\n\n  /** Ghettobox open event */\n  @Event() stzhOpen: EventEmitter<StzhGhettoboxOpenEvent>;\n\n  /** Ghettobox close event */\n  @Event() stzhClose: EventEmitter<StzhGhettoboxCloseEvent>;\n\n  @Element() element: HTMLStzhGhettoboxElement;\n\n  /** Open state */\n  @State() open: boolean = true;\n\n  @Method()\n  async show() {\n    this.open = true;\n    this.stzhOpen.emit({\n      component: \"stzh-ghettobox\",\n    });\n  }\n\n  @Method()\n  async hide() {\n    this.open = false;\n    this.stzhClose.emit({\n      component: \"stzh-ghettobox\",\n    });\n  }\n\n  private observer: MutationObserver;\n\n  private onCloseButtonClick = () => {\n    this.hide();\n  };\n\n  private init = () => {\n    const button = this.element.querySelector('stzh-button[slot=\"button\"]');\n\n    if (button) {\n      setPropsIfNull(button, {\n        size: \"small\",\n        sizeMedium: \"default\",\n        variant: \"secondary\",\n        effect: \"cta\",\n        icon: \"arrow-right\",\n        iconPosition: \"right\",\n      } as HTMLStzhButtonElement);\n    }\n  };\n\n  async componentWillLoad() {\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"ghettobox\");\n    }\n  }\n\n  connectedCallback() {\n    this.init();\n\n    this.observer = new MutationObserver(this.init);\n    this.observer.observe(this.element, {\n      childList: true,\n      subtree: true,\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n  }\n\n  render() {\n    const classes = {\n      \"stzh-ghettobox\": true,\n      \"stzh-ghettobox--has-close-button\": !this.hideClose,\n    };\n\n    // TODO: Temporary workaround/bugfix for readspeaker class \"rs_skip\" can be removed once Readspeaker update with bugfix has arrived (ETA end of 2024).\n    return (\n      <Host hidden={!this.open}>\n        <div class={{ ...classes, rs_skip: !this.open }} aria-hidden={this.open ? \"false\" : \"true\"}>\n          <div class=\"stzh-ghettobox__container\">\n            <h1 class=\"stzh-ghettobox__hidden-title\">{this.hiddenTitle || this.localization.hiddenTitle}</h1>\n            <div class=\"stzh-ghettobox__message\">\n              <div class=\"stzh-ghettobox__text\">\n                <h2 class=\"stzh-ghettobox__main-title\">{this.mainTitle}</h2>\n                <div class=\"stzh-ghettobox__description\">{this.description ? this.description : <slot></slot>}</div>\n              </div>\n              <div class=\"stzh-ghettobox__button\">\n                <slot name=\"button\"></slot>\n              </div>\n            </div>\n            {!this.hideClose && (\n              <stzh-button\n                class=\"stzh-ghettobox__close\"\n                onClick={this.onCloseButtonClick}\n                a11yLabel={this.localization.close}\n                variant=\"tertiary\"\n                size=\"small\"\n                iconOnly={true}\n                icon=\"close-big\"\n              ></stzh-button>\n            )}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n",":host {\n  @include richtext-host;\n\n  --display: var(--stzh-richtext-display, block);\n\n  --grid-template-areas: var(\n    --stzh-richtext-grid-template-areas,\n    \"text text text text\"\n  );\n\n  --grid-template-columns: var(\n    --stzh-richtext-grid-template-columns,\n    #{$gridColumns}\n  );\n\n  @include mq($from: small) {\n    --grid-template-areas: var(\n      --stzh-richtext-grid-template-areas,\n      \"text text text text\"\n    );\n  }\n\n  @include mq($from: medium) {\n    --grid-template-areas: var(\n      --stzh-richtext-grid-template-areas,\n      \"text text text text text text text text\"\n    );\n\n    --grid-template-columns: var(\n      --stzh-richtext-grid-template-columns,\n      #{$gridColumnsMedium}\n    );\n  }\n\n  ::slotted(*) {\n    @include richtext-slotted;\n  }\n\n  &[has-hidden-first-margin] ::slotted(*:first-child) {\n    margin-top: 0 !important;\n  }\n\n  &[has-hidden-last-margin] ::slotted(*:last-child) {\n    margin-bottom: 0 !important;\n  }\n}\n\n.stzh-richtext {\n  @include gridGutter;\n  display: var(--display);\n  grid-template-areas: var(--grid-template-areas);\n  grid-template-columns: var(--grid-template-columns);\n\n  &__text {\n    grid-area: text;\n    display: grid;\n  }\n}\n","import { Component, Element, h, Host, Prop } from \"@stencil/core\";\nimport { StzhLocaleComponent } from \"../../index\";\n\nconst CLASS_EXTERNAL_LINK = \"stzh-richtext__external-link\";\nconst CLASS_EXTERNAL_ICON_WRAPPER = \"stzh-richtext__external-icon-wrapper\";\nconst CLASS_EXTERNAL_ICON = \"stzh-richtext__external-icon\";\nconst CLASS_EXTERNAL_VHIDDEN = \"stzh-richtext__external-vhidden\";\n\n/**\n * @slot - Text content that should be styled\n */\n@Component({\n  tag: \"stzh-richtext\",\n  styleUrl: \"stzh-richtext.scss\",\n  scoped: true,\n})\nexport class StzhRichtext {\n  /** Translation strings */\n  @Prop() localization: StzhLocaleComponent;\n\n  /** Whether first top margin of first child should be set to 0. */\n  @Prop({ reflect: true }) removeFirstMargin: boolean;\n\n  /** Whether last bottom margin of last child should be set to 0. */\n  @Prop({ reflect: true }) removeLastMargin: boolean;\n\n  /** Selector to recognize external link and attach an icon */\n  @Prop() externalLinkSelector: string = 'a[rel*=\"external\"], a.external, a.extern';\n\n  /** Icon used for marking external links */\n  @Prop() externalLinkIcon: string = \"external-link\";\n\n  @Element() element: HTMLStzhRichtextElement;\n\n  private externalLinks: HTMLElement[];\n\n  private addExternalLinkIcons() {\n    this.externalLinks.forEach(externalLink => {\n      externalLink.classList.add(CLASS_EXTERNAL_LINK);\n\n      // Check if screenreaderText already exists\n      if (!externalLink.querySelector(`.${CLASS_EXTERNAL_VHIDDEN}`)) {\n        const screenreaderText = document.createElement(\"span\");\n        screenreaderText.classList.add(CLASS_EXTERNAL_VHIDDEN);\n        screenreaderText.innerText = this.localization.$globals.externalLinkLabel;\n        externalLink.prepend(screenreaderText);\n      }\n\n      // Check if iconWrapper already exists\n      if (!externalLink.querySelector(`.${CLASS_EXTERNAL_ICON_WRAPPER}`)) {\n        const iconWrapper = document.createElement(\"span\");\n        iconWrapper.classList.add(CLASS_EXTERNAL_ICON_WRAPPER);\n\n        const icon = document.createElement(\"stzh-icon\");\n        icon.classList.add(CLASS_EXTERNAL_ICON);\n        icon.name = this.externalLinkIcon;\n        iconWrapper.appendChild(icon);\n\n        externalLink.appendChild(iconWrapper);\n      }\n    });\n  }\n\n  async componentWillLoad() {\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"richtext\");\n    }\n  }\n\n  componentDidRender() {\n    this.externalLinks = Array.from(this.element.querySelectorAll(this.externalLinkSelector));\n    if (this.externalLinks && this.externalLinks.length > 0) {\n      this.addExternalLinkIcons();\n    }\n  }\n\n  render() {\n    const classes = {\n      \"stzh-richtext\": true,\n    };\n\n    return (\n      <Host\n        has-hidden-first-margin={typeof this.removeFirstMargin === \"boolean\" ? this.removeFirstMargin : true}\n        has-hidden-last-margin={typeof this.removeLastMargin === \"boolean\" ? this.removeLastMargin : true}\n      >\n        <div class={classes}>\n          <div class=\"stzh-richtext__text\">\n            <slot></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n","/**\n * @prop --show-display: Display value that is used when content is shown (default `block`)\n * @prop --hide-display: Display value that is used when content is hidden (default `none`)\n * @prop --current-display: Current display value (readonly)\n */\n\n:host {\n  --show-display: contents;\n  --hide-display: none;\n  --current-display: var(--hide-display);\n\n  display: var(--current-display);\n}\n\n/* Mikro */\n\n:host([mikro]) {\n  --current-display: var(--show-display);\n}\n\n:host([mikro=\"false\"]) {\n  --current-display: var(--hide-display);\n}\n\n/* Small */\n\n:host([small]) {\n  @include mq($from: small) {\n    --current-display: var(--show-display);\n  }\n}\n\n:host([small=\"false\"]) {\n  @include mq($from: small) {\n    --current-display: var(--hide-display);\n  }\n}\n\n/* Medium */\n\n:host([medium]) {\n  @include mq($from: medium) {\n    --current-display: var(--show-display);\n  }\n}\n\n:host([medium=\"false\"]) {\n  @include mq($from: medium) {\n    --current-display: var(--hide-display);\n  }\n}\n\n/* Large */\n\n:host([large]) {\n  @include mq($from: large) {\n    --current-display: var(--show-display);\n  }\n}\n\n:host([large=\"false\"]) {\n  @include mq($from: large) {\n    --current-display: var(--hide-display);\n  }\n}\n\n/* Ultra */\n\n:host([ultra]) {\n  @include mq($from: ultra) {\n    --current-display: var(--show-display);\n  }\n}\n\n:host([ultra=\"false\"]) {\n  @include mq($from: ultra) {\n    --current-display: var(--hide-display);\n  }\n}\n","import { Component, Host, h, Element, Prop, Watch, Listen } from \"@stencil/core\";\n\nimport { StzhBannerCloseEvent, StzhGhettoboxCloseEvent, StzhMessageCloseEvent } from \"../../index\";\n\nimport Cookie from \"js-cookie\";\n\nconst KEY_PREFIX_CLOSE = \"stzh-components-show-close\";\n\n/**\n * @slot - Slot for any content\n */\n@Component({\n  tag: \"stzh-show\",\n  styleUrl: \"stzh-show.scss\",\n  shadow: true,\n})\nexport class StzhShow {\n  /** Mikro */\n  @Prop({ reflect: true }) mikro: boolean;\n\n  /** Small */\n  @Prop({ reflect: true }) small: boolean;\n\n  /** Medium */\n  @Prop({ reflect: true }) medium: boolean;\n\n  /** Large */\n  @Prop({ reflect: true }) large: boolean;\n\n  /** Ultra */\n  @Prop({ reflect: true }) ultra: boolean;\n\n  /** Show from date */\n  @Prop() showFromDate: Date | string;\n  private _showFromDate: Date;\n\n  /** Hide from date */\n  @Prop() hideFromDate: Date | string;\n  private _hideFromDate: Date;\n\n  /**\n   * Close cookie name key.\n   * Component will check for the cookie (stzh-components-show-close-{name})\n   * and if not empty (component inside already closed before) will hide show.\n   * Will also compare with showFromDate if given, to make sure cookie was set after showFromDate (otherwise will show again).\n   */\n  @Prop() closeKey: string = \"\";\n\n  @Listen(\"stzhClose\")\n  closeWatcher(event: CustomEvent<StzhBannerCloseEvent | StzhMessageCloseEvent | StzhGhettoboxCloseEvent>) {\n    if ([\"stzh-banner\", \"stzh-message\", \"stzh-ghettobox\"].includes(event.detail.component)) {\n      if (this.closeKey) {\n        Cookie.set(`${KEY_PREFIX_CLOSE}-${this.closeKey}`, Date.now().toString());\n      }\n    }\n  }\n\n  @Watch(\"showFromDate\")\n  showFromDateWatcher(newValue: Date | string) {\n    if (typeof newValue === \"string\") {\n      this._showFromDate = newValue ? new Date(newValue) : null;\n    } else {\n      this._showFromDate = newValue;\n    }\n\n    let closedByCookie = false;\n\n    if (this.closeKey) {\n      const timeClosed = Cookie.get(`${KEY_PREFIX_CLOSE}-${this.closeKey}`);\n\n      if (timeClosed && (!this._showFromDate || Number(timeClosed) >= this._showFromDate.getTime())) {\n        closedByCookie = true;\n      }\n    }\n\n    this.closedByCookie = closedByCookie;\n  }\n\n  @Watch(\"hideFromDate\")\n  hideFromDateWatcher(newValue: Date | string) {\n    if (typeof newValue === \"string\") {\n      this._hideFromDate = newValue ? new Date(newValue) : null;\n    } else {\n      this._hideFromDate = newValue;\n    }\n  }\n\n  @Element() element: HTMLStzhShowElement;\n\n  private closedByCookie: boolean = false;\n\n  componentWillLoad() {\n    this.showFromDateWatcher(this.showFromDate);\n    this.hideFromDateWatcher(this.hideFromDate);\n  }\n\n  render() {\n    const timeNow = Date.now();\n\n    return (\n      <Host\n        hidden={\n          (this._showFromDate && timeNow <= this._showFromDate.getTime()) ||\n          (this._hideFromDate && timeNow >= this._hideFromDate.getTime()) ||\n          this.closedByCookie\n        }\n      >\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}
+{"version":3,"names":["stzhGhettoboxCss","StzhGhettoboxStyle0","StzhGhettobox","this","onCloseButtonClick","hide","init","button","element","querySelector","setPropsIfNull","size","sizeMedium","variant","effect","icon","iconPosition","show","open","stzhOpen","emit","component","stzhClose","componentWillLoad","localization","window","stzhComponents","utils","fetchTranslations","connectedCallback","observer","MutationObserver","observe","childList","subtree","disconnectedCallback","disconnect","render","classes","hideClose","h","Host","key","hidden","class","Object","assign","rs_skip","hiddenTitle","mainTitle","description","name","onClick","a11yLabel","close","iconOnly","stzhRichtextCss","StzhRichtextStyle0","CLASS_EXTERNAL_LINK","CLASS_EXTERNAL_ICON_WRAPPER","CLASS_EXTERNAL_ICON","CLASS_EXTERNAL_VHIDDEN","StzhRichtext","addExternalLinkIcons","externalLinks","forEach","externalLink","classList","add","screenreaderText","document","createElement","innerText","$globals","externalLinkLabel","prepend","iconWrapper","externalLinkIcon","appendChild","componentDidRender","Array","from","querySelectorAll","externalLinkSelector","length","removeFirstMargin","removeLastMargin","stzhShowCss","StzhShowStyle0","KEY_PREFIX_CLOSE","StzhShow","closedByCookie","closeWatcher","event","includes","detail","closeKey","Cookie","set","Date","now","toString","showFromDateWatcher","newValue","_showFromDate","timeClosed","get","Number","getTime","hideFromDateWatcher","_hideFromDate","showFromDate","hideFromDate","timeNow"],"sources":["src/components/CMS/stzh-ghettobox/stzh-ghettobox.scss?tag=stzh-ghettobox&encapsulation=scoped","src/components/CMS/stzh-ghettobox/stzh-ghettobox.tsx","src/components/stzh-richtext/stzh-richtext.scss?tag=stzh-richtext&encapsulation=scoped","src/components/stzh-richtext/stzh-richtext.tsx","src/components/stzh-show/stzh-show.scss?tag=stzh-show&encapsulation=shadow","src/components/stzh-show/stzh-show.tsx"],"sourcesContent":["/*\n * @prop --background-color: Background color of ghettobox\n */\n\n:host {\n  @include base-invert;\n  @include button-invert;\n\n  --background-color: #{$colorCoral60};\n  --color: #{$baseInvertColor};\n  --richtext-color: var(--color);\n}\n\n.stzh-ghettobox {\n  position: relative;\n  color: var(--color);\n  box-shadow: $boxShadowMessage;\n  background-color: var(--background-color);\n\n  --stzh-button-secondary-color: #{$colorCoral60};\n  --stzh-button-secondary-background-color: #{$colorWhite90op};\n\n  --stzh-button-secondary-hover-color: #{$colorCoral60};\n  --stzh-button-secondary-hover-background-color: #{$colorWhite};\n\n  --stzh-button-secondary-disabled-color: #{$colorWhite60op};\n  --stzh-button-secondary-disabled-background-color: #{$colorWhite40op};\n\n  &__container {\n    @include container;\n    @include spaceCurve(\"padding-top\", \"large\");\n    @include spaceCurve(\"padding-bottom\", \"large\");\n  }\n\n  &__hidden-title {\n    @include visuallyhidden;\n  }\n\n  &__message {\n    @include spaceCurve(\"gap\", \"regular\");\n    display: flex;\n    flex-direction: column;\n  }\n\n  &__main-title {\n    @include font(\"title\");\n    @include fontCurve(\"h2\", \"heading\");\n    margin: 0;\n    color: inherit;\n\n    &:not(:empty) {\n      @include spaceCurve(\"margin-bottom\", \"regular\");\n    }\n  }\n\n  &__description {\n    @include fontCurve(\"p1\");\n    --stzh-base-color: var(--richtext-color);\n\n    &:not(:empty) {\n      @include spaceCurve(\"margin-bottom\", \"small\");\n    }\n  }\n\n  &__button {\n    display: grid;\n\n    @include mq($from: small) {\n      justify-content: start;\n    }\n  }\n\n  &__close {\n    position: absolute;\n    top: 0;\n    right: 0;\n\n    @include mq($from: small) {\n      top: 10px;\n      right: 10px;\n    }\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, State } from \"@stencil/core\";\n\nimport { StzhGhettoboxCloseEvent, StzhGhettoboxOpenEvent } from \"../../../index\";\n\nimport { setPropsIfNull } from \"../../../utils/utils\";\nimport { StzhGhettoboxLocalizedText } from \"./stzh-ghettobox.localization\";\n\n/**\n * @slot - Slot for description content (use instead of description property)\n * @slot button - Slot for button element\n */\n@Component({\n  tag: \"stzh-ghettobox\",\n  styleUrl: \"stzh-ghettobox.scss\",\n  scoped: true,\n})\nexport class StzhGhettobox {\n  /** Overwrite hidden h1 title */\n  @Prop() hiddenTitle: string = \"\";\n\n  /** Main title */\n  @Prop() mainTitle: string = \"\";\n\n  /** Description */\n  @Prop() description: string = \"\";\n\n  /** Hide close button */\n  @Prop() hideClose: boolean = false;\n\n  /** Translation strings */\n  @Prop() localization: StzhGhettoboxLocalizedText;\n\n  /** Ghettobox open event */\n  @Event() stzhOpen: EventEmitter<StzhGhettoboxOpenEvent>;\n\n  /** Ghettobox close event */\n  @Event() stzhClose: EventEmitter<StzhGhettoboxCloseEvent>;\n\n  @Element() element: HTMLStzhGhettoboxElement;\n\n  /** Open state */\n  @State() open: boolean = true;\n\n  @Method()\n  async show() {\n    this.open = true;\n    this.stzhOpen.emit({\n      component: \"stzh-ghettobox\",\n    });\n  }\n\n  @Method()\n  async hide() {\n    this.open = false;\n    this.stzhClose.emit({\n      component: \"stzh-ghettobox\",\n    });\n  }\n\n  private observer: MutationObserver;\n\n  private onCloseButtonClick = () => {\n    this.hide();\n  };\n\n  private init = () => {\n    const button = this.element.querySelector('stzh-button[slot=\"button\"]');\n\n    if (button) {\n      setPropsIfNull(button, {\n        size: \"small\",\n        sizeMedium: \"default\",\n        variant: \"secondary\",\n        effect: \"cta\",\n        icon: \"arrow-right\",\n        iconPosition: \"right\",\n      } as HTMLStzhButtonElement);\n    }\n  };\n\n  async componentWillLoad() {\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"ghettobox\");\n    }\n  }\n\n  connectedCallback() {\n    this.init();\n\n    this.observer = new MutationObserver(this.init);\n    this.observer.observe(this.element, {\n      childList: true,\n      subtree: true,\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n  }\n\n  render() {\n    const classes = {\n      \"stzh-ghettobox\": true,\n      \"stzh-ghettobox--has-close-button\": !this.hideClose,\n    };\n\n    // TODO: Temporary workaround/bugfix for readspeaker class \"rs_skip\" can be removed once Readspeaker update with bugfix has arrived (ETA end of 2024).\n    return (\n      <Host hidden={!this.open}>\n        <div class={{ ...classes, rs_skip: !this.open }} aria-hidden={this.open ? \"false\" : \"true\"}>\n          <div class=\"stzh-ghettobox__container\">\n            <h1 class=\"stzh-ghettobox__hidden-title\">{this.hiddenTitle || this.localization.hiddenTitle}</h1>\n            <div class=\"stzh-ghettobox__message\">\n              <div class=\"stzh-ghettobox__text\">\n                <h2 class=\"stzh-ghettobox__main-title\">{this.mainTitle}</h2>\n                <div class=\"stzh-ghettobox__description\">{this.description ? this.description : <slot></slot>}</div>\n              </div>\n              <div class=\"stzh-ghettobox__button\">\n                <slot name=\"button\"></slot>\n              </div>\n            </div>\n            {!this.hideClose && (\n              <stzh-button\n                class=\"stzh-ghettobox__close\"\n                onClick={this.onCloseButtonClick}\n                a11yLabel={this.localization.close}\n                variant=\"tertiary\"\n                size=\"small\"\n                iconOnly={true}\n                icon=\"close-big\"\n              ></stzh-button>\n            )}\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n",":host {\n  @include richtext-host;\n\n  --display: var(--stzh-richtext-display, block);\n\n  --grid-template-areas: var(\n    --stzh-richtext-grid-template-areas,\n    \"text text text text\"\n  );\n\n  --grid-template-columns: var(\n    --stzh-richtext-grid-template-columns,\n    #{$gridColumns}\n  );\n\n  @include mq($from: small) {\n    --grid-template-areas: var(\n      --stzh-richtext-grid-template-areas,\n      \"text text text text\"\n    );\n  }\n\n  @include mq($from: medium) {\n    --grid-template-areas: var(\n      --stzh-richtext-grid-template-areas,\n      \"text text text text text text text text\"\n    );\n\n    --grid-template-columns: var(\n      --stzh-richtext-grid-template-columns,\n      #{$gridColumnsMedium}\n    );\n  }\n\n  ::slotted(*) {\n    @include richtext-slotted;\n  }\n\n  &[has-hidden-first-margin] ::slotted(*:first-child) {\n    margin-top: 0 !important;\n  }\n\n  &[has-hidden-last-margin] ::slotted(*:last-child) {\n    margin-bottom: 0 !important;\n  }\n}\n\n.stzh-richtext {\n  @include gridGutter;\n  display: var(--display);\n  grid-template-areas: var(--grid-template-areas);\n  grid-template-columns: var(--grid-template-columns);\n\n  &__text {\n    grid-area: text;\n    display: grid;\n  }\n}\n","import { Component, Element, h, Host, Prop } from \"@stencil/core\";\nimport { StzhLocaleComponent } from \"../../index\";\n\nconst CLASS_EXTERNAL_LINK = \"stzh-richtext__external-link\";\nconst CLASS_EXTERNAL_ICON_WRAPPER = \"stzh-richtext__external-icon-wrapper\";\nconst CLASS_EXTERNAL_ICON = \"stzh-richtext__external-icon\";\nconst CLASS_EXTERNAL_VHIDDEN = \"stzh-richtext__external-vhidden\";\n\n/**\n * @slot - Text content that should be styled\n */\n@Component({\n  tag: \"stzh-richtext\",\n  styleUrl: \"stzh-richtext.scss\",\n  scoped: true,\n})\nexport class StzhRichtext {\n  /** Translation strings */\n  @Prop() localization: StzhLocaleComponent;\n\n  /** Whether first top margin of first child should be set to 0. */\n  @Prop({ reflect: true }) removeFirstMargin: boolean;\n\n  /** Whether last bottom margin of last child should be set to 0. */\n  @Prop({ reflect: true }) removeLastMargin: boolean;\n\n  /** Selector to recognize external link and attach an icon */\n  @Prop() externalLinkSelector: string = 'a[rel*=\"external\"], a.external, a.extern';\n\n  /** Icon used for marking external links */\n  @Prop() externalLinkIcon: string = \"external-link\";\n\n  @Element() element: HTMLStzhRichtextElement;\n\n  private externalLinks: HTMLElement[];\n\n  private addExternalLinkIcons() {\n    this.externalLinks.forEach(externalLink => {\n      externalLink.classList.add(CLASS_EXTERNAL_LINK);\n\n      // Check if screenreaderText already exists\n      if (!externalLink.querySelector(`.${CLASS_EXTERNAL_VHIDDEN}`)) {\n        const screenreaderText = document.createElement(\"span\");\n        screenreaderText.classList.add(CLASS_EXTERNAL_VHIDDEN);\n        screenreaderText.innerText = this.localization.$globals.externalLinkLabel;\n        externalLink.prepend(screenreaderText);\n      }\n\n      // Check if iconWrapper already exists\n      if (!externalLink.querySelector(`.${CLASS_EXTERNAL_ICON_WRAPPER}`)) {\n        const iconWrapper = document.createElement(\"span\");\n        iconWrapper.classList.add(CLASS_EXTERNAL_ICON_WRAPPER);\n\n        const icon = document.createElement(\"stzh-icon\");\n        icon.classList.add(CLASS_EXTERNAL_ICON);\n        icon.name = this.externalLinkIcon;\n        iconWrapper.appendChild(icon);\n\n        externalLink.appendChild(iconWrapper);\n      }\n    });\n  }\n\n  async componentWillLoad() {\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"richtext\");\n    }\n  }\n\n  componentDidRender() {\n    this.externalLinks = Array.from(this.element.querySelectorAll(this.externalLinkSelector));\n    if (this.externalLinks && this.externalLinks.length > 0) {\n      this.addExternalLinkIcons();\n    }\n  }\n\n  render() {\n    const classes = {\n      \"stzh-richtext\": true,\n    };\n\n    return (\n      <Host\n        has-hidden-first-margin={typeof this.removeFirstMargin === \"boolean\" ? this.removeFirstMargin : true}\n        has-hidden-last-margin={typeof this.removeLastMargin === \"boolean\" ? this.removeLastMargin : true}\n      >\n        <div class={classes}>\n          <div class=\"stzh-richtext__text\">\n            <slot></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n","/**\n * @prop --show-display: Display value that is used when content is shown (default `block`)\n * @prop --hide-display: Display value that is used when content is hidden (default `none`)\n * @prop --current-display: Current display value (readonly)\n */\n\n:host {\n  --show-display: contents;\n  --hide-display: none;\n  --current-display: var(--hide-display);\n\n  display: var(--current-display);\n}\n\n/* Mikro */\n\n:host([mikro]) {\n  --current-display: var(--show-display);\n}\n\n:host([mikro=\"false\"]) {\n  --current-display: var(--hide-display);\n}\n\n/* Small */\n\n:host([small]) {\n  @include mq($from: small) {\n    --current-display: var(--show-display);\n  }\n}\n\n:host([small=\"false\"]) {\n  @include mq($from: small) {\n    --current-display: var(--hide-display);\n  }\n}\n\n/* Medium */\n\n:host([medium]) {\n  @include mq($from: medium) {\n    --current-display: var(--show-display);\n  }\n}\n\n:host([medium=\"false\"]) {\n  @include mq($from: medium) {\n    --current-display: var(--hide-display);\n  }\n}\n\n/* Large */\n\n:host([large]) {\n  @include mq($from: large) {\n    --current-display: var(--show-display);\n  }\n}\n\n:host([large=\"false\"]) {\n  @include mq($from: large) {\n    --current-display: var(--hide-display);\n  }\n}\n\n/* Ultra */\n\n:host([ultra]) {\n  @include mq($from: ultra) {\n    --current-display: var(--show-display);\n  }\n}\n\n:host([ultra=\"false\"]) {\n  @include mq($from: ultra) {\n    --current-display: var(--hide-display);\n  }\n}\n","import { Component, Host, h, Element, Prop, Watch, Listen } from \"@stencil/core\";\n\nimport { StzhBannerCloseEvent, StzhGhettoboxCloseEvent, StzhMessageCloseEvent } from \"../../index\";\n\nimport Cookie from \"js-cookie\";\n\nconst KEY_PREFIX_CLOSE = \"stzh-components-show-close\";\n\n/**\n * @slot - Slot for any content\n */\n@Component({\n  tag: \"stzh-show\",\n  styleUrl: \"stzh-show.scss\",\n  shadow: true,\n})\nexport class StzhShow {\n  /** Mikro */\n  @Prop({ reflect: true }) mikro: boolean;\n\n  /** Small */\n  @Prop({ reflect: true }) small: boolean;\n\n  /** Medium */\n  @Prop({ reflect: true }) medium: boolean;\n\n  /** Large */\n  @Prop({ reflect: true }) large: boolean;\n\n  /** Ultra */\n  @Prop({ reflect: true }) ultra: boolean;\n\n  /** Show from date */\n  @Prop() showFromDate: Date | string;\n  private _showFromDate: Date;\n\n  /** Hide from date */\n  @Prop() hideFromDate: Date | string;\n  private _hideFromDate: Date;\n\n  /**\n   * Close cookie name key.\n   * Component will check for the cookie (stzh-components-show-close-{name})\n   * and if not empty (component inside already closed before) will hide show.\n   * Will also compare with showFromDate if given, to make sure cookie was set after showFromDate (otherwise will show again).\n   */\n  @Prop() closeKey: string = \"\";\n\n  @Listen(\"stzhClose\")\n  closeWatcher(event: CustomEvent<StzhBannerCloseEvent | StzhMessageCloseEvent | StzhGhettoboxCloseEvent>) {\n    if ([\"stzh-banner\", \"stzh-message\", \"stzh-ghettobox\"].includes(event.detail.component)) {\n      if (this.closeKey) {\n        Cookie.set(`${KEY_PREFIX_CLOSE}-${this.closeKey}`, Date.now().toString());\n      }\n    }\n  }\n\n  @Watch(\"showFromDate\")\n  showFromDateWatcher(newValue: Date | string) {\n    if (typeof newValue === \"string\") {\n      this._showFromDate = newValue ? new Date(newValue) : null;\n    } else {\n      this._showFromDate = newValue;\n    }\n\n    let closedByCookie = false;\n\n    if (this.closeKey) {\n      const timeClosed = Cookie.get(`${KEY_PREFIX_CLOSE}-${this.closeKey}`);\n\n      if (timeClosed && (!this._showFromDate || Number(timeClosed) >= this._showFromDate.getTime())) {\n        closedByCookie = true;\n      }\n    }\n\n    this.closedByCookie = closedByCookie;\n  }\n\n  @Watch(\"hideFromDate\")\n  hideFromDateWatcher(newValue: Date | string) {\n    if (typeof newValue === \"string\") {\n      this._hideFromDate = newValue ? new Date(newValue) : null;\n    } else {\n      this._hideFromDate = newValue;\n    }\n  }\n\n  @Element() element: HTMLStzhShowElement;\n\n  private closedByCookie: boolean = false;\n\n  componentWillLoad() {\n    this.showFromDateWatcher(this.showFromDate);\n    this.hideFromDateWatcher(this.hideFromDate);\n  }\n\n  render() {\n    const timeNow = Date.now();\n\n    return (\n      <Host\n        hidden={\n          (this._showFromDate && timeNow <= this._showFromDate.getTime()) ||\n          (this._hideFromDate && timeNow >= this._hideFromDate.getTime()) ||\n          this.closedByCookie\n        }\n      >\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/stzh-components/p-fe46e220.entry.js

@@ -0,0 +1,2 @@
+import{r as t,c as e,h as i,a as s,g as n}from"./p-ef5985a3.js";import{w as a}from"./p-70ec7e79.js";import{s as h,a as o,b as r}from"./p-2c0bec3e.js";import{m as d,a as c,r as p}from"./p-f4adb3cd.js";const l=":host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--padding-left:var(--stzh-pi-menu-padding-left, 20px);--trigger-size:var(--stzh-icon-size-large);--trigger-color:var(--stzh-color-black);--content-background:var(--stzh-color-primary20);--icon-size:var(--stzh-icon-size);--button-color:var(--stzh-color-black);--button-background-color:var(--stzh-color-primary30);--hover-button-color:var(--button-color);--hover-button-background-color:var(--stzh-color-primary40);--hover-trigger-color:var(--trigger-color)}@media print{:host{page-break-inside:avoid;break-inside:avoid}}@media (forced-colors: active), (-ms-high-contrast: active){:host{--trigger-color:CanvasText;--hover-trigger-color:CanvasText}}.stzh-pi-menu{height:100%;transition:width 0.15s ease;width:100%;z-index:1;position:absolute;scrollbar-color:var(--stzh-color-primary40) var(--content-background);}.stzh-pi-menu::-webkit-scrollbar{width:0.5rem}.stzh-pi-menu::-webkit-scrollbar-thumb{background-color:var(--stzh-color-primary40)}.stzh-pi-menu::-webkit-scrollbar-track{background:var(--content-background)}.stzh-pi-menu--fixed{position:fixed;top:0;height:auto}.stzh-pi-menu__heading{margin:0;position:sticky;top:0}.stzh-pi-menu__backdrop{position:absolute;z-index:-1;top:0;width:0;height:0;background-color:var(--stzh-color-black40op);opacity:0;transition:opacity var(--stzh-base-transition-animation-speed);pointer-events:none}.stzh-pi-menu__backdrop--visible{width:100vw;height:100vh;opacity:1;pointer-events:auto}.stzh-pi-menu__button{font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);padding-left:var(--stzh-space-none);padding-right:var(--stzh-space-medium);padding-top:var(--stzh-space-none);padding-bottom:var(--stzh-space-none);width:100%;min-height:var(--stzh-space-xbig);appearance:none;display:flex;align-items:center;gap:var(--stzh-space-xsmall);color:var(--button-color);background-color:var(--button-background-color);text-align:left;border:none;transition-property:background-color;transition-duration:var(--stzh-base-transition-animation-speed);cursor:pointer}@media screen and (min-width: 900px){.stzh-pi-menu__button{padding-right:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.stzh-pi-menu__button{font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-pi-menu__button{padding-left:calc((100vw - 100rem) / 2);padding-right:var(--stzh-space-medium)}}@media (prefers-reduced-motion: reduce){.stzh-pi-menu__button{transition:none}}.stzh-pi-menu__button:hover{color:var(--hover-button-color);background-color:var(--hover-button-background-color)}.stzh-pi-menu__button-spacer{visibility:hidden;pointer-events:none}.stzh-pi-menu__subheading{font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);margin:0;padding:var(--stzh-space-small) var(--stzh-space-medium);hyphens:auto}@media screen and (min-width: 900px){.stzh-pi-menu__subheading{padding-left:var(--stzh-space-small);padding-right:var(--stzh-space-small)}}@media screen and (min-width: 1260px){.stzh-pi-menu__subheading{font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-pi-menu__subheading{padding-left:calc((100vw - 100rem) / 2 + var(--stzh-space-medium));padding-right:var(--stzh-space-medium)}}.stzh-pi-menu__content-inner{background-color:var(--content-background);overflow-y:hidden}.stzh-pi-menu__button-text{flex-grow:1;padding-left:var(--stzh-space-medium)}@media screen and (min-width: 900px){.stzh-pi-menu__button-text{padding-left:var(--stzh-space-small);padding-right:var(--stzh-space-small)}}@media screen and (min-width: 1600px){.stzh-pi-menu__button-text{padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium)}}.stzh-pi-menu__button-icon,.stzh-pi-menu__button-icon-in-menu{--size:var(--trigger-size);transition-property:transform, color;transition-duration:500ms;color:var(--trigger-color)}@media (prefers-reduced-motion: reduce){.stzh-pi-menu__button-icon,.stzh-pi-menu__button-icon-in-menu{transition:none}}.stzh-pi-menu__button-icon-in-menu{--size:var(--icon-size);color:var(--stzh-color-black);margin-left:auto}.stzh-pi-menu__button-icon-in-menu:hover{color:var(--stzh-color-primary70)}@media screen and (min-width: 900px){.stzh-pi-menu__button-icon-in-menu{display:none}}.stzh-pi-menu__sub-menu{display:flex;padding-right:var(--stzh-space-medium);align-items:center}@media screen and (min-width: 900px){.stzh-pi-menu__sub-menu{padding-right:var(--stzh-space-small)}}@media screen and (min-width: 1600px){.stzh-pi-menu__sub-menu{padding-right:var(--stzh-space-medium)}}.stzh-pi-menu__button:hover .stzh-pi-menu__button-icon{color:var(--hover-trigger-color)}.stzh-pi-menu__button:hover .stzh-pi-menu__button-icon.is-default::before,.stzh-pi-menu__button:hover .stzh-pi-menu__button-icon.is-default::after{background-color:var(--hover-trigger-color)}.stzh-pi-menu__content{height:calc(100vh - 4rem);width:100%}@media print{.stzh-pi-menu__content{height:auto !important;overflow:visible !important;display:block !important}}.stzh-pi-menu stzh-details .stzh-details--is-open .stzh-pi-menu__button-icon-in-menu{transform:rotate(180deg)}.stzh-pi-menu stzh-details .stzh-details__content-inner{padding-top:var(--stzh-space-none)}.stzh-pi-menu__nav{padding-bottom:var(--stzh-space-xlarge);padding-left:var(--stzh-space-none)}.stzh-pi-menu__nav-list{list-style:none;margin-block-start:0;margin-block-end:0;padding-inline-start:0}@media screen and (min-width: 900px){.stzh-pi-menu__nav-list.is-level-2{padding-bottom:var(--stzh-space-small)}}.stzh-pi-menu__nav-item{display:block;padding-top:var(--stzh-space-xxsmall);padding-right:var(--stzh-space-medium);padding-bottom:var(--stzh-space-xxsmall);padding-top:var(--stzh-space-xxsmall);padding-right:var(--stzh-space-medium);padding-bottom:var(--stzh-space-xxsmall);padding-left:var(--padding-left);text-decoration:none;color:var(--stzh-color-black)}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-top:var(--stzh-space-small)}}@media screen and (min-width: 600px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-top:var(--stzh-space-small)}}@media screen and (min-width: 600px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item{padding-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-pi-menu__nav-item{padding-bottom:var(--stzh-space-small)}}.stzh-pi-menu__nav-item:hover{color:var(--stzh-color-primary70)}.stzh-pi-menu__nav-item.active{background-color:var(--stzh-color-primary30)}.stzh-pi-menu__nav-item.is-level-1{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);padding:var(--stzh-space-small) var(--stzh-space-medium)}@media screen and (max-width: 899px){.stzh-pi-menu__nav-item.is-level-1{height:2.75rem;align-content:center}}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item.is-level-1{padding-left:var(--stzh-space-small);padding-right:var(--stzh-space-small)}}@media screen and (min-width: 1600px){.stzh-pi-menu__nav-item.is-level-1{padding-left:calc((100vw - 100rem) / 2 + var(--stzh-space-medium));padding-right:var(--stzh-space-medium)}}.stzh-pi-menu__nav-item.is-level-2{line-height:var(--stzh-space-xlarge);padding:var(--stzh-space-xsmall) var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-pi-menu__nav-item.is-level-2{padding-left:var(--stzh-space-xlarge);padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1600px){.stzh-pi-menu__nav-item.is-level-2{padding-left:calc((100vw - 100rem) / 2 + var(--stzh-space-xxlarge));padding-right:var(--stzh-space-xxlarge)}}.stzh-pi-menu__button-space-helper{visibility:hidden;pointer-events:none}.stzh-pi-menu--is-open .stzh-pi-menu__button-icon{transform:rotate(180deg)}.stzh-pi-menu--is-open .stzh-pi-menu__content-inner{overflow-y:auto;height:calc(100vh - 4rem)}";const m=l;const u={keyframes:[{height:"0",opacity:"0"},{height:"100%",opacity:"1"}],options:{duration:300,easing:"linear"}};const z={keyframes:[{height:"100%",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:300,easing:"linear"}};let v=0;const f=class{constructor(i){t(this,i);this.stzhOpen=e(this,"stzhOpen",7);this.stzhOpened=e(this,"stzhOpened",7);this.stzhClose=e(this,"stzhClose",7);this.stzhClosed=e(this,"stzhClosed",7);this.stzhMenuItemClick=e(this,"stzhMenuItemClick",7);this.toggledByMethod=false;this.focusedByInput=false;this.handleHeaderClick=()=>{this.toggle()};this.onRootFocus=()=>{if(!this.focusedByInput){this.buttonElement.focus()}this.focusedByInput=false};this.handleMenuItemClick=t=>{this.stzhMenuItemClick.emit({component:"stzh-pi-menu",originalEvent:t})};this.handleBackdropClick=async()=>{this.showBackdrop=false;this.hide()};this.setEntangledMenuSize=()=>{const t=this.element.shadowRoot.querySelector(".stzh-pi-menu-positioner");this.entangledMenuSize=t.getBoundingClientRect().width};this.handleMenuIntersection=t=>{t.forEach((t=>{if(t.intersectionRatio<1&&t.boundingClientRect.top<20){this.menuIsFixed=true}else{this.menuIsFixed=false}}))};this.mediaChangeHandler=()=>{this.isSmall=d("small").matches;this.isMedium=d("medium").matches;this.isLarge=d("large").matches;this.isUltra=d("ultra").matches;if(this.isMedium||this.isLarge||this.isUltra){this.showBackdrop=false;this.open=true}else{if(this.open){this.showBackdrop=true}}};this.localization=undefined;this.menuItems=[];this.open=false;this.heading="";this.subheading="";this.headingLevel="3";this.menuIsFixed=false;this.entangledMenuSize=20;this.showBackdrop=false;this.isSmall=undefined;this.isMedium=undefined;this.isLarge=undefined;this.isUltra=undefined;this.analyticsId=undefined;this.rootTabindex=0}menuItemsWatcher(t){if(typeof t==="string"){this._menuItems=JSON.parse(t)}else{this._menuItems=t}this._menuItems=this._menuItems.map(((t,e)=>Object.assign({id:`submenu-${e}`},t)))}async openWatcher(t){if(!this.bodyElement){return}if(t){if(this.toggledByMethod){this.stzhOpen.emit({component:"stzh-pi-menu"})}await h(this.bodyElement);this.bodyElement.hidden=false;await o(this.bodyElement,r(u.keyframes,{height:this.bodyElement.scrollHeight}),u.options);if(this.toggledByMethod){this.stzhOpened.emit({component:"stzh-pi-menu"})}}else{if(this.toggledByMethod){this.stzhClose.emit({component:"stzh-pi-menu"})}await h(this.bodyElement);await o(this.bodyElement,r(z.keyframes,{height:this.bodyElement.scrollHeight}),z.options);this.bodyElement.hidden=true;this.bodyElement.style.height="0px";if(this.toggledByMethod){this.stzhClosed.emit({component:"stzh-pi-menu"})}}this.toggledByMethod=false}async show(){if(this.open){return}if(!this.isMedium&&!this.isLarge&&!this.isUltra){this.showBackdrop=true}this.toggledByMethod=true;this.open=true;return a(this.element,"stzhOpened")}async hide(){if(!this.open){return}this.showBackdrop=false;this.toggledByMethod=true;this.open=false;return a(this.element,"stzhClosed")}async toggle(){if(this.open){return await this.hide()}else{return await this.show()}}setSubMenuHeader(t){var e;return i("div",{class:"stzh-pi-menu__sub-menu"},i("a",{href:t.href,onClick:t=>this.handleMenuItemClick(t),class:{"stzh-pi-menu__nav-item":true,"is-level-1":true,active:t.active}},t.label)," ",((e=t.items)===null||e===void 0?void 0:e.length)?i("stzh-icon",{name:"angle-down",class:"stzh-pi-menu__button-icon-in-menu"}):"")}setSubMenuItems(t){var e;if(!((e=t.items)===null||e===void 0?void 0:e.length))return null;return i("ul",{id:t.id,class:"stzh-pi-menu__nav-list is-level-2"},t.items.map((t=>i("li",{class:"stzh-pi-menu__nav-list-item"},i("a",{href:t.href,onClick:t=>this.handleMenuItemClick(t),class:{"stzh-pi-menu__nav-item":true,"is-level-2":true,active:t.active}},t.label)))))}connectedCallback(){c(this.mediaChangeHandler)}async componentWillLoad(){this.piMenuId=`stzh-pi-menu-${v++}`;this.menuItemsWatcher(this.menuItems);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"pi-pagetitle")}}componentDidLoad(){this.bodyElement.hidden=!this.open;this.menuObserver=new IntersectionObserver(this.handleMenuIntersection,{rootMargin:"0px",threshold:1});const t=this.element.shadowRoot.querySelector(".stzh-pi-menu-positioner");this.menuObserver.observe(t);this.setEntangledMenuSize();this.mediaChangeHandler();if(this.isMedium||this.isLarge||this.isUltra){this.open=true}else{this.open=false}window.addEventListener("resize",(()=>{if(this.resizeTimeout){window.cancelAnimationFrame(this.resizeTimeout)}this.resizeTimeout=window.requestAnimationFrame((()=>{this.setEntangledMenuSize()}))}),false)}disconnectedCallback(){if(this.menuObserver){this.menuObserver.disconnect()}window.removeEventListener("resize",(()=>{if(this.resizeTimeout){window.cancelAnimationFrame(this.resizeTimeout)}}));p(this.mediaChangeHandler)}render(){const t=`h${this.headingLevel}`;const e={"stzh-pi-menu":true,"stzh-pi-menu--is-open":this.open,"stzh-pi-menu--fixed":this.menuIsFixed};const n={"stzh-pi-menu__backdrop":true,"stzh-pi-menu__backdrop--visible":this.showBackdrop};const a="8.0625rem";const h="19.6875rem";const o=`${this.entangledMenuSize}px`;const r=this.open?this.isMedium?o:h:this.isMedium?o:a;return i(s,{key:"4a41dfcd7683f6705a508f0916f9c3f7789563b9",tabindex:this.rootTabindex,onFocus:this.onRootFocus},i("div",{key:"2d7b0638148fa25233e49047a68c11b2a798bd16",class:"stzh-pi-menu-positioner"},i("div",{key:"6a10a835713b348acc58de50656588bed75ab8af",class:e,style:{width:r}},i("div",{key:"9a113878c7d0b2141b8b32f69a5a6ff06766c026",class:n,onClick:this.handleBackdropClick}),i(t,{key:"62ba6a3628903ee0917b0fe4de30abfd5ffd6c7f",class:"stzh-pi-menu__heading",onClick:this.handleHeaderClick},i("button",{key:"d97dc770a1e6e336f0da219c46fce371a85e0344",ref:t=>this.buttonElement=t,class:"stzh-pi-menu__button","aria-expanded":`${this.open?"true":"false"}`,type:"button","s-object-id":this.analyticsId||this.heading},i("span",{key:"7903e59143a9aa8e3ddbd506c7ab2e3d0f5d7908",class:"stzh-pi-menu__button-text"},this.heading),i("stzh-icon",{key:"b3aea4c0367724c7932b5809f7c16dc98cdd969b",name:"angle-down",class:"stzh-pi-menu__button-icon"}))),i("div",{key:"5598323cd7c6a02f562d4d992effbdabe5e63ef5",id:`${this.piMenuId}-content`,ref:t=>this.bodyElement=t,class:"stzh-pi-menu__content","aria-labelledby":`${this.piMenuId}-header`,role:"region"},i("div",{key:"f4b7db6738a5505a08ad70fca33bae6446c06e9f",class:"stzh-pi-menu__content-inner"},i("nav",{key:"34fb0b913daf8b6bf420e1b1403049613422f02a",class:"stzh-pi-menu__nav","aria-label":this.localization.menuLabel},this.subheading&&i("p",{key:"bff84f745a2fd5760de654b3b45559503e587439",class:"stzh-pi-menu__subheading"},this.subheading),i("ul",{key:"9a305c8cc16ebf5dae535b1aa96200f9a0a8f1ee",class:"stzh-pi-menu__nav-list is-level-1"},this._menuItems.map(((t,e)=>i("li",{class:"stzh-pi-menu__nav-list-item"},this.isMedium||this.isLarge||this.isUltra?i("div",null,this.setSubMenuHeader(t),this.setSubMenuItems(t)):i("stzh-details",{open:e===0},this.setSubMenuHeader(t),i("div",{slot:"content"},this.setSubMenuItems(t))))))))))),i("button",{key:"82c2faf25baed08281a04cfce41a2b3595da213a",class:"stzh-pi-menu__button stzh-pi-menu__button-space-helper","aria-hidden":"true",type:"button"},i("span",{key:"168b13fa86ee14f319b57d27fd2317462e19c0f1",class:"stzh-pi-menu__button-text"},i("span",{key:"e02805291546e7fde2f4fd5040797c10bb64e37e",class:"stzh-pi-menu__heading-text"},this.heading)),i("stzh-icon",{key:"6264a9efd0df0882d06cd18b2e094b591448c574",name:"angle-down",class:"stzh-pi-menu__button-icon"}))))}get element(){return n(this)}static get watchers(){return{menuItems:["menuItemsWatcher"],open:["openWatcher"]}}};f.style=m;export{f as stzh_pi_menu};
+//# sourceMappingURL=p-fe46e220.entry.js.map

package/dist/stzh-components/p-fe46e220.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["stzhPiMenuCss","StzhPiMenuStyle0","ANIMATION_SHOW","keyframes","height","opacity","options","duration","easing","ANIMATION_HIDE","accordionItemCounter","StzhPiMenu","this","toggledByMethod","focusedByInput","handleHeaderClick","toggle","onRootFocus","buttonElement","focus","handleMenuItemClick","event","stzhMenuItemClick","emit","component","originalEvent","handleBackdropClick","async","showBackdrop","hide","setEntangledMenuSize","menuEl","element","shadowRoot","querySelector","entangledMenuSize","getBoundingClientRect","width","handleMenuIntersection","entries","forEach","entry","intersectionRatio","boundingClientRect","top","menuIsFixed","mediaChangeHandler","isSmall","media","matches","isMedium","isLarge","isUltra","open","menuItemsWatcher","newValue","_menuItems","JSON","parse","map","menuItem","index","Object","assign","id","openWatcher","bodyElement","stzhOpen","stopAnimations","hidden","animateTo","shimKeyframesAutoValues","scrollHeight","stzhOpened","stzhClose","style","stzhClosed","show","waitForEvent","setSubMenuHeader","item","h","class","href","onClick","e","active","label","_a","items","length","name","setSubMenuItems","connectedCallback","addMediaChangeListener","componentWillLoad","piMenuId","menuItems","localization","window","stzhComponents","utils","fetchTranslations","componentDidLoad","menuObserver","IntersectionObserver","rootMargin","threshold","observe","addEventListener","resizeTimeout","cancelAnimationFrame","requestAnimationFrame","disconnectedCallback","disconnect","removeEventListener","removeMediaChangeListener","render","Heading","headingLevel","classes","backdropClasses","closed","narrowScreens","wideScreens","menuWidth","Host","key","tabindex","rootTabindex","onFocus","ref","el","type","analyticsId","heading","role","menuLabel","subheading","slot"],"sources":["src/components/CMS/stzh-pi-menu/stzh-pi-menu.scss?tag=stzh-pi-menu&encapsulation=shadow","src/components/CMS/stzh-pi-menu/stzh-pi-menu.tsx"],"sourcesContent":["/**\n * @prop --stzh-pi-menu-padding-left\n */\n\n:host {\n  --padding-left: var(--stzh-pi-menu-padding-left, #{$containerMargin});\n  --trigger-size: #{iconSize(large)};\n  --trigger-color: #{$colorBlack};\n  --content-background: #{$colorPrimary20};\n  --icon-size: #{iconSize()};\n  --button-color: #{$colorBlack};\n  --button-background-color: #{$colorPrimary30};\n\n  --hover-button-color: var(--button-color);\n  --hover-button-background-color: #{$colorPrimary40};\n  --hover-trigger-color: var(--trigger-color);\n\n  @media print {\n    page-break-inside: avoid;\n    break-inside: avoid;\n  }\n\n  @include highContrast() {\n    --trigger-color: CanvasText;\n\n    --hover-trigger-color: CanvasText;\n  }\n}\n\n.stzh-pi-menu {\n  height: 100%;\n  transition: width 0.15s ease;\n  width: 100%;\n  z-index: 1;\n  position: absolute;\n\n  /* Scrollbar styling */\n\n  &::-webkit-scrollbar {\n    width: 8px;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background-color: var(--stzh-color-primary40);\n  }\n\n  &::-webkit-scrollbar-track {\n    background: var(--content-background);\n  }\n\n  scrollbar-color: var(--stzh-color-primary40) var(--content-background);\n\n  &--fixed {\n    position: fixed;\n    top: 0;\n    height: auto;\n  }\n\n  &__heading {\n    margin: 0;\n    position: sticky;\n    top: 0;\n  }\n\n  &__backdrop {\n    position: absolute;\n    z-index: -1;\n    top: 0;\n    width: 0;\n    height: 0;\n    background-color: $colorBlack40op;\n    opacity: 0;\n    transition: opacity $baseTransitionAnimationSpeed;\n    pointer-events: none;\n\n    &--visible {\n      width: 100vw;\n      height: 100vh;\n      opacity: 1;\n      pointer-events: auto;\n    }\n  }\n\n  &__button {\n    @include fontSize(\"centi\");\n    @include font(\"heavy\");\n    padding-left: space(\"none\");\n    padding-right: space(\"medium\");\n\n    padding-top: space(\"none\");\n    padding-bottom: space(\"none\");\n\n    width: 100%;\n    min-height: space(\"xbig\");\n    appearance: none;\n    display: flex;\n    align-items: center;\n    gap: var(--stzh-space-xsmall);\n    color: var(--button-color);\n    background-color: var(--button-background-color);\n    text-align: left;\n    border: none;\n    transition-property: background-color;\n    transition-duration: $baseTransitionAnimationSpeed;\n    cursor: pointer;\n    @include mq(\"medium\") {\n      padding-right: space(\"small\");\n    }\n    @include mq($from: large) {\n      @include fontSize(\"deci\");\n      @include fontSize(\"deci\");\n    }\n    @include mq($from: ultra) {\n      padding-left: calc(((100vw - #{map-get($breakpoints, \"ultra\")})) / 2);\n      padding-right: space(\"medium\");\n    }\n    @media (prefers-reduced-motion: reduce) {\n      transition: none;\n    }\n\n    &:hover {\n      color: var(--hover-button-color);\n      background-color: var(--hover-button-background-color);\n    }\n  }\n\n  &__button-spacer {\n    visibility: hidden;\n    pointer-events: none;\n  }\n\n  &__subheading {\n    @include fontSize(\"centi\");\n    @include font(\"heavy\");\n    @include fontSize(\"centi\");\n    @include font(\"heavy\");\n    margin: 0;\n    padding: space(\"small\") space(\"medium\");\n    hyphens: auto;\n    @include mq($from: medium) {\n      padding-left: space(\"small\");\n      padding-right: space(\"small\");\n    }\n\n    @include mq($from: large) {\n      @include fontSize(\"deci\");\n    }\n\n    @include mq($from: ultra) {\n      padding-left: calc(\n        (((100vw - #{map-get($breakpoints, \"ultra\")})) / 2) + space(\"medium\")\n      );\n      padding-right: space(\"medium\");\n    }\n  }\n\n  &__content-inner {\n    background-color: var(--content-background);\n    overflow-y: hidden;\n  }\n\n  &__button-text {\n    flex-grow: 1;\n    padding-left: space(\"medium\");\n\n    @include mq($from: medium) {\n      padding-left: space(\"small\");\n      padding-right: space(\"small\");\n    }\n    @include mq($from: ultra) {\n      padding-left: space(\"medium\");\n      padding-right: space(\"medium\");\n    }\n  }\n\n  &__button-icon,\n  &__button-icon-in-menu {\n    --size: var(--trigger-size);\n\n    transition-property: transform, color;\n    transition-duration: 500ms;\n    color: var(--trigger-color);\n    @media (prefers-reduced-motion: reduce) {\n      transition: none;\n    }\n  }\n\n  &__button-icon-in-menu {\n    --size: var(--icon-size);\n    color: var(--stzh-color-black);\n    margin-left: auto;\n\n    &:hover {\n      color: var(--stzh-color-primary70);\n    }\n    @include mq(\"medium\") {\n      display: none;\n    }\n  }\n  &__sub-menu {\n    display: flex;\n    padding-right: space(\"medium\");\n    align-items: center;\n\n    @include mq($from: medium) {\n      padding-right: space(\"small\");\n    }\n    @include mq($from: ultra) {\n      padding-right: space(\"medium\");\n    }\n  }\n\n  &__button:hover &__button-icon {\n    &.is-default {\n      &::before,\n      &::after {\n        background-color: var(--hover-trigger-color);\n      }\n    }\n\n    color: var(--hover-trigger-color);\n  }\n\n  &__content {\n    height: calc(100vh - 64px);\n    width: 100%;\n\n    @media print {\n      height: auto !important;\n      overflow: visible !important;\n      display: block !important;\n    }\n  }\n\n  stzh-details {\n    .stzh-details--is-open {\n      .stzh-pi-menu__button-icon-in-menu {\n        transform: rotate(180deg);\n      }\n    }\n    .stzh-details__content-inner {\n      padding-top: space(\"none\");\n    }\n  }\n  /* Nav */\n\n  &__nav {\n    padding-bottom: var(--stzh-space-xlarge);\n    padding-left: space(\"none\");\n  }\n\n  &__nav-list {\n    list-style: none;\n    margin-block-start: 0;\n    margin-block-end: 0;\n    padding-inline-start: 0;\n  }\n\n  &__nav-list.is-level-2 {\n    @include mq($from: medium) {\n      padding-bottom: space(\"small\");\n    }\n  }\n\n  &__nav-item {\n    display: block;\n    @include spaceCurve(\"padding-top\", \"tiny\");\n    @include spaceCurve(\"padding-right\", \"regular\");\n    @include spaceCurve(\"padding-bottom\", \"tiny\");\n    @include spaceCurve(\"padding-top\", \"tiny\");\n    @include spaceCurve(\"padding-right\", \"regular\");\n    @include spaceCurve(\"padding-bottom\", \"tiny\");\n    padding-left: var(--padding-left);\n    text-decoration: none;\n    color: var(--stzh-color-black);\n\n    &:hover {\n      color: var(--stzh-color-primary70);\n    }\n  }\n\n  &__nav-item.active {\n    background-color: var(--stzh-color-primary30);\n  }\n\n  &__nav-item.is-level-1 {\n    @include font(\"heavy\");\n\n    padding: space(\"small\") space(\"medium\");\n    @include mq($to: medium) {\n      height: 44px;\n      align-content: center;\n    }\n    @include mq($from: medium) {\n      padding-left: space(\"small\");\n      padding-right: space(\"small\");\n    }\n    @include mq($from: ultra) {\n      padding-left: calc(\n        (((100vw - #{map-get($breakpoints, \"ultra\")})) / 2) + space(\"medium\")\n      );\n      padding-right: space(\"medium\");\n    }\n  }\n\n  &__nav-item.is-level-2 {\n    line-height: space(\"xlarge\");\n    padding: space(\"xsmall\") space(\"xxlarge\");\n\n    @include mq($from: medium) {\n      padding-left: space(\"xlarge\");\n      padding-right: space(\"xlarge\");\n    }\n    @include mq($from: ultra) {\n      padding-left: calc(\n        (((100vw - #{map-get($breakpoints, \"ultra\")})) / 2) + space(\"xxlarge\")\n      );\n      padding-right: space(\"xxlarge\");\n    }\n  }\n\n  &__button-space-helper {\n    visibility: hidden;\n    pointer-events: none;\n  }\n\n  /* Open */\n\n  &--is-open {\n    .stzh-pi-menu__button-icon {\n      transform: rotate(180deg);\n    }\n\n    .stzh-pi-menu__content-inner {\n      overflow-y: auto;\n      height: calc(100vh - 64px);\n\n      // @include mq($from: small) {\n      //   height: calc(100vh - 72px);\n      // }\n\n      // @include mq($from: medium) {\n      //   height: calc(100vh - 80px);\n      // }\n\n      // @include mq($from: medium) {\n      //   height: calc(100vh - 96px);\n      // }\n    }\n  }\n}\n","import { Component, Element, Event, EventEmitter, h, Host, Method, Prop, State, Watch } from \"@stencil/core\";\n\nimport {\n  StzhPiMenuClosedEvent,\n  StzhPiMenuCloseEvent,\n  StzhPiMenuItemClickEvent,\n  StzhPiMenuOpenedEvent,\n  StzhPiMenuOpenEvent,\n  StzhPiPagetitleMenuItem,\n} from \"../../../index\";\n\nimport { waitForEvent } from \"../../../utils/event-utils\";\nimport { animateTo, shimKeyframesAutoValues, stopAnimations } from \"../../../utils/animation-utils\";\nimport { StzhPiMenuLocalization } from \"./stzh-pi-menu.localization\";\nimport { addMediaChangeListener, media, removeMediaChangeListener } from \"../../../utils/media-utils\";\n\nconst ANIMATION_SHOW = {\n  keyframes: [\n    { height: \"0\", opacity: \"0\" },\n    { height: \"100%\", opacity: \"1\" },\n  ],\n  options: { duration: 300, easing: \"linear\" },\n};\n\nconst ANIMATION_HIDE = {\n  keyframes: [\n    { height: \"100%\", opacity: \"1\" },\n    { height: \"0\", opacity: \"0\" },\n  ],\n  options: { duration: 300, easing: \"linear\" },\n};\n\nlet accordionItemCounter = 0;\n\n// const CLASS_BODY_OPEN = \"stzh-header-open\";\n\n@Component({\n  tag: \"stzh-pi-menu\",\n  styleUrl: \"stzh-pi-menu.scss\",\n  shadow: true,\n})\nexport class StzhPiMenu {\n  /** Translation strings */\n  @Prop() localization: StzhPiMenuLocalization;\n\n  /** Menu navigation items */\n  @Prop() menuItems: StzhPiPagetitleMenuItem[] | string = [];\n  private _menuItems: StzhPiPagetitleMenuItem[];\n\n  /** Whether fold is open */\n  @Prop({ mutable: true, reflect: true }) open: boolean = false;\n\n  /** Heading title */\n  @Prop() heading: string = \"\";\n\n  /** Heading title */\n  @Prop() subheading: string = \"\";\n\n  /** Heading level, for accessibility, no visual impact */\n  @Prop({ reflect: true }) headingLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"3\";\n\n  /** If the menu is fixed (when otherwise no longer in viewport) or statically positioned.  */\n  @State() menuIsFixed: boolean = false;\n\n  /** Used to sync width of stzh-pi-menu-positioner (in-flow element) with stzh-pi-menu (gets taken out of flow with menuIsFixed, but must stay the same width) */\n  @State() entangledMenuSize: number = 20;\n\n  @State() showBackdrop: boolean = false;\n\n  /** Break points for displays */\n  @State() isSmall: boolean;\n  @State() isMedium: boolean;\n  @State() isLarge: boolean;\n  @State() isUltra: boolean;\n\n  /**\n   * For Adobe Analytics.\n   * Will be rendered as value of `s-object-id` attribute to the button element.\n   * Default value will be taken from `heading` prop.\n   */\n  @Prop() analyticsId: string;\n\n  @Element() element: HTMLStzhPiMenuElement;\n\n  /** Open event */\n  @Event() stzhOpen: EventEmitter<StzhPiMenuOpenEvent>;\n\n  /** Opened event (after animation) */\n  @Event() stzhOpened: EventEmitter<StzhPiMenuOpenedEvent>;\n\n  /** Close event */\n  @Event() stzhClose: EventEmitter<StzhPiMenuCloseEvent>;\n\n  /** Closed event (after animation) */\n  @Event() stzhClosed: EventEmitter<StzhPiMenuClosedEvent>;\n\n  /** Metanav item click event */\n  @Event() stzhMenuItemClick: EventEmitter<StzhPiMenuItemClickEvent>;\n\n  @Watch(\"menuItems\")\n  menuItemsWatcher(newValue: StzhPiPagetitleMenuItem[] | string) {\n    if (typeof newValue === \"string\") {\n      this._menuItems = JSON.parse(newValue);\n    } else {\n      this._menuItems = newValue;\n    }\n\n    this._menuItems = this._menuItems.map((menuItem, index) => ({\n      id: `submenu-${index}`,\n      ...menuItem,\n    }));\n  }\n\n  @Watch(\"open\")\n  async openWatcher(newValue: boolean) {\n    if (!this.bodyElement) {\n      return;\n    }\n\n    if (newValue) {\n      if (this.toggledByMethod) {\n        this.stzhOpen.emit({\n          component: \"stzh-pi-menu\",\n        });\n      }\n\n      await stopAnimations(this.bodyElement);\n      this.bodyElement.hidden = false;\n\n      await animateTo(\n        this.bodyElement,\n        shimKeyframesAutoValues(ANIMATION_SHOW.keyframes, {\n          height: this.bodyElement.scrollHeight,\n        }),\n        ANIMATION_SHOW.options,\n      );\n\n      // this.bodyElement.style.height = `calc(100% - ${this.headingElement.clientHeight}px)`;\n\n      if (this.toggledByMethod) {\n        this.stzhOpened.emit({\n          component: \"stzh-pi-menu\",\n        });\n      }\n    } else {\n      if (this.toggledByMethod) {\n        this.stzhClose.emit({\n          component: \"stzh-pi-menu\",\n        });\n      }\n\n      await stopAnimations(this.bodyElement);\n\n      await animateTo(\n        this.bodyElement,\n        shimKeyframesAutoValues(ANIMATION_HIDE.keyframes, {\n          height: this.bodyElement.scrollHeight,\n        }),\n        ANIMATION_HIDE.options,\n      );\n\n      this.bodyElement.hidden = true;\n      this.bodyElement.style.height = \"0px\";\n\n      if (this.toggledByMethod) {\n        this.stzhClosed.emit({\n          component: \"stzh-pi-menu\",\n        });\n      }\n    }\n\n    this.toggledByMethod = false;\n  }\n\n  /** Show piMenu item content */\n  @Method()\n  async show() {\n    if (this.open) {\n      return;\n    }\n\n    // this.menuIsFixed && document.body.classList.add(CLASS_BODY_OPEN);\n    if (!this.isMedium && !this.isLarge && !this.isUltra) {\n      this.showBackdrop = true;\n    }\n    this.toggledByMethod = true;\n    this.open = true;\n    return waitForEvent(this.element, \"stzhOpened\");\n  }\n\n  /** Hide content */\n  @Method()\n  async hide() {\n    if (!this.open) {\n      return;\n    }\n\n    // document.body.classList.remove(CLASS_BODY_OPEN);\n    this.showBackdrop = false;\n    this.toggledByMethod = true;\n    this.open = false;\n    return waitForEvent(this.element, \"stzhClosed\");\n  }\n\n  /** Toggle piMenu item content */\n  @Method()\n  async toggle() {\n    if (this.open) {\n      return await this.hide();\n    } else {\n      return await this.show();\n    }\n  }\n\n  @State() rootTabindex: number = 0;\n\n  private toggledByMethod: boolean = false;\n  private bodyElement: HTMLDivElement;\n  private buttonElement: HTMLButtonElement;\n  private piMenuId: string;\n  private focusedByInput: boolean = false;\n\n  private handleHeaderClick = () => {\n    this.toggle();\n  };\n\n  private onRootFocus = () => {\n    if (!this.focusedByInput) {\n      this.buttonElement.focus();\n    }\n\n    this.focusedByInput = false;\n  };\n\n  private handleMenuItemClick = (event: MouseEvent) => {\n    this.stzhMenuItemClick.emit({\n      component: \"stzh-pi-menu\",\n      originalEvent: event,\n    });\n  };\n\n  private handleBackdropClick = async () => {\n    this.showBackdrop = false;\n    this.hide();\n  };\n\n  private setEntangledMenuSize = () => {\n    const menuEl = this.element.shadowRoot.querySelector(\".stzh-pi-menu-positioner\");\n    this.entangledMenuSize = menuEl.getBoundingClientRect().width;\n  };\n\n  private menuObserver: IntersectionObserver;\n  private resizeTimeout: number;\n\n  private handleMenuIntersection = (entries: IntersectionObserverEntry[]) => {\n    entries.forEach(entry => {\n      if (entry.intersectionRatio < 1 && entry.boundingClientRect.top < 20) {\n        this.menuIsFixed = true;\n      } else {\n        this.menuIsFixed = false;\n      }\n    });\n  };\n\n  private setSubMenuHeader(item) {\n    return (\n      <div class=\"stzh-pi-menu__sub-menu\">\n        <a\n          href={item.href}\n          onClick={(e: MouseEvent) => this.handleMenuItemClick(e)}\n          class={{\n            \"stzh-pi-menu__nav-item\": true,\n            \"is-level-1\": true,\n            active: item.active,\n          }}\n        >\n          {item.label}\n        </a>{\" \"}\n        {item.items?.length ? <stzh-icon name=\"angle-down\" class=\"stzh-pi-menu__button-icon-in-menu\"></stzh-icon> : \"\"}\n      </div>\n    );\n  }\n  private setSubMenuItems(item) {\n    if (!item.items?.length) return null;\n    return (\n      <ul id={item.id} class=\"stzh-pi-menu__nav-list is-level-2\">\n        {item.items.map(item => (\n          <li class=\"stzh-pi-menu__nav-list-item\">\n            <a\n              href={item.href}\n              onClick={(e: MouseEvent) => this.handleMenuItemClick(e)}\n              class={{\n                \"stzh-pi-menu__nav-item\": true,\n                \"is-level-2\": true,\n                active: item.active,\n              }}\n            >\n              {item.label}\n            </a>\n          </li>\n        ))}\n      </ul>\n    );\n  }\n\n  private mediaChangeHandler = () => {\n    // update a state for example to update component template depending on breakpoint state\n    this.isSmall = media(\"small\").matches;\n    this.isMedium = media(\"medium\").matches;\n    this.isLarge = media(\"large\").matches;\n    this.isUltra = media(\"ultra\").matches;\n    if (this.isMedium || this.isLarge || this.isUltra) {\n      this.showBackdrop = false;\n      this.open = true;\n    } else {\n      if (this.open) {\n        this.showBackdrop = true;\n      }\n    }\n  };\n\n  connectedCallback() {\n    addMediaChangeListener(this.mediaChangeHandler);\n  }\n\n  async componentWillLoad() {\n    this.piMenuId = `stzh-pi-menu-${accordionItemCounter++}`;\n    this.menuItemsWatcher(this.menuItems);\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"pi-pagetitle\");\n    }\n  }\n\n  componentDidLoad() {\n    this.bodyElement.hidden = !this.open;\n\n    this.menuObserver = new IntersectionObserver(this.handleMenuIntersection, { rootMargin: \"0px\", threshold: 1 });\n    const menuEl = this.element.shadowRoot.querySelector(\".stzh-pi-menu-positioner\");\n    this.menuObserver.observe(menuEl);\n    this.setEntangledMenuSize();\n    this.mediaChangeHandler();\n\n    // Open status for medium, large and ultra screens\n    if (this.isMedium || this.isLarge || this.isUltra) {\n      this.open = true;\n    } else {\n      this.open = false;\n    }\n\n    window.addEventListener(\n      \"resize\",\n      () => {\n        if (this.resizeTimeout) {\n          window.cancelAnimationFrame(this.resizeTimeout);\n        }\n        this.resizeTimeout = window.requestAnimationFrame(() => {\n          this.setEntangledMenuSize();\n        });\n      },\n      false,\n    );\n  }\n\n  disconnectedCallback() {\n    if (this.menuObserver) {\n      this.menuObserver.disconnect();\n    }\n    window.removeEventListener(\"resize\", () => {\n      if (this.resizeTimeout) {\n        window.cancelAnimationFrame(this.resizeTimeout);\n      }\n    });\n    removeMediaChangeListener(this.mediaChangeHandler);\n  }\n\n  render() {\n    const Heading = `h${this.headingLevel}`;\n    const classes = {\n      \"stzh-pi-menu\": true,\n      \"stzh-pi-menu--is-open\": this.open,\n      \"stzh-pi-menu--fixed\": this.menuIsFixed,\n    };\n\n    const backdropClasses = {\n      \"stzh-pi-menu__backdrop\": true,\n      \"stzh-pi-menu__backdrop--visible\": this.showBackdrop,\n    };\n\n    const closed = \"8.0625rem\";\n\n    // Screens micro and small\n    const narrowScreens = \"19.6875rem\";\n\n    // Screens medium, large and ultra\n    const wideScreens = `${this.entangledMenuSize}px`;\n\n    const menuWidth = this.open ? (this.isMedium ? wideScreens : narrowScreens) : this.isMedium ? wideScreens : closed;\n\n    return (\n      <Host tabindex={this.rootTabindex} onFocus={this.onRootFocus}>\n        <div class=\"stzh-pi-menu-positioner\">\n          <div class={classes} style={{ width: menuWidth }}>\n            <div class={backdropClasses} onClick={this.handleBackdropClick}></div>\n\n            {/* Header of the menu */}\n            <Heading class=\"stzh-pi-menu__heading\" onClick={this.handleHeaderClick}>\n              <button\n                ref={el => (this.buttonElement = el as HTMLButtonElement)}\n                class=\"stzh-pi-menu__button\"\n                aria-expanded={`${this.open ? \"true\" : \"false\"}`}\n                type=\"button\"\n                s-object-id={this.analyticsId || this.heading}\n              >\n                <span class=\"stzh-pi-menu__button-text\">{this.heading}</span>\n                <stzh-icon name=\"angle-down\" class=\"stzh-pi-menu__button-icon\"></stzh-icon>\n              </button>\n            </Heading>\n\n            {/* Content of the menu */}\n            <div\n              id={`${this.piMenuId}-content`}\n              ref={el => (this.bodyElement = el as HTMLDivElement)}\n              class=\"stzh-pi-menu__content\"\n              aria-labelledby={`${this.piMenuId}-header`}\n              role=\"region\"\n            >\n              <div class=\"stzh-pi-menu__content-inner\">\n                <nav class=\"stzh-pi-menu__nav\" aria-label={this.localization.menuLabel}>\n                  {this.subheading && <p class=\"stzh-pi-menu__subheading\">{this.subheading}</p>}\n                  <ul class=\"stzh-pi-menu__nav-list is-level-1\">\n                    {this._menuItems.map((item, index) => (\n                      <li class=\"stzh-pi-menu__nav-list-item\">\n                        {this.isMedium || this.isLarge || this.isUltra ? (\n                          <div>\n                            {this.setSubMenuHeader(item)}\n                            {this.setSubMenuItems(item)}\n                          </div>\n                        ) : (\n                          <stzh-details open={index === 0}>\n                            {this.setSubMenuHeader(item)}\n                            <div slot=\"content\">{this.setSubMenuItems(item)}</div>\n                          </stzh-details>\n                        )}\n                      </li>\n                    ))}\n                  </ul>\n                </nav>\n              </div>\n            </div>\n          </div>\n          <button class=\"stzh-pi-menu__button stzh-pi-menu__button-space-helper\" aria-hidden=\"true\" type=\"button\">\n            <span class=\"stzh-pi-menu__button-text\">\n              <span class=\"stzh-pi-menu__heading-text\">{this.heading}</span>\n            </span>\n            <stzh-icon name=\"angle-down\" class=\"stzh-pi-menu__button-icon\"></stzh-icon>\n          </button>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}