npm - @oiz/stzh-components - Versions diffs - 3.0.0-beta1 → 3.0.0-beta2 - Mend

@oiz/stzh-components 3.0.0-beta1 → 3.0.0-beta2

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

Files changed (187) hide show

package/dist/stzh-components/p-83978293.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["stzhStickyActionsCss","StzhStickyActions","this","observePagetitle","entries","hasActiveScrollup","isIntersecting","updateScrollupWidth","document","documentElement","style","setProperty","scrollupElement","offsetWidth","handleScrollupResize","throttle","hasActiveScrollupWatcher","newValue","componentDidLoad","observer","IntersectionObserver","rootMargin","pagetitle","pagetitleQuery","querySelector","observe","resizeObserver","ResizeObserver","requestAnimationFrame","disconn","_a","disconnect","render","chatSlotUsed","hasSlot","element","scrollupSlotUsed","classes","h","Host","class","name","position","variant","disableStickyTop","onSlotchange","forceUpdate","ref","el"],"sources":["src/components/stzh-sticky-actions/stzh-sticky-actions.scss?tag=stzh-sticky-actions&encapsulation=shadow","src/components/stzh-sticky-actions/stzh-sticky-actions.tsx"],"sourcesContent":[":host {\n --gap: #{space('small')};\n --sticky-padding-bottom: var(--stzh-sticky-actions-sticky-padding-bottom, #{space('small')});\n\n --stuck-offset: calc(\n var(--stzh-pagetitle-disturber-stuck-height, 0px)\n + var(--stzh-sticky-cta-stuck-bottom-height, 0px)\n );\n\n @include mq($from: medium) {\n --sticky-padding-bottom: var(--stzh-sticky-actions-sticky-padding-bottom, #{space('medium')});\n }\n\n // z-index: $zIndexSticky;\n // position: fixed;\n // right: $containerMargin;\n // bottom: space('small');\n // transition: transform $baseTransitionAnimationSpeed;\n // transform:\n // translateY(calc((\n // var(--stzh-pagetitle-disturber-stuck-height, 0px)\n // + var(--stzh-cta-stuck-bottom-height, 0px)\n // ) / -1))\n // translateX(0);\n\n // @include mq($from: small) {\n // right: $containerMarginSmall;\n // }\n\n // @include mq($from: medium) {\n // right: $containerMarginMedium;\n // }\n\n // @include mq($from: large) {\n // right: $containerMarginLarge;\n // }\n\n // @include mq($from: ultra) {\n // right: calc((100vw - #{$containerMaxWidth} - var(--stzh-scrollbar-width, 0px)) / 2);\n // }\n\n @media print {\n display: none;\n }\n}\n\n.stzh-sticky-actions {\n &__container {\n display: flex;\n justify-content: flex-end;\n transition-property: transform;\n transition-duration: $baseTransitionAnimationSpeed;\n }\n\n &__sticky {\n --padding-top: 0px;\n --padding-bottom: var(--sticky-padding-bottom);\n }\n\n &__sticky[is-stuck-bottom] &__container {\n transform: translateY(calc(var(--stuck-offset) / -1))\n }\n\n &__scrollup-wrapper {\n transition-property: transform, opacity, visibility;\n transition-duration: $baseTransitionAnimationSpeed;\n opacity: 0;\n visibility: hidden;\n transform: translateX(var(--stzh-sticky-actions-scrollup-width, 44px));\n }\n\n &.has-chat &__scrollup-wrapper {\n transform: translateX(calc((var(--stzh-sticky-actions-scrollup-width, 44px) + var(--gap))));\n }\n\n &.has-scrollup &__chat-wrapper {\n transition-property: transform;\n transition-duration: $baseTransitionAnimationSpeed;\n transform: translateX(calc((var(--stzh-sticky-actions-scrollup-width, 44px))));\n }\n\n /* Active scrollup variant */\n\n &.has-active-scrollup &__scrollup-wrapper {\n opacity: 1;\n visibility: visible;\n transform: translateX(0px);\n }\n\n &.has-active-scrollup &__chat-wrapper {\n transform: translateX(calc(var(--gap) / -1));\n }\n}\n","import {\n Component,\n Host,\n h,\n Element,\n forceUpdate,\n State,\n Prop,\n Watch,\n} from \"@stencil/core\";\n\nimport throttle from \"lodash/throttle\";\nimport { hasSlot } from \"../../utils/utils\";\n\n/**\n * @slot - Slot for content that should stick to chat place\n */\n@Component({\n tag: \"stzh-sticky-actions\",\n styleUrl: \"stzh-sticky-actions.scss\",\n shadow: true\n})\nexport class StzhStickyActions {\n /** Query used to get pagetitle element (will show scrollup when passed). */\n @Prop() pagetitleQuery: string | (() => HTMLElement) = 'stzh-pagetitle, stzh-pagetitle-hero';\n\n @State() hasActiveScrollup;\n\n @Element() element: HTMLStzhStickyActionsElement;\n\n @Watch(\"hasActiveScrollup\")\n hasActiveScrollupWatcher(newValue: boolean) {\n document.documentElement.style.setProperty(\"--stzh-sticky-actions-scrollup-is-active\", newValue ? \"1\" : \"0\");\n document.documentElement.style.setProperty(\"--stzh-sticky-actions-scrollup-is-not-active\", newValue ? \"0\" : \"1\");\n }\n\n private observer: IntersectionObserver;\n private resizeObserver: ResizeObserver;\n private scrollupElement: HTMLElement;\n\n private observePagetitle = (entries: IntersectionObserverEntry[]) => {\n this.hasActiveScrollup = !entries[0].isIntersecting;\n }\n\n private updateScrollupWidth = () => {\n document.documentElement.style.setProperty(\"--stzh-sticky-actions-scrollup-width\", `${this.scrollupElement.offsetWidth}px`);\n }\n\n private handleScrollupResize = throttle(this.updateScrollupWidth, 100);\n\n componentDidLoad() {\n this.observer = new IntersectionObserver(this.observePagetitle, { rootMargin: \"0px\", });\n const pagetitle = typeof this.pagetitleQuery === \"string\" ? document.querySelector(this.pagetitleQuery) : this.pagetitleQuery();\n if (pagetitle) {\n this.observer.observe(pagetitle);\n }\n\n this.resizeObserver = new ResizeObserver(this.handleScrollupResize);\n this.resizeObserver.observe(this.scrollupElement);\n\n requestAnimationFrame(() => {\n requestAnimationFrame(() => {\n this.updateScrollupWidth();\n });\n });\n }\n\n disconn() {\n this.resizeObserver?.disconnect();\n }\n\n render() {\n const chatSlotUsed = hasSlot(this.element, \"chat\");\n const scrollupSlotUsed = hasSlot(this.element, \"scrollup\");\n\n const classes = {\n \"stzh-sticky-actions\": true,\n \"has-chat\": chatSlotUsed,\n \"has-scrollup\": scrollupSlotUsed,\n \"has-active-scrollup\": this.hasActiveScrollup,\n };\n\n return (\n <Host>\n <div class={classes} data-stzh-sticky-width-container>\n <stzh-sticky\n name=\"actions\"\n class=\"stzh-sticky-actions__sticky\"\n position=\"fixed\"\n variant=\"transparent\"\n disableStickyTop={true}\n >\n <div class=\"stzh-sticky-actions__container\">\n <div class=\"stzh-sticky-actions__chat-wrapper\">\n <slot name=\"chat\" onSlotchange={() => forceUpdate(this.element)}></slot>\n </div>\n <div\n ref={(el) => (this.scrollupElement = el as HTMLElement)}\n class=\"stzh-sticky-actions__scrollup-wrapper\"\n >\n <slot name=\"scrollup\" onSlotchange={() => forceUpdate(this.element)}></slot>\n </div>\n </div>\n </stzh-sticky>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"2MAAA,MAAMA,EAAuB,w/E,MCsBhBC,EAAiB,M,yBAkBpBC,KAAAC,iBAAoBC,IAC1BF,KAAKG,mBAAqBD,EAAQ,GAAGE,cAAc,EAG7CJ,KAAAK,oBAAsB,KAC5BC,SAASC,gBAAgBC,MAAMC,YAAY,uCAAwC,GAAGT,KAAKU,gBAAgBC,gBAAgB,EAGrHX,KAAAY,qBAAuBC,EAASb,KAAKK,oBAAqB,K,oBAxBX,sC,iCAOvD,wBAAAS,CAAyBC,GACvBT,SAASC,gBAAgBC,MAAMC,YAAY,2CAA4CM,EAAW,IAAM,KACxGT,SAASC,gBAAgBC,MAAMC,YAAY,+CAAgDM,EAAW,IAAM,I,CAiB9G,gBAAAC,GACEhB,KAAKiB,SAAW,IAAIC,qBAAqBlB,KAAKC,iBAAkB,CAAEkB,WAAY,QAC9E,MAAMC,SAAmBpB,KAAKqB,iBAAmB,SAAWf,SAASgB,cAActB,KAAKqB,gBAAkBrB,KAAKqB,iBAC/G,GAAID,EAAW,CACbpB,KAAKiB,SAASM,QAAQH,E,CAGxBpB,KAAKwB,eAAiB,IAAIC,eAAezB,KAAKY,sBAC9CZ,KAAKwB,eAAeD,QAAQvB,KAAKU,iBAEjCgB,uBAAsB,KACpBA,uBAAsB,KACpB1B,KAAKK,qBAAqB,GAC1B,G,CAIN,OAAAsB,G,OACEC,EAAA5B,KAAKwB,kBAAc,MAAAI,SAAA,SAAAA,EAAEC,Y,CAGvB,MAAAC,GACE,MAAMC,EAAeC,EAAQhC,KAAKiC,QAAS,QAC3C,MAAMC,EAAmBF,EAAQhC,KAAKiC,QAAS,YAE/C,MAAME,EAAU,CACd,sBAAuB,KACvB,WAAYJ,EACZ,eAAgBG,EAChB,sBAAuBlC,KAAKG,mBAG9B,OACEiC,EAACC,EAAI,KACHD,EAAA,OAAKE,MAAOH,EAAO,yCACjBC,EAAA,eACEG,KAAK,UACLD,MAAM,8BACNE,SAAS,QACTC,QAAQ,cACRC,iBAAkB,MAElBN,EAAA,OAAKE,MAAM,kCACTF,EAAA,OAAKE,MAAM,qCACTF,EAAA,QAAMG,KAAK,OAAOI,aAAc,IAAMC,EAAY5C,KAAKiC,YAEzDG,EAAA,OACES,IAAMC,GAAQ9C,KAAKU,gBAAkBoC,EACrCR,MAAM,yCAENF,EAAA,QAAMG,KAAK,WAAWI,aAAc,IAAMC,EAAY5C,KAAKiC,e"}

package/dist/stzh-components/p-89de4375.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as t,h as s,a as o,g as i}from"./p-c7bfac7a.js";import{s as e}from"./p-7e304ea3.js";import"./p-9b063923.js";const n=":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]{display:none}: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{display:contents}@media print{:host{display:none}}.stzh-print{display:contents}";const r=class{constructor(s){t(this,s);this.handleLinkClick=()=>{window.print()};this.init=()=>{const t=this.element.querySelectorAll("stzh-link, stzh-button");t.forEach((t=>{t.addEventListener("click",this.handleLinkClick);e(t,{icon:"print"})}))}}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-print":true};return s(o,null,s("div",{class:t},s("slot",null)))}get element(){return i(this)}};r.style=n;export{r as stzh_print};
2	- //# sourceMappingURL=p-89de4375.entry.js.map

package/dist/stzh-components/p-89de4375.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["stzhPrintCss","StzhPrint","constructor","hostRef","this","handleLinkClick","window","print","init","links","element","querySelectorAll","forEach","link","addEventListener","setPropsIfNull","icon","connectedCallback","observer","MutationObserver","observe","childList","subtree","disconnectedCallback","disconnect","render","classes","h","Host","class"],"sources":["src/components/stzh-print/stzh-print.scss?tag=stzh-print&encapsulation=shadow","src/components/stzh-print/stzh-print.tsx"],"sourcesContent":[":host {\n display: contents;\n\n @media print {\n display: none;\n }\n}\n\n.stzh-print {\n display: contents;\n}\n","import {\n Component,\n Host,\n h,\n Element,\n} from \"@stencil/core\";\n\nimport { setPropsIfNull } from \"../../utils/utils\";\n\n/**\n * @slot - Slot for label\n */\n@Component({\n tag: \"stzh-print\",\n styleUrl: \"stzh-print.scss\",\n shadow: true\n})\nexport class StzhPrint {\n @Element() element: HTMLStzhPrintElement;\n\n private observer: MutationObserver;\n\n private handleLinkClick = () => {\n window.print();\n }\n\n private init = () => {\n const links = this.element.querySelectorAll(\"stzh-link, stzh-button\");\n\n links.forEach((link) => {\n link.addEventListener('click', this.handleLinkClick);\n\n setPropsIfNull(link, {\n icon: \"print\"\n } as HTMLStzhLinkElement | HTMLStzhButtonElement)\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-print\": true\n };\n\n return (\n <Host>\n <div class={classes}>\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"qHAAA,MAAMA,EAAe,y2B,MCiBRC,EAAS,MALtB,WAAAC,CAAAC,G,UAUUC,KAAAC,gBAAkB,KACxBC,OAAOC,OAAO,EAGRH,KAAAI,KAAO,KACb,MAAMC,EAAQL,KAAKM,QAAQC,iBAAiB,0BAE5CF,EAAMG,SAASC,IACbA,EAAKC,iBAAiB,QAASV,KAAKC,iBAEpCU,EAAeF,EAAM,CACnBG,KAAM,SACyC,GACjD,C,CAGJ,iBAAAC,GACEb,KAAKI,OAELJ,KAAKc,SAAW,IAAIC,iBAAiBf,KAAKI,MAC1CJ,KAAKc,SAASE,QAAQhB,KAAKM,QAAS,CAClCW,UAAW,KACXC,QAAS,M,CAIb,oBAAAC,GACE,GAAInB,KAAKc,SAAU,CACjBd,KAAKc,SAASM,Y,EAIlB,MAAAC,GACE,MAAMC,EAAU,CACd,aAAc,MAGhB,OACEC,EAACC,EAAI,KACHD,EAAA,OAAKE,MAAOH,GACVC,EAAA,c"}

package/dist/stzh-components/p-a2656f84.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as s,h as c,a as e,g as a}from"./p-c7bfac7a.js";import{s as t}from"./p-7e304ea3.js";import"./p-9b063923.js";const h=':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]{display:none}: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}stzh-cspace{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;color:inherit;font-weight:inherit;font-family:inherit;letter-spacing:inherit}stzh-cspace[hidden]{display:none}stzh-cspace ,stzh-cspace ::before,stzh-cspace ::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)}stzh-cspace .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}stzh-cspace .stzh-fylingfocus-focused{outline-style:none !important}stzh-cspace .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}stzh-cspace[has-hidden-first-margin]>.stzh-cspace>:first-child{margin-top:0 !important}stzh-cspace[has-hidden-first-margin]>.stzh-cspace>.section:first-child>:first-child{margin-top:0 !important}stzh-cspace[has-hidden-last-margin]>.stzh-cspace>:last-child{margin-bottom:0 !important}stzh-cspace[has-hidden-last-margin]>.stzh-cspace>.section:last-child>:last-child{margin-bottom:0 !important}stzh-cspace>.stzh-cspace{display:grid;}stzh-cspace>.stzh-cspace>.section>h1,stzh-cspace>.stzh-cspace>h1,stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[level="1"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[level="1"]){margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>h1,stzh-cspace>.stzh-cspace>h1,stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[level="1"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[level="1"]){margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>h1,stzh-cspace>.stzh-cspace>h1,stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[level="1"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[level="1"]){margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>h1,stzh-cspace>.stzh-cspace>h1,stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[level="1"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[level="1"]){margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>h1,stzh-cspace>.stzh-cspace>h1,stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[level="1"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[level="1"]){margin-bottom:var(--stzh-space-xxxlarge)}}stzh-cspace>.stzh-cspace>.section>h2,stzh-cspace>.stzh-cspace>h2,stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[level="2"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[level="2"]){margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>h2,stzh-cspace>.stzh-cspace>h2,stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[level="2"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[level="2"]){margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>h2,stzh-cspace>.stzh-cspace>h2,stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[level="2"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[level="2"]){margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>h2,stzh-cspace>.stzh-cspace>h2,stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[level="2"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[level="2"]){margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>h2,stzh-cspace>.stzh-cspace>h2,stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[level="2"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[level="2"]){margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>h2,stzh-cspace>.stzh-cspace>h2,stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[level="2"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[level="2"]){margin-bottom:var(--stzh-space-medium)}}stzh-cspace>.stzh-cspace>.section>h3,stzh-cspace>.stzh-cspace>h3,stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[level="3"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[level="3"]){margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>h3,stzh-cspace>.stzh-cspace>h3,stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[level="3"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[level="3"]){margin-top:var(--stzh-space-small)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>h3,stzh-cspace>.stzh-cspace>h3,stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[level="3"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[level="3"]){margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>h3,stzh-cspace>.stzh-cspace>h3,stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[level="3"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[level="3"]){margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>h3,stzh-cspace>.stzh-cspace>h3,stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[level="3"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[level="3"]){margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>h3,stzh-cspace>.stzh-cspace>h3,stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[level="3"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[level="3"]){margin-top:var(--stzh-space-xsmall)}}stzh-cspace>.stzh-cspace>.section>h4,stzh-cspace>.stzh-cspace>h4,stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[level="4"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[level="4"]){margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>h4,stzh-cspace>.stzh-cspace>h4,stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[level="4"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[level="4"]){margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>h4,stzh-cspace>.stzh-cspace>h4,stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[level="4"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[level="4"]){margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>h4,stzh-cspace>.stzh-cspace>h4,stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[level="4"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[level="4"]){margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>h4,stzh-cspace>.stzh-cspace>h4,stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[level="4"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[level="4"]){margin-bottom:var(--stzh-space-medium)}}stzh-cspace>.stzh-cspace>.section>p,stzh-cspace>.stzh-cspace>p,stzh-cspace>.stzh-cspace>.section>stzh-text,stzh-cspace>.stzh-cspace>stzh-text,stzh-cspace>.stzh-cspace>.section>ul,stzh-cspace>.stzh-cspace>ul,stzh-cspace>.stzh-cspace>.section>ol,stzh-cspace>.stzh-cspace>ol,stzh-cspace>.stzh-cspace>.section>dl,stzh-cspace>.stzh-cspace>dl,stzh-cspace>.stzh-cspace>.section>stzh-list,stzh-cspace>.stzh-cspace>stzh-list{margin-bottom:var(--stzh-space-medium);margin-top:0}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>p,stzh-cspace>.stzh-cspace>p,stzh-cspace>.stzh-cspace>.section>stzh-text,stzh-cspace>.stzh-cspace>stzh-text,stzh-cspace>.stzh-cspace>.section>ul,stzh-cspace>.stzh-cspace>ul,stzh-cspace>.stzh-cspace>.section>ol,stzh-cspace>.stzh-cspace>ol,stzh-cspace>.stzh-cspace>.section>dl,stzh-cspace>.stzh-cspace>dl,stzh-cspace>.stzh-cspace>.section>stzh-list,stzh-cspace>.stzh-cspace>stzh-list{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>p,stzh-cspace>.stzh-cspace>p,stzh-cspace>.stzh-cspace>.section>stzh-text,stzh-cspace>.stzh-cspace>stzh-text,stzh-cspace>.stzh-cspace>.section>ul,stzh-cspace>.stzh-cspace>ul,stzh-cspace>.stzh-cspace>.section>ol,stzh-cspace>.stzh-cspace>ol,stzh-cspace>.stzh-cspace>.section>dl,stzh-cspace>.stzh-cspace>dl,stzh-cspace>.stzh-cspace>.section>stzh-list,stzh-cspace>.stzh-cspace>stzh-list{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>p,stzh-cspace>.stzh-cspace>p,stzh-cspace>.stzh-cspace>.section>stzh-text,stzh-cspace>.stzh-cspace>stzh-text,stzh-cspace>.stzh-cspace>.section>ul,stzh-cspace>.stzh-cspace>ul,stzh-cspace>.stzh-cspace>.section>ol,stzh-cspace>.stzh-cspace>ol,stzh-cspace>.stzh-cspace>.section>dl,stzh-cspace>.stzh-cspace>dl,stzh-cspace>.stzh-cspace>.section>stzh-list,stzh-cspace>.stzh-cspace>stzh-list{margin-bottom:var(--stzh-space-xxlarge)}}stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="hero"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="hero"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="hero"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="hero"]){margin-bottom:var(--stzh-space-xlarge);margin-top:0}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="hero"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="hero"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="hero"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="hero"]){margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="hero"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="hero"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="hero"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="hero"]){margin-bottom:var(--stzh-space-xxxlarge)}}stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="h1"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="h1"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="h1"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="h1"]){margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="h1"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="h1"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="h1"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="h1"]){margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="h1"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="h1"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="h1"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="h1"]){margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="h1"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="h1"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="h1"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="h1"]){margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="h1"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="h1"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="h1"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="h1"]){margin-bottom:var(--stzh-space-xxxlarge)}}stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="h2"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="h2"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="h2"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="h2"]){margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="h2"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="h2"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="h2"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="h2"]){margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="h2"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="h2"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="h2"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="h2"]){margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="h2"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="h2"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="h2"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="h2"]){margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="h2"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="h2"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="h2"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="h2"]){margin-bottom:var(--stzh-space-large)}}stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="h3"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="h3"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="h3"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="h3"]){margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="h3"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="h3"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="h3"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="h3"]){margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="h3"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="h3"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="h3"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="h3"]){margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="h3"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="h3"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="h3"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="h3"]){margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="h3"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="h3"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="h3"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="h3"]){margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="h3"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="h3"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="h3"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="h3"]){margin-bottom:var(--stzh-space-medium)}}stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="h4"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="h4"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="h4"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="h4"]){margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="h4"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="h4"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="h4"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="h4"]){margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="h4"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="h4"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="h4"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="h4"]){margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="h4"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="h4"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="h4"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="h4"]){margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="h4"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="h4"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="h4"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="h4"]){margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="h4"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="h4"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="h4"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="h4"]){margin-bottom:var(--stzh-space-medium)}}stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="p1"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="p1"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="p1"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="p1"]){margin-bottom:var(--stzh-space-medium);margin-top:0}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="p1"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="p1"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="p1"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="p1"]){margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="p1"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="p1"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="p1"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="p1"]){margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="p1"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="p1"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="p1"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="p1"]){margin-bottom:var(--stzh-space-xxlarge)}}stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="p2"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="p2"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="p2"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="p2"]){margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="p2"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="p2"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="p2"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="p2"]){margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="p2"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="p2"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="p2"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="p2"]){margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="p2"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="p2"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="p2"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="p2"]){margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>:where(stzh-text[curve="p2"]),stzh-cspace>.stzh-cspace>:where(stzh-text[curve="p2"]),stzh-cspace>.stzh-cspace>.section>:where(stzh-heading[curve="p2"]),stzh-cspace>.stzh-cspace>:where(stzh-heading[curve="p2"]){margin-bottom:var(--stzh-space-large)}}stzh-cspace>.stzh-cspace>.section>stzh-input,stzh-cspace>.stzh-cspace>stzh-input,stzh-cspace>.stzh-cspace>.section>stzh-datepicker,stzh-cspace>.stzh-cspace>stzh-datepicker,stzh-cspace>.stzh-cspace>.section>stzh-dropdown,stzh-cspace>.stzh-cspace>stzh-dropdown,stzh-cspace>.stzh-cspace>.section>stzh-upload,stzh-cspace>.stzh-cspace>stzh-upload,stzh-cspace>.stzh-cspace>.section>stzh-checkbox,stzh-cspace>.stzh-cspace>stzh-checkbox,stzh-cspace>.stzh-cspace>.section>stzh-checkboxgroup,stzh-cspace>.stzh-cspace>stzh-checkboxgroup,stzh-cspace>.stzh-cspace>.section>stzh-radio,stzh-cspace>.stzh-cspace>stzh-radio,stzh-cspace>.stzh-cspace>.section>stzh-radiogroup,stzh-cspace>.stzh-cspace>stzh-radiogroup{margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-input,stzh-cspace>.stzh-cspace>stzh-input,stzh-cspace>.stzh-cspace>.section>stzh-datepicker,stzh-cspace>.stzh-cspace>stzh-datepicker,stzh-cspace>.stzh-cspace>.section>stzh-dropdown,stzh-cspace>.stzh-cspace>stzh-dropdown,stzh-cspace>.stzh-cspace>.section>stzh-upload,stzh-cspace>.stzh-cspace>stzh-upload,stzh-cspace>.stzh-cspace>.section>stzh-checkbox,stzh-cspace>.stzh-cspace>stzh-checkbox,stzh-cspace>.stzh-cspace>.section>stzh-checkboxgroup,stzh-cspace>.stzh-cspace>stzh-checkboxgroup,stzh-cspace>.stzh-cspace>.section>stzh-radio,stzh-cspace>.stzh-cspace>stzh-radio,stzh-cspace>.stzh-cspace>.section>stzh-radiogroup,stzh-cspace>.stzh-cspace>stzh-radiogroup{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-input,stzh-cspace>.stzh-cspace>stzh-input,stzh-cspace>.stzh-cspace>.section>stzh-datepicker,stzh-cspace>.stzh-cspace>stzh-datepicker,stzh-cspace>.stzh-cspace>.section>stzh-dropdown,stzh-cspace>.stzh-cspace>stzh-dropdown,stzh-cspace>.stzh-cspace>.section>stzh-upload,stzh-cspace>.stzh-cspace>stzh-upload,stzh-cspace>.stzh-cspace>.section>stzh-checkbox,stzh-cspace>.stzh-cspace>stzh-checkbox,stzh-cspace>.stzh-cspace>.section>stzh-checkboxgroup,stzh-cspace>.stzh-cspace>stzh-checkboxgroup,stzh-cspace>.stzh-cspace>.section>stzh-radio,stzh-cspace>.stzh-cspace>stzh-radio,stzh-cspace>.stzh-cspace>.section>stzh-radiogroup,stzh-cspace>.stzh-cspace>stzh-radiogroup{margin-bottom:var(--stzh-space-medium)}}stzh-cspace>.stzh-cspace>.section>stzh-message,stzh-cspace>.stzh-cspace>stzh-message{margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-message,stzh-cspace>.stzh-cspace>stzh-message{margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-message,stzh-cspace>.stzh-cspace>stzh-message{margin-bottom:var(--stzh-space-xxxxlarge)}}stzh-cspace>.stzh-cspace>.section>stzh-contact,stzh-cspace>.stzh-cspace>stzh-contact,stzh-cspace>.stzh-cspace>.section>stzh-accordion,stzh-cspace>.stzh-cspace>stzh-accordion,stzh-cspace>.stzh-cspace>.section>stzh-anchornav,stzh-cspace>.stzh-cspace>stzh-anchornav,stzh-cspace>.stzh-cspace>.section>stzh-audio,stzh-cspace>.stzh-cspace>stzh-audio,stzh-cspace>.stzh-cspace>.section>stzh-microsite-teaserlist,stzh-cspace>.stzh-cspace>stzh-microsite-teaserlist,stzh-cspace>.stzh-cspace>.section>stzh-gallery,stzh-cspace>.stzh-cspace>stzh-gallery,stzh-cspace>.stzh-cspace>.section>stzh-panorama,stzh-cspace>.stzh-cspace>stzh-panorama,stzh-cspace>.stzh-cspace>.section>stzh-chart,stzh-cspace>.stzh-cspace>stzh-chart,stzh-cspace>.stzh-cspace>.section>stzh-sitemap,stzh-cspace>.stzh-cspace>stzh-sitemap,stzh-cspace>.stzh-cspace>.section>stzh-hr,stzh-cspace>.stzh-cspace>stzh-hr,stzh-cspace>.stzh-cspace>.section>stzh-archivelist,stzh-cspace>.stzh-cspace>stzh-archivelist,stzh-cspace>.stzh-cspace>.section>stzh-figure,stzh-cspace>.stzh-cspace>stzh-figure,stzh-cspace>.stzh-cspace>stzh-iframe,stzh-cspace>.stzh-cspace>.section>stzh-youtube,stzh-cspace>.stzh-cspace>stzh-youtube,stzh-cspace>.stzh-cspace>.section>stzh-eventinfo,stzh-cspace>.stzh-cspace>stzh-eventinfo,stzh-cspace>.stzh-cspace>.section>stzh-vbz-ticker,stzh-cspace>.stzh-cspace>stzh-vbz-ticker{margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-contact,stzh-cspace>.stzh-cspace>stzh-contact,stzh-cspace>.stzh-cspace>.section>stzh-accordion,stzh-cspace>.stzh-cspace>stzh-accordion,stzh-cspace>.stzh-cspace>.section>stzh-anchornav,stzh-cspace>.stzh-cspace>stzh-anchornav,stzh-cspace>.stzh-cspace>.section>stzh-audio,stzh-cspace>.stzh-cspace>stzh-audio,stzh-cspace>.stzh-cspace>.section>stzh-microsite-teaserlist,stzh-cspace>.stzh-cspace>stzh-microsite-teaserlist,stzh-cspace>.stzh-cspace>.section>stzh-gallery,stzh-cspace>.stzh-cspace>stzh-gallery,stzh-cspace>.stzh-cspace>.section>stzh-panorama,stzh-cspace>.stzh-cspace>stzh-panorama,stzh-cspace>.stzh-cspace>.section>stzh-chart,stzh-cspace>.stzh-cspace>stzh-chart,stzh-cspace>.stzh-cspace>.section>stzh-sitemap,stzh-cspace>.stzh-cspace>stzh-sitemap,stzh-cspace>.stzh-cspace>.section>stzh-hr,stzh-cspace>.stzh-cspace>stzh-hr,stzh-cspace>.stzh-cspace>.section>stzh-archivelist,stzh-cspace>.stzh-cspace>stzh-archivelist,stzh-cspace>.stzh-cspace>.section>stzh-figure,stzh-cspace>.stzh-cspace>stzh-figure,stzh-cspace>.stzh-cspace>stzh-iframe,stzh-cspace>.stzh-cspace>.section>stzh-youtube,stzh-cspace>.stzh-cspace>stzh-youtube,stzh-cspace>.stzh-cspace>.section>stzh-eventinfo,stzh-cspace>.stzh-cspace>stzh-eventinfo,stzh-cspace>.stzh-cspace>.section>stzh-vbz-ticker,stzh-cspace>.stzh-cspace>stzh-vbz-ticker{margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-contact,stzh-cspace>.stzh-cspace>stzh-contact,stzh-cspace>.stzh-cspace>.section>stzh-accordion,stzh-cspace>.stzh-cspace>stzh-accordion,stzh-cspace>.stzh-cspace>.section>stzh-anchornav,stzh-cspace>.stzh-cspace>stzh-anchornav,stzh-cspace>.stzh-cspace>.section>stzh-audio,stzh-cspace>.stzh-cspace>stzh-audio,stzh-cspace>.stzh-cspace>.section>stzh-microsite-teaserlist,stzh-cspace>.stzh-cspace>stzh-microsite-teaserlist,stzh-cspace>.stzh-cspace>.section>stzh-gallery,stzh-cspace>.stzh-cspace>stzh-gallery,stzh-cspace>.stzh-cspace>.section>stzh-panorama,stzh-cspace>.stzh-cspace>stzh-panorama,stzh-cspace>.stzh-cspace>.section>stzh-chart,stzh-cspace>.stzh-cspace>stzh-chart,stzh-cspace>.stzh-cspace>.section>stzh-sitemap,stzh-cspace>.stzh-cspace>stzh-sitemap,stzh-cspace>.stzh-cspace>.section>stzh-hr,stzh-cspace>.stzh-cspace>stzh-hr,stzh-cspace>.stzh-cspace>.section>stzh-archivelist,stzh-cspace>.stzh-cspace>stzh-archivelist,stzh-cspace>.stzh-cspace>.section>stzh-figure,stzh-cspace>.stzh-cspace>stzh-figure,stzh-cspace>.stzh-cspace>stzh-iframe,stzh-cspace>.stzh-cspace>.section>stzh-youtube,stzh-cspace>.stzh-cspace>stzh-youtube,stzh-cspace>.stzh-cspace>.section>stzh-eventinfo,stzh-cspace>.stzh-cspace>stzh-eventinfo,stzh-cspace>.stzh-cspace>.section>stzh-vbz-ticker,stzh-cspace>.stzh-cspace>stzh-vbz-ticker{margin-bottom:var(--stzh-space-xxxxlarge)}}stzh-cspace>.stzh-cspace>.section>stzh-textandimage,stzh-cspace>.stzh-cspace>stzh-textandimage{margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-textandimage,stzh-cspace>.stzh-cspace>stzh-textandimage{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-textandimage,stzh-cspace>.stzh-cspace>stzh-textandimage{margin-bottom:var(--stzh-space-xxxlarge)}}stzh-cspace>.stzh-cspace>.section>stzh-section[variant=highlight],stzh-cspace>.stzh-cspace>stzh-section[variant=highlight]{margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>stzh-section[variant=highlight],stzh-cspace>.stzh-cspace>stzh-section[variant=highlight]{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-section[variant=highlight],stzh-cspace>.stzh-cspace>stzh-section[variant=highlight]{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-section[variant=highlight],stzh-cspace>.stzh-cspace>stzh-section[variant=highlight]{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>stzh-section[variant=highlight],stzh-cspace>.stzh-cspace>stzh-section[variant=highlight]{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-section[variant=highlight],stzh-cspace>.stzh-cspace>stzh-section[variant=highlight]{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-section[variant=highlight],stzh-cspace>.stzh-cspace>stzh-section[variant=highlight]{margin-bottom:var(--stzh-space-xxlarge)}}stzh-cspace>.stzh-cspace>.section>stzh-pagetitle,stzh-cspace>.stzh-cspace>stzh-pagetitle{margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>stzh-pagetitle,stzh-cspace>.stzh-cspace>stzh-pagetitle{margin-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-pagetitle,stzh-cspace>.stzh-cspace>stzh-pagetitle{margin-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-pagetitle,stzh-cspace>.stzh-cspace>stzh-pagetitle{margin-bottom:var(--stzh-space-xbig)}}stzh-cspace>.stzh-cspace>.section>stzh-richtext[has-hidden-last-margin],stzh-cspace>.stzh-cspace>stzh-richtext[has-hidden-last-margin]{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>stzh-richtext[has-hidden-last-margin],stzh-cspace>.stzh-cspace>stzh-richtext[has-hidden-last-margin]{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-richtext[has-hidden-last-margin],stzh-cspace>.stzh-cspace>stzh-richtext[has-hidden-last-margin]{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-richtext[has-hidden-last-margin],stzh-cspace>.stzh-cspace>stzh-richtext[has-hidden-last-margin]{margin-bottom:var(--stzh-space-xxlarge)}}stzh-cspace>.stzh-cspace>.section>stzh-cta,stzh-cspace>.stzh-cspace>stzh-cta{margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-cta,stzh-cspace>.stzh-cspace>stzh-cta{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-cta,stzh-cspace>.stzh-cspace>stzh-cta{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-cta,stzh-cspace>.stzh-cspace>stzh-cta{margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-cta,stzh-cspace>.stzh-cspace>stzh-cta{margin-bottom:var(--stzh-space-xxxxlarge)}}stzh-cspace>.stzh-cspace>.section>stzh-olmap,stzh-cspace>.stzh-cspace>stzh-olmap{margin-top:var(--stzh-space-xlarge);margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-olmap,stzh-cspace>.stzh-cspace>stzh-olmap{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-olmap,stzh-cspace>.stzh-cspace>stzh-olmap{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-olmap,stzh-cspace>.stzh-cspace>stzh-olmap{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-olmap,stzh-cspace>.stzh-cspace>stzh-olmap{margin-bottom:var(--stzh-space-xxxlarge)}}stzh-cspace>.stzh-cspace>.section>stzh-breadcrumb,stzh-cspace>.stzh-cspace>stzh-breadcrumb{margin-top:var(--stzh-space-xlarge);margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-breadcrumb,stzh-cspace>.stzh-cspace>stzh-breadcrumb{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-breadcrumb,stzh-cspace>.stzh-cspace>stzh-breadcrumb{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>stzh-breadcrumb,stzh-cspace>.stzh-cspace>stzh-breadcrumb{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-breadcrumb,stzh-cspace>.stzh-cspace>stzh-breadcrumb{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-breadcrumb,stzh-cspace>.stzh-cspace>stzh-breadcrumb{margin-bottom:var(--stzh-space-xxlarge)}}stzh-cspace>.stzh-cspace>.section>stzh-card,stzh-cspace>.stzh-cspace>stzh-card{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>stzh-card,stzh-cspace>.stzh-cspace>stzh-card{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-card,stzh-cspace>.stzh-cspace>stzh-card{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-card,stzh-cspace>.stzh-cspace>stzh-card{margin-bottom:var(--stzh-space-xxlarge)}}stzh-cspace>.stzh-cspace>.section>stzh-table,stzh-cspace>.stzh-cspace>stzh-table,stzh-cspace>.stzh-cspace>.section>stzh-datatable,stzh-cspace>.stzh-cspace>stzh-datatable{margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>stzh-table,stzh-cspace>.stzh-cspace>stzh-table,stzh-cspace>.stzh-cspace>.section>stzh-datatable,stzh-cspace>.stzh-cspace>stzh-datatable{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-table,stzh-cspace>.stzh-cspace>stzh-table,stzh-cspace>.stzh-cspace>.section>stzh-datatable,stzh-cspace>.stzh-cspace>stzh-datatable{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-table,stzh-cspace>.stzh-cspace>stzh-table,stzh-cspace>.stzh-cspace>.section>stzh-datatable,stzh-cspace>.stzh-cspace>stzh-datatable{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-table,stzh-cspace>.stzh-cspace>stzh-table,stzh-cspace>.stzh-cspace>.section>stzh-datatable,stzh-cspace>.stzh-cspace>stzh-datatable{margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-table,stzh-cspace>.stzh-cspace>stzh-table,stzh-cspace>.stzh-cspace>.section>stzh-datatable,stzh-cspace>.stzh-cspace>stzh-datatable{margin-bottom:var(--stzh-space-xxxxlarge)}}stzh-cspace>.stzh-cspace>.section>stzh-pagebottom,stzh-cspace>.stzh-cspace>stzh-pagebottom{margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-pagebottom,stzh-cspace>.stzh-cspace>stzh-pagebottom{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-pagebottom,stzh-cspace>.stzh-cspace>stzh-pagebottom{margin-top:var(--stzh-space-xxxlarge)}}stzh-cspace>.stzh-cspace>.section>stzh-progressbar,stzh-cspace>.stzh-cspace>stzh-progressbar{margin-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>stzh-progressbar,stzh-cspace>.stzh-cspace>stzh-progressbar{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-progressbar,stzh-cspace>.stzh-cspace>stzh-progressbar{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-progressbar,stzh-cspace>.stzh-cspace>stzh-progressbar{margin-top:var(--stzh-space-xbig)}}stzh-cspace>.stzh-cspace>.section>stzh-pagination,stzh-cspace>.stzh-cspace>stzh-pagination{margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>stzh-pagination,stzh-cspace>.stzh-cspace>stzh-pagination{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-pagination,stzh-cspace>.stzh-cspace>stzh-pagination{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-pagination,stzh-cspace>.stzh-cspace>stzh-pagination{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-pagination,stzh-cspace>.stzh-cspace>stzh-pagination{margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-pagination,stzh-cspace>.stzh-cspace>stzh-pagination{margin-bottom:var(--stzh-space-xxxxlarge)}}stzh-cspace>.stzh-cspace>.section>stzh-actions,stzh-cspace>.stzh-cspace>stzh-actions{margin-top:var(--stzh-space-xlarge);margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-actions,stzh-cspace>.stzh-cspace>stzh-actions{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-actions,stzh-cspace>.stzh-cspace>stzh-actions{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>stzh-actions,stzh-cspace>.stzh-cspace>stzh-actions{margin-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-actions,stzh-cspace>.stzh-cspace>stzh-actions{margin-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-actions,stzh-cspace>.stzh-cspace>stzh-actions{margin-bottom:var(--stzh-space-xbig)}}stzh-cspace>.stzh-cspace>.section>stzh-saptcha,stzh-cspace>.stzh-cspace>stzh-saptcha{margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-saptcha,stzh-cspace>.stzh-cspace>stzh-saptcha{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-saptcha,stzh-cspace>.stzh-cspace>stzh-saptcha{margin-bottom:var(--stzh-space-xxxlarge)}}stzh-cspace>.stzh-cspace>.section>stzh-fieldset,stzh-cspace>.stzh-cspace>stzh-fieldset{margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-fieldset,stzh-cspace>.stzh-cspace>stzh-fieldset{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-fieldset,stzh-cspace>.stzh-cspace>stzh-fieldset{margin-bottom:var(--stzh-space-medium)}}stzh-cspace>.stzh-cspace>.section>stzh-fieldset[legend],stzh-cspace>.stzh-cspace>stzh-fieldset[legend]{margin-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>stzh-fieldset[legend],stzh-cspace>.stzh-cspace>stzh-fieldset[legend]{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-fieldset[legend],stzh-cspace>.stzh-cspace>stzh-fieldset[legend]{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-fieldset[legend],stzh-cspace>.stzh-cspace>stzh-fieldset[legend]{margin-top:var(--stzh-space-xxlarge)}}stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-tiny,stzh-cspace>.stzh-cspace>.cspace-y-curve-tiny{margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-tiny,stzh-cspace>.stzh-cspace>.cspace-y-curve-tiny{margin-top:var(--stzh-space-small)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-tiny,stzh-cspace>.stzh-cspace>.cspace-y-curve-tiny{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-tiny,stzh-cspace>.stzh-cspace>.cspace-y-curve-tiny{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-tiny,stzh-cspace>.stzh-cspace>.cspace-y-curve-tiny{margin-bottom:var(--stzh-space-medium)}}stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-tiny,stzh-cspace>.stzh-cspace>.cspace-t-curve-tiny{margin-top:var(--stzh-space-xsmall)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-tiny,stzh-cspace>.stzh-cspace>.cspace-t-curve-tiny{margin-top:var(--stzh-space-small)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-tiny,stzh-cspace>.stzh-cspace>.cspace-t-curve-tiny{margin-top:var(--stzh-space-medium)}}stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-tiny,stzh-cspace>.stzh-cspace>.cspace-b-curve-tiny{margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-tiny,stzh-cspace>.stzh-cspace>.cspace-b-curve-tiny{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-tiny,stzh-cspace>.stzh-cspace>.cspace-b-curve-tiny{margin-bottom:var(--stzh-space-medium)}}stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-small,stzh-cspace>.stzh-cspace>.cspace-y-curve-small{margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-small,stzh-cspace>.stzh-cspace>.cspace-y-curve-small{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-small,stzh-cspace>.stzh-cspace>.cspace-y-curve-small{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-small,stzh-cspace>.stzh-cspace>.cspace-y-curve-small{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-small,stzh-cspace>.stzh-cspace>.cspace-y-curve-small{margin-bottom:var(--stzh-space-large)}}stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-small,stzh-cspace>.stzh-cspace>.cspace-t-curve-small{margin-top:var(--stzh-space-small)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-small,stzh-cspace>.stzh-cspace>.cspace-t-curve-small{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-small,stzh-cspace>.stzh-cspace>.cspace-t-curve-small{margin-top:var(--stzh-space-large)}}stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-small,stzh-cspace>.stzh-cspace>.cspace-b-curve-small{margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-small,stzh-cspace>.stzh-cspace>.cspace-b-curve-small{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-small,stzh-cspace>.stzh-cspace>.cspace-b-curve-small{margin-bottom:var(--stzh-space-large)}}stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-regular,stzh-cspace>.stzh-cspace>.cspace-y-curve-regular{margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-regular,stzh-cspace>.stzh-cspace>.cspace-y-curve-regular{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-regular,stzh-cspace>.stzh-cspace>.cspace-y-curve-regular{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-regular,stzh-cspace>.stzh-cspace>.cspace-y-curve-regular{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-regular,stzh-cspace>.stzh-cspace>.cspace-y-curve-regular{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-regular,stzh-cspace>.stzh-cspace>.cspace-y-curve-regular{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-regular,stzh-cspace>.stzh-cspace>.cspace-y-curve-regular{margin-bottom:var(--stzh-space-xxlarge)}}stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-regular,stzh-cspace>.stzh-cspace>.cspace-t-curve-regular{margin-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-regular,stzh-cspace>.stzh-cspace>.cspace-t-curve-regular{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-regular,stzh-cspace>.stzh-cspace>.cspace-t-curve-regular{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-regular,stzh-cspace>.stzh-cspace>.cspace-t-curve-regular{margin-top:var(--stzh-space-xxlarge)}}stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-regular,stzh-cspace>.stzh-cspace>.cspace-b-curve-regular{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-regular,stzh-cspace>.stzh-cspace>.cspace-b-curve-regular{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-regular,stzh-cspace>.stzh-cspace>.cspace-b-curve-regular{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-regular,stzh-cspace>.stzh-cspace>.cspace-b-curve-regular{margin-bottom:var(--stzh-space-xxlarge)}}stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-medium,stzh-cspace>.stzh-cspace>.cspace-y-curve-medium{margin-top:var(--stzh-space-xlarge);margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-medium,stzh-cspace>.stzh-cspace>.cspace-y-curve-medium{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-medium,stzh-cspace>.stzh-cspace>.cspace-y-curve-medium{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-medium,stzh-cspace>.stzh-cspace>.cspace-y-curve-medium{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-medium,stzh-cspace>.stzh-cspace>.cspace-y-curve-medium{margin-bottom:var(--stzh-space-xxxlarge)}}stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-medium,stzh-cspace>.stzh-cspace>.cspace-t-curve-medium{margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-medium,stzh-cspace>.stzh-cspace>.cspace-t-curve-medium{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-medium,stzh-cspace>.stzh-cspace>.cspace-t-curve-medium{margin-top:var(--stzh-space-xxxlarge)}}stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-medium,stzh-cspace>.stzh-cspace>.cspace-b-curve-medium{margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-medium,stzh-cspace>.stzh-cspace>.cspace-b-curve-medium{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-medium,stzh-cspace>.stzh-cspace>.cspace-b-curve-medium{margin-bottom:var(--stzh-space-xxxlarge)}}stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-large,stzh-cspace>.stzh-cspace>.cspace-y-curve-large{margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-large,stzh-cspace>.stzh-cspace>.cspace-y-curve-large{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-large,stzh-cspace>.stzh-cspace>.cspace-y-curve-large{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-large,stzh-cspace>.stzh-cspace>.cspace-y-curve-large{margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-large,stzh-cspace>.stzh-cspace>.cspace-y-curve-large{margin-bottom:var(--stzh-space-xxxxlarge)}}stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-large,stzh-cspace>.stzh-cspace>.cspace-t-curve-large{margin-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-large,stzh-cspace>.stzh-cspace>.cspace-t-curve-large{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-large,stzh-cspace>.stzh-cspace>.cspace-t-curve-large{margin-top:var(--stzh-space-xxxxlarge)}}stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-large,stzh-cspace>.stzh-cspace>.cspace-b-curve-large{margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-large,stzh-cspace>.stzh-cspace>.cspace-b-curve-large{margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-large,stzh-cspace>.stzh-cspace>.cspace-b-curve-large{margin-bottom:var(--stzh-space-xxxxlarge)}}stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-big,stzh-cspace>.stzh-cspace>.cspace-y-curve-big{margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-big,stzh-cspace>.stzh-cspace>.cspace-y-curve-big{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-big,stzh-cspace>.stzh-cspace>.cspace-y-curve-big{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-big,stzh-cspace>.stzh-cspace>.cspace-y-curve-big{margin-top:var(--stzh-space-xbig)}}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-big,stzh-cspace>.stzh-cspace>.cspace-y-curve-big{margin-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-big,stzh-cspace>.stzh-cspace>.cspace-y-curve-big{margin-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-big,stzh-cspace>.stzh-cspace>.cspace-y-curve-big{margin-bottom:var(--stzh-space-xbig)}}stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-big,stzh-cspace>.stzh-cspace>.cspace-t-curve-big{margin-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-big,stzh-cspace>.stzh-cspace>.cspace-t-curve-big{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-big,stzh-cspace>.stzh-cspace>.cspace-t-curve-big{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-big,stzh-cspace>.stzh-cspace>.cspace-t-curve-big{margin-top:var(--stzh-space-xbig)}}stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-big,stzh-cspace>.stzh-cspace>.cspace-b-curve-big{margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-big,stzh-cspace>.stzh-cspace>.cspace-b-curve-big{margin-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-big,stzh-cspace>.stzh-cspace>.cspace-b-curve-big{margin-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-big,stzh-cspace>.stzh-cspace>.cspace-b-curve-big{margin-bottom:var(--stzh-space-xbig)}}stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-huge,stzh-cspace>.stzh-cspace>.cspace-y-curve-huge{margin-top:var(--stzh-space-xxxxlarge);margin-bottom:var(--stzh-space-xxxxlarge)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-huge,stzh-cspace>.stzh-cspace>.cspace-y-curve-huge{margin-top:var(--stzh-space-big)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-huge,stzh-cspace>.stzh-cspace>.cspace-y-curve-huge{margin-top:var(--stzh-space-big)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-huge,stzh-cspace>.stzh-cspace>.cspace-y-curve-huge{margin-top:var(--stzh-space-huge)}}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-huge,stzh-cspace>.stzh-cspace>.cspace-y-curve-huge{margin-bottom:var(--stzh-space-big)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-huge,stzh-cspace>.stzh-cspace>.cspace-y-curve-huge{margin-bottom:var(--stzh-space-big)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-huge,stzh-cspace>.stzh-cspace>.cspace-y-curve-huge{margin-bottom:var(--stzh-space-huge)}}stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-huge,stzh-cspace>.stzh-cspace>.cspace-t-curve-huge{margin-top:var(--stzh-space-xxxxlarge)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-huge,stzh-cspace>.stzh-cspace>.cspace-t-curve-huge{margin-top:var(--stzh-space-big)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-huge,stzh-cspace>.stzh-cspace>.cspace-t-curve-huge{margin-top:var(--stzh-space-big)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-huge,stzh-cspace>.stzh-cspace>.cspace-t-curve-huge{margin-top:var(--stzh-space-huge)}}stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-huge,stzh-cspace>.stzh-cspace>.cspace-b-curve-huge{margin-bottom:var(--stzh-space-xxxxlarge)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-huge,stzh-cspace>.stzh-cspace>.cspace-b-curve-huge{margin-bottom:var(--stzh-space-big)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-huge,stzh-cspace>.stzh-cspace>.cspace-b-curve-huge{margin-bottom:var(--stzh-space-big)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-huge,stzh-cspace>.stzh-cspace>.cspace-b-curve-huge{margin-bottom:var(--stzh-space-huge)}}stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-section-inner,stzh-cspace>.stzh-cspace>.cspace-y-curve-section-inner{margin-top:var(--stzh-space-large);margin-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-section-inner,stzh-cspace>.stzh-cspace>.cspace-y-curve-section-inner{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-section-inner,stzh-cspace>.stzh-cspace>.cspace-y-curve-section-inner{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-section-inner,stzh-cspace>.stzh-cspace>.cspace-y-curve-section-inner{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-section-inner,stzh-cspace>.stzh-cspace>.cspace-y-curve-section-inner{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-section-inner,stzh-cspace>.stzh-cspace>.cspace-y-curve-section-inner{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-section-inner,stzh-cspace>.stzh-cspace>.cspace-y-curve-section-inner{margin-bottom:var(--stzh-space-xxxlarge)}}stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-section-inner,stzh-cspace>.stzh-cspace>.cspace-t-curve-section-inner{margin-top:var(--stzh-space-large)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-section-inner,stzh-cspace>.stzh-cspace>.cspace-t-curve-section-inner{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-section-inner,stzh-cspace>.stzh-cspace>.cspace-t-curve-section-inner{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-section-inner,stzh-cspace>.stzh-cspace>.cspace-t-curve-section-inner{margin-top:var(--stzh-space-xxxlarge)}}stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-section-inner,stzh-cspace>.stzh-cspace>.cspace-b-curve-section-inner{margin-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-section-inner,stzh-cspace>.stzh-cspace>.cspace-b-curve-section-inner{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-section-inner,stzh-cspace>.stzh-cspace>.cspace-b-curve-section-inner{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-section-inner,stzh-cspace>.stzh-cspace>.cspace-b-curve-section-inner{margin-bottom:var(--stzh-space-xxxlarge)}}stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-background-section-inner,stzh-cspace>.stzh-cspace>.cspace-y-curve-background-section-inner{margin-top:var(--stzh-space-xlarge);margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-background-section-inner,stzh-cspace>.stzh-cspace>.cspace-y-curve-background-section-inner{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-background-section-inner,stzh-cspace>.stzh-cspace>.cspace-y-curve-background-section-inner{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-background-section-inner,stzh-cspace>.stzh-cspace>.cspace-y-curve-background-section-inner{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-background-section-inner,stzh-cspace>.stzh-cspace>.cspace-y-curve-background-section-inner{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-background-section-inner,stzh-cspace>.stzh-cspace>.cspace-y-curve-background-section-inner{margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-background-section-inner,stzh-cspace>.stzh-cspace>.cspace-y-curve-background-section-inner{margin-bottom:var(--stzh-space-xxxxlarge)}}stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-background-section-inner,stzh-cspace>.stzh-cspace>.cspace-t-curve-background-section-inner{margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-background-section-inner,stzh-cspace>.stzh-cspace>.cspace-t-curve-background-section-inner{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-background-section-inner,stzh-cspace>.stzh-cspace>.cspace-t-curve-background-section-inner{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-background-section-inner,stzh-cspace>.stzh-cspace>.cspace-t-curve-background-section-inner{margin-top:var(--stzh-space-xxxxlarge)}}stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-background-section-inner,stzh-cspace>.stzh-cspace>.cspace-b-curve-background-section-inner{margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-background-section-inner,stzh-cspace>.stzh-cspace>.cspace-b-curve-background-section-inner{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-background-section-inner,stzh-cspace>.stzh-cspace>.cspace-b-curve-background-section-inner{margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-background-section-inner,stzh-cspace>.stzh-cspace>.cspace-b-curve-background-section-inner{margin-bottom:var(--stzh-space-xxxxlarge)}}stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-background-section-outer,stzh-cspace>.stzh-cspace>.cspace-y-curve-background-section-outer{margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-background-section-outer,stzh-cspace>.stzh-cspace>.cspace-y-curve-background-section-outer{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-background-section-outer,stzh-cspace>.stzh-cspace>.cspace-y-curve-background-section-outer{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-background-section-outer,stzh-cspace>.stzh-cspace>.cspace-y-curve-background-section-outer{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-background-section-outer,stzh-cspace>.stzh-cspace>.cspace-y-curve-background-section-outer{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-background-section-outer,stzh-cspace>.stzh-cspace>.cspace-y-curve-background-section-outer{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-background-section-outer,stzh-cspace>.stzh-cspace>.cspace-y-curve-background-section-outer{margin-bottom:var(--stzh-space-xxlarge)}}stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-background-section-outer,stzh-cspace>.stzh-cspace>.cspace-t-curve-background-section-outer{margin-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-background-section-outer,stzh-cspace>.stzh-cspace>.cspace-t-curve-background-section-outer{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-background-section-outer,stzh-cspace>.stzh-cspace>.cspace-t-curve-background-section-outer{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-background-section-outer,stzh-cspace>.stzh-cspace>.cspace-t-curve-background-section-outer{margin-top:var(--stzh-space-xxlarge)}}stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-background-section-outer,stzh-cspace>.stzh-cspace>.cspace-b-curve-background-section-outer{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-background-section-outer,stzh-cspace>.stzh-cspace>.cspace-b-curve-background-section-outer{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-background-section-outer,stzh-cspace>.stzh-cspace>.cspace-b-curve-background-section-outer{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-background-section-outer,stzh-cspace>.stzh-cspace>.cspace-b-curve-background-section-outer{margin-bottom:var(--stzh-space-xxlarge)}}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-y-xxxsmall,stzh-cspace>.stzh-cspace>.small\\:cspace-y-xxxsmall{margin-top:var(--stzh-space-xxxsmall);margin-bottom:var(--stzh-space-xxxsmall)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-t-xxxsmall,stzh-cspace>.stzh-cspace>.small\\:cspace-t-xxxsmall{margin-top:var(--stzh-space-xxxsmall)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-b-xxxsmall,stzh-cspace>.stzh-cspace>.small\\:cspace-b-xxxsmall{margin-bottom:var(--stzh-space-xxxsmall)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-y-xxsmall,stzh-cspace>.stzh-cspace>.small\\:cspace-y-xxsmall{margin-top:var(--stzh-space-xxsmall);margin-bottom:var(--stzh-space-xxsmall)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-t-xxsmall,stzh-cspace>.stzh-cspace>.small\\:cspace-t-xxsmall{margin-top:var(--stzh-space-xxsmall)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-b-xxsmall,stzh-cspace>.stzh-cspace>.small\\:cspace-b-xxsmall{margin-bottom:var(--stzh-space-xxsmall)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-y-xsmall,stzh-cspace>.stzh-cspace>.small\\:cspace-y-xsmall{margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xsmall)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-t-xsmall,stzh-cspace>.stzh-cspace>.small\\:cspace-t-xsmall{margin-top:var(--stzh-space-xsmall)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-b-xsmall,stzh-cspace>.stzh-cspace>.small\\:cspace-b-xsmall{margin-bottom:var(--stzh-space-xsmall)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-y-small,stzh-cspace>.stzh-cspace>.small\\:cspace-y-small{margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-t-small,stzh-cspace>.stzh-cspace>.small\\:cspace-t-small{margin-top:var(--stzh-space-small)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-b-small,stzh-cspace>.stzh-cspace>.small\\:cspace-b-small{margin-bottom:var(--stzh-space-small)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-y-medium,stzh-cspace>.stzh-cspace>.small\\:cspace-y-medium{margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-medium)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-t-medium,stzh-cspace>.stzh-cspace>.small\\:cspace-t-medium{margin-top:var(--stzh-space-medium)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-b-medium,stzh-cspace>.stzh-cspace>.small\\:cspace-b-medium{margin-bottom:var(--stzh-space-medium)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-y-large,stzh-cspace>.stzh-cspace>.small\\:cspace-y-large{margin-top:var(--stzh-space-large);margin-bottom:var(--stzh-space-large)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-t-large,stzh-cspace>.stzh-cspace>.small\\:cspace-t-large{margin-top:var(--stzh-space-large)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-b-large,stzh-cspace>.stzh-cspace>.small\\:cspace-b-large{margin-bottom:var(--stzh-space-large)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-y-xlarge,stzh-cspace>.stzh-cspace>.small\\:cspace-y-xlarge{margin-top:var(--stzh-space-xlarge);margin-bottom:var(--stzh-space-xlarge)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-t-xlarge,stzh-cspace>.stzh-cspace>.small\\:cspace-t-xlarge{margin-top:var(--stzh-space-xlarge)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-b-xlarge,stzh-cspace>.stzh-cspace>.small\\:cspace-b-xlarge{margin-bottom:var(--stzh-space-xlarge)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-y-xxlarge,stzh-cspace>.stzh-cspace>.small\\:cspace-y-xxlarge{margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-t-xxlarge,stzh-cspace>.stzh-cspace>.small\\:cspace-t-xxlarge{margin-top:var(--stzh-space-xxlarge)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-b-xxlarge,stzh-cspace>.stzh-cspace>.small\\:cspace-b-xxlarge{margin-bottom:var(--stzh-space-xxlarge)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-y-xxxlarge,stzh-cspace>.stzh-cspace>.small\\:cspace-y-xxxlarge{margin-top:var(--stzh-space-xxxlarge);margin-bottom:var(--stzh-space-xxxlarge)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-t-xxxlarge,stzh-cspace>.stzh-cspace>.small\\:cspace-t-xxxlarge{margin-top:var(--stzh-space-xxxlarge)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-b-xxxlarge,stzh-cspace>.stzh-cspace>.small\\:cspace-b-xxxlarge{margin-bottom:var(--stzh-space-xxxlarge)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-y-xxxxlarge,stzh-cspace>.stzh-cspace>.small\\:cspace-y-xxxxlarge{margin-top:var(--stzh-space-xxxxlarge);margin-bottom:var(--stzh-space-xxxxlarge)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-t-xxxxlarge,stzh-cspace>.stzh-cspace>.small\\:cspace-t-xxxxlarge{margin-top:var(--stzh-space-xxxxlarge)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-b-xxxxlarge,stzh-cspace>.stzh-cspace>.small\\:cspace-b-xxxxlarge{margin-bottom:var(--stzh-space-xxxxlarge)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-y-big,stzh-cspace>.stzh-cspace>.small\\:cspace-y-big{margin-top:var(--stzh-space-big);margin-bottom:var(--stzh-space-big)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-t-big,stzh-cspace>.stzh-cspace>.small\\:cspace-t-big{margin-top:var(--stzh-space-big)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-b-big,stzh-cspace>.stzh-cspace>.small\\:cspace-b-big{margin-bottom:var(--stzh-space-big)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-y-xbig,stzh-cspace>.stzh-cspace>.small\\:cspace-y-xbig{margin-top:var(--stzh-space-xbig);margin-bottom:var(--stzh-space-xbig)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-t-xbig,stzh-cspace>.stzh-cspace>.small\\:cspace-t-xbig{margin-top:var(--stzh-space-xbig)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-b-xbig,stzh-cspace>.stzh-cspace>.small\\:cspace-b-xbig{margin-bottom:var(--stzh-space-xbig)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-y-huge,stzh-cspace>.stzh-cspace>.small\\:cspace-y-huge{margin-top:var(--stzh-space-huge);margin-bottom:var(--stzh-space-huge)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-t-huge,stzh-cspace>.stzh-cspace>.small\\:cspace-t-huge{margin-top:var(--stzh-space-huge)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-b-huge,stzh-cspace>.stzh-cspace>.small\\:cspace-b-huge{margin-bottom:var(--stzh-space-huge)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-y-xhuge,stzh-cspace>.stzh-cspace>.small\\:cspace-y-xhuge{margin-top:var(--stzh-space-xhuge);margin-bottom:var(--stzh-space-xhuge)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-t-xhuge,stzh-cspace>.stzh-cspace>.small\\:cspace-t-xhuge{margin-top:var(--stzh-space-xhuge)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-b-xhuge,stzh-cspace>.stzh-cspace>.small\\:cspace-b-xhuge{margin-bottom:var(--stzh-space-xhuge)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-y-none,stzh-cspace>.stzh-cspace>.small\\:cspace-y-none{margin-top:var(--stzh-space-none);margin-bottom:var(--stzh-space-none)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-t-none,stzh-cspace>.stzh-cspace>.small\\:cspace-t-none{margin-top:var(--stzh-space-none)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-b-none,stzh-cspace>.stzh-cspace>.small\\:cspace-b-none{margin-bottom:var(--stzh-space-none)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-y-default,stzh-cspace>.stzh-cspace>.small\\:cspace-y-default{margin-top:var(--stzh-space-default);margin-bottom:var(--stzh-space-default)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-t-default,stzh-cspace>.stzh-cspace>.small\\:cspace-t-default{margin-top:var(--stzh-space-default)}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-b-default,stzh-cspace>.stzh-cspace>.small\\:cspace-b-default{margin-bottom:var(--stzh-space-default)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-y-xxxsmall,stzh-cspace>.stzh-cspace>.medium\\:cspace-y-xxxsmall{margin-top:var(--stzh-space-xxxsmall);margin-bottom:var(--stzh-space-xxxsmall)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-t-xxxsmall,stzh-cspace>.stzh-cspace>.medium\\:cspace-t-xxxsmall{margin-top:var(--stzh-space-xxxsmall)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-b-xxxsmall,stzh-cspace>.stzh-cspace>.medium\\:cspace-b-xxxsmall{margin-bottom:var(--stzh-space-xxxsmall)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-y-xxsmall,stzh-cspace>.stzh-cspace>.medium\\:cspace-y-xxsmall{margin-top:var(--stzh-space-xxsmall);margin-bottom:var(--stzh-space-xxsmall)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-t-xxsmall,stzh-cspace>.stzh-cspace>.medium\\:cspace-t-xxsmall{margin-top:var(--stzh-space-xxsmall)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-b-xxsmall,stzh-cspace>.stzh-cspace>.medium\\:cspace-b-xxsmall{margin-bottom:var(--stzh-space-xxsmall)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-y-xsmall,stzh-cspace>.stzh-cspace>.medium\\:cspace-y-xsmall{margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xsmall)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-t-xsmall,stzh-cspace>.stzh-cspace>.medium\\:cspace-t-xsmall{margin-top:var(--stzh-space-xsmall)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-b-xsmall,stzh-cspace>.stzh-cspace>.medium\\:cspace-b-xsmall{margin-bottom:var(--stzh-space-xsmall)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-y-small,stzh-cspace>.stzh-cspace>.medium\\:cspace-y-small{margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-t-small,stzh-cspace>.stzh-cspace>.medium\\:cspace-t-small{margin-top:var(--stzh-space-small)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-b-small,stzh-cspace>.stzh-cspace>.medium\\:cspace-b-small{margin-bottom:var(--stzh-space-small)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-y-medium,stzh-cspace>.stzh-cspace>.medium\\:cspace-y-medium{margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-medium)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-t-medium,stzh-cspace>.stzh-cspace>.medium\\:cspace-t-medium{margin-top:var(--stzh-space-medium)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-b-medium,stzh-cspace>.stzh-cspace>.medium\\:cspace-b-medium{margin-bottom:var(--stzh-space-medium)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-y-large,stzh-cspace>.stzh-cspace>.medium\\:cspace-y-large{margin-top:var(--stzh-space-large);margin-bottom:var(--stzh-space-large)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-t-large,stzh-cspace>.stzh-cspace>.medium\\:cspace-t-large{margin-top:var(--stzh-space-large)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-b-large,stzh-cspace>.stzh-cspace>.medium\\:cspace-b-large{margin-bottom:var(--stzh-space-large)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-y-xlarge,stzh-cspace>.stzh-cspace>.medium\\:cspace-y-xlarge{margin-top:var(--stzh-space-xlarge);margin-bottom:var(--stzh-space-xlarge)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-t-xlarge,stzh-cspace>.stzh-cspace>.medium\\:cspace-t-xlarge{margin-top:var(--stzh-space-xlarge)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-b-xlarge,stzh-cspace>.stzh-cspace>.medium\\:cspace-b-xlarge{margin-bottom:var(--stzh-space-xlarge)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-y-xxlarge,stzh-cspace>.stzh-cspace>.medium\\:cspace-y-xxlarge{margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-t-xxlarge,stzh-cspace>.stzh-cspace>.medium\\:cspace-t-xxlarge{margin-top:var(--stzh-space-xxlarge)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-b-xxlarge,stzh-cspace>.stzh-cspace>.medium\\:cspace-b-xxlarge{margin-bottom:var(--stzh-space-xxlarge)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-y-xxxlarge,stzh-cspace>.stzh-cspace>.medium\\:cspace-y-xxxlarge{margin-top:var(--stzh-space-xxxlarge);margin-bottom:var(--stzh-space-xxxlarge)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-t-xxxlarge,stzh-cspace>.stzh-cspace>.medium\\:cspace-t-xxxlarge{margin-top:var(--stzh-space-xxxlarge)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-b-xxxlarge,stzh-cspace>.stzh-cspace>.medium\\:cspace-b-xxxlarge{margin-bottom:var(--stzh-space-xxxlarge)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-y-xxxxlarge,stzh-cspace>.stzh-cspace>.medium\\:cspace-y-xxxxlarge{margin-top:var(--stzh-space-xxxxlarge);margin-bottom:var(--stzh-space-xxxxlarge)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-t-xxxxlarge,stzh-cspace>.stzh-cspace>.medium\\:cspace-t-xxxxlarge{margin-top:var(--stzh-space-xxxxlarge)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-b-xxxxlarge,stzh-cspace>.stzh-cspace>.medium\\:cspace-b-xxxxlarge{margin-bottom:var(--stzh-space-xxxxlarge)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-y-big,stzh-cspace>.stzh-cspace>.medium\\:cspace-y-big{margin-top:var(--stzh-space-big);margin-bottom:var(--stzh-space-big)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-t-big,stzh-cspace>.stzh-cspace>.medium\\:cspace-t-big{margin-top:var(--stzh-space-big)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-b-big,stzh-cspace>.stzh-cspace>.medium\\:cspace-b-big{margin-bottom:var(--stzh-space-big)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-y-xbig,stzh-cspace>.stzh-cspace>.medium\\:cspace-y-xbig{margin-top:var(--stzh-space-xbig);margin-bottom:var(--stzh-space-xbig)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-t-xbig,stzh-cspace>.stzh-cspace>.medium\\:cspace-t-xbig{margin-top:var(--stzh-space-xbig)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-b-xbig,stzh-cspace>.stzh-cspace>.medium\\:cspace-b-xbig{margin-bottom:var(--stzh-space-xbig)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-y-huge,stzh-cspace>.stzh-cspace>.medium\\:cspace-y-huge{margin-top:var(--stzh-space-huge);margin-bottom:var(--stzh-space-huge)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-t-huge,stzh-cspace>.stzh-cspace>.medium\\:cspace-t-huge{margin-top:var(--stzh-space-huge)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-b-huge,stzh-cspace>.stzh-cspace>.medium\\:cspace-b-huge{margin-bottom:var(--stzh-space-huge)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-y-xhuge,stzh-cspace>.stzh-cspace>.medium\\:cspace-y-xhuge{margin-top:var(--stzh-space-xhuge);margin-bottom:var(--stzh-space-xhuge)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-t-xhuge,stzh-cspace>.stzh-cspace>.medium\\:cspace-t-xhuge{margin-top:var(--stzh-space-xhuge)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-b-xhuge,stzh-cspace>.stzh-cspace>.medium\\:cspace-b-xhuge{margin-bottom:var(--stzh-space-xhuge)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-y-none,stzh-cspace>.stzh-cspace>.medium\\:cspace-y-none{margin-top:var(--stzh-space-none);margin-bottom:var(--stzh-space-none)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-t-none,stzh-cspace>.stzh-cspace>.medium\\:cspace-t-none{margin-top:var(--stzh-space-none)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-b-none,stzh-cspace>.stzh-cspace>.medium\\:cspace-b-none{margin-bottom:var(--stzh-space-none)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-y-default,stzh-cspace>.stzh-cspace>.medium\\:cspace-y-default{margin-top:var(--stzh-space-default);margin-bottom:var(--stzh-space-default)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-t-default,stzh-cspace>.stzh-cspace>.medium\\:cspace-t-default{margin-top:var(--stzh-space-default)}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-b-default,stzh-cspace>.stzh-cspace>.medium\\:cspace-b-default{margin-bottom:var(--stzh-space-default)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-y-xxxsmall,stzh-cspace>.stzh-cspace>.large\\:cspace-y-xxxsmall{margin-top:var(--stzh-space-xxxsmall);margin-bottom:var(--stzh-space-xxxsmall)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-t-xxxsmall,stzh-cspace>.stzh-cspace>.large\\:cspace-t-xxxsmall{margin-top:var(--stzh-space-xxxsmall)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-b-xxxsmall,stzh-cspace>.stzh-cspace>.large\\:cspace-b-xxxsmall{margin-bottom:var(--stzh-space-xxxsmall)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-y-xxsmall,stzh-cspace>.stzh-cspace>.large\\:cspace-y-xxsmall{margin-top:var(--stzh-space-xxsmall);margin-bottom:var(--stzh-space-xxsmall)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-t-xxsmall,stzh-cspace>.stzh-cspace>.large\\:cspace-t-xxsmall{margin-top:var(--stzh-space-xxsmall)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-b-xxsmall,stzh-cspace>.stzh-cspace>.large\\:cspace-b-xxsmall{margin-bottom:var(--stzh-space-xxsmall)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-y-xsmall,stzh-cspace>.stzh-cspace>.large\\:cspace-y-xsmall{margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xsmall)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-t-xsmall,stzh-cspace>.stzh-cspace>.large\\:cspace-t-xsmall{margin-top:var(--stzh-space-xsmall)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-b-xsmall,stzh-cspace>.stzh-cspace>.large\\:cspace-b-xsmall{margin-bottom:var(--stzh-space-xsmall)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-y-small,stzh-cspace>.stzh-cspace>.large\\:cspace-y-small{margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-t-small,stzh-cspace>.stzh-cspace>.large\\:cspace-t-small{margin-top:var(--stzh-space-small)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-b-small,stzh-cspace>.stzh-cspace>.large\\:cspace-b-small{margin-bottom:var(--stzh-space-small)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-y-medium,stzh-cspace>.stzh-cspace>.large\\:cspace-y-medium{margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-medium)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-t-medium,stzh-cspace>.stzh-cspace>.large\\:cspace-t-medium{margin-top:var(--stzh-space-medium)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-b-medium,stzh-cspace>.stzh-cspace>.large\\:cspace-b-medium{margin-bottom:var(--stzh-space-medium)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-y-large,stzh-cspace>.stzh-cspace>.large\\:cspace-y-large{margin-top:var(--stzh-space-large);margin-bottom:var(--stzh-space-large)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-t-large,stzh-cspace>.stzh-cspace>.large\\:cspace-t-large{margin-top:var(--stzh-space-large)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-b-large,stzh-cspace>.stzh-cspace>.large\\:cspace-b-large{margin-bottom:var(--stzh-space-large)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-y-xlarge,stzh-cspace>.stzh-cspace>.large\\:cspace-y-xlarge{margin-top:var(--stzh-space-xlarge);margin-bottom:var(--stzh-space-xlarge)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-t-xlarge,stzh-cspace>.stzh-cspace>.large\\:cspace-t-xlarge{margin-top:var(--stzh-space-xlarge)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-b-xlarge,stzh-cspace>.stzh-cspace>.large\\:cspace-b-xlarge{margin-bottom:var(--stzh-space-xlarge)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-y-xxlarge,stzh-cspace>.stzh-cspace>.large\\:cspace-y-xxlarge{margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-t-xxlarge,stzh-cspace>.stzh-cspace>.large\\:cspace-t-xxlarge{margin-top:var(--stzh-space-xxlarge)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-b-xxlarge,stzh-cspace>.stzh-cspace>.large\\:cspace-b-xxlarge{margin-bottom:var(--stzh-space-xxlarge)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-y-xxxlarge,stzh-cspace>.stzh-cspace>.large\\:cspace-y-xxxlarge{margin-top:var(--stzh-space-xxxlarge);margin-bottom:var(--stzh-space-xxxlarge)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-t-xxxlarge,stzh-cspace>.stzh-cspace>.large\\:cspace-t-xxxlarge{margin-top:var(--stzh-space-xxxlarge)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-b-xxxlarge,stzh-cspace>.stzh-cspace>.large\\:cspace-b-xxxlarge{margin-bottom:var(--stzh-space-xxxlarge)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-y-xxxxlarge,stzh-cspace>.stzh-cspace>.large\\:cspace-y-xxxxlarge{margin-top:var(--stzh-space-xxxxlarge);margin-bottom:var(--stzh-space-xxxxlarge)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-t-xxxxlarge,stzh-cspace>.stzh-cspace>.large\\:cspace-t-xxxxlarge{margin-top:var(--stzh-space-xxxxlarge)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-b-xxxxlarge,stzh-cspace>.stzh-cspace>.large\\:cspace-b-xxxxlarge{margin-bottom:var(--stzh-space-xxxxlarge)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-y-big,stzh-cspace>.stzh-cspace>.large\\:cspace-y-big{margin-top:var(--stzh-space-big);margin-bottom:var(--stzh-space-big)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-t-big,stzh-cspace>.stzh-cspace>.large\\:cspace-t-big{margin-top:var(--stzh-space-big)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-b-big,stzh-cspace>.stzh-cspace>.large\\:cspace-b-big{margin-bottom:var(--stzh-space-big)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-y-xbig,stzh-cspace>.stzh-cspace>.large\\:cspace-y-xbig{margin-top:var(--stzh-space-xbig);margin-bottom:var(--stzh-space-xbig)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-t-xbig,stzh-cspace>.stzh-cspace>.large\\:cspace-t-xbig{margin-top:var(--stzh-space-xbig)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-b-xbig,stzh-cspace>.stzh-cspace>.large\\:cspace-b-xbig{margin-bottom:var(--stzh-space-xbig)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-y-huge,stzh-cspace>.stzh-cspace>.large\\:cspace-y-huge{margin-top:var(--stzh-space-huge);margin-bottom:var(--stzh-space-huge)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-t-huge,stzh-cspace>.stzh-cspace>.large\\:cspace-t-huge{margin-top:var(--stzh-space-huge)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-b-huge,stzh-cspace>.stzh-cspace>.large\\:cspace-b-huge{margin-bottom:var(--stzh-space-huge)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-y-xhuge,stzh-cspace>.stzh-cspace>.large\\:cspace-y-xhuge{margin-top:var(--stzh-space-xhuge);margin-bottom:var(--stzh-space-xhuge)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-t-xhuge,stzh-cspace>.stzh-cspace>.large\\:cspace-t-xhuge{margin-top:var(--stzh-space-xhuge)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-b-xhuge,stzh-cspace>.stzh-cspace>.large\\:cspace-b-xhuge{margin-bottom:var(--stzh-space-xhuge)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-y-none,stzh-cspace>.stzh-cspace>.large\\:cspace-y-none{margin-top:var(--stzh-space-none);margin-bottom:var(--stzh-space-none)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-t-none,stzh-cspace>.stzh-cspace>.large\\:cspace-t-none{margin-top:var(--stzh-space-none)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-b-none,stzh-cspace>.stzh-cspace>.large\\:cspace-b-none{margin-bottom:var(--stzh-space-none)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-y-default,stzh-cspace>.stzh-cspace>.large\\:cspace-y-default{margin-top:var(--stzh-space-default);margin-bottom:var(--stzh-space-default)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-t-default,stzh-cspace>.stzh-cspace>.large\\:cspace-t-default{margin-top:var(--stzh-space-default)}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-b-default,stzh-cspace>.stzh-cspace>.large\\:cspace-b-default{margin-bottom:var(--stzh-space-default)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-y-xxxsmall,stzh-cspace>.stzh-cspace>.ultra\\:cspace-y-xxxsmall{margin-top:var(--stzh-space-xxxsmall);margin-bottom:var(--stzh-space-xxxsmall)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-t-xxxsmall,stzh-cspace>.stzh-cspace>.ultra\\:cspace-t-xxxsmall{margin-top:var(--stzh-space-xxxsmall)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-b-xxxsmall,stzh-cspace>.stzh-cspace>.ultra\\:cspace-b-xxxsmall{margin-bottom:var(--stzh-space-xxxsmall)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-y-xxsmall,stzh-cspace>.stzh-cspace>.ultra\\:cspace-y-xxsmall{margin-top:var(--stzh-space-xxsmall);margin-bottom:var(--stzh-space-xxsmall)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-t-xxsmall,stzh-cspace>.stzh-cspace>.ultra\\:cspace-t-xxsmall{margin-top:var(--stzh-space-xxsmall)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-b-xxsmall,stzh-cspace>.stzh-cspace>.ultra\\:cspace-b-xxsmall{margin-bottom:var(--stzh-space-xxsmall)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-y-xsmall,stzh-cspace>.stzh-cspace>.ultra\\:cspace-y-xsmall{margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xsmall)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-t-xsmall,stzh-cspace>.stzh-cspace>.ultra\\:cspace-t-xsmall{margin-top:var(--stzh-space-xsmall)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-b-xsmall,stzh-cspace>.stzh-cspace>.ultra\\:cspace-b-xsmall{margin-bottom:var(--stzh-space-xsmall)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-y-small,stzh-cspace>.stzh-cspace>.ultra\\:cspace-y-small{margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-t-small,stzh-cspace>.stzh-cspace>.ultra\\:cspace-t-small{margin-top:var(--stzh-space-small)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-b-small,stzh-cspace>.stzh-cspace>.ultra\\:cspace-b-small{margin-bottom:var(--stzh-space-small)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-y-medium,stzh-cspace>.stzh-cspace>.ultra\\:cspace-y-medium{margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-medium)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-t-medium,stzh-cspace>.stzh-cspace>.ultra\\:cspace-t-medium{margin-top:var(--stzh-space-medium)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-b-medium,stzh-cspace>.stzh-cspace>.ultra\\:cspace-b-medium{margin-bottom:var(--stzh-space-medium)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-y-large,stzh-cspace>.stzh-cspace>.ultra\\:cspace-y-large{margin-top:var(--stzh-space-large);margin-bottom:var(--stzh-space-large)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-t-large,stzh-cspace>.stzh-cspace>.ultra\\:cspace-t-large{margin-top:var(--stzh-space-large)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-b-large,stzh-cspace>.stzh-cspace>.ultra\\:cspace-b-large{margin-bottom:var(--stzh-space-large)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-y-xlarge,stzh-cspace>.stzh-cspace>.ultra\\:cspace-y-xlarge{margin-top:var(--stzh-space-xlarge);margin-bottom:var(--stzh-space-xlarge)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-t-xlarge,stzh-cspace>.stzh-cspace>.ultra\\:cspace-t-xlarge{margin-top:var(--stzh-space-xlarge)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-b-xlarge,stzh-cspace>.stzh-cspace>.ultra\\:cspace-b-xlarge{margin-bottom:var(--stzh-space-xlarge)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-y-xxlarge,stzh-cspace>.stzh-cspace>.ultra\\:cspace-y-xxlarge{margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-t-xxlarge,stzh-cspace>.stzh-cspace>.ultra\\:cspace-t-xxlarge{margin-top:var(--stzh-space-xxlarge)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-b-xxlarge,stzh-cspace>.stzh-cspace>.ultra\\:cspace-b-xxlarge{margin-bottom:var(--stzh-space-xxlarge)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-y-xxxlarge,stzh-cspace>.stzh-cspace>.ultra\\:cspace-y-xxxlarge{margin-top:var(--stzh-space-xxxlarge);margin-bottom:var(--stzh-space-xxxlarge)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-t-xxxlarge,stzh-cspace>.stzh-cspace>.ultra\\:cspace-t-xxxlarge{margin-top:var(--stzh-space-xxxlarge)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-b-xxxlarge,stzh-cspace>.stzh-cspace>.ultra\\:cspace-b-xxxlarge{margin-bottom:var(--stzh-space-xxxlarge)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-y-xxxxlarge,stzh-cspace>.stzh-cspace>.ultra\\:cspace-y-xxxxlarge{margin-top:var(--stzh-space-xxxxlarge);margin-bottom:var(--stzh-space-xxxxlarge)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-t-xxxxlarge,stzh-cspace>.stzh-cspace>.ultra\\:cspace-t-xxxxlarge{margin-top:var(--stzh-space-xxxxlarge)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-b-xxxxlarge,stzh-cspace>.stzh-cspace>.ultra\\:cspace-b-xxxxlarge{margin-bottom:var(--stzh-space-xxxxlarge)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-y-big,stzh-cspace>.stzh-cspace>.ultra\\:cspace-y-big{margin-top:var(--stzh-space-big);margin-bottom:var(--stzh-space-big)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-t-big,stzh-cspace>.stzh-cspace>.ultra\\:cspace-t-big{margin-top:var(--stzh-space-big)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-b-big,stzh-cspace>.stzh-cspace>.ultra\\:cspace-b-big{margin-bottom:var(--stzh-space-big)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-y-xbig,stzh-cspace>.stzh-cspace>.ultra\\:cspace-y-xbig{margin-top:var(--stzh-space-xbig);margin-bottom:var(--stzh-space-xbig)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-t-xbig,stzh-cspace>.stzh-cspace>.ultra\\:cspace-t-xbig{margin-top:var(--stzh-space-xbig)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-b-xbig,stzh-cspace>.stzh-cspace>.ultra\\:cspace-b-xbig{margin-bottom:var(--stzh-space-xbig)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-y-huge,stzh-cspace>.stzh-cspace>.ultra\\:cspace-y-huge{margin-top:var(--stzh-space-huge);margin-bottom:var(--stzh-space-huge)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-t-huge,stzh-cspace>.stzh-cspace>.ultra\\:cspace-t-huge{margin-top:var(--stzh-space-huge)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-b-huge,stzh-cspace>.stzh-cspace>.ultra\\:cspace-b-huge{margin-bottom:var(--stzh-space-huge)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-y-xhuge,stzh-cspace>.stzh-cspace>.ultra\\:cspace-y-xhuge{margin-top:var(--stzh-space-xhuge);margin-bottom:var(--stzh-space-xhuge)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-t-xhuge,stzh-cspace>.stzh-cspace>.ultra\\:cspace-t-xhuge{margin-top:var(--stzh-space-xhuge)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-b-xhuge,stzh-cspace>.stzh-cspace>.ultra\\:cspace-b-xhuge{margin-bottom:var(--stzh-space-xhuge)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-y-none,stzh-cspace>.stzh-cspace>.ultra\\:cspace-y-none{margin-top:var(--stzh-space-none);margin-bottom:var(--stzh-space-none)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-t-none,stzh-cspace>.stzh-cspace>.ultra\\:cspace-t-none{margin-top:var(--stzh-space-none)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-b-none,stzh-cspace>.stzh-cspace>.ultra\\:cspace-b-none{margin-bottom:var(--stzh-space-none)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-y-default,stzh-cspace>.stzh-cspace>.ultra\\:cspace-y-default{margin-top:var(--stzh-space-default);margin-bottom:var(--stzh-space-default)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-t-default,stzh-cspace>.stzh-cspace>.ultra\\:cspace-t-default{margin-top:var(--stzh-space-default)}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-b-default,stzh-cspace>.stzh-cspace>.ultra\\:cspace-b-default{margin-bottom:var(--stzh-space-default)}stzh-cspace>.stzh-cspace>.section>.cspace-y-0,stzh-cspace>.stzh-cspace>.cspace-y-0{margin-top:0;margin-bottom:0}stzh-cspace>.stzh-cspace>.section>.cspace-t-0,stzh-cspace>.stzh-cspace>.cspace-t-0{margin-top:0}stzh-cspace>.stzh-cspace>.section>.cspace-b-0,stzh-cspace>.stzh-cspace>.cspace-b-0{margin-bottom:0}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-y-0,stzh-cspace>.stzh-cspace>.small\\:cspace-y-0{margin-top:0;margin-bottom:0}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-t-0,stzh-cspace>.stzh-cspace>.small\\:cspace-t-0{margin-top:0}stzh-cspace>.stzh-cspace>.section>.small\\:cspace-b-0,stzh-cspace>.stzh-cspace>.small\\:cspace-b-0{margin-bottom:0}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-y-0,stzh-cspace>.stzh-cspace>.medium\\:cspace-y-0{margin-top:0;margin-bottom:0}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-t-0,stzh-cspace>.stzh-cspace>.medium\\:cspace-t-0{margin-top:0}stzh-cspace>.stzh-cspace>.section>.medium\\:cspace-b-0,stzh-cspace>.stzh-cspace>.medium\\:cspace-b-0{margin-bottom:0}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-y-0,stzh-cspace>.stzh-cspace>.large\\:cspace-y-0{margin-top:0;margin-bottom:0}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-t-0,stzh-cspace>.stzh-cspace>.large\\:cspace-t-0{margin-top:0}stzh-cspace>.stzh-cspace>.section>.large\\:cspace-b-0,stzh-cspace>.stzh-cspace>.large\\:cspace-b-0{margin-bottom:0}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-y-0,stzh-cspace>.stzh-cspace>.ultra\\:cspace-y-0{margin-top:0;margin-bottom:0}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-t-0,stzh-cspace>.stzh-cspace>.ultra\\:cspace-t-0{margin-top:0}stzh-cspace>.stzh-cspace>.section>.ultra\\:cspace-b-0,stzh-cspace>.stzh-cspace>.ultra\\:cspace-b-0{margin-bottom:0}';const p=class{constructor(c){s(this,c);this.init=()=>{if(!this.rootElement){return}if(this.preventRemoveNested!=="disabled"){const s=this.rootElement.querySelectorAll(this.preventRemoveNested==="deep"?"stzh-cspace, stzh-richtext":":scope > stzh-cspace, :scope > .section > stzh-cspace, stzh-show > stzh-cspace, :scope > stzh-richtext, :scope > .section > stzh-richtext, stzh-show > stzh-richtext");s.forEach((s=>{t(s,{removeFirstMargin:false,removeLastMargin:false})}))}};this.removeFirstMargin=undefined;this.removeLastMargin=undefined;this.preventRemoveNested="direct"}preventRemoveNestedWatcher(){this.init()}componentDidRender(){this.init();this.observer.observe(this.rootElement,{childList:true,subtree:true})}connectedCallback(){this.observer=new MutationObserver(this.init)}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}render(){const s={"stzh-cspace":true};return c(e,{"has-hidden-first-margin":typeof this.removeFirstMargin==="boolean"?this.removeFirstMargin:true,"has-hidden-last-margin":typeof this.removeLastMargin==="boolean"?this.removeLastMargin:true},c("div",{ref:s=>this.rootElement=s,class:s},c("slot",null)))}get element(){return a(this)}static get watchers(){return{preventRemoveNested:["preventRemoveNestedWatcher"]}}};p.style=h;export{p as stzh_cspace};
2	- //# sourceMappingURL=p-a2656f84.entry.js.map

package/dist/stzh-components/p-c67dcd7a.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as t,h as o,a as s,g as e}from"./p-c7bfac7a.js";import{h as i}from"./p-7e304ea3.js";import"./p-9b063923.js";const a=".sc-stzh-pagebottom-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-pagebottom-h{display:none}.sc-stzh-pagebottom-h .sc-stzh-pagebottom,.sc-stzh-pagebottom-h .sc-stzh-pagebottom::before,.sc-stzh-pagebottom-h *.sc-stzh-pagebottom::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-pagebottom-h .has-focus.sc-stzh-pagebottom{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-pagebottom-h .stzh-fylingfocus-focused.sc-stzh-pagebottom{outline-style:none !important}.sc-stzh-pagebottom-h .stzh-fylingfocus-focused.sc-stzh-pagebottom::-moz-focus-inner{border:0 !important}@media print{.sc-stzh-pagebottom-h{display:none}}.sc-stzh-pagebottom-h .sc-stzh-pagebottom-s>[slot=logo]{height:2.375rem}.stzh-pagebottom.sc-stzh-pagebottom{display:flex;flex-direction:column}@media screen and (min-width: 600px){.stzh-pagebottom.sc-stzh-pagebottom{flex-direction:row}}.stzh-pagebottom__share-title.sc-stzh-pagebottom{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height));margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 900px){.stzh-pagebottom__share-title.sc-stzh-pagebottom{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height))}}@media screen and (min-width: 600px){.stzh-pagebottom__logo.sc-stzh-pagebottom{margin-left:auto}}.stzh-pagebottom__logo-link.sc-stzh-pagebottom:not(:empty){display:block;margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 600px){.stzh-pagebottom__logo-link.sc-stzh-pagebottom:not(:empty){margin-top:0;margin-left:var(--stzh-space-xlarge)}}";const h=class{constructor(o){t(this,o);this.shareTitle="";this.shareUrl=undefined;this.shareServices=undefined;this.shareDisabled=false;this.shareMailSubject=undefined;this.shareMailBody=undefined;this.logoHref="https://www.stadt-zuerich.ch";this.logoAnalyticsId=undefined}render(){const t=i(this.element,"logo");const e={"stzh-pagebottom":true};return o(s,null,o("div",{class:e},!this.shareDisabled&&o("div",{class:"stzh-pagebottom__share-wrapper"},this.shareTitle&&o("div",{class:"stzh-pagebottom__share-title"},this.shareTitle),o("stzh-share",{url:this.shareUrl,services:this.shareServices,mailSubject:this.shareMailSubject,mailBody:this.shareMailBody})),t&&o("div",{class:"stzh-pagebottom__logo"},o("a",{href:this.logoHref,class:"stzh-pagebottom__logo-link","s-object-id":this.logoAnalyticsId\|\|"Footer Logo"},o("slot",{name:"logo"})))))}get element(){return e(this)}};h.style=a;export{h as stzh_pagebottom};
2	- //# sourceMappingURL=p-c67dcd7a.entry.js.map

package/dist/stzh-components/p-c67dcd7a.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["stzhPagebottomCss","StzhPagebottom","render","logoUsed","hasSlot","this","element","classes","h","Host","class","shareDisabled","shareTitle","url","shareUrl","services","shareServices","mailSubject","shareMailSubject","mailBody","shareMailBody","href","logoHref","logoAnalyticsId","name"],"sources":["src/components/stzh-pagebottom/stzh-pagebottom.scss?tag=stzh-pagebottom&encapsulation=scoped","src/components/stzh-pagebottom/stzh-pagebottom.tsx"],"sourcesContent":[":host {\n @media print {\n display: none;\n }\n\n ::slotted([slot=\"logo\"]) {\n height: 38px;\n }\n}\n\n.stzh-pagebottom {\n display: flex;\n flex-direction: column;\n\n @include mq($from: small) {\n flex-direction: row;\n }\n\n &__share-title {\n @include fontCurve('caption');\n\t\tmargin-bottom: space('small');\n }\n\n &__logo {\n @include mq($from: small) {\n margin-left: auto;\n }\n }\n\n &__logo-link {\n &:not(:empty) {\n display: block;\n margin-top: space('xlarge');\n\n @include mq($from: small) {\n margin-top: 0;\n margin-left: space('xlarge');\n }\n }\n }\n}\n","import {\n Component,\n Host,\n h,\n Element,\n Prop,\n} from \"@stencil/core\";\n\nimport { ShareService } from \"../../index\";\nimport { hasSlot } from \"../../utils/utils\";\n\n/**\n * @slot logo - Slot for a logo image\n */\n@Component({\n tag: \"stzh-pagebottom\",\n styleUrl: \"stzh-pagebottom.scss\",\n scoped: true\n})\nexport class StzhPagebottom {\n /** Share Title */\n @Prop() shareTitle: string = \"\";\n\n /** URL of current site (uses full URL by default) */\n @Prop() shareUrl: string;\n\n /**\n * Array of enabled share buttons.\n * Possible services: `facebook` / `twitter` / `linkedin` / `xing` / `mail`\n */\n @Prop() shareServices: ShareService[] | string;\n\n /** Whether to show share */\n @Prop() shareDisabled: boolean = false;\n\n /** Overwrite share mail subject translation */\n @Prop() shareMailSubject: string;\n\n /** Overwrite share mail body translation */\n @Prop() shareMailBody: string;\n\n /** Logo href */\n @Prop() logoHref: string = \"https://www.stadt-zuerich.ch\";\n\n /**\n * For Adobe Analytics.\n * Will be rendered as value of `s-object-id` attribute to the logo link element.\n * Default value will be \"Footer Logo\"\n */\n @Prop() logoAnalyticsId: string;\n\n @Element() element: HTMLStzhPagebottomElement;\n\n render() {\n const logoUsed: boolean = hasSlot(this.element, \"logo\");\n\n const classes = {\n \"stzh-pagebottom\": true\n };\n\n return (\n <Host>\n <div class={classes}>\n {!this.shareDisabled &&\n <div class=\"stzh-pagebottom__share-wrapper\">\n {this.shareTitle &&\n <div class=\"stzh-pagebottom__share-title\">{this.shareTitle}</div>\n }\n <stzh-share\n url={this.shareUrl}\n services={this.shareServices}\n mailSubject={this.shareMailSubject}\n mailBody={this.shareMailBody}\n ></stzh-share>\n </div>\n }\n\n {logoUsed &&\n <div class=\"stzh-pagebottom__logo\">\n <a\n href={this.logoHref}\n class=\"stzh-pagebottom__logo-link\"\n s-object-id={this.logoAnalyticsId || \"Footer Logo\"}\n >\n <slot name=\"logo\"></slot>\n </a>\n </div>\n }\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"qHAAA,MAAMA,EAAoB,isE,MCmBbC,EAAc,M,yCAEI,G,wEAYI,M,2EASN,+B,+BAW3B,MAAAC,GACE,MAAMC,EAAoBC,EAAQC,KAAKC,QAAS,QAEhD,MAAMC,EAAU,CACd,kBAAmB,MAGrB,OACEC,EAACC,EAAI,KACHD,EAAA,OAAKE,MAAOH,IACRF,KAAKM,eACLH,EAAA,OAAKE,MAAM,kCACRL,KAAKO,YACJJ,EAAA,OAAKE,MAAM,gCAAgCL,KAAKO,YAElDJ,EAAA,cACEK,IAAKR,KAAKS,SACVC,SAAUV,KAAKW,cACfC,YAAaZ,KAAKa,iBAClBC,SAAUd,KAAKe,iBAKpBjB,GACCK,EAAA,OAAKE,MAAM,yBACTF,EAAA,KACEa,KAAMhB,KAAKiB,SACXZ,MAAM,6BAA4B,cACrBL,KAAKkB,iBAAmB,eAErCf,EAAA,QAAMgB,KAAK,Y"}

package/dist/stzh-components/p-e142e3e5.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as t,c as s,h as i,a as o,g as h}from"./p-c7bfac7a.js";import{a as e,o as n}from"./p-7e304ea3.js";import{t as c}from"./p-eb09159c.js";import"./p-9b063923.js";import"./p-dd385618.js";import"./p-7183ba4d.js";const a=':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]{display:none}: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-top:var(--stzh-space-large);--padding-bottom:var(--stzh-space-large);--padding-left:0;--padding-right:0;--background-color:transparent;--stuck-padding-top:var(--padding-top);--stuck-padding-bottom:var(--padding-bottom);--stuck-padding-left:var(--padding-left);--stuck-padding-right:var(--padding-right);--stuck-background-color:var(--stzh-color-grey10);display:contents}@media print{:host{display:none}}:host([variant=transparent]){--background-color:transparent;--stuck-background-color:transparent;pointer-events:none}:host([position=fixed]){display:block}.stzh-sticky{display:contents;}.stzh-sticky__sticky{position:-webkit-sticky;position:sticky;top:-0.0625rem;bottom:-0.0625rem;z-index:var(--stzh-z-index-sticky);width:var(--stzh-sticky-unstuck-width, auto);transition-property:width, transform, opacity;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-sticky__content,.stzh-sticky__content::before{background-color:var(--background-color);transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-sticky__content{--stzh-button-pointer-events:all;--stzh-link-pointer-events:all;position:relative;transition-property:background-color, transform}.stzh-sticky__content-inner{padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);padding-left:var(--padding-left);padding-right:var(--padding-right);transition-property:padding;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-sticky__spacer{display:none}.stzh-sticky--is-disabled-sticky-top .stzh-sticky__sticky{top:auto}.stzh-sticky--is-disabled-sticky-bottom .stzh-sticky__sticky{bottom:auto}.stzh-sticky--is-bleeding .stzh-sticky__content::before{z-index:-1;content:"";position:absolute;display:block;width:100%;height:100%;transform:translateY(0);transition-property:width, background-color, transform}.stzh-sticky--is-stuck .stzh-sticky__content,.stzh-sticky--is-stuck .stzh-sticky__content::before{background-color:var(--stuck-background-color)}.stzh-sticky--is-stuck .stzh-sticky__content::before{width:calc(100vw - var(--stzh-scrollbar-width));transform:translateX(calc(var(--stzh-sticky-offset-left) / -1))}.stzh-sticky--is-stuck .stzh-sticky__content-inner{padding-top:var(--stuck-padding-top);padding-bottom:var(--stuck-padding-bottom);padding-left:var(--stuck-padding-left);padding-right:var(--stuck-padding-right)}.stzh-sticky--is-not-loaded{visibility:hidden}.stzh-sticky--is-not-loaded.stzh-sticky--is-stuck .stzh-sticky__sticky{transform:translateY(100%);opacity:0}.stzh-sticky--is-not-loaded .stzh-sticky__content,.stzh-sticky--is-not-loaded .stzh-sticky__content::before,.stzh-sticky--is-not-loaded .stzh-sticky__content-inner{transition-duration:0ms}';const r="data-stzh-sticky-container";const d="data-stzh-sticky-width-container";const k=class{constructor(i){t(this,i);this.stzhStuckTop=s(this,"stzhStuckTop",7);this.stzhStuckBottom=s(this,"stzhStuckBottom",7);this.fixedHeight=0;this.fixedWidth=0;this.fixedLimit=null;this.handleScroll=()=>{if(this.debounceScroll){window.cancelAnimationFrame(this.debounceScroll)}this.debounceScroll=requestAnimationFrame(this.updateByScroll)};this.handleResize=()=>{if(this.debounceResize){window.cancelAnimationFrame(this.debounceResize)}this.debounceResize=requestAnimationFrame(this.updateFixedByResize)};this.handleStickyResize=c((()=>{this.stuckHeightWatcher()}),100);this.updateByScroll=()=>{if(!e(this.stickyElement)){return}const t=this.element.closest(`[${d}]`)\|\|this.element.parentElement;const s=n((this.isStuckTop\|\|this.isStuckBottom)&&this.position==="fixed"?this.spacerElement:this.stickyElement);this.fixedTop=s.top;this.fixedLeft=s.left;t.style.setProperty("--stzh-sticky-offset-top",`${this.fixedTop}px`);t.style.setProperty("--stzh-sticky-offset-left",`${this.fixedLeft}px`);if(this.position==="sticky"){return}this.fixedHeight=this.stickyElement.offsetHeight;this.spacerElement.style.height=`${this.fixedHeight}px`;this.scrollX=window.scrollX;this.scrollY=window.scrollY;this.fixedLimit=this.getFixedLimit();this.fixedWidth=t.getBoundingClientRect().width;const i=this.element.getBoundingClientRect().width;t.style.setProperty("--stzh-sticky-unstuck-width",`${i}px`);this.isStuckBottom=!this.disableStickyBottom&&this.scrollY+this.windowHeight<=this.fixedTop+this.fixedHeight;this.isStuckTop=!this.disableStickyTop&&this.scrollY>=this.fixedTop;this.hasReachedTopLimit=this.fixedLimit&&this.scrollY+this.windowHeight-this.fixedHeight<=this.fixedLimit.top;this.hasReachedBottomLimit=this.fixedLimit&&this.scrollY>=this.fixedLimit.bottom-this.fixedHeight;if(this.isStuckTop\|\|this.isStuckBottom){this.setFixed()}else{this.setUnfixed()}};this.updateFixedByResize=()=>{this.setUnfixed();this.stickyElement.style.position="static";this.isStuckTop=false;this.isStuckBottom=false;if(e(this.stickyElement)){this.windowHeight=window.innerHeight;this.updateByScroll()}};this.observe=()=>{this.updateStuck()};this.variant="default";this.disableStickyTop=true;this.disableStickyBottom=false;this.bleeding=false;this.name=undefined;this.position="sticky";this.isStuckTop=undefined;this.isStuckBottom=undefined;this.hasReachedTopLimit=undefined;this.hasReachedBottomLimit=undefined;this.loaded=false}disableStickyWatcher(){requestAnimationFrame((()=>{requestAnimationFrame((()=>{if(this.position==="fixed"){this.updateFixedByResize()}else{this.updateStuck()}}))}))}stuckHeightWatcher(){let t=false;if(this.isStuckTop&&!this.hasReachedBottomLimit){t=true;document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-stuck-top`,"1");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-not-stuck-top`,"0");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}stuck-top-height`,`${this.stickyElement.offsetHeight}px`)}else{document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-stuck-top`,"0");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-not-stuck-top`,"1");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}stuck-top-height`,"0px")}if(this.isStuckBottom&&!this.hasReachedTopLimit){t=true;document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-stuck-bottom`,"1");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-not-stuck-bottom`,"0");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}stuck-bottom-height`,`${this.stickyElement.offsetHeight}px`)}else{document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-stuck-bottom`,"0");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-not-stuck-bottom`,"1");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}stuck-bottom-height`,"0px")}document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-stuck`,t?"1":"0");document.documentElement.style.setProperty(`--stzh-sticky-${this.name&&this.name+"-"}is-not-stuck`,t?"0":"1");if(t){this.stickyResizeObserver.observe(this.stickyElement)}else{this.stickyResizeObserver.unobserve(this.stickyElement)}}isStuckTopWatcher(t){this.stzhStuckTop.emit({component:"stzh-sticky",sticky:t})}isStuckBottomWatcher(t){this.stzhStuckBottom.emit({component:"stzh-sticky",sticky:t})}positionWatcher(){if(this.position==="fixed"){if(this.observer){this.observer.disconnect()}window.addEventListener("scroll",this.handleScroll,{passive:true});window.addEventListener("resize",this.handleResize);this.updateFixedByResize()}else{if(this.bleeding){window.addEventListener("scroll",this.handleScroll,{passive:true});this.updateByScroll()}else{window.removeEventListener("scroll",this.handleScroll)}window.removeEventListener("resize",this.handleResize);this.setUnfixed();this.observer=new IntersectionObserver(this.observe,{threshold:[1]});this.observer.observe(this.stickyElement);this.updateStuck()}}updateStuck(){const t=parseInt(getComputedStyle(this.stickyElement).top,10);const s=parseInt(getComputedStyle(this.stickyElement).bottom,10);const i=this.stickyElement.getBoundingClientRect();if(t){this.isStuckTop=i.top<0}else{this.isStuckTop=false}if(s){this.isStuckBottom=document.documentElement.clientHeight<i.bottom}else{this.isStuckBottom=false}}getFixedLimit(){const t=this.element.closest(`[${r}]`);if(!t){return null}const s=n(t);return{top:s.top,bottom:s.top+t.scrollHeight}}setUnfixed(){Object.assign(this.stickyElement.style,{position:null,top:null,bottom:null,left:null,width:null});Object.assign(this.spacerElement.style,{display:"none"})}setFixed(){const t=this.hasReachedTopLimit\|\|this.hasReachedBottomLimit?"absolute":"fixed";Object.assign(this.stickyElement.style,{position:t,top:t==="absolute"?`${this.isStuckTop?this.fixedLimit.bottom-this.fixedHeight:this.fixedLimit.top}px`:this.isStuckTop?"0px":"auto",bottom:this.isStuckTop\|\|t==="absolute"?"auto":"0px",left:`${this.fixedLeft+(t==="fixed"?this.scrollX:0)}px`,width:`${this.fixedWidth}px`});Object.assign(this.spacerElement.style,{display:"block"})}componentDidLoad(){this.stickyResizeObserver=new ResizeObserver(this.handleStickyResize);this.positionWatcher();requestAnimationFrame((()=>{requestAnimationFrame((()=>{window.setTimeout((()=>{this.loaded=true}),250)}))}))}disconnectedCallback(){var t,s;(t=this.observer)===null\|\|t===void 0?void 0:t.disconnect();(s=this.stickyResizeObserver)===null\|\|s===void 0?void 0:s.disconnect();window.removeEventListener("scroll",this.handleScroll);window.removeEventListener("resize",this.handleResize)}render(){const t=this.isStuckTop\|\|this.isStuckBottom;const s={"stzh-sticky":true,"stzh-sticky--is-not-loaded":!this.loaded,"stzh-sticky--is-stuck":t,"stzh-sticky--is-stuck-top":this.isStuckTop,"stzh-sticky--is-stuck-bottom":this.isStuckBottom,"stzh-sticky--is-disabled-sticky-top":this.disableStickyTop,"stzh-sticky--is-disabled-sticky-bottom":this.disableStickyBottom,"stzh-sticky--is-bleeding":this.bleeding,[`stzh-sticky--position-${this.position}`]:!!this.position,[`stzh-sticky--${this.variant}`]:!!this.variant};return i(o,{"is-stuck":this.isStuckTop\|\|this.isStuckBottom,"is-stuck-top":this.isStuckTop,"is-stuck-bottom":this.isStuckBottom},i("div",{class:s},i("div",{ref:t=>this.spacerElement=t,class:"stzh-sticky__spacer"}),i("div",{ref:t=>this.stickyElement=t,class:"stzh-sticky__sticky"},i("div",{class:"stzh-sticky__content"},i("div",{class:"stzh-sticky__content-inner"},i("slot",null))))))}get element(){return h(this)}static get watchers(){return{disableStickyTop:["disableStickyWatcher"],disableStickyBottom:["disableStickyWatcher"],isStuckTop:["stuckHeightWatcher","isStuckTopWatcher"],isStuckBottom:["stuckHeightWatcher","isStuckBottomWatcher"],hasReachedTopLimit:["stuckHeightWatcher"],hasReachedBottomLimit:["stuckHeightWatcher"],position:["positionWatcher"],bleeding:["positionWatcher"]}}};k.style=a;export{k as stzh_sticky};
2	- //# sourceMappingURL=p-e142e3e5.entry.js.map

package/dist/stzh-components/p-e142e3e5.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["stzhStickyCss","ATTR_STICKY_CONTAINER","ATTR_STICKY_WIDTH_CONTAINER","StzhSticky","this","fixedHeight","fixedWidth","fixedLimit","handleScroll","debounceScroll","window","cancelAnimationFrame","requestAnimationFrame","updateByScroll","handleResize","debounceResize","updateFixedByResize","handleStickyResize","throttle","stuckHeightWatcher","isVisible","stickyElement","stickyFixedWidthContainer","element","closest","parentElement","off","offset","isStuckTop","isStuckBottom","position","spacerElement","fixedTop","top","fixedLeft","left","style","setProperty","offsetHeight","height","scrollX","scrollY","getFixedLimit","getBoundingClientRect","width","unstuckWidth","disableStickyBottom","windowHeight","disableStickyTop","hasReachedTopLimit","hasReachedBottomLimit","bottom","setFixed","setUnfixed","innerHeight","observe","updateStuck","disableStickyWatcher","isStuck","document","documentElement","name","stickyResizeObserver","unobserve","isStuckTopWatcher","newValue","stzhStuckTop","emit","component","sticky","isStuckBottomWatcher","stzhStuckBottom","positionWatcher","observer","disconnect","addEventListener","passive","bleeding","removeEventListener","IntersectionObserver","threshold","topCss","parseInt","getComputedStyle","bottomCss","rect","clientHeight","stickyContainer","scrollHeight","Object","assign","display","componentDidLoad","ResizeObserver","setTimeout","loaded","disconnectedCallback","_a","_b","render","classes","variant","h","Host","class","ref","el"],"sources":["src/components/stzh-sticky/stzh-sticky.scss?tag=stzh-sticky&encapsulation=shadow","src/components/stzh-sticky/stzh-sticky.tsx"],"sourcesContent":["/**\n * @prop --padding-top: Padding top of sticky element\n * @prop --padding-bottom: Padding bottom of sticky element\n * @prop --padding-left: Padding left of sticky element\n * @prop --padding-right: Padding right of sticky element\n * @prop --background-color: Background color of sticky element\n * @prop --stuck-padding-top: Padding top of stuck sticky element\n * @prop --stuck-padding-bottom: Padding bottom of stuck sticky element\n * @prop --stuck-padding-left: Padding left of stuck sticky element\n * @prop --stuck-padding-right: Padding right of stuck sticky element\n * @prop --stuck-background-color: Background color of stuck sticky element\n *\n * @prop --stzh-sticky-{NAME}-is-stuck: **Global**: Whether sticky is currently stuck (readonly variable on `<html>`)\n * @prop --stzh-sticky-{NAME}-is-not-stuck: **Global**: Whether sticky is currently not stuck (readonly variable on `<html>`)\n * @prop --stzh-sticky-{NAME}-is-stuck-top: **Global**: Whether sticky is currently stuck on top (readonly variable on `<html>`)\n * @prop --stzh-sticky-{NAME}-is-not-stuck-top: **Global**: Whether sticky is currently not stuck on top (readonly variable on `<html>`)\n * @prop --stzh-sticky-{NAME}-is-stuck-bottom: **Global**: Whether sticky is currently stuck on bottom (readonly variable on `<html>`)\n * @prop --stzh-sticky-{NAME}-is-not-stuck-bottom: **Global**: Whether sticky is currently not stuck on bottom (readonly variable on `<html>`)\n * @prop --stzh-sticky-{NAME}-stuck-top-height: **Global**: Stuck top sticky element height (readonly variable on `<html>`)\n * @prop --stzh-sticky-{NAME}-stuck-bottom-height: **Global**: Stuck bottom sticky element height (readonly variable on `<html>`)\n */\n\n:host {\n --padding-top: #{space('large')};\n --padding-bottom: #{space('large')};\n --padding-left: 0;\n --padding-right: 0;\n --background-color: transparent;\n\n --stuck-padding-top: var(--padding-top);\n --stuck-padding-bottom: var(--padding-bottom);\n --stuck-padding-left: var(--padding-left);\n --stuck-padding-right: var(--padding-right);\n --stuck-background-color: #{$colorGrey10};\n\n display: contents;\n\n @media print {\n display: none;\n }\n}\n\n:host([variant=\"transparent\"]) {\n --background-color: transparent;\n --stuck-background-color: transparent;\n\n pointer-events: none;\n}\n\n:host([position=\"fixed\"]) {\n display: block;\n}\n\n.stzh-sticky {\n display: contents;\n\n &__sticky {\n position: sticky;\n top: -1px;\n bottom: -1px;\n z-index: $zIndexSticky;\n width: var(--stzh-sticky-unstuck-width, auto);\n transition-property: width, transform, opacity;\n transition-duration: $baseTransitionAnimationSpeed;\n }\n\n &__content,\n &__content::before {\n background-color: var(--background-color);\n transition-duration: $baseTransitionAnimationSpeed;\n }\n\n &__content {\n --stzh-button-pointer-events: all;\n --stzh-link-pointer-events: all;\n\n position: relative;\n transition-property: background-color, transform;\n\n // &::before,\n // &::after {\n // content: '';\n // pointer-events: none;\n // display: block;\n // position: absolute;\n // left: 0;\n // width: 100%;\n // height: space('xxlarge');\n // opacity: 0;\n // transition: opacity $baseTransitionAnimationSpeed;\n // }\n\n // &::before {\n // background: linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);\n // top: 0;\n // transform: translateY(-100%);\n // }\n\n // &::after {\n // background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);\n // bottom: 0;\n // transform: translateY(100%);\n // }\n }\n\n &__content-inner {\n padding-top: var(--padding-top);\n padding-bottom: var(--padding-bottom);\n padding-left: var(--padding-left);\n padding-right: var(--padding-right);\n transition-property: padding;\n transition-duration: $baseTransitionAnimationSpeed;\n }\n\n &__spacer {\n display: none;\n }\n\n /* Disabled variants */\n\n &--is-disabled-sticky-top &__sticky {\n top: auto;\n }\n\n &--is-disabled-sticky-bottom &__sticky {\n bottom: auto;\n }\n\n /* Bleeding variant */\n\n &--is-bleeding &__content {\n &::before {\n z-index: -1;\n content: '';\n position: absolute;\n display: block;\n width: 100%;\n height: 100%;\n transform: translateY(0);\n transition-property: width, background-color, transform;\n }\n }\n\n /* Is stuck variant */\n\n &--is-stuck &__content,\n &--is-stuck &__content::before {\n background-color: var(--stuck-background-color);\n }\n\n &--is-stuck &__content::before {\n width: calc(100vw - var(--stzh-scrollbar-width));\n transform: translateX(calc(var(--stzh-sticky-offset-left) / -1));\n }\n\n &--is-stuck &__content-inner {\n padding-top: var(--stuck-padding-top);\n padding-bottom: var(--stuck-padding-bottom);\n padding-left: var(--stuck-padding-left);\n padding-right: var(--stuck-padding-right);\n }\n\n // &--is-stuck-bottom &__content {\n // &::before {\n // opacity: 1;\n // }\n // }\n\n // &--is-stuck-top &__content {\n // &::after {\n // opacity: 1;\n // }\n // }\n\n /* Transparent variant */\n\n // &--transparent &__content {\n // &::after,\n // &::before {\n // display: none;\n // }\n // }\n\n // /* Position sticky variant */\n\n // &--is-breakout &__content {\n // position: relative;\n // left: 50%;\n // right: 50%;\n // margin-left: calc(-50vw + var(--stzh-scrollbar-width) / 2);\n // margin-right: calc(-50vw + var(--stzh-scrollbar-width) / 2);\n // width: calc(100vw - var(--stzh-scrollbar-width));\n // max-width: calc(100vw - var(--stzh-scrollbar-width));\n // }\n\n &--is-not-loaded {\n visibility: hidden;\n }\n\n &--is-not-loaded#{&}--is-stuck &__sticky {\n transform: translateY(100%);\n opacity: 0;\n }\n\n &--is-not-loaded &__content,\n &--is-not-loaded &__content::before,\n &--is-not-loaded &__content-inner {\n transition-duration: 0ms;\n }\n}\n","import {\n Component,\n Host,\n h,\n Element,\n Prop,\n State,\n Watch,\n Event,\n EventEmitter,\n} from \"@stencil/core\";\n\nimport {\n StzhStickyStuckTopEvent,\n StzhStickyStuckBottomEvent\n} from \"../../index\";\n\nimport { isVisible, offset } from \"../../utils/utils\";\nimport throttle from \"lodash/throttle\";\n\nconst ATTR_STICKY_CONTAINER = \"data-stzh-sticky-container\";\nconst ATTR_STICKY_WIDTH_CONTAINER = \"data-stzh-sticky-width-container\";\n\n/**\n *\n */\n@Component({\n tag: \"stzh-sticky\",\n styleUrl: \"stzh-sticky.scss\",\n shadow: true\n})\nexport class StzhSticky {\n /** Variant */\n @Prop({ reflect: true }) variant: \"default\" | \"transparent\" = \"default\";\n\n /** Whether to disable sticking to top */\n @Prop({ reflect: true }) disableStickyTop: boolean = true;\n\n /** Whether to disable sticking to bottom */\n @Prop({ reflect: true }) disableStickyBottom: boolean = false;\n\n /** Whether background breaks out container to full viewport width */\n @Prop({ reflect: true }) bleeding: boolean = false;\n\n /** Name of sticky element (used for setting css properties) */\n @Prop() name: string;\n\n /**\n * Position type used.\n *\n * - sticky: used only css position sticky\n * - fixed: uses position fixed with js for positioning (`data-stzh-sticky-container` can be used on a container element to limit sticky position)\n */\n @Prop({ reflect: true }) position: \"sticky\" | \"fixed\" = \"sticky\";\n\n @Watch(\"disableStickyTop\")\n @Watch(\"disableStickyBottom\")\n disableStickyWatcher() {\n requestAnimationFrame(() => {\n requestAnimationFrame(() => {\n if (this.position === \"fixed\") {\n this.updateFixedByResize();\n } else {\n this.updateStuck();\n }\n });\n });\n }\n\n @Watch(\"isStuckTop\")\n @Watch(\"isStuckBottom\")\n @Watch(\"hasReachedTopLimit\")\n @Watch(\"hasReachedBottomLimit\")\n stuckHeightWatcher() {\n let isStuck = false;\n\n if (this.isStuckTop && !this.hasReachedBottomLimit) {\n isStuck = true;\n document.documentElement.style.setProperty(`--stzh-sticky-${this.name && this.name + '-'}is-stuck-top`, \"1\");\n document.documentElement.style.setProperty(`--stzh-sticky-${this.name && this.name + '-'}is-not-stuck-top`, \"0\");\n document.documentElement.style.setProperty(`--stzh-sticky-${this.name && this.name + '-'}stuck-top-height`, `${this.stickyElement.offsetHeight}px`);\n } else {\n document.documentElement.style.setProperty(`--stzh-sticky-${this.name && this.name + '-'}is-stuck-top`, \"0\");\n document.documentElement.style.setProperty(`--stzh-sticky-${this.name && this.name + '-'}is-not-stuck-top`, \"1\");\n document.documentElement.style.setProperty(`--stzh-sticky-${this.name && this.name + '-'}stuck-top-height`, \"0px\");\n }\n\n if (this.isStuckBottom && !this.hasReachedTopLimit) {\n isStuck = true;\n document.documentElement.style.setProperty(`--stzh-sticky-${this.name && this.name + '-'}is-stuck-bottom`, \"1\");\n document.documentElement.style.setProperty(`--stzh-sticky-${this.name && this.name + '-'}is-not-stuck-bottom`, \"0\");\n document.documentElement.style.setProperty(`--stzh-sticky-${this.name && this.name + '-'}stuck-bottom-height`, `${this.stickyElement.offsetHeight}px`);\n } else {\n document.documentElement.style.setProperty(`--stzh-sticky-${this.name && this.name + '-'}is-stuck-bottom`, \"0\");\n document.documentElement.style.setProperty(`--stzh-sticky-${this.name && this.name + '-'}is-not-stuck-bottom`, \"1\");\n document.documentElement.style.setProperty(`--stzh-sticky-${this.name && this.name + '-'}stuck-bottom-height`, \"0px\");\n }\n\n document.documentElement.style.setProperty(`--stzh-sticky-${this.name && this.name + '-'}is-stuck`, isStuck ? \"1\" : \"0\");\n document.documentElement.style.setProperty(`--stzh-sticky-${this.name && this.name + '-'}is-not-stuck`, isStuck ? \"0\" : \"1\");\n\n if (isStuck) {\n this.stickyResizeObserver.observe(this.stickyElement);\n } else {\n this.stickyResizeObserver.unobserve(this.stickyElement);\n }\n }\n\n @Watch(\"isStuckTop\")\n isStuckTopWatcher(newValue: boolean) {\n this.stzhStuckTop.emit({\n component: \"stzh-sticky\",\n sticky: newValue\n });\n }\n\n @Watch(\"isStuckBottom\")\n isStuckBottomWatcher(newValue: boolean) {\n this.stzhStuckBottom.emit({\n component: \"stzh-sticky\",\n sticky: newValue\n });\n }\n\n @Watch(\"position\")\n @Watch(\"bleeding\")\n positionWatcher() {\n if (this.position === \"fixed\") {\n if (this.observer) {\n this.observer.disconnect();\n }\n\n window.addEventListener(\"scroll\", this.handleScroll, { passive: true });\n window.addEventListener(\"resize\", this.handleResize);\n\n this.updateFixedByResize();\n } else {\n if (this.bleeding) {\n window.addEventListener(\"scroll\", this.handleScroll, { passive: true });\n this.updateByScroll();\n } else {\n window.removeEventListener(\"scroll\", this.handleScroll);\n }\n\n window.removeEventListener(\"resize\", this.handleResize);\n this.setUnfixed();\n\n this.observer = new IntersectionObserver(this.observe, { threshold: [1] });\n this.observer.observe(this.stickyElement);\n\n this.updateStuck();\n }\n }\n\n /** Sticky stuck top event */\n @Event() stzhStuckTop: EventEmitter<StzhStickyStuckTopEvent>;\n\n /** Sticky stuck bottom event */\n @Event() stzhStuckBottom: EventEmitter<StzhStickyStuckBottomEvent>;\n\n @Element() element: HTMLStzhStickyElement;\n\n @State() isStuckTop: boolean;\n @State() isStuckBottom: boolean;\n\n @State() hasReachedTopLimit: boolean;\n @State() hasReachedBottomLimit: boolean;\n\n @State() loaded: boolean = false;\n\n private observer: IntersectionObserver;\n private stickyResizeObserver: ResizeObserver;\n private debounceScroll: number;\n private debounceResize: number;\n private stickyElement: HTMLElement;\n private spacerElement: HTMLElement;\n\n private windowHeight: number;\n private scrollX: number;\n private scrollY: number;\n private fixedTop: number;\n private fixedLeft: number;\n private fixedHeight: number = 0;\n private fixedWidth: number = 0;\n private fixedLimit: { top: number, bottom: number } | null = null;\n\n private updateStuck() {\n const topCss = parseInt(getComputedStyle(this.stickyElement).top, 10);\n const bottomCss = parseInt(getComputedStyle(this.stickyElement).bottom, 10);\n const rect = this.stickyElement.getBoundingClientRect();\n\n if (topCss) {\n this.isStuckTop = rect.top < 0;\n } else {\n this.isStuckTop = false;\n }\n\n if (bottomCss) {\n this.isStuckBottom = document.documentElement.clientHeight < rect.bottom;\n } else {\n this.isStuckBottom = false;\n }\n }\n\n private getFixedLimit(): { top: number, bottom: number } | null {\n const stickyContainer = this.element.closest(`[${ATTR_STICKY_CONTAINER}]`);\n\n if (!stickyContainer) {\n return null;\n }\n\n const off = offset(stickyContainer);\n\n return {\n top: off.top,\n bottom: off.top + stickyContainer.scrollHeight,\n };\n }\n\n private setUnfixed() {\n Object.assign(this.stickyElement.style, {\n position: null,\n top: null,\n bottom: null,\n left: null,\n width: null,\n });\n\n Object.assign(this.spacerElement.style, {\n display: \"none\",\n });\n }\n\n private setFixed() {\n const position = (this.hasReachedTopLimit || this.hasReachedBottomLimit)\n ? \"absolute\"\n : \"fixed\";\n\n Object.assign(this.stickyElement.style, {\n position,\n top: position === \"absolute\"\n ? `${this.isStuckTop ? this.fixedLimit.bottom - this.fixedHeight : this.fixedLimit.top}px`\n : this.isStuckTop ? \"0px\" : \"auto\",\n bottom: this.isStuckTop || position === \"absolute\"\n ? \"auto\" : \"0px\",\n left: `${this.fixedLeft + (position === \"fixed\" ? this.scrollX : 0)}px`,\n width: `${this.fixedWidth}px`,\n });\n\n Object.assign(this.spacerElement.style, {\n display: \"block\",\n });\n }\n\n private handleScroll = () => {\n if (this.debounceScroll) {\n window.cancelAnimationFrame(this.debounceScroll);\n }\n\n this.debounceScroll = requestAnimationFrame(this.updateByScroll);\n }\n\n private handleResize = () => {\n if (this.debounceResize) {\n window.cancelAnimationFrame(this.debounceResize);\n }\n\n this.debounceResize = requestAnimationFrame(this.updateFixedByResize);\n }\n\n private handleStickyResize = throttle(() => {\n this.stuckHeightWatcher();\n }, 100)\n\n private updateByScroll = () => {\n if (!isVisible(this.stickyElement)) {\n return;\n }\n\n const stickyFixedWidthContainer = this.element.closest(`[${ATTR_STICKY_WIDTH_CONTAINER}]`) as HTMLElement\n || this.element.parentElement;\n\n const off = offset(\n (this.isStuckTop || this.isStuckBottom) && this.position === \"fixed\"\n ? this.spacerElement : this.stickyElement\n );\n \n this.fixedTop = off.top;\n this.fixedLeft = off.left;\n\n stickyFixedWidthContainer.style.setProperty('--stzh-sticky-offset-top', `${this.fixedTop}px`);\n stickyFixedWidthContainer.style.setProperty('--stzh-sticky-offset-left', `${this.fixedLeft}px`);\n\n if (this.position === \"sticky\") {\n // for position sticky we only need the offsets variables to be updated in bleeding variant\n return;\n }\n\n this.fixedHeight = this.stickyElement.offsetHeight;\n this.spacerElement.style.height = `${this.fixedHeight}px`;\n\n this.scrollX = window.scrollX;\n this.scrollY = window.scrollY;\n this.fixedLimit = this.getFixedLimit();\n\n this.fixedWidth = stickyFixedWidthContainer.getBoundingClientRect().width;\n\n const unstuckWidth = this.element.getBoundingClientRect().width;\n // stickyFixedWidthContainer.style.setProperty('--stzh-sticky-stuck-width', `${this.fixedWidth}px`);\n stickyFixedWidthContainer.style.setProperty('--stzh-sticky-unstuck-width', `${unstuckWidth}px`);\n\n // console.log(\n // this.scrollX,\n // this.scrollY,\n // this.windowHeight, \n // this.fixedTop,\n // this.fixedLeft,\n // this.fixedHeight,\n // this.fixedLimit,\n // );\n\n this.isStuckBottom = !this.disableStickyBottom\n && this.scrollY + this.windowHeight <= this.fixedTop + this.fixedHeight;\n this.isStuckTop = !this.disableStickyTop\n && this.scrollY >= this.fixedTop;\n\n this.hasReachedTopLimit = this.fixedLimit \n && this.scrollY + this.windowHeight - this.fixedHeight <= this.fixedLimit.top;\n this.hasReachedBottomLimit = this.fixedLimit \n && this.scrollY >= this.fixedLimit.bottom - this.fixedHeight;\n\n // console.log(\n // this.isStuckBottom,\n // this.isStuckTop,\n // this.hasReachedBottomLimit,\n // this.hasReachedTopLimit,\n // );\n\n if (this.isStuckTop || this.isStuckBottom) {\n this.setFixed();\n // stickyFixedWidthContainer.style.setProperty('--stzh-sticky-width', `${this.fixedWidth}px`); \n } else {\n this.setUnfixed();\n // stickyFixedWidthContainer.style.setProperty('--stzh-sticky-width', `${unstuckWidth}px`);\n }\n }\n\n private updateFixedByResize = () => {\n // reset sticky so we can read current offsets\n this.setUnfixed();\n this.stickyElement.style.position = \"static\";\n this.isStuckTop = false;\n this.isStuckBottom = false;\n\n if (isVisible(this.stickyElement)) {\n this.windowHeight = window.innerHeight;\n this.updateByScroll();\n }\n }\n\n private observe = () => {\n this.updateStuck();\n };\n\n componentDidLoad() {\n this.stickyResizeObserver = new ResizeObserver(this.handleStickyResize);\n this.positionWatcher();\n\n requestAnimationFrame(() => {\n requestAnimationFrame(() => {\n window.setTimeout(() => {\n this.loaded = true;\n }, 250);\n });\n });\n }\n\n disconnectedCallback() {\n this.observer?.disconnect();\n this.stickyResizeObserver?.disconnect();\n\n window.removeEventListener(\"scroll\", this.handleScroll);\n window.removeEventListener(\"resize\", this.handleResize);\n }\n\n render() {\n const isStuck = this.isStuckTop || this.isStuckBottom;\n\n const classes = {\n \"stzh-sticky\": true,\n \"stzh-sticky--is-not-loaded\": !this.loaded,\n \"stzh-sticky--is-stuck\": isStuck,\n \"stzh-sticky--is-stuck-top\": this.isStuckTop,\n \"stzh-sticky--is-stuck-bottom\": this.isStuckBottom,\n \"stzh-sticky--is-disabled-sticky-top\": this.disableStickyTop,\n \"stzh-sticky--is-disabled-sticky-bottom\": this.disableStickyBottom,\n \"stzh-sticky--is-bleeding\": this.bleeding,\n [`stzh-sticky--position-${this.position}`]: !!this.position,\n [`stzh-sticky--${this.variant}`]: !!this.variant,\n };\n\n return (\n <Host\n is-stuck={this.isStuckTop || this.isStuckBottom}\n is-stuck-top={this.isStuckTop}\n is-stuck-bottom={this.isStuckBottom}\n >\n <div class={classes}>\n <div\n ref={(el) => (this.spacerElement = el as HTMLDivElement)}\n class=\"stzh-sticky__spacer\"\n ></div>\n <div\n ref={(el) => (this.stickyElement = el as HTMLDivElement)}\n class=\"stzh-sticky__sticky\"\n >\n <div class=\"stzh-sticky__content\">\n <div class=\"stzh-sticky__content-inner\">\n <slot></slot>\n </div>\n </div>\n </div>\n </div>\n </Host>\n );\n }\n}\n"],"mappings":"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"}

package/dist/stzh-components/p-fa3c5519.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"names":["stzhCtaCss","counter","StzhCta","this","focusedByInput","onRootFocus","button","focus","onFocus","event","focusEvent","FocusEvent","view","window","bubbles","cancelable","element","dispatchEvent","stzhFocus","emit","component","originalEvent","onBlur","blurEvent","stzhBlur","handlePlaceholderButtonResize","debounceResize","cancelAnimationFrame","requestAnimationFrame","updateButtonWidthByResize","placeholderButton","width","getBoundingClientRect","style","setProperty","componentDidLoad","stickyDisabled","placeholderButtonResizeObserver","ResizeObserver","observe","setTimeout","loaded","componentDidRender","connectedCallback","disconnectedCallback","_a","disconnect","renderButtons","size","h","class","ref","el","label","name","href","render","headingSlotUsed","hasSlot","leadSlotUsed","hasHeading","heading","hasLead","lead","hasHeadingOrLead","classes","Host","tabindex","position","bleeding","disableStickyBottom","disableStickyTop"],"sources":["src/components/stzh-cta/stzh-cta.scss?tag=stzh-cta&encapsulation=scoped","src/components/stzh-cta/stzh-cta.tsx"],"sourcesContent":[":host {\n --stzh-flyingfocus-color: #{$colorWhite};\n\n --background-color: #{$ctaBackgroundColor};\n --heading-color: #{$colorPrimary70};\n --lead-color: #{$colorWhite};\n --sticky-background-color: var(--background-color);\n --button-color: #{$colorWhite};\n --button-background-color: #{$colorPrimary70};\n --button-border-radius: #{$buttonBorderRadius};\n\n --hover-button-color: #{$colorWhite};\n --hover-button-background-color: #{$colorSecondary60};\n\n --stuck-background-color: #{$colorGrey10};\n --stuck-heading-color: #{$colorPrimary70};\n --stuck-lead-color: #{$baseColor};\n --stuck-sticky-background-color: var(--background-color);\n\n --grid-template-areas: var(\n --stzh-cta-grid-template-areas,\n \"cta cta cta cta\"\n );\n\n --grid-template-columns: var(\n --stzh-cta-grid-template-columns,\n #{$gridColumns}\n );\n\n @include mq($from: medium) {\n --grid-template-areas: var(\n --stzh-cta-grid-template-areas,\n \"cta cta cta cta cta cta cta cta\"\n );\n\n --grid-template-columns: var(\n --stzh-cta-grid-template-columns,\n #{$gridColumnsMedium}\n );\n }\n\n @include mq($from: large) {\n --grid-template-areas: var(\n --stzh-cta-grid-template-areas,\n \"cta cta cta cta cta cta cta cta\"\n );\n\n --grid-template-columns: var(\n --stzh-cta-grid-template-columns,\n repeat(8, minmax(0, 1fr))\n );\n }\n\n &[size=\"small\"] {\n --button-background-color: transparent;\n\n --hover-button-color: var(--button-color);\n --hover-button-background-color: var(--button-background-color);\n\n --stuck-background-color: var(--background-color);\n\n @include mq($from: small) {\n --grid-template-areas: var(\n --stzh-cta-small-grid-template-areas,\n \"cta cta cta cta\"\n );\n }\n\n @include mq($from: medium) {\n --grid-template-areas: var(\n --stzh-cta-small-grid-template-areas,\n \"cta cta cta cta cta cta cta cta\"\n );\n }\n }\n}\n\n@keyframes stzh-cta-effect {\n\t0%,\n\t20%,\n\t50%,\n\t80%,\n\t100% {\n\t\ttransform: translateX(0);\n\t}\n\n\t40% {\n\t\ttransform: translateX(-8px);\n\t}\n\n\t60% {\n\t\ttransform: translateX(-4px);\n\t}\n}\n\n.stzh-cta {\n @include font('heavy');\n @include gridGutter;\n display: grid;\n grid-template-areas: var(--grid-template-areas);\n grid-template-columns: var(--grid-template-columns);\n\n &__wrapper {\n grid-area: cta;\n background-color: var(--background-color);\n transition-property: background-color;\n transition-duration: $baseTransitionAnimationSpeed;\n }\n\n &__wrapper:has(#{&}__sticky[is-stuck]:not([is-stuck=\"false\"])) {\n background-color: var(--stuck-background-color);\n }\n\n &__heading,\n &__lead {\n transition-property: color;\n transition-duration: $baseTransitionAnimationSpeed;\n\n &:not(:empty) {\n @include spaceCurve('margin-left', 'medium');\n @include spaceCurve('margin-right', 'medium');\n @include spaceCurve('margin-bottom', 'medium');\n\n @include mq($from: small) {\n margin-bottom: space('xxlarge');\n }\n\n @include mq($from: medium) {\n margin-bottom: space('xxxlarge');\n }\n\n @include mq($from: large) {\n margin-bottom: space('xxxxlarge');\n }\n }\n }\n\n &__heading {\n @include fontCurve('h2', 'heading');\n color: var(--heading-color);\n }\n\n &__wrapper:has(#{&}__sticky[is-stuck]:not([is-stuck=\"false\"])) &__heading {\n color: var(--stuck-heading-color);\n }\n\n &__lead {\n @include fontCurve('p2');\n color: var(--lead-color);\n\n &:not(:empty) {\n @include spaceCurve('padding-top', 'regular');\n @include spaceCurve('padding-bottom', 'regular');\n }\n }\n\n &__wrapper:has(#{&}__sticky[is-stuck]:not([is-stuck=\"false\"])) &__lead {\n color: var(--stuck-lead-color);\n }\n\n &__button {\n @include font('heavy');\n @include fontSize('centi');\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: space-between;\n appearance: none;\n border: none;\n text-decoration: none;\n border-radius: var(--button-border-radius);\n color: var(--button-color);\n background-color: var(--button-background-color);\n gap: space('xsmall');\n transition-property: width, height, min-height, color, background-color, font-size, padding;\n transition-duration: $baseTransitionAnimationSpeed;\n\n @include mq($from: small) {\n width: auto;\n }\n\n &:hover {\n color: var(--hover-button-color);\n background-color: var(--hover-button-background-color);\n }\n }\n\n &__sticky[is-stuck]:not([is-stuck=\"false\"]) &__button {\n @include fontSize('milli');\n\n @include mq($from: medium) {\n @include fontSize('centi');\n }\n }\n\n &__button-text {\n display: block;\n }\n\n &__button-icon {\n --size: #{iconSize('medium')};\n }\n\n &__button:hover &__button-icon {\n\t\tanimation: stzh-cta-effect 1s;\n }\n\n &__sticky {\n @include spaceCurve('--padding-left', 'medium');\n @include spaceCurve('--padding-right', 'medium');\n --padding-top: #{space('large')};\n --padding-bottom: #{space('large')};\n --background-color: var(--sticky-background-color);\n --stuck-background-color: var(--stuck-sticky-background-color);\n --stuck-padding-left: 0px;\n --stuck-padding-right: 0px;\n\n display: block;\n }\n\n &__buttons {\n display: flex;\n gap: space('medium');\n }\n\n /* Has lead variant */\n\n &--has-lead &__heading {\n margin-bottom: 0;\n }\n\n /* Default variant; has heading, lead or multiple buttons */\n\n &--size-default &__wrapper {\n @include spaceCurve('padding-top', 'large');\n @include spaceCurve('padding-bottom', 'large');\n }\n\n &--size-default &__button {\n padding: space('xsmall') space('xlarge');\n min-height: $formInputHeight;\n }\n\n &--size-default &__button-icon {\n @include mq($to: small) {\n display: none;\n }\n }\n\n &--size-default &__sticky[is-stuck]:not([is-stuck=\"false\"]) &__button {\n min-height: $formInputHeightSmall;\n\n @include mq($from: medium) {\n min-height: $formInputHeight;\n }\n }\n\n &--size-default &__sticky {\n margin-top: calc(var(--padding-top) / -1);\n margin-bottom: calc(var(--padding-bottom) / -1);\n }\n\n /* Small variant; has no heading, lead or multiple buttons */\n\n &--size-small &__button {\n width: 100%;\n max-width: 100%;\n gap: space('medium');\n\n &.is-placeholder {\n width: auto;\n max-width: none;\n visibility: hidden;\n position: absolute;\n pointer-events: none;\n }\n }\n\n &--size-small &__sticky[is-stuck]:not([is-stuck=\"false\"]) &__button:not(.is-placeholder) {\n width: var(--button-width, auto);\n }\n \n &--size-small &__button-icon {\n --size: #{iconSize('large')};\n }\n\n &--size-small &__sticky {\n @include spaceCurve('--padding-top', 'large');\n @include spaceCurve('--padding-bottom', 'large');\n\n &[is-stuck]:not([is-stuck=\"false\"]) {\n @include spaceCurve('--padding-top', 'medium');\n @include spaceCurve('--padding-bottom', 'medium');\n }\n }\n\n /* Not loaded */\n\n &--is-not-loaded {\n visibility: hidden;\n }\n\n &--is-not-loaded &__heading,\n &--is-not-loaded &__lead,\n &--is-not-loaded &__button {\n transition-duration: 0ms;\n }\n}\n","import {\n Component,\n Host,\n h,\n Element,\n Prop,\n State,\n Event,\n EventEmitter,\n} from \"@stencil/core\";\n\nimport {\n StzhCtaFocusEvent,\n StzhCtaBlurEvent\n} from \"../../index\"; \n\nimport { hasSlot } from \"../../utils/utils\";\n\nvar counter = 0;\n\n/**\n * @slot heading - Slot for heading as alternative for attribute\n * @slot lead - Slot for lead as alternative for attribute\n * @slot label - Slot for button label as alternative for attribute\n */\n@Component({\n tag: \"stzh-cta\",\n styleUrl: \"stzh-cta.scss\",\n scoped: true\n})\nexport class StzhCta {\n /** Heading */\n @Prop() heading: string = \"\";\n\n /** Lead */\n @Prop() lead: string = \"\";\n\n /** Button Label */\n @Prop() label: string = \"\";\n\n /** Button link */\n @Prop() href: string = \"\";\n\n /**\n * Whether sticky button is disabled.\n * Will be set to true automatically on `appload` event,\n * when more than one cta is on the page.\n */\n @Prop() stickyDisabled: boolean = true;\n\n @State() loaded: boolean = false;\n\n @Element() element: HTMLStzhCtaElement;\n\n /** Input focus event */\n @Event() stzhFocus: EventEmitter<StzhCtaFocusEvent>;\n\n /** Input blur event */\n @Event() stzhBlur: EventEmitter<StzhCtaBlurEvent>;\n\n private button: HTMLButtonElement | HTMLAnchorElement;\n private placeholderButton: HTMLElement;\n private debounceResize: number;\n private focusedByInput: boolean = false;\n private placeholderButtonResizeObserver: ResizeObserver;\n\n private onRootFocus = () => {\n if (!this.focusedByInput) {\n this.button.focus();\n }\n\n this.focusedByInput = false;\n }\n\n private onFocus = (event: FocusEvent) => {\n this.focusedByInput = true;\n\n const focusEvent = new FocusEvent(\"focus\", {\n view: window,\n bubbles: false,\n cancelable: false\n });\n\n this.element.dispatchEvent(focusEvent);\n this.stzhFocus.emit({\n component: \"stzh-cta\",\n originalEvent: event\n });\n }\n\n private onBlur = (event: FocusEvent) => {\n const blurEvent = new FocusEvent(\"blur\", {\n view: window,\n bubbles: false,\n cancelable: false\n });\n\n this.element.dispatchEvent(blurEvent);\n this.stzhBlur.emit({\n component: \"stzh-cta\",\n originalEvent: event\n });\n }\n\n private handlePlaceholderButtonResize = () => {\n if (this.debounceResize) {\n window.cancelAnimationFrame(this.debounceResize);\n }\n\n this.debounceResize = requestAnimationFrame(this.updateButtonWidthByResize);\n }\n\n private updateButtonWidthByResize = () => {\n if (!this.placeholderButton) {\n return;\n }\n\n const { width } = this.placeholderButton.getBoundingClientRect();\n this.element.style.setProperty(\"--button-width\", `${width}px`);\n }\n\n componentDidLoad() {\n this.stickyDisabled = counter > 1;\n\n this.placeholderButtonResizeObserver = new ResizeObserver(this.handlePlaceholderButtonResize);\n if (this.placeholderButton) {\n this.placeholderButtonResizeObserver.observe(this.placeholderButton);\n }\n\n requestAnimationFrame(() => {\n requestAnimationFrame(() => {\n this.updateButtonWidthByResize();\n\n window.setTimeout(() => {\n this.loaded = true;\n }, 250);\n });\n });\n }\n\n componentDidRender() {\n if (this.placeholderButton && this.placeholderButtonResizeObserver) {\n this.placeholderButtonResizeObserver.observe(this.placeholderButton);\n }\n }\n\n connectedCallback() {\n counter = counter + 1;\n }\n\n disconnectedCallback() {\n // current no way of sending events in disconnected callback, so we just decrease the counter now,\n // but the user has to set stickyDisabled=false by himself\n counter = counter - 1;\n\n this.placeholderButtonResizeObserver?.disconnect();\n }\n\n private renderButtons(size: \"default\" | \"small\") {\n return (\n <div class=\"stzh-cta__buttons\">\n {size === \"small\" &&\n <div \n class=\"stzh-cta__button is-placeholder\"\n ref={(el) => (this.placeholderButton = el as HTMLElement)}\n >\n <span class=\"stzh-cta__button-text\">{this.label}</span>\n <stzh-icon class=\"stzh-cta__button-icon\" name=\"arrow-right\"></stzh-icon>\n </div>\n }\n\n {this.href\n ?\n <a\n class=\"stzh-cta__button\"\n href={this.href}\n ref={(el) => (this.button = el as HTMLAnchorElement)}\n onFocus={this.onFocus}\n onBlur={this.onBlur}\n >\n <span class=\"stzh-cta__button-text\">{this.label}</span>\n <stzh-icon class=\"stzh-cta__button-icon\" name=\"arrow-right\"></stzh-icon>\n </a>\n :\n <button\n class=\"stzh-cta__button\"\n ref={(el) => (this.button = el as HTMLButtonElement)}\n onFocus={this.onFocus}\n onBlur={this.onBlur}\n >\n <span class=\"stzh-cta__button-text\">{this.label}</span>\n <stzh-icon class=\"stzh-cta__button-icon\" name=\"arrow-right\"></stzh-icon>\n </button>\n }\n </div>\n );\n }\n\n render() {\n const headingSlotUsed = hasSlot(this.element, 'heading');\n const leadSlotUsed = hasSlot(this.element, 'lead');\n\n const hasHeading = !!this.heading || headingSlotUsed;\n const hasLead = !!this.lead || leadSlotUsed;\n const hasHeadingOrLead = hasHeading || hasLead;\n\n const size = !hasHeadingOrLead\n ? \"small\"\n : \"default\";\n\n const classes = {\n \"stzh-cta\": true,\n \"stzh-cta--is-sticky-disabled\": this.stickyDisabled,\n \"stzh-cta--is-not-loaded\": !this.loaded,\n \"stzh-cta--has-heading\": hasHeading,\n \"stzh-cta--has-lead\": hasLead,\n [`stzh-cta--size-${size}`]: !!size,\n };\n\n return (\n <Host size={size} tabindex=\"-1\" onFocus={this.onRootFocus}>\n <article class={classes} data-stzh-sticky-width-container>\n <div class=\"stzh-cta__wrapper\">\n <div class=\"stzh-cta__heading\">\n {this.heading ? this.heading : <slot name=\"heading\"></slot>}\n </div>\n <div class=\"stzh-cta__lead\">\n {this.lead ? this.lead : <slot name=\"lead\"></slot>}\n </div>\n <stzh-sticky\n name=\"cta\"\n class=\"stzh-cta__sticky\"\n position=\"fixed\"\n bleeding\n disableStickyBottom={this.stickyDisabled}\n disableStickyTop={true}\n >\n {this.renderButtons(size)}\n </stzh-sticky>\n </div>\n </article>\n </Host>\n );\n }\n}\n"],"mappings":"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"}

/package/dist/stzh-components/{p-e2485377.js.map → p-862a98f9.js.map} RENAMED Viewed

File without changes