@oiz/stzh-components 2.11.0-beta1 → 2.11.0

package/dist/stzh-components/p-18bf2b21.system.entry.js

@@ -1,2 +0,0 @@
-System.register(["./p-290fcb28.system.js"],(function(t){"use strict";var s,i,e,o,c;return{setters:[function(t){s=t.r;i=t.c;e=t.h;o=t.a;c=t.g}],execute:function(){var r='.sc-stzh-sticky-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:var(--stzh-font-style-regular);color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-sticky-h{display:none}.sc-stzh-sticky-h *.sc-stzh-sticky,.sc-stzh-sticky-h *.sc-stzh-sticky::before,.sc-stzh-sticky-h *.sc-stzh-sticky::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-sticky-h .has-focus.sc-stzh-sticky{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}.sc-stzh-sticky-h .stzh-fylingfocus-focused.sc-stzh-sticky{outline-style:none !important}.sc-stzh-sticky-h .stzh-fylingfocus-focused.sc-stzh-sticky::-moz-focus-inner{border:0 !important}.sc-stzh-sticky-h{--padding:var(--stzh-space-large) 0;position:-webkit-sticky;position:sticky;top:-0.0625rem;bottom:-0.0625rem}@media print{.sc-stzh-sticky-h{display:none}}[disable-sticky-top].sc-stzh-sticky-h:not([disable-sticky-top=false]){top:auto}[disable-sticky-bottom].sc-stzh-sticky-h:not([disable-sticky-bottom=false]){bottom:auto}.stzh-sticky.sc-stzh-sticky{position:relative;padding:var(--padding)}.stzh-sticky.sc-stzh-sticky::before,.stzh-sticky.sc-stzh-sticky::after{content:"";pointer-events:none;display:block;position:absolute;left:0;width:100%;height:var(--stzh-space-xxlarge);opacity:0;-webkit-transition:opacity var(--stzh-base-transition-animation-speed);transition:opacity var(--stzh-base-transition-animation-speed)}.stzh-sticky.sc-stzh-sticky::before{background:-webkit-gradient(linear, left bottom, left top, from(#FFFFFF), to(rgba(255, 255, 255, 0)));background:linear-gradient(0deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);top:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.stzh-sticky.sc-stzh-sticky::after{background:-webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0)), to(#FFFFFF));background:linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);bottom:0;-webkit-transform:translateY(100%);transform:translateY(100%)}.stzh-sticky--is-stuck.sc-stzh-sticky{background-color:var(--stzh-color-white)}.stzh-sticky--is-stuck-bottom.sc-stzh-sticky::before{opacity:1}.stzh-sticky--is-stuck-top.sc-stzh-sticky::after{opacity:1}.stzh-sticky--is-breakout.sc-stzh-sticky{position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;width:100vw;max-width:100vw}';var n=t("stzh_sticky",function(){function t(t){var e=this;s(this,t);this.stzhStuckTop=i(this,"stzhStuckTop",7);this.stzhStuckBottom=i(this,"stzhStuckBottom",7);this.observe=function(t){var s=t[0];e.updateStuck(s.target)};this.disableStickyTop=false;this.disableStickyBottom=false;this.breakout=false;this.isStuckTop=false;this.isStuckBottom=false}t.prototype.disableStickyWatcher=function(){var t=this;requestAnimationFrame((function(){requestAnimationFrame((function(){t.updateStuck(t.element)}))}))};t.prototype.isStuckTopWatcher=function(t){this.stzhStuckTop.emit({component:"stzh-sticky",sticky:t})};t.prototype.isStuckBottomWatcher=function(t){this.stzhStuckBottom.emit({component:"stzh-sticky",sticky:t})};t.prototype.updateStuck=function(t){var s=parseInt(getComputedStyle(t).top,10);var i=parseInt(getComputedStyle(t).bottom,10);var e=t.getBoundingClientRect();if(s){this.isStuckTop=e.top<0}else{this.isStuckTop=false}if(i){this.isStuckBottom=document.documentElement.clientHeight<e.bottom}else{this.isStuckBottom=false}};t.prototype.connectedCallback=function(){this.observer=new IntersectionObserver(this.observe,{threshold:[1]});this.observer.observe(this.element)};t.prototype.disconnectedCallback=function(){if(this.observer){this.observer.disconnect()}};t.prototype.render=function(){var t={"stzh-sticky":true,"stzh-sticky--is-stuck":this.isStuckTop||this.isStuckBottom,"stzh-sticky--is-stuck-top":this.isStuckTop,"stzh-sticky--is-stuck-bottom":this.isStuckBottom,"stzh-sticky--is-breakout":this.breakout};return e(o,{"is-stuck":this.isStuckTop||this.isStuckBottom,"is-stuck-top":this.isStuckTop,"is-stuck-bottom":this.isStuckBottom},e("div",{class:t},e("slot",null)))};Object.defineProperty(t.prototype,"element",{get:function(){return c(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{disableStickyTop:["disableStickyWatcher"],disableStickyBottom:["disableStickyWatcher"],isStuckTop:["isStuckTopWatcher"],isStuckBottom:["isStuckBottomWatcher"]}},enumerable:false,configurable:true});return t}());n.style=r}}}));
-//# sourceMappingURL=p-18bf2b21.system.entry.js.map

package/dist/stzh-components/p-18bf2b21.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stzhStickyCss","StzhSticky","exports","this","observe","_a","entry","_this","updateStuck","target","class_1","prototype","disableStickyWatcher","requestAnimationFrame","element","isStuckTopWatcher","newValue","stzhStuckTop","emit","component","sticky","isStuckBottomWatcher","stzhStuckBottom","topCss","parseInt","getComputedStyle","top","bottomCss","bottom","rect","getBoundingClientRect","isStuckTop","isStuckBottom","document","documentElement","clientHeight","connectedCallback","observer","IntersectionObserver","threshold","disconnectedCallback","disconnect","render","classes","breakout","h","Host","class"],"sources":["src/components/stzh-sticky/stzh-sticky.scss?tag=stzh-sticky&encapsulation=scoped","src/components/stzh-sticky/stzh-sticky.tsx"],"sourcesContent":["/**\n * @prop --padding: Padding of sticky element\n */\n\n:host {\n  --padding: #{space('large')} 0;\n\n  position: sticky;\n  top: -1px;\n  bottom: -1px;\n\n  @media print {\n    display: none;\n  }\n\n  &[disable-sticky-top]:not([disable-sticky-top=\"false\"]) {\n    top: auto;\n  }\n\n  &[disable-sticky-bottom]:not([disable-sticky-bottom=\"false\"]) {\n    bottom: auto;\n  }\n}\n\n.stzh-sticky {\n  position: relative;\n  padding: var(--padding);\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  &--is-stuck {\n    background-color: $colorWhite;\n  }\n\n  &--is-stuck-bottom {\n    &::before {\n      opacity: 1;\n    }\n  }\n\n  &--is-stuck-top {\n    &::after {\n      opacity: 1;\n    }\n  }\n\n  &--is-breakout {\n    position: relative;\n    left: 50%;\n    right: 50%;\n    margin-left: -50vw;\n    margin-right: -50vw;\n    width: 100vw;\n    max-width: 100vw;\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\n/**\n *\n */\n@Component({\n  tag: \"stzh-sticky\",\n  styleUrl: \"stzh-sticky.scss\",\n  scoped: true\n})\nexport class StzhSticky {\n  /** Whether to disable sticking to top */\n  @Prop({ reflect: true }) disableStickyTop: boolean = false;\n\n  /** Whether to disable sticking to bottom */\n  @Prop({ reflect: true }) disableStickyBottom: boolean = false;\n\n  /** Whether to breakout container */\n  @Prop({ reflect: true }) breakout: boolean = false;\n\n  @Watch(\"disableStickyTop\")\n  @Watch(\"disableStickyBottom\")\n  disableStickyWatcher() {\n    requestAnimationFrame(() => {\n      requestAnimationFrame(() => {\n        this.updateStuck(this.element);\n      });\n    });\n  }\n\n  @Element() element: HTMLStzhStickyElement;\n\n  @State() isStuckTop: boolean = false;\n  @State() isStuckBottom: boolean = false;\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  /** Sticky stuck top event */\n  @Event() stzhStuckTop: EventEmitter<StzhStickyStuckTopEvent>;\n\n  /** Sticky stuck bottom event */\n  @Event() stzhStuckBottom: EventEmitter<StzhStickyStuckBottomEvent>;\n\n  private observer: IntersectionObserver;\n\n  private updateStuck(element: HTMLElement) {\n    const topCss = parseInt(getComputedStyle(element).top, 10);\n    const bottomCss = parseInt(getComputedStyle(element).bottom, 10);\n    const rect = element.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 observe = ([entry]) => {\n    this.updateStuck(entry.target);\n  };\n\n  connectedCallback() {\n    this.observer = new IntersectionObserver(this.observe, { threshold: [1] });\n    this.observer.observe(this.element)\n  }\n\n  disconnectedCallback() {\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n  }\n\n  render() {\n    const classes = {\n      \"stzh-sticky\": true,\n      \"stzh-sticky--is-stuck\": this.isStuckTop || this.isStuckBottom,\n      \"stzh-sticky--is-stuck-top\": this.isStuckTop,\n      \"stzh-sticky--is-stuck-bottom\": this.isStuckBottom,\n      \"stzh-sticky--is-breakout\": this.breakout\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          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kKAAA,IAAMA,EAAgB,4+E,ICyBTC,EAAUC,EAAA,yB,+HAmEbC,KAAAC,QAAU,SAACC,G,IAACC,EAAKD,EAAA,GACvBE,EAAKC,YAAYF,EAAMG,O,wBAlE4B,M,yBAGG,M,cAGX,M,gBAcd,M,mBACG,K,CAXlCC,EAAAC,UAAAC,qBAAA,eAAAL,EAAAJ,KACEU,uBAAsB,WACpBA,uBAAsB,WACpBN,EAAKC,YAAYD,EAAKO,Q,QAW5BJ,EAAAC,UAAAI,kBAAA,SAAkBC,GAChBb,KAAKc,aAAaC,KAAK,CACrBC,UAAW,cACXC,OAAQJ,G,EAKZN,EAAAC,UAAAU,qBAAA,SAAqBL,GACnBb,KAAKmB,gBAAgBJ,KAAK,CACxBC,UAAW,cACXC,OAAQJ,G,EAYJN,EAAAC,UAAAH,YAAA,SAAYM,GAClB,IAAMS,EAASC,SAASC,iBAAiBX,GAASY,IAAK,IACvD,IAAMC,EAAYH,SAASC,iBAAiBX,GAASc,OAAQ,IAC7D,IAAMC,EAAOf,EAAQgB,wBAErB,GAAIP,EAAQ,CACVpB,KAAK4B,WAAaF,EAAKH,IAAM,C,KACxB,CACLvB,KAAK4B,WAAa,K,CAGpB,GAAIJ,EAAW,CACbxB,KAAK6B,cAAgBC,SAASC,gBAAgBC,aAAeN,EAAKD,M,KAC7D,CACLzB,KAAK6B,cAAgB,K,GAQzBtB,EAAAC,UAAAyB,kBAAA,WACEjC,KAAKkC,SAAW,IAAIC,qBAAqBnC,KAAKC,QAAS,CAAEmC,UAAW,CAAC,KACrEpC,KAAKkC,SAASjC,QAAQD,KAAKW,Q,EAG7BJ,EAAAC,UAAA6B,qBAAA,WACE,GAAIrC,KAAKkC,SAAU,CACjBlC,KAAKkC,SAASI,Y,GAIlB/B,EAAAC,UAAA+B,OAAA,WACE,IAAMC,EAAU,CACd,cAAe,KACf,wBAAyBxC,KAAK4B,YAAc5B,KAAK6B,cACjD,4BAA6B7B,KAAK4B,WAClC,+BAAgC5B,KAAK6B,cACrC,2BAA4B7B,KAAKyC,UAGnC,OACEC,EAACC,EAAI,YACO3C,KAAK4B,YAAc5B,KAAK6B,cAAa,eACjC7B,KAAK4B,WAAU,kBACZ5B,KAAK6B,eAEtBa,EAAA,OAAKE,MAAOJ,GACVE,EAAA,c,4XAlGa,I"}

package/dist/stzh-components/p-2452dd71.system.entry.js

@@ -1,2 +0,0 @@
-System.register(["./p-290fcb28.system.js"],(function(t){"use strict";var s,a,e;return{setters:[function(t){s=t.r;a=t.h;e=t.a}],execute:function(){var o=':host{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:var(--stzh-font-style-regular);color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block;}:host[hidden]{display:none}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{}:host ::slotted(stzh-input),:host ::slotted(stzh-datepicker),:host ::slotted(stzh-dropdown),:host ::slotted(stzh-langnav),:host ::slotted(stzh-fieldset),:host ::slotted(stzh-actions),:host ::slotted(stzh-upload),:host ::slotted(stzh-saptcha),:host ::slotted(stzh-checkboxgroup),:host ::slotted(stzh-radiogroup),:host ::slotted(stzh-message){margin-top:var(--stzh-space-large);margin-bottom:var(--stzh-space-large)}:host ::slotted(h1),:host ::slotted(stzh-heading[level="1"]),:host ::slotted(h2),:host ::slotted(stzh-heading[level="2"]){margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host ::slotted(h1),:host ::slotted(stzh-heading[level="1"]),:host ::slotted(h2),:host ::slotted(stzh-heading[level="2"]){margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(h1),:host ::slotted(stzh-heading[level="1"]),:host ::slotted(h2),:host ::slotted(stzh-heading[level="2"]){margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){:host ::slotted(h1),:host ::slotted(stzh-heading[level="1"]),:host ::slotted(h2),:host ::slotted(stzh-heading[level="2"]){margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(h1),:host ::slotted(stzh-heading[level="1"]),:host ::slotted(h2),:host ::slotted(stzh-heading[level="2"]){margin-bottom:var(--stzh-space-xxxlarge)}}:host ::slotted(h3),:host ::slotted(stzh-heading[level="3"]),:host ::slotted(h4),:host ::slotted(stzh-heading[level="4"]){margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host ::slotted(h3),:host ::slotted(stzh-heading[level="3"]),:host ::slotted(h4),:host ::slotted(stzh-heading[level="4"]){margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(h3),:host ::slotted(stzh-heading[level="3"]),:host ::slotted(h4),:host ::slotted(stzh-heading[level="4"]){margin-top:var(--stzh-space-xxxlarge)}}:host ::slotted(p),:host ::slotted(stzh-text),:host ::slotted(ul),:host ::slotted(ol),:host ::slotted(dl),:host ::slotted(stzh-list){margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 1024px){:host ::slotted(p),:host ::slotted(stzh-text),:host ::slotted(ul),:host ::slotted(ol),:host ::slotted(dl),:host ::slotted(stzh-list){margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host ::slotted(p),:host ::slotted(stzh-text),:host ::slotted(ul),:host ::slotted(ol),:host ::slotted(dl),:host ::slotted(stzh-list){margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1024px){:host ::slotted(p),:host ::slotted(stzh-text),:host ::slotted(ul),:host ::slotted(ol),:host ::slotted(dl),:host ::slotted(stzh-list){margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host ::slotted(p),:host ::slotted(stzh-text),:host ::slotted(ul),:host ::slotted(ol),:host ::slotted(dl),:host ::slotted(stzh-list){margin-bottom:var(--stzh-space-large)}}:host ::slotted(stzh-text[curve=hero]),:host ::slotted(stzh-heading[curve=hero]){margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host ::slotted(stzh-text[curve=hero]),:host ::slotted(stzh-heading[curve=hero]){margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-text[curve=hero]),:host ::slotted(stzh-heading[curve=hero]){margin-bottom:var(--stzh-space-xxxlarge)}}:host ::slotted(stzh-text[curve=h1]),:host ::slotted(stzh-heading[curve=h1]),:host ::slotted(stzh-text[curve=h2]),:host ::slotted(stzh-heading[curve=h2]){margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host ::slotted(stzh-text[curve=h1]),:host ::slotted(stzh-heading[curve=h1]),:host ::slotted(stzh-text[curve=h2]),:host ::slotted(stzh-heading[curve=h2]){margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-text[curve=h1]),:host ::slotted(stzh-heading[curve=h1]),:host ::slotted(stzh-text[curve=h2]),:host ::slotted(stzh-heading[curve=h2]){margin-bottom:var(--stzh-space-xxxlarge)}}:host ::slotted(stzh-text[curve=h1]),:host ::slotted(stzh-heading[curve=h1]),:host ::slotted(stzh-text[curve=h2]),:host ::slotted(stzh-heading[curve=h2]){margin-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 1024px){:host ::slotted(stzh-text[curve=h1]),:host ::slotted(stzh-heading[curve=h1]),:host ::slotted(stzh-text[curve=h2]),:host ::slotted(stzh-heading[curve=h2]){margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-text[curve=h1]),:host ::slotted(stzh-heading[curve=h1]),:host ::slotted(stzh-text[curve=h2]),:host ::slotted(stzh-heading[curve=h2]){margin-top:var(--stzh-space-xxxxlarge)}}:host ::slotted(stzh-text[curve=h3]),:host ::slotted(stzh-heading[curve=h3]),:host ::slotted(stzh-text[curve=h4]),:host ::slotted(stzh-heading[curve=h4]){margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host ::slotted(stzh-text[curve=h3]),:host ::slotted(stzh-heading[curve=h3]),:host ::slotted(stzh-text[curve=h4]),:host ::slotted(stzh-heading[curve=h4]){margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-text[curve=h3]),:host ::slotted(stzh-heading[curve=h3]),:host ::slotted(stzh-text[curve=h4]),:host ::slotted(stzh-heading[curve=h4]){margin-top:var(--stzh-space-xxxlarge)}}:host ::slotted(stzh-text[curve=p1]),:host ::slotted(stzh-text[curve=p2]),:host ::slotted(stzh-heading[curve=p1]),:host ::slotted(stzh-heading[curve=p2]){margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 1024px){:host ::slotted(stzh-text[curve=p1]),:host ::slotted(stzh-text[curve=p2]),:host ::slotted(stzh-heading[curve=p1]),:host ::slotted(stzh-heading[curve=p2]){margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-text[curve=p1]),:host ::slotted(stzh-text[curve=p2]),:host ::slotted(stzh-heading[curve=p1]),:host ::slotted(stzh-heading[curve=p2]){margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1024px){:host ::slotted(stzh-text[curve=p1]),:host ::slotted(stzh-text[curve=p2]),:host ::slotted(stzh-heading[curve=p1]),:host ::slotted(stzh-heading[curve=p2]){margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-text[curve=p1]),:host ::slotted(stzh-text[curve=p2]),:host ::slotted(stzh-heading[curve=p1]),:host ::slotted(stzh-heading[curve=p2]){margin-bottom:var(--stzh-space-large)}}:host ::slotted(.section),:host ::slotted(stzh-accordion),:host ::slotted(stzh-anchornav),:host ::slotted(stzh-audio),:host ::slotted(stzh-iframe),:host ::slotted(stzh-youtube),:host ::slotted(stzh-microsite-teaserlist),:host ::slotted(stzh-textandimage),:host ::slotted(stzh-figure),:host ::slotted(stzh-panorama),:host ::slotted(stzh-chart),:host ::slotted(stzh-sitemap),:host ::slotted(stzh-section),:host ::slotted(stzh-hr),:host ::slotted(stzh-vbz-ticker){margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 1024px){:host ::slotted(.section),:host ::slotted(stzh-accordion),:host ::slotted(stzh-anchornav),:host ::slotted(stzh-audio),:host ::slotted(stzh-iframe),:host ::slotted(stzh-youtube),:host ::slotted(stzh-microsite-teaserlist),:host ::slotted(stzh-textandimage),:host ::slotted(stzh-figure),:host ::slotted(stzh-panorama),:host ::slotted(stzh-chart),:host ::slotted(stzh-sitemap),:host ::slotted(stzh-section),:host ::slotted(stzh-hr),:host ::slotted(stzh-vbz-ticker){margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(.section),:host ::slotted(stzh-accordion),:host ::slotted(stzh-anchornav),:host ::slotted(stzh-audio),:host ::slotted(stzh-iframe),:host ::slotted(stzh-youtube),:host ::slotted(stzh-microsite-teaserlist),:host ::slotted(stzh-textandimage),:host ::slotted(stzh-figure),:host ::slotted(stzh-panorama),:host ::slotted(stzh-chart),:host ::slotted(stzh-sitemap),:host ::slotted(stzh-section),:host ::slotted(stzh-hr),:host ::slotted(stzh-vbz-ticker){margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){:host ::slotted(.section),:host ::slotted(stzh-accordion),:host ::slotted(stzh-anchornav),:host ::slotted(stzh-audio),:host ::slotted(stzh-iframe),:host ::slotted(stzh-youtube),:host ::slotted(stzh-microsite-teaserlist),:host ::slotted(stzh-textandimage),:host ::slotted(stzh-figure),:host ::slotted(stzh-panorama),:host ::slotted(stzh-chart),:host ::slotted(stzh-sitemap),:host ::slotted(stzh-section),:host ::slotted(stzh-hr),:host ::slotted(stzh-vbz-ticker){margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(.section),:host ::slotted(stzh-accordion),:host ::slotted(stzh-anchornav),:host ::slotted(stzh-audio),:host ::slotted(stzh-iframe),:host ::slotted(stzh-youtube),:host ::slotted(stzh-microsite-teaserlist),:host ::slotted(stzh-textandimage),:host ::slotted(stzh-figure),:host ::slotted(stzh-panorama),:host ::slotted(stzh-chart),:host ::slotted(stzh-sitemap),:host ::slotted(stzh-section),:host ::slotted(stzh-hr),:host ::slotted(stzh-vbz-ticker){margin-bottom:var(--stzh-space-xxxxlarge)}}:host ::slotted(stzh-olmap),:host ::slotted(stzh-anchornav){margin-top:var(--stzh-space-xlarge);margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host ::slotted(stzh-olmap),:host ::slotted(stzh-anchornav){margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-olmap),:host ::slotted(stzh-anchornav){margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1024px){:host ::slotted(stzh-olmap),:host ::slotted(stzh-anchornav){margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-olmap),:host ::slotted(stzh-anchornav){margin-bottom:var(--stzh-space-xxxlarge)}}:host ::slotted(stzh-contact),:host ::slotted(stzh-card){margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 1024px){:host ::slotted(stzh-contact),:host ::slotted(stzh-card){margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-contact),:host ::slotted(stzh-card){margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){:host ::slotted(stzh-contact),:host ::slotted(stzh-card){margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-contact),:host ::slotted(stzh-card){margin-bottom:var(--stzh-space-xlarge)}}:host ::slotted(stzh-table),:host ::slotted(stzh-datatable){margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host ::slotted(stzh-table),:host ::slotted(stzh-datatable){margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-table),:host ::slotted(stzh-datatable){margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){:host ::slotted(stzh-table),:host ::slotted(stzh-datatable){margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-table),:host ::slotted(stzh-datatable){margin-bottom:var(--stzh-space-xxxlarge)}}:host ::slotted(stzh-pagetitle){margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host ::slotted(stzh-pagetitle){margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-pagetitle){margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){:host ::slotted(stzh-pagetitle){margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-pagetitle){margin-bottom:var(--stzh-space-xxxlarge)}}:host ::slotted(stzh-pagebottom){margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host ::slotted(stzh-pagebottom){margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-pagebottom){margin-top:var(--stzh-space-xxxlarge)}}:host ::slotted(stzh-progressbar){margin-top:var(--stzh-space-xxxlarge)}@media screen and (min-width: 600px){:host ::slotted(stzh-progressbar){margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){:host ::slotted(stzh-progressbar){margin-top:var(--stzh-space-big)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-progressbar){margin-top:var(--stzh-space-xbig)}}:host ::slotted(stzh-pagination){margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-medium)}:host ::slotted(stzh-actions){margin-top:var(--stzh-space-xxlarge)}:host ::slotted(stzh-actions)[variant=process]{margin-top:var(--stzh-space-large)}:host ::slotted(stzh-fieldset){margin-top:var(--stzh-space-large);margin-bottom:var(--stzh-space-large)}:host ::slotted(stzh-fieldset)[legend]{margin-top:var(--stzh-space-xxlarge)}:host ::slotted(stzh-heading[level="4"]+stzh-datalist),:host ::slotted(stzh-heading[curve=h4]+stzh-datalist){margin-top:0}:host ::slotted(.cspace-y-curve-tiny){margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 1024px){:host ::slotted(.cspace-y-curve-tiny){margin-top:var(--stzh-space-small)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-y-curve-tiny){margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1024px){:host ::slotted(.cspace-y-curve-tiny){margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-y-curve-tiny){margin-bottom:var(--stzh-space-medium)}}:host ::slotted(.cspace-t-curve-tiny){margin-top:var(--stzh-space-xsmall)}@media screen and (min-width: 1024px){:host ::slotted(.cspace-t-curve-tiny){margin-top:var(--stzh-space-small)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-t-curve-tiny){margin-top:var(--stzh-space-medium)}}:host ::slotted(.cspace-b-curve-tiny){margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 1024px){:host ::slotted(.cspace-b-curve-tiny){margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-b-curve-tiny){margin-bottom:var(--stzh-space-medium)}}:host ::slotted(.cspace-y-curve-small){margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 1024px){:host ::slotted(.cspace-y-curve-small){margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-y-curve-small){margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1024px){:host ::slotted(.cspace-y-curve-small){margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-y-curve-small){margin-bottom:var(--stzh-space-large)}}:host ::slotted(.cspace-t-curve-small){margin-top:var(--stzh-space-small)}@media screen and (min-width: 1024px){:host ::slotted(.cspace-t-curve-small){margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-t-curve-small){margin-top:var(--stzh-space-large)}}:host ::slotted(.cspace-b-curve-small){margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 1024px){:host ::slotted(.cspace-b-curve-small){margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-b-curve-small){margin-bottom:var(--stzh-space-large)}}:host ::slotted(.cspace-y-curve-regular){margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 1024px){:host ::slotted(.cspace-y-curve-regular){margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-y-curve-regular){margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){:host ::slotted(.cspace-y-curve-regular){margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-y-curve-regular){margin-bottom:var(--stzh-space-xlarge)}}:host ::slotted(.cspace-t-curve-regular){margin-top:var(--stzh-space-medium)}@media screen and (min-width: 1024px){:host ::slotted(.cspace-t-curve-regular){margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-t-curve-regular){margin-top:var(--stzh-space-xlarge)}}:host ::slotted(.cspace-b-curve-regular){margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 1024px){:host ::slotted(.cspace-b-curve-regular){margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-b-curve-regular){margin-bottom:var(--stzh-space-xlarge)}}:host ::slotted(.cspace-y-curve-medium){margin-top:var(--stzh-space-xlarge);margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host ::slotted(.cspace-y-curve-medium){margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-y-curve-medium){margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1024px){:host ::slotted(.cspace-y-curve-medium){margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-y-curve-medium){margin-bottom:var(--stzh-space-xxxlarge)}}:host ::slotted(.cspace-t-curve-medium){margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host ::slotted(.cspace-t-curve-medium){margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-t-curve-medium){margin-top:var(--stzh-space-xxxlarge)}}:host ::slotted(.cspace-b-curve-medium){margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host ::slotted(.cspace-b-curve-medium){margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-b-curve-medium){margin-bottom:var(--stzh-space-xxxlarge)}}:host ::slotted(.cspace-y-curve-large){margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 1024px){:host ::slotted(.cspace-y-curve-large){margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-y-curve-large){margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){:host ::slotted(.cspace-y-curve-large){margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-y-curve-large){margin-bottom:var(--stzh-space-xxxxlarge)}}:host ::slotted(.cspace-t-curve-large){margin-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 1024px){:host ::slotted(.cspace-t-curve-large){margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-t-curve-large){margin-top:var(--stzh-space-xxxxlarge)}}:host ::slotted(.cspace-b-curve-large){margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 1024px){:host ::slotted(.cspace-b-curve-large){margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-b-curve-large){margin-bottom:var(--stzh-space-xxxxlarge)}}:host ::slotted(.cspace-y-curve-big){margin-top:var(--stzh-space-xxxlarge);margin-bottom:var(--stzh-space-xxxlarge)}@media screen and (min-width: 600px){:host ::slotted(.cspace-y-curve-big){margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){:host ::slotted(.cspace-y-curve-big){margin-top:var(--stzh-space-big)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-y-curve-big){margin-top:var(--stzh-space-xbig)}}@media screen and (min-width: 600px){:host ::slotted(.cspace-y-curve-big){margin-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){:host ::slotted(.cspace-y-curve-big){margin-bottom:var(--stzh-space-big)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-y-curve-big){margin-bottom:var(--stzh-space-xbig)}}:host ::slotted(.cspace-t-curve-big){margin-top:var(--stzh-space-xxxlarge)}@media screen and (min-width: 600px){:host ::slotted(.cspace-t-curve-big){margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){:host ::slotted(.cspace-t-curve-big){margin-top:var(--stzh-space-big)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-t-curve-big){margin-top:var(--stzh-space-xbig)}}:host ::slotted(.cspace-b-curve-big){margin-bottom:var(--stzh-space-xxxlarge)}@media screen and (min-width: 600px){:host ::slotted(.cspace-b-curve-big){margin-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){:host ::slotted(.cspace-b-curve-big){margin-bottom:var(--stzh-space-big)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-b-curve-big){margin-bottom:var(--stzh-space-xbig)}}:host ::slotted(.cspace-y-curve-huge){margin-top:var(--stzh-space-xxxxlarge);margin-bottom:var(--stzh-space-xxxxlarge)}@media screen and (min-width: 600px){:host ::slotted(.cspace-y-curve-huge){margin-top:var(--stzh-space-big)}}@media screen and (min-width: 1024px){:host ::slotted(.cspace-y-curve-huge){margin-top:var(--stzh-space-xbig)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-y-curve-huge){margin-top:var(--stzh-space-huge)}}@media screen and (min-width: 600px){:host ::slotted(.cspace-y-curve-huge){margin-bottom:var(--stzh-space-big)}}@media screen and (min-width: 1024px){:host ::slotted(.cspace-y-curve-huge){margin-bottom:var(--stzh-space-xbig)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-y-curve-huge){margin-bottom:var(--stzh-space-huge)}}:host ::slotted(.cspace-t-curve-huge){margin-top:var(--stzh-space-xxxxlarge)}@media screen and (min-width: 600px){:host ::slotted(.cspace-t-curve-huge){margin-top:var(--stzh-space-big)}}@media screen and (min-width: 1024px){:host ::slotted(.cspace-t-curve-huge){margin-top:var(--stzh-space-xbig)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-t-curve-huge){margin-top:var(--stzh-space-huge)}}:host ::slotted(.cspace-b-curve-huge){margin-bottom:var(--stzh-space-xxxxlarge)}@media screen and (min-width: 600px){:host ::slotted(.cspace-b-curve-huge){margin-bottom:var(--stzh-space-big)}}@media screen and (min-width: 1024px){:host ::slotted(.cspace-b-curve-huge){margin-bottom:var(--stzh-space-xbig)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-b-curve-huge){margin-bottom:var(--stzh-space-huge)}}:host ::slotted(.small\\:cspace-y-xxxsmall){margin-top:var(--stzh-space-xxxsmall);margin-bottom:var(--stzh-space-xxxsmall)}:host ::slotted(.small\\:cspace-t-xxxsmall){margin-top:var(--stzh-space-xxxsmall)}:host ::slotted(.small\\:cspace-b-xxxsmall){margin-bottom:var(--stzh-space-xxxsmall)}:host ::slotted(.small\\:cspace-y-xxsmall){margin-top:var(--stzh-space-xxsmall);margin-bottom:var(--stzh-space-xxsmall)}:host ::slotted(.small\\:cspace-t-xxsmall){margin-top:var(--stzh-space-xxsmall)}:host ::slotted(.small\\:cspace-b-xxsmall){margin-bottom:var(--stzh-space-xxsmall)}:host ::slotted(.small\\:cspace-y-xsmall){margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xsmall)}:host ::slotted(.small\\:cspace-t-xsmall){margin-top:var(--stzh-space-xsmall)}:host ::slotted(.small\\:cspace-b-xsmall){margin-bottom:var(--stzh-space-xsmall)}:host ::slotted(.small\\:cspace-y-small){margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}:host ::slotted(.small\\:cspace-t-small){margin-top:var(--stzh-space-small)}:host ::slotted(.small\\:cspace-b-small){margin-bottom:var(--stzh-space-small)}:host ::slotted(.small\\:cspace-y-medium){margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-medium)}:host ::slotted(.small\\:cspace-t-medium){margin-top:var(--stzh-space-medium)}:host ::slotted(.small\\:cspace-b-medium){margin-bottom:var(--stzh-space-medium)}:host ::slotted(.small\\:cspace-y-large){margin-top:var(--stzh-space-large);margin-bottom:var(--stzh-space-large)}:host ::slotted(.small\\:cspace-t-large){margin-top:var(--stzh-space-large)}:host ::slotted(.small\\:cspace-b-large){margin-bottom:var(--stzh-space-large)}:host ::slotted(.small\\:cspace-y-xlarge){margin-top:var(--stzh-space-xlarge);margin-bottom:var(--stzh-space-xlarge)}:host ::slotted(.small\\:cspace-t-xlarge){margin-top:var(--stzh-space-xlarge)}:host ::slotted(.small\\:cspace-b-xlarge){margin-bottom:var(--stzh-space-xlarge)}:host ::slotted(.small\\:cspace-y-xxlarge){margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}:host ::slotted(.small\\:cspace-t-xxlarge){margin-top:var(--stzh-space-xxlarge)}:host ::slotted(.small\\:cspace-b-xxlarge){margin-bottom:var(--stzh-space-xxlarge)}:host ::slotted(.small\\:cspace-y-xxxlarge){margin-top:var(--stzh-space-xxxlarge);margin-bottom:var(--stzh-space-xxxlarge)}:host ::slotted(.small\\:cspace-t-xxxlarge){margin-top:var(--stzh-space-xxxlarge)}:host ::slotted(.small\\:cspace-b-xxxlarge){margin-bottom:var(--stzh-space-xxxlarge)}:host ::slotted(.small\\:cspace-y-xxxxlarge){margin-top:var(--stzh-space-xxxxlarge);margin-bottom:var(--stzh-space-xxxxlarge)}:host ::slotted(.small\\:cspace-t-xxxxlarge){margin-top:var(--stzh-space-xxxxlarge)}:host ::slotted(.small\\:cspace-b-xxxxlarge){margin-bottom:var(--stzh-space-xxxxlarge)}:host ::slotted(.small\\:cspace-y-big){margin-top:var(--stzh-space-big);margin-bottom:var(--stzh-space-big)}:host ::slotted(.small\\:cspace-t-big){margin-top:var(--stzh-space-big)}:host ::slotted(.small\\:cspace-b-big){margin-bottom:var(--stzh-space-big)}:host ::slotted(.small\\:cspace-y-xbig){margin-top:var(--stzh-space-xbig);margin-bottom:var(--stzh-space-xbig)}:host ::slotted(.small\\:cspace-t-xbig){margin-top:var(--stzh-space-xbig)}:host ::slotted(.small\\:cspace-b-xbig){margin-bottom:var(--stzh-space-xbig)}:host ::slotted(.small\\:cspace-y-huge){margin-top:var(--stzh-space-huge);margin-bottom:var(--stzh-space-huge)}:host ::slotted(.small\\:cspace-t-huge){margin-top:var(--stzh-space-huge)}:host ::slotted(.small\\:cspace-b-huge){margin-bottom:var(--stzh-space-huge)}:host ::slotted(.small\\:cspace-y-xhuge){margin-top:var(--stzh-space-xhuge);margin-bottom:var(--stzh-space-xhuge)}:host ::slotted(.small\\:cspace-t-xhuge){margin-top:var(--stzh-space-xhuge)}:host ::slotted(.small\\:cspace-b-xhuge){margin-bottom:var(--stzh-space-xhuge)}:host ::slotted(.small\\:cspace-y-none){margin-top:var(--stzh-space-none);margin-bottom:var(--stzh-space-none)}:host ::slotted(.small\\:cspace-t-none){margin-top:var(--stzh-space-none)}:host ::slotted(.small\\:cspace-b-none){margin-bottom:var(--stzh-space-none)}:host ::slotted(.small\\:cspace-y-default){margin-top:var(--stzh-space-default);margin-bottom:var(--stzh-space-default)}:host ::slotted(.small\\:cspace-t-default){margin-top:var(--stzh-space-default)}:host ::slotted(.small\\:cspace-b-default){margin-bottom:var(--stzh-space-default)}:host ::slotted(.smallheader\\:cspace-y-xxxsmall){margin-top:var(--stzh-space-xxxsmall);margin-bottom:var(--stzh-space-xxxsmall)}:host ::slotted(.smallheader\\:cspace-t-xxxsmall){margin-top:var(--stzh-space-xxxsmall)}:host ::slotted(.smallheader\\:cspace-b-xxxsmall){margin-bottom:var(--stzh-space-xxxsmall)}:host ::slotted(.smallheader\\:cspace-y-xxsmall){margin-top:var(--stzh-space-xxsmall);margin-bottom:var(--stzh-space-xxsmall)}:host ::slotted(.smallheader\\:cspace-t-xxsmall){margin-top:var(--stzh-space-xxsmall)}:host ::slotted(.smallheader\\:cspace-b-xxsmall){margin-bottom:var(--stzh-space-xxsmall)}:host ::slotted(.smallheader\\:cspace-y-xsmall){margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xsmall)}:host ::slotted(.smallheader\\:cspace-t-xsmall){margin-top:var(--stzh-space-xsmall)}:host ::slotted(.smallheader\\:cspace-b-xsmall){margin-bottom:var(--stzh-space-xsmall)}:host ::slotted(.smallheader\\:cspace-y-small){margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}:host ::slotted(.smallheader\\:cspace-t-small){margin-top:var(--stzh-space-small)}:host ::slotted(.smallheader\\:cspace-b-small){margin-bottom:var(--stzh-space-small)}:host ::slotted(.smallheader\\:cspace-y-medium){margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-medium)}:host ::slotted(.smallheader\\:cspace-t-medium){margin-top:var(--stzh-space-medium)}:host ::slotted(.smallheader\\:cspace-b-medium){margin-bottom:var(--stzh-space-medium)}:host ::slotted(.smallheader\\:cspace-y-large){margin-top:var(--stzh-space-large);margin-bottom:var(--stzh-space-large)}:host ::slotted(.smallheader\\:cspace-t-large){margin-top:var(--stzh-space-large)}:host ::slotted(.smallheader\\:cspace-b-large){margin-bottom:var(--stzh-space-large)}:host ::slotted(.smallheader\\:cspace-y-xlarge){margin-top:var(--stzh-space-xlarge);margin-bottom:var(--stzh-space-xlarge)}:host ::slotted(.smallheader\\:cspace-t-xlarge){margin-top:var(--stzh-space-xlarge)}:host ::slotted(.smallheader\\:cspace-b-xlarge){margin-bottom:var(--stzh-space-xlarge)}:host ::slotted(.smallheader\\:cspace-y-xxlarge){margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}:host ::slotted(.smallheader\\:cspace-t-xxlarge){margin-top:var(--stzh-space-xxlarge)}:host ::slotted(.smallheader\\:cspace-b-xxlarge){margin-bottom:var(--stzh-space-xxlarge)}:host ::slotted(.smallheader\\:cspace-y-xxxlarge){margin-top:var(--stzh-space-xxxlarge);margin-bottom:var(--stzh-space-xxxlarge)}:host ::slotted(.smallheader\\:cspace-t-xxxlarge){margin-top:var(--stzh-space-xxxlarge)}:host ::slotted(.smallheader\\:cspace-b-xxxlarge){margin-bottom:var(--stzh-space-xxxlarge)}:host ::slotted(.smallheader\\:cspace-y-xxxxlarge){margin-top:var(--stzh-space-xxxxlarge);margin-bottom:var(--stzh-space-xxxxlarge)}:host ::slotted(.smallheader\\:cspace-t-xxxxlarge){margin-top:var(--stzh-space-xxxxlarge)}:host ::slotted(.smallheader\\:cspace-b-xxxxlarge){margin-bottom:var(--stzh-space-xxxxlarge)}:host ::slotted(.smallheader\\:cspace-y-big){margin-top:var(--stzh-space-big);margin-bottom:var(--stzh-space-big)}:host ::slotted(.smallheader\\:cspace-t-big){margin-top:var(--stzh-space-big)}:host ::slotted(.smallheader\\:cspace-b-big){margin-bottom:var(--stzh-space-big)}:host ::slotted(.smallheader\\:cspace-y-xbig){margin-top:var(--stzh-space-xbig);margin-bottom:var(--stzh-space-xbig)}:host ::slotted(.smallheader\\:cspace-t-xbig){margin-top:var(--stzh-space-xbig)}:host ::slotted(.smallheader\\:cspace-b-xbig){margin-bottom:var(--stzh-space-xbig)}:host ::slotted(.smallheader\\:cspace-y-huge){margin-top:var(--stzh-space-huge);margin-bottom:var(--stzh-space-huge)}:host ::slotted(.smallheader\\:cspace-t-huge){margin-top:var(--stzh-space-huge)}:host ::slotted(.smallheader\\:cspace-b-huge){margin-bottom:var(--stzh-space-huge)}:host ::slotted(.smallheader\\:cspace-y-xhuge){margin-top:var(--stzh-space-xhuge);margin-bottom:var(--stzh-space-xhuge)}:host ::slotted(.smallheader\\:cspace-t-xhuge){margin-top:var(--stzh-space-xhuge)}:host ::slotted(.smallheader\\:cspace-b-xhuge){margin-bottom:var(--stzh-space-xhuge)}:host ::slotted(.smallheader\\:cspace-y-none){margin-top:var(--stzh-space-none);margin-bottom:var(--stzh-space-none)}:host ::slotted(.smallheader\\:cspace-t-none){margin-top:var(--stzh-space-none)}:host ::slotted(.smallheader\\:cspace-b-none){margin-bottom:var(--stzh-space-none)}:host ::slotted(.smallheader\\:cspace-y-default){margin-top:var(--stzh-space-default);margin-bottom:var(--stzh-space-default)}:host ::slotted(.smallheader\\:cspace-t-default){margin-top:var(--stzh-space-default)}:host ::slotted(.smallheader\\:cspace-b-default){margin-bottom:var(--stzh-space-default)}:host ::slotted(.medium\\:cspace-y-xxxsmall){margin-top:var(--stzh-space-xxxsmall);margin-bottom:var(--stzh-space-xxxsmall)}:host ::slotted(.medium\\:cspace-t-xxxsmall){margin-top:var(--stzh-space-xxxsmall)}:host ::slotted(.medium\\:cspace-b-xxxsmall){margin-bottom:var(--stzh-space-xxxsmall)}:host ::slotted(.medium\\:cspace-y-xxsmall){margin-top:var(--stzh-space-xxsmall);margin-bottom:var(--stzh-space-xxsmall)}:host ::slotted(.medium\\:cspace-t-xxsmall){margin-top:var(--stzh-space-xxsmall)}:host ::slotted(.medium\\:cspace-b-xxsmall){margin-bottom:var(--stzh-space-xxsmall)}:host ::slotted(.medium\\:cspace-y-xsmall){margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xsmall)}:host ::slotted(.medium\\:cspace-t-xsmall){margin-top:var(--stzh-space-xsmall)}:host ::slotted(.medium\\:cspace-b-xsmall){margin-bottom:var(--stzh-space-xsmall)}:host ::slotted(.medium\\:cspace-y-small){margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}:host ::slotted(.medium\\:cspace-t-small){margin-top:var(--stzh-space-small)}:host ::slotted(.medium\\:cspace-b-small){margin-bottom:var(--stzh-space-small)}:host ::slotted(.medium\\:cspace-y-medium){margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-medium)}:host ::slotted(.medium\\:cspace-t-medium){margin-top:var(--stzh-space-medium)}:host ::slotted(.medium\\:cspace-b-medium){margin-bottom:var(--stzh-space-medium)}:host ::slotted(.medium\\:cspace-y-large){margin-top:var(--stzh-space-large);margin-bottom:var(--stzh-space-large)}:host ::slotted(.medium\\:cspace-t-large){margin-top:var(--stzh-space-large)}:host ::slotted(.medium\\:cspace-b-large){margin-bottom:var(--stzh-space-large)}:host ::slotted(.medium\\:cspace-y-xlarge){margin-top:var(--stzh-space-xlarge);margin-bottom:var(--stzh-space-xlarge)}:host ::slotted(.medium\\:cspace-t-xlarge){margin-top:var(--stzh-space-xlarge)}:host ::slotted(.medium\\:cspace-b-xlarge){margin-bottom:var(--stzh-space-xlarge)}:host ::slotted(.medium\\:cspace-y-xxlarge){margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}:host ::slotted(.medium\\:cspace-t-xxlarge){margin-top:var(--stzh-space-xxlarge)}:host ::slotted(.medium\\:cspace-b-xxlarge){margin-bottom:var(--stzh-space-xxlarge)}:host ::slotted(.medium\\:cspace-y-xxxlarge){margin-top:var(--stzh-space-xxxlarge);margin-bottom:var(--stzh-space-xxxlarge)}:host ::slotted(.medium\\:cspace-t-xxxlarge){margin-top:var(--stzh-space-xxxlarge)}:host ::slotted(.medium\\:cspace-b-xxxlarge){margin-bottom:var(--stzh-space-xxxlarge)}:host ::slotted(.medium\\:cspace-y-xxxxlarge){margin-top:var(--stzh-space-xxxxlarge);margin-bottom:var(--stzh-space-xxxxlarge)}:host ::slotted(.medium\\:cspace-t-xxxxlarge){margin-top:var(--stzh-space-xxxxlarge)}:host ::slotted(.medium\\:cspace-b-xxxxlarge){margin-bottom:var(--stzh-space-xxxxlarge)}:host ::slotted(.medium\\:cspace-y-big){margin-top:var(--stzh-space-big);margin-bottom:var(--stzh-space-big)}:host ::slotted(.medium\\:cspace-t-big){margin-top:var(--stzh-space-big)}:host ::slotted(.medium\\:cspace-b-big){margin-bottom:var(--stzh-space-big)}:host ::slotted(.medium\\:cspace-y-xbig){margin-top:var(--stzh-space-xbig);margin-bottom:var(--stzh-space-xbig)}:host ::slotted(.medium\\:cspace-t-xbig){margin-top:var(--stzh-space-xbig)}:host ::slotted(.medium\\:cspace-b-xbig){margin-bottom:var(--stzh-space-xbig)}:host ::slotted(.medium\\:cspace-y-huge){margin-top:var(--stzh-space-huge);margin-bottom:var(--stzh-space-huge)}:host ::slotted(.medium\\:cspace-t-huge){margin-top:var(--stzh-space-huge)}:host ::slotted(.medium\\:cspace-b-huge){margin-bottom:var(--stzh-space-huge)}:host ::slotted(.medium\\:cspace-y-xhuge){margin-top:var(--stzh-space-xhuge);margin-bottom:var(--stzh-space-xhuge)}:host ::slotted(.medium\\:cspace-t-xhuge){margin-top:var(--stzh-space-xhuge)}:host ::slotted(.medium\\:cspace-b-xhuge){margin-bottom:var(--stzh-space-xhuge)}:host ::slotted(.medium\\:cspace-y-none){margin-top:var(--stzh-space-none);margin-bottom:var(--stzh-space-none)}:host ::slotted(.medium\\:cspace-t-none){margin-top:var(--stzh-space-none)}:host ::slotted(.medium\\:cspace-b-none){margin-bottom:var(--stzh-space-none)}:host ::slotted(.medium\\:cspace-y-default){margin-top:var(--stzh-space-default);margin-bottom:var(--stzh-space-default)}:host ::slotted(.medium\\:cspace-t-default){margin-top:var(--stzh-space-default)}:host ::slotted(.medium\\:cspace-b-default){margin-bottom:var(--stzh-space-default)}:host ::slotted(.large\\:cspace-y-xxxsmall){margin-top:var(--stzh-space-xxxsmall);margin-bottom:var(--stzh-space-xxxsmall)}:host ::slotted(.large\\:cspace-t-xxxsmall){margin-top:var(--stzh-space-xxxsmall)}:host ::slotted(.large\\:cspace-b-xxxsmall){margin-bottom:var(--stzh-space-xxxsmall)}:host ::slotted(.large\\:cspace-y-xxsmall){margin-top:var(--stzh-space-xxsmall);margin-bottom:var(--stzh-space-xxsmall)}:host ::slotted(.large\\:cspace-t-xxsmall){margin-top:var(--stzh-space-xxsmall)}:host ::slotted(.large\\:cspace-b-xxsmall){margin-bottom:var(--stzh-space-xxsmall)}:host ::slotted(.large\\:cspace-y-xsmall){margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xsmall)}:host ::slotted(.large\\:cspace-t-xsmall){margin-top:var(--stzh-space-xsmall)}:host ::slotted(.large\\:cspace-b-xsmall){margin-bottom:var(--stzh-space-xsmall)}:host ::slotted(.large\\:cspace-y-small){margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}:host ::slotted(.large\\:cspace-t-small){margin-top:var(--stzh-space-small)}:host ::slotted(.large\\:cspace-b-small){margin-bottom:var(--stzh-space-small)}:host ::slotted(.large\\:cspace-y-medium){margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-medium)}:host ::slotted(.large\\:cspace-t-medium){margin-top:var(--stzh-space-medium)}:host ::slotted(.large\\:cspace-b-medium){margin-bottom:var(--stzh-space-medium)}:host ::slotted(.large\\:cspace-y-large){margin-top:var(--stzh-space-large);margin-bottom:var(--stzh-space-large)}:host ::slotted(.large\\:cspace-t-large){margin-top:var(--stzh-space-large)}:host ::slotted(.large\\:cspace-b-large){margin-bottom:var(--stzh-space-large)}:host ::slotted(.large\\:cspace-y-xlarge){margin-top:var(--stzh-space-xlarge);margin-bottom:var(--stzh-space-xlarge)}:host ::slotted(.large\\:cspace-t-xlarge){margin-top:var(--stzh-space-xlarge)}:host ::slotted(.large\\:cspace-b-xlarge){margin-bottom:var(--stzh-space-xlarge)}:host ::slotted(.large\\:cspace-y-xxlarge){margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}:host ::slotted(.large\\:cspace-t-xxlarge){margin-top:var(--stzh-space-xxlarge)}:host ::slotted(.large\\:cspace-b-xxlarge){margin-bottom:var(--stzh-space-xxlarge)}:host ::slotted(.large\\:cspace-y-xxxlarge){margin-top:var(--stzh-space-xxxlarge);margin-bottom:var(--stzh-space-xxxlarge)}:host ::slotted(.large\\:cspace-t-xxxlarge){margin-top:var(--stzh-space-xxxlarge)}:host ::slotted(.large\\:cspace-b-xxxlarge){margin-bottom:var(--stzh-space-xxxlarge)}:host ::slotted(.large\\:cspace-y-xxxxlarge){margin-top:var(--stzh-space-xxxxlarge);margin-bottom:var(--stzh-space-xxxxlarge)}:host ::slotted(.large\\:cspace-t-xxxxlarge){margin-top:var(--stzh-space-xxxxlarge)}:host ::slotted(.large\\:cspace-b-xxxxlarge){margin-bottom:var(--stzh-space-xxxxlarge)}:host ::slotted(.large\\:cspace-y-big){margin-top:var(--stzh-space-big);margin-bottom:var(--stzh-space-big)}:host ::slotted(.large\\:cspace-t-big){margin-top:var(--stzh-space-big)}:host ::slotted(.large\\:cspace-b-big){margin-bottom:var(--stzh-space-big)}:host ::slotted(.large\\:cspace-y-xbig){margin-top:var(--stzh-space-xbig);margin-bottom:var(--stzh-space-xbig)}:host ::slotted(.large\\:cspace-t-xbig){margin-top:var(--stzh-space-xbig)}:host ::slotted(.large\\:cspace-b-xbig){margin-bottom:var(--stzh-space-xbig)}:host ::slotted(.large\\:cspace-y-huge){margin-top:var(--stzh-space-huge);margin-bottom:var(--stzh-space-huge)}:host ::slotted(.large\\:cspace-t-huge){margin-top:var(--stzh-space-huge)}:host ::slotted(.large\\:cspace-b-huge){margin-bottom:var(--stzh-space-huge)}:host ::slotted(.large\\:cspace-y-xhuge){margin-top:var(--stzh-space-xhuge);margin-bottom:var(--stzh-space-xhuge)}:host ::slotted(.large\\:cspace-t-xhuge){margin-top:var(--stzh-space-xhuge)}:host ::slotted(.large\\:cspace-b-xhuge){margin-bottom:var(--stzh-space-xhuge)}:host ::slotted(.large\\:cspace-y-none){margin-top:var(--stzh-space-none);margin-bottom:var(--stzh-space-none)}:host ::slotted(.large\\:cspace-t-none){margin-top:var(--stzh-space-none)}:host ::slotted(.large\\:cspace-b-none){margin-bottom:var(--stzh-space-none)}:host ::slotted(.large\\:cspace-y-default){margin-top:var(--stzh-space-default);margin-bottom:var(--stzh-space-default)}:host ::slotted(.large\\:cspace-t-default){margin-top:var(--stzh-space-default)}:host ::slotted(.large\\:cspace-b-default){margin-bottom:var(--stzh-space-default)}:host ::slotted(.ultra\\:cspace-y-xxxsmall){margin-top:var(--stzh-space-xxxsmall);margin-bottom:var(--stzh-space-xxxsmall)}:host ::slotted(.ultra\\:cspace-t-xxxsmall){margin-top:var(--stzh-space-xxxsmall)}:host ::slotted(.ultra\\:cspace-b-xxxsmall){margin-bottom:var(--stzh-space-xxxsmall)}:host ::slotted(.ultra\\:cspace-y-xxsmall){margin-top:var(--stzh-space-xxsmall);margin-bottom:var(--stzh-space-xxsmall)}:host ::slotted(.ultra\\:cspace-t-xxsmall){margin-top:var(--stzh-space-xxsmall)}:host ::slotted(.ultra\\:cspace-b-xxsmall){margin-bottom:var(--stzh-space-xxsmall)}:host ::slotted(.ultra\\:cspace-y-xsmall){margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xsmall)}:host ::slotted(.ultra\\:cspace-t-xsmall){margin-top:var(--stzh-space-xsmall)}:host ::slotted(.ultra\\:cspace-b-xsmall){margin-bottom:var(--stzh-space-xsmall)}:host ::slotted(.ultra\\:cspace-y-small){margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}:host ::slotted(.ultra\\:cspace-t-small){margin-top:var(--stzh-space-small)}:host ::slotted(.ultra\\:cspace-b-small){margin-bottom:var(--stzh-space-small)}:host ::slotted(.ultra\\:cspace-y-medium){margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-medium)}:host ::slotted(.ultra\\:cspace-t-medium){margin-top:var(--stzh-space-medium)}:host ::slotted(.ultra\\:cspace-b-medium){margin-bottom:var(--stzh-space-medium)}:host ::slotted(.ultra\\:cspace-y-large){margin-top:var(--stzh-space-large);margin-bottom:var(--stzh-space-large)}:host ::slotted(.ultra\\:cspace-t-large){margin-top:var(--stzh-space-large)}:host ::slotted(.ultra\\:cspace-b-large){margin-bottom:var(--stzh-space-large)}:host ::slotted(.ultra\\:cspace-y-xlarge){margin-top:var(--stzh-space-xlarge);margin-bottom:var(--stzh-space-xlarge)}:host ::slotted(.ultra\\:cspace-t-xlarge){margin-top:var(--stzh-space-xlarge)}:host ::slotted(.ultra\\:cspace-b-xlarge){margin-bottom:var(--stzh-space-xlarge)}:host ::slotted(.ultra\\:cspace-y-xxlarge){margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}:host ::slotted(.ultra\\:cspace-t-xxlarge){margin-top:var(--stzh-space-xxlarge)}:host ::slotted(.ultra\\:cspace-b-xxlarge){margin-bottom:var(--stzh-space-xxlarge)}:host ::slotted(.ultra\\:cspace-y-xxxlarge){margin-top:var(--stzh-space-xxxlarge);margin-bottom:var(--stzh-space-xxxlarge)}:host ::slotted(.ultra\\:cspace-t-xxxlarge){margin-top:var(--stzh-space-xxxlarge)}:host ::slotted(.ultra\\:cspace-b-xxxlarge){margin-bottom:var(--stzh-space-xxxlarge)}:host ::slotted(.ultra\\:cspace-y-xxxxlarge){margin-top:var(--stzh-space-xxxxlarge);margin-bottom:var(--stzh-space-xxxxlarge)}:host ::slotted(.ultra\\:cspace-t-xxxxlarge){margin-top:var(--stzh-space-xxxxlarge)}:host ::slotted(.ultra\\:cspace-b-xxxxlarge){margin-bottom:var(--stzh-space-xxxxlarge)}:host ::slotted(.ultra\\:cspace-y-big){margin-top:var(--stzh-space-big);margin-bottom:var(--stzh-space-big)}:host ::slotted(.ultra\\:cspace-t-big){margin-top:var(--stzh-space-big)}:host ::slotted(.ultra\\:cspace-b-big){margin-bottom:var(--stzh-space-big)}:host ::slotted(.ultra\\:cspace-y-xbig){margin-top:var(--stzh-space-xbig);margin-bottom:var(--stzh-space-xbig)}:host ::slotted(.ultra\\:cspace-t-xbig){margin-top:var(--stzh-space-xbig)}:host ::slotted(.ultra\\:cspace-b-xbig){margin-bottom:var(--stzh-space-xbig)}:host ::slotted(.ultra\\:cspace-y-huge){margin-top:var(--stzh-space-huge);margin-bottom:var(--stzh-space-huge)}:host ::slotted(.ultra\\:cspace-t-huge){margin-top:var(--stzh-space-huge)}:host ::slotted(.ultra\\:cspace-b-huge){margin-bottom:var(--stzh-space-huge)}:host ::slotted(.ultra\\:cspace-y-xhuge){margin-top:var(--stzh-space-xhuge);margin-bottom:var(--stzh-space-xhuge)}:host ::slotted(.ultra\\:cspace-t-xhuge){margin-top:var(--stzh-space-xhuge)}:host ::slotted(.ultra\\:cspace-b-xhuge){margin-bottom:var(--stzh-space-xhuge)}:host ::slotted(.ultra\\:cspace-y-none){margin-top:var(--stzh-space-none);margin-bottom:var(--stzh-space-none)}:host ::slotted(.ultra\\:cspace-t-none){margin-top:var(--stzh-space-none)}:host ::slotted(.ultra\\:cspace-b-none){margin-bottom:var(--stzh-space-none)}:host ::slotted(.ultra\\:cspace-y-default){margin-top:var(--stzh-space-default);margin-bottom:var(--stzh-space-default)}:host ::slotted(.ultra\\:cspace-t-default){margin-top:var(--stzh-space-default)}:host ::slotted(.ultra\\:cspace-b-default){margin-bottom:var(--stzh-space-default)}:host ::slotted(.cspace-y-0){margin-top:0;margin-bottom:0}:host ::slotted(.cspace-t-0),:host ::slotted([no-cspace-top]){margin-top:0}:host ::slotted(.cspace-b-0),:host ::slotted([no-cspace-bottom]){margin-bottom:0}:host ::slotted(.small\\:cspace-y-0){margin-top:0;margin-bottom:0}:host ::slotted(.small\\:cspace-t-0){margin-top:0}:host ::slotted(.small\\:cspace-b-0){margin-bottom:0}:host ::slotted(.smallheader\\:cspace-y-0){margin-top:0;margin-bottom:0}:host ::slotted(.smallheader\\:cspace-t-0){margin-top:0}:host ::slotted(.smallheader\\:cspace-b-0){margin-bottom:0}:host ::slotted(.medium\\:cspace-y-0){margin-top:0;margin-bottom:0}:host ::slotted(.medium\\:cspace-t-0){margin-top:0}:host ::slotted(.medium\\:cspace-b-0){margin-bottom:0}:host ::slotted(.large\\:cspace-y-0){margin-top:0;margin-bottom:0}:host ::slotted(.large\\:cspace-t-0){margin-top:0}:host ::slotted(.large\\:cspace-b-0){margin-bottom:0}:host ::slotted(.ultra\\:cspace-y-0){margin-top:0;margin-bottom:0}:host ::slotted(.ultra\\:cspace-t-0){margin-top:0}:host ::slotted(.ultra\\:cspace-b-0){margin-bottom:0}:host([remove-first-margin]:not([remove-first-margin=false])) ::slotted(:first-child){margin-top:0 !important}:host([remove-last-margin]:not([remove-last-margin=false])) ::slotted(:last-child){margin-bottom:0 !important}';var r=t("stzh_cspace",function(){function t(t){s(this,t);this.removeFirstMargin=true;this.removeLastMargin=true}t.prototype.render=function(){var t={"stzh-cspace":true};return a(e,null,a("div",{class:t},a("slot",null)))};return t}());r.style=o}}}));
-//# sourceMappingURL=p-2452dd71.system.entry.js.map

package/dist/stzh-components/p-2452dd71.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stzhCspaceCss","StzhCspace","exports","class_1","prototype","render","classes","h","Host","class"],"sources":["src/components/stzh-cspace/stzh-cspace.scss?tag=stzh-cspace&encapsulation=shadow","src/components/stzh-cspace/stzh-cspace.tsx"],"sourcesContent":[":host {\n  ::slotted(stzh-input),\n  ::slotted(stzh-datepicker),\n  ::slotted(stzh-dropdown),\n  ::slotted(stzh-langnav),\n  ::slotted(stzh-fieldset),\n  ::slotted(stzh-actions),\n  ::slotted(stzh-upload),\n  ::slotted(stzh-saptcha),\n  ::slotted(stzh-checkboxgroup),\n  ::slotted(stzh-radiogroup),\n  ::slotted(stzh-message) {\n    margin-top: space('large');\n    margin-bottom: space('large');\n  }\n\n  ::slotted(h1),\n  ::slotted(stzh-heading[level=\"1\"]),\n  ::slotted(h2),\n  ::slotted(stzh-heading[level=\"2\"]) {\n    @include spaceCurve('margin-top', 'large');\n    @include spaceCurve('margin-bottom', 'medium');\n  }\n\n  ::slotted(h3),\n  ::slotted(stzh-heading[level=\"3\"]),\n  ::slotted(h4),\n  ::slotted(stzh-heading[level=\"4\"]) {\n    @include spaceCurve('margin-top', 'medium');\n  }\n\n  ::slotted(p),\n  ::slotted(stzh-text),\n  ::slotted(ul),\n  ::slotted(ol),\n  ::slotted(dl),\n  ::slotted(stzh-list) {\n    @include spaceCurve('margin-top', 'small');\n    @include spaceCurve('margin-bottom', 'small');\n  }\n\n  ::slotted(stzh-text[curve=\"hero\"]),\n  ::slotted(stzh-heading[curve=\"hero\"]) {\n    @include spaceCurve('margin-bottom', 'medium');\n  }\n\n  ::slotted(stzh-text[curve=\"h1\"]),\n  ::slotted(stzh-heading[curve=\"h1\"]),\n  ::slotted(stzh-text[curve=\"h2\"]),\n  ::slotted(stzh-heading[curve=\"h2\"]) {\n    @include spaceCurve('margin-bottom', 'medium');\n  }\n\n  ::slotted(stzh-text[curve=\"h1\"]),\n  ::slotted(stzh-heading[curve=\"h1\"]),\n  ::slotted(stzh-text[curve=\"h2\"]),\n  ::slotted(stzh-heading[curve=\"h2\"]) {\n    @include spaceCurve('margin-top', 'large');\n  }\n\n  ::slotted(stzh-text[curve=\"h3\"]),\n  ::slotted(stzh-heading[curve=\"h3\"]),\n  ::slotted(stzh-text[curve=\"h4\"]),\n  ::slotted(stzh-heading[curve=\"h4\"]) {\n    @include spaceCurve('margin-top', 'medium');\n  }\n\n  ::slotted(stzh-text[curve=\"p1\"]),\n  ::slotted(stzh-text[curve=\"p2\"]),\n  ::slotted(stzh-heading[curve=\"p1\"]),\n  ::slotted(stzh-heading[curve=\"p2\"]) {\n    @include spaceCurve('margin-top', 'small');\n    @include spaceCurve('margin-bottom', 'small');\n  }\n\n  ::slotted(.section),\n  ::slotted(stzh-accordion), // TODO: design missing default spacing, we gonna use the most common one\n  ::slotted(stzh-anchornav),\n  ::slotted(stzh-audio), // TOOD: design is using small curve as default spacing, but large looks better\n  ::slotted(stzh-iframe),\n  ::slotted(stzh-youtube),\n  ::slotted(stzh-microsite-teaserlist),\n  ::slotted(stzh-textandimage),\n  ::slotted(stzh-figure),\n  ::slotted(stzh-panorama),\n  ::slotted(stzh-chart),\n  ::slotted(stzh-sitemap),\n  ::slotted(stzh-section),\n  ::slotted(stzh-hr),\n  ::slotted(stzh-vbz-ticker) {\n    @include spaceCurve('margin-top', 'large');\n    @include spaceCurve('margin-bottom', 'large');\n  }\n\n  ::slotted(stzh-olmap),\n  ::slotted(stzh-anchornav) {\n    @include spaceCurve('margin-top', 'medium');\n    @include spaceCurve('margin-bottom', 'medium');\n  }\n\n  ::slotted(stzh-contact),\n  ::slotted(stzh-card) {\n    @include spaceCurve('margin-top', 'regular');\n    @include spaceCurve('margin-bottom', 'regular');\n  }\n\n  ::slotted(stzh-table),\n  ::slotted(stzh-datatable) {\n    @include spaceCurve('margin-top', 'regular');\n    @include spaceCurve('margin-bottom', 'medium');\n  }\n\n  ::slotted(stzh-pagetitle) {\n    @include spaceCurve('margin-top', 'large');\n    @include spaceCurve('margin-bottom', 'medium');\n  }\n\n  ::slotted(stzh-pagebottom) {\n    @include spaceCurve('margin-top', 'medium');\n  }\n\n  ::slotted(stzh-progressbar) {\n    @include spaceCurve('margin-top', 'big');\n  }\n\n  ::slotted(stzh-pagination) {\n    margin-top: space('medium');\n    margin-bottom: space('medium');\n  }\n\n  ::slotted(stzh-actions) {\n    margin-top: space('xxlarge');\n\n    &[variant=\"process\"] {\n      margin-top: space('large');\n    }\n  }\n\n  ::slotted(stzh-fieldset) {\n    margin-top: space('large');\n    margin-bottom: space('large');\n\n    &[legend] {\n      margin-top: space('xxlarge');\n    }\n  }\n\n  ::slotted(stzh-heading[level=\"4\"] + stzh-datalist),\n  ::slotted(stzh-heading[curve=\"h4\"] + stzh-datalist) {\n    margin-top: 0;\n  }\n\n  /* Utility classes for applying spacing curves */\n\n  @each $spaceCurve, $value in $spaceCurves {\n    $defaultSize: map-get($value, 'size');\n    $breakpointSizes: map-get($value, 'sizes');\n\n    ::slotted(.cspace-y-curve-#{$spaceCurve}) {\n      @include spaceCurve('margin-top', $spaceCurve);\n      @include spaceCurve('margin-bottom', $spaceCurve);\n    }\n\n    ::slotted(.cspace-t-curve-#{$spaceCurve}) {\n      @include spaceCurve('margin-top', $spaceCurve);\n    }\n\n    ::slotted(.cspace-b-curve-#{$spaceCurve}) {\n      @include spaceCurve('margin-bottom', $spaceCurve);\n    }\n  }\n\n  /* Utility classes for applying spacing values */\n\n  @each $breakpoint, $size in $breakpoints {\n    @each $space, $value in $spaceSizes {\n      @if $breakpoint {\n        ::slotted(.#{$breakpoint}\\:cspace-y-#{$space}) {\n          margin-top: #{$value};\n          margin-bottom: #{$value};\n        }\n\n        ::slotted(.#{$breakpoint}\\:cspace-t-#{$space}) {\n          margin-top: #{$value};\n        }\n\n        ::slotted(.#{$breakpoint}\\:cspace-b-#{$space}) {\n          margin-bottom: #{$value};\n        }\n      } @else {\n        ::slotted(.cspace-y-#{$space}) {\n          margin-top: #{$value};\n          margin-bottom: #{$value};\n        }\n\n        ::slotted(.cspace-t-#{$space}) {\n          margin-top: #{$value};\n        }\n\n        ::slotted(.cspace-b-#{$space}) {\n          margin-bottom: #{$value};\n        }\n      }\n    }\n  }\n\n  ::slotted(.cspace-y-0) {\n    margin-top: 0;\n    margin-bottom: 0;\n  }\n\n  ::slotted(.cspace-t-0),\n  ::slotted([no-cspace-top]) { // TODO: remove attribute\n    margin-top: 0;\n  }\n\n  ::slotted(.cspace-b-0),\n  ::slotted([no-cspace-bottom]) { // TODO: remove attribute\n    margin-bottom: 0;\n  }\n\n  @each $breakpoint, $size in $breakpoints {\n    ::slotted(.#{$breakpoint}\\:cspace-y-0) {\n      margin-top: 0;\n      margin-bottom: 0;\n    }\n\n    ::slotted(.#{$breakpoint}\\:cspace-t-0) {\n      margin-top: 0;\n    }\n\n    ::slotted(.#{$breakpoint}\\:cspace-b-0) {\n      margin-bottom: 0;\n    }\n  }\n}\n\n// Remove edge margin\n\n:host([remove-first-margin]:not([remove-first-margin=\"false\"])) {\n  ::slotted(:first-child) {\n    margin-top: 0 !important;\n  }\n}\n\n:host([remove-last-margin]:not([remove-last-margin=\"false\"])) {\n  ::slotted(:last-child) {\n    margin-bottom: 0 !important;\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n} from \"@stencil/core\";\n\n/**\n * @slot - Slot for any elements that should be vertically spaced\n */\n@Component({\n  tag: \"stzh-cspace\",\n  styleUrl: \"stzh-cspace.scss\",\n  shadow: true\n})\nexport class StzhCspace {\n  /** Whether first top margin of first child component should be set to 0. */\n  @Prop({ reflect: true }) removeFirstMargin: boolean = true;\n\n  /** Whether last bottom margin of last child component should be set to 0. */\n  @Prop({ reflect: true }) removeLastMargin: boolean = true;\n\n  render() {\n    const classes = {\n      \"stzh-cspace\": true\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kJAAA,IAAMA,EAAgB,8l7C,ICeTC,EAAUC,EAAA,yB,+CAEiC,K,sBAGD,I,CAErDC,EAAAC,UAAAC,OAAA,WACE,IAAMC,EAAU,CACd,cAAe,MAGjB,OACEC,EAACC,EAAI,KACHD,EAAA,OAAKE,MAAOH,GACVC,EAAA,c,WAfa,I"}

package/dist/stzh-components/p-330bdf15.system.entry.js

@@ -1,2 +0,0 @@
-System.register(["./p-290fcb28.system.js"],(function(t){"use strict";var e,i,s;return{setters:[function(t){e=t.r;i=t.h;s=t.a}],execute:function(){var n=".sc-stzh-text-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:var(--stzh-font-style-regular);color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-text-h{display:none}.sc-stzh-text-h *.sc-stzh-text,.sc-stzh-text-h *.sc-stzh-text::before,.sc-stzh-text-h *.sc-stzh-text::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-text-h .has-focus.sc-stzh-text{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}.sc-stzh-text-h .stzh-fylingfocus-focused.sc-stzh-text{outline-style:none !important}.sc-stzh-text-h .stzh-fylingfocus-focused.sc-stzh-text::-moz-focus-inner{border:0 !important}.sc-stzh-text-h{width:100%;--color:var(--stzh-base-color);color:var(--color)}.sc-stzh-text-h .sc-stzh-text-s>*:first-child{margin-top:0 !important}.sc-stzh-text-h .sc-stzh-text-s>*:last-child{margin-bottom:0 !important}.sc-stzh-text-h .sc-stzh-text-s>stzh-icon,.sc-stzh-text-h .sc-stzh-text-s stzh-icon{--size:1.25em;vertical-align:text-bottom}.sc-stzh-text-h .sc-stzh-text-s>a,.sc-stzh-text-h .sc-stzh-text-s a{color:var(--stzh-link-color);-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius)}.sc-stzh-text-h .sc-stzh-text-s>a:hover,.sc-stzh-text-h .sc-stzh-text-s a:hover{color:var(--stzh-link-hover-color)}[lead].sc-stzh-text-h:not([lead=false]){--color:var(--stzh-base-lead-color)}.stzh-text.sc-stzh-text{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);color:var(--color)}@media screen and (min-width: 1024px){.stzh-text.sc-stzh-text{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-text--is-lead.sc-stzh-text{font-family:var(--stzh-font-family-light);font-weight:var(--stzh-font-weight-light);font-style:var(--stzh-font-style-light);font-size:var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-h3-default-text-letter-spacing);letter-spacing:0.0625rem}@media screen and (min-width: 600px){.stzh-text--is-lead.sc-stzh-text{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-text-line-height, var(--stzh-font-deci-text-line-height));letter-spacing:var(--stzh-font-curve-h3-small-text-letter-spacing)}}@media screen and (min-width: 1024px){.stzh-text--is-lead.sc-stzh-text{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-regular-font-size));line-height:var(--stzh-font-curve-h3-medium-text-line-height, var(--stzh-font-regular-text-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-text-letter-spacing)}}.stzh-text--font-light.sc-stzh-text{font-family:var(--stzh-font-family-light);font-weight:var(--stzh-font-weight-light);font-style:var(--stzh-font-style-light)}.stzh-text--font-regular.sc-stzh-text{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:var(--stzh-font-style-regular)}.stzh-text--font-medium.sc-stzh-text{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.stzh-text--font-heavy.sc-stzh-text{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-text--font-title.sc-stzh-text{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-style:var(--stzh-font-style-title)}.stzh-text--curve-caption.sc-stzh-text{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height))}@media screen and (min-width: 1024px){.stzh-text--curve-caption.sc-stzh-text{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height))}}.stzh-text--curve-p2.sc-stzh-text{font-size:var(--stzh-font-curve-p2-default-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-p2-default-text-line-height, var(--stzh-font-micro-text-line-height))}@media screen and (min-width: 1024px){.stzh-text--curve-p2.sc-stzh-text{font-size:var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p2-medium-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p2-medium-text-letter-spacing)}}.stzh-text--curve-p1.sc-stzh-text{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing)}@media screen and (min-width: 1024px){.stzh-text--curve-p1.sc-stzh-text{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-text--curve-h4.sc-stzh-text{font-size:var(--stzh-font-curve-h4-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-h4-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-h4-default-text-letter-spacing)}@media screen and (min-width: 1024px){.stzh-text--curve-h4.sc-stzh-text{font-size:var(--stzh-font-curve-h4-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h4-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-h4-medium-text-letter-spacing)}}.stzh-text--curve-h3.sc-stzh-text{font-size:var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-h3-default-text-letter-spacing)}@media screen and (min-width: 600px){.stzh-text--curve-h3.sc-stzh-text{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-text-line-height, var(--stzh-font-deci-text-line-height));letter-spacing:var(--stzh-font-curve-h3-small-text-letter-spacing)}}@media screen and (min-width: 1024px){.stzh-text--curve-h3.sc-stzh-text{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-regular-font-size));line-height:var(--stzh-font-curve-h3-medium-text-line-height, var(--stzh-font-regular-text-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-text-letter-spacing)}}.stzh-text--curve-h2.sc-stzh-text{font-size:var(--stzh-font-curve-h2-default-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h2-default-text-line-height, var(--stzh-font-deci-text-line-height));letter-spacing:var(--stzh-font-curve-h2-default-text-letter-spacing)}@media screen and (min-width: 600px){.stzh-text--curve-h2.sc-stzh-text{font-size:var(--stzh-font-curve-h2-small-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h2-small-text-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h2-small-text-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 1024px){.stzh-text--curve-h2.sc-stzh-text{font-size:var(--stzh-font-curve-h2-medium-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h2-medium-text-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h2-medium-text-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 1440px){.stzh-text--curve-h2.sc-stzh-text{font-size:var(--stzh-font-curve-h2-ultra-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h2-ultra-text-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h2-ultra-text-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}.stzh-text--curve-h1.sc-stzh-text{font-size:var(--stzh-font-curve-h1-default-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h1-default-text-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h1-default-text-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}@media screen and (min-width: 600px){.stzh-text--curve-h1.sc-stzh-text{font-size:var(--stzh-font-curve-h1-small-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h1-small-text-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h1-small-text-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}@media screen and (min-width: 1024px){.stzh-text--curve-h1.sc-stzh-text{font-size:var(--stzh-font-curve-h1-medium-font-size, var(--stzh-font-mega-font-size));line-height:var(--stzh-font-curve-h1-medium-text-line-height, var(--stzh-font-mega-text-line-height));letter-spacing:var(--stzh-font-curve-h1-medium-text-letter-spacing, var(--stzh-font-mega-text-letter-spacing))}}@media screen and (min-width: 1440px){.stzh-text--curve-h1.sc-stzh-text{font-size:var(--stzh-font-curve-h1-ultra-font-size, var(--stzh-font-giga-font-size));line-height:var(--stzh-font-curve-h1-ultra-text-line-height, var(--stzh-font-giga-text-line-height));letter-spacing:var(--stzh-font-curve-h1-ultra-text-letter-spacing, var(--stzh-font-giga-text-letter-spacing))}}.stzh-text--curve-hero.sc-stzh-text{font-size:var(--stzh-font-curve-hero-default-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-hero-default-text-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-hero-default-text-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}@media screen and (min-width: 600px){.stzh-text--curve-hero.sc-stzh-text{font-size:var(--stzh-font-curve-hero-small-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-hero-small-text-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-hero-small-text-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}@media screen and (min-width: 1024px){.stzh-text--curve-hero.sc-stzh-text{font-size:var(--stzh-font-curve-hero-medium-font-size, var(--stzh-font-giga-font-size));line-height:var(--stzh-font-curve-hero-medium-text-line-height, var(--stzh-font-giga-text-line-height));letter-spacing:var(--stzh-font-curve-hero-medium-text-letter-spacing, var(--stzh-font-giga-text-letter-spacing))}}@media screen and (min-width: 1260px){.stzh-text--curve-hero.sc-stzh-text{font-size:var(--stzh-font-curve-hero-large-font-size, var(--stzh-font-hero-font-size));line-height:var(--stzh-font-curve-hero-large-text-line-height, var(--stzh-font-hero-text-line-height));letter-spacing:var(--stzh-font-curve-hero-large-text-letter-spacing, var(--stzh-font-hero-text-letter-spacing))}}.stzh-text--size-femto.sc-stzh-text{font-size:var(--stzh-font-femto-font-size);line-height:var(--stzh-font-femto-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}.stzh-text--size-pico.sc-stzh-text{font-size:var(--stzh-font-pico-font-size);line-height:var(--stzh-font-pico-text-line-height)}.stzh-text--size-nano.sc-stzh-text{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-text--size-micro.sc-stzh-text{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}.stzh-text--size-milli.sc-stzh-text{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}.stzh-text--size-centi.sc-stzh-text{font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}.stzh-text--size-deci.sc-stzh-text{font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}.stzh-text--size-regular.sc-stzh-text{font-size:var(--stzh-font-regular-font-size);line-height:var(--stzh-font-regular-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}.stzh-text--size-deca.sc-stzh-text{font-size:var(--stzh-font-deca-font-size);line-height:var(--stzh-font-deca-text-line-height);letter-spacing:var(--stzh-font-deca-text-letter-spacing)}.stzh-text--size-hecto.sc-stzh-text{font-size:var(--stzh-font-hecto-font-size);line-height:var(--stzh-font-hecto-text-line-height);letter-spacing:var(--stzh-font-hecto-text-letter-spacing)}.stzh-text--size-kilo.sc-stzh-text{font-size:var(--stzh-font-kilo-font-size);line-height:var(--stzh-font-kilo-text-line-height);letter-spacing:var(--stzh-font-kilo-text-letter-spacing)}.stzh-text--size-mega.sc-stzh-text{font-size:var(--stzh-font-mega-font-size);line-height:var(--stzh-font-mega-text-line-height);letter-spacing:var(--stzh-font-mega-text-letter-spacing)}.stzh-text--size-giga.sc-stzh-text{font-size:var(--stzh-font-giga-font-size);line-height:var(--stzh-font-giga-text-line-height);letter-spacing:var(--stzh-font-giga-text-letter-spacing)}.stzh-text--size-hero.sc-stzh-text{font-size:var(--stzh-font-hero-font-size);line-height:var(--stzh-font-hero-text-line-height);letter-spacing:var(--stzh-font-hero-text-letter-spacing)}@media screen and (min-width: 600px){.stzh-text--size-small-femto.sc-stzh-text{font-size:var(--stzh-font-femto-font-size);line-height:var(--stzh-font-femto-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-text--size-small-pico.sc-stzh-text{font-size:var(--stzh-font-pico-font-size);line-height:var(--stzh-font-pico-text-line-height)}}@media screen and (min-width: 600px){.stzh-text--size-small-nano.sc-stzh-text{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}}@media screen and (min-width: 600px){.stzh-text--size-small-micro.sc-stzh-text{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}}@media screen and (min-width: 600px){.stzh-text--size-small-milli.sc-stzh-text{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-text--size-small-centi.sc-stzh-text{font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-text--size-small-deci.sc-stzh-text{font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-text--size-small-regular.sc-stzh-text{font-size:var(--stzh-font-regular-font-size);line-height:var(--stzh-font-regular-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-text--size-small-deca.sc-stzh-text{font-size:var(--stzh-font-deca-font-size);line-height:var(--stzh-font-deca-text-line-height);letter-spacing:var(--stzh-font-deca-text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-text--size-small-hecto.sc-stzh-text{font-size:var(--stzh-font-hecto-font-size);line-height:var(--stzh-font-hecto-text-line-height);letter-spacing:var(--stzh-font-hecto-text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-text--size-small-kilo.sc-stzh-text{font-size:var(--stzh-font-kilo-font-size);line-height:var(--stzh-font-kilo-text-line-height);letter-spacing:var(--stzh-font-kilo-text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-text--size-small-mega.sc-stzh-text{font-size:var(--stzh-font-mega-font-size);line-height:var(--stzh-font-mega-text-line-height);letter-spacing:var(--stzh-font-mega-text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-text--size-small-giga.sc-stzh-text{font-size:var(--stzh-font-giga-font-size);line-height:var(--stzh-font-giga-text-line-height);letter-spacing:var(--stzh-font-giga-text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-text--size-small-hero.sc-stzh-text{font-size:var(--stzh-font-hero-font-size);line-height:var(--stzh-font-hero-text-line-height);letter-spacing:var(--stzh-font-hero-text-letter-spacing)}}@media screen and (min-width: 800px){.stzh-text--size-smallheader-femto.sc-stzh-text{font-size:var(--stzh-font-femto-font-size);line-height:var(--stzh-font-femto-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 800px){.stzh-text--size-smallheader-pico.sc-stzh-text{font-size:var(--stzh-font-pico-font-size);line-height:var(--stzh-font-pico-text-line-height)}}@media screen and (min-width: 800px){.stzh-text--size-smallheader-nano.sc-stzh-text{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}}@media screen and (min-width: 800px){.stzh-text--size-smallheader-micro.sc-stzh-text{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}}@media screen and (min-width: 800px){.stzh-text--size-smallheader-milli.sc-stzh-text{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 800px){.stzh-text--size-smallheader-centi.sc-stzh-text{font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 800px){.stzh-text--size-smallheader-deci.sc-stzh-text{font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 800px){.stzh-text--size-smallheader-regular.sc-stzh-text{font-size:var(--stzh-font-regular-font-size);line-height:var(--stzh-font-regular-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 800px){.stzh-text--size-smallheader-deca.sc-stzh-text{font-size:var(--stzh-font-deca-font-size);line-height:var(--stzh-font-deca-text-line-height);letter-spacing:var(--stzh-font-deca-text-letter-spacing)}}@media screen and (min-width: 800px){.stzh-text--size-smallheader-hecto.sc-stzh-text{font-size:var(--stzh-font-hecto-font-size);line-height:var(--stzh-font-hecto-text-line-height);letter-spacing:var(--stzh-font-hecto-text-letter-spacing)}}@media screen and (min-width: 800px){.stzh-text--size-smallheader-kilo.sc-stzh-text{font-size:var(--stzh-font-kilo-font-size);line-height:var(--stzh-font-kilo-text-line-height);letter-spacing:var(--stzh-font-kilo-text-letter-spacing)}}@media screen and (min-width: 800px){.stzh-text--size-smallheader-mega.sc-stzh-text{font-size:var(--stzh-font-mega-font-size);line-height:var(--stzh-font-mega-text-line-height);letter-spacing:var(--stzh-font-mega-text-letter-spacing)}}@media screen and (min-width: 800px){.stzh-text--size-smallheader-giga.sc-stzh-text{font-size:var(--stzh-font-giga-font-size);line-height:var(--stzh-font-giga-text-line-height);letter-spacing:var(--stzh-font-giga-text-letter-spacing)}}@media screen and (min-width: 800px){.stzh-text--size-smallheader-hero.sc-stzh-text{font-size:var(--stzh-font-hero-font-size);line-height:var(--stzh-font-hero-text-line-height);letter-spacing:var(--stzh-font-hero-text-letter-spacing)}}@media screen and (min-width: 1024px){.stzh-text--size-medium-femto.sc-stzh-text{font-size:var(--stzh-font-femto-font-size);line-height:var(--stzh-font-femto-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1024px){.stzh-text--size-medium-pico.sc-stzh-text{font-size:var(--stzh-font-pico-font-size);line-height:var(--stzh-font-pico-text-line-height)}}@media screen and (min-width: 1024px){.stzh-text--size-medium-nano.sc-stzh-text{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}}@media screen and (min-width: 1024px){.stzh-text--size-medium-micro.sc-stzh-text{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}}@media screen and (min-width: 1024px){.stzh-text--size-medium-milli.sc-stzh-text{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1024px){.stzh-text--size-medium-centi.sc-stzh-text{font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1024px){.stzh-text--size-medium-deci.sc-stzh-text{font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1024px){.stzh-text--size-medium-regular.sc-stzh-text{font-size:var(--stzh-font-regular-font-size);line-height:var(--stzh-font-regular-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1024px){.stzh-text--size-medium-deca.sc-stzh-text{font-size:var(--stzh-font-deca-font-size);line-height:var(--stzh-font-deca-text-line-height);letter-spacing:var(--stzh-font-deca-text-letter-spacing)}}@media screen and (min-width: 1024px){.stzh-text--size-medium-hecto.sc-stzh-text{font-size:var(--stzh-font-hecto-font-size);line-height:var(--stzh-font-hecto-text-line-height);letter-spacing:var(--stzh-font-hecto-text-letter-spacing)}}@media screen and (min-width: 1024px){.stzh-text--size-medium-kilo.sc-stzh-text{font-size:var(--stzh-font-kilo-font-size);line-height:var(--stzh-font-kilo-text-line-height);letter-spacing:var(--stzh-font-kilo-text-letter-spacing)}}@media screen and (min-width: 1024px){.stzh-text--size-medium-mega.sc-stzh-text{font-size:var(--stzh-font-mega-font-size);line-height:var(--stzh-font-mega-text-line-height);letter-spacing:var(--stzh-font-mega-text-letter-spacing)}}@media screen and (min-width: 1024px){.stzh-text--size-medium-giga.sc-stzh-text{font-size:var(--stzh-font-giga-font-size);line-height:var(--stzh-font-giga-text-line-height);letter-spacing:var(--stzh-font-giga-text-letter-spacing)}}@media screen and (min-width: 1024px){.stzh-text--size-medium-hero.sc-stzh-text{font-size:var(--stzh-font-hero-font-size);line-height:var(--stzh-font-hero-text-line-height);letter-spacing:var(--stzh-font-hero-text-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-text--size-large-femto.sc-stzh-text{font-size:var(--stzh-font-femto-font-size);line-height:var(--stzh-font-femto-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-text--size-large-pico.sc-stzh-text{font-size:var(--stzh-font-pico-font-size);line-height:var(--stzh-font-pico-text-line-height)}}@media screen and (min-width: 1260px){.stzh-text--size-large-nano.sc-stzh-text{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}}@media screen and (min-width: 1260px){.stzh-text--size-large-micro.sc-stzh-text{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}}@media screen and (min-width: 1260px){.stzh-text--size-large-milli.sc-stzh-text{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-text--size-large-centi.sc-stzh-text{font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-text--size-large-deci.sc-stzh-text{font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-text--size-large-regular.sc-stzh-text{font-size:var(--stzh-font-regular-font-size);line-height:var(--stzh-font-regular-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-text--size-large-deca.sc-stzh-text{font-size:var(--stzh-font-deca-font-size);line-height:var(--stzh-font-deca-text-line-height);letter-spacing:var(--stzh-font-deca-text-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-text--size-large-hecto.sc-stzh-text{font-size:var(--stzh-font-hecto-font-size);line-height:var(--stzh-font-hecto-text-line-height);letter-spacing:var(--stzh-font-hecto-text-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-text--size-large-kilo.sc-stzh-text{font-size:var(--stzh-font-kilo-font-size);line-height:var(--stzh-font-kilo-text-line-height);letter-spacing:var(--stzh-font-kilo-text-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-text--size-large-mega.sc-stzh-text{font-size:var(--stzh-font-mega-font-size);line-height:var(--stzh-font-mega-text-line-height);letter-spacing:var(--stzh-font-mega-text-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-text--size-large-giga.sc-stzh-text{font-size:var(--stzh-font-giga-font-size);line-height:var(--stzh-font-giga-text-line-height);letter-spacing:var(--stzh-font-giga-text-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-text--size-large-hero.sc-stzh-text{font-size:var(--stzh-font-hero-font-size);line-height:var(--stzh-font-hero-text-line-height);letter-spacing:var(--stzh-font-hero-text-letter-spacing)}}@media screen and (min-width: 1440px){.stzh-text--size-ultra-femto.sc-stzh-text{font-size:var(--stzh-font-femto-font-size);line-height:var(--stzh-font-femto-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1440px){.stzh-text--size-ultra-pico.sc-stzh-text{font-size:var(--stzh-font-pico-font-size);line-height:var(--stzh-font-pico-text-line-height)}}@media screen and (min-width: 1440px){.stzh-text--size-ultra-nano.sc-stzh-text{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}}@media screen and (min-width: 1440px){.stzh-text--size-ultra-micro.sc-stzh-text{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}}@media screen and (min-width: 1440px){.stzh-text--size-ultra-milli.sc-stzh-text{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1440px){.stzh-text--size-ultra-centi.sc-stzh-text{font-size:var(--stzh-font-centi-font-size);line-height:var(--stzh-font-centi-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1440px){.stzh-text--size-ultra-deci.sc-stzh-text{font-size:var(--stzh-font-deci-font-size);line-height:var(--stzh-font-deci-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1440px){.stzh-text--size-ultra-regular.sc-stzh-text{font-size:var(--stzh-font-regular-font-size);line-height:var(--stzh-font-regular-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}}@media screen and (min-width: 1440px){.stzh-text--size-ultra-deca.sc-stzh-text{font-size:var(--stzh-font-deca-font-size);line-height:var(--stzh-font-deca-text-line-height);letter-spacing:var(--stzh-font-deca-text-letter-spacing)}}@media screen and (min-width: 1440px){.stzh-text--size-ultra-hecto.sc-stzh-text{font-size:var(--stzh-font-hecto-font-size);line-height:var(--stzh-font-hecto-text-line-height);letter-spacing:var(--stzh-font-hecto-text-letter-spacing)}}@media screen and (min-width: 1440px){.stzh-text--size-ultra-kilo.sc-stzh-text{font-size:var(--stzh-font-kilo-font-size);line-height:var(--stzh-font-kilo-text-line-height);letter-spacing:var(--stzh-font-kilo-text-letter-spacing)}}@media screen and (min-width: 1440px){.stzh-text--size-ultra-mega.sc-stzh-text{font-size:var(--stzh-font-mega-font-size);line-height:var(--stzh-font-mega-text-line-height);letter-spacing:var(--stzh-font-mega-text-letter-spacing)}}@media screen and (min-width: 1440px){.stzh-text--size-ultra-giga.sc-stzh-text{font-size:var(--stzh-font-giga-font-size);line-height:var(--stzh-font-giga-text-line-height);letter-spacing:var(--stzh-font-giga-text-letter-spacing)}}@media screen and (min-width: 1440px){.stzh-text--size-ultra-hero.sc-stzh-text{font-size:var(--stzh-font-hero-font-size);line-height:var(--stzh-font-hero-text-line-height);letter-spacing:var(--stzh-font-hero-text-letter-spacing)}}";var h=t("stzh_text",function(){function t(t){e(this,t);this.font="default";this.curve="default";this.lead=false;this.size="inherit";this.sizeSmall="inherit";this.sizeMedium="inherit";this.sizeLarge="inherit";this.sizeUltra="inherit"}t.prototype.render=function(){var t;return i(s,null,i("div",{class:(t={"stzh-text":true,"stzh-text--is-lead":this.lead},t["stzh-text--font-".concat(this.font)]=!!this.font,t["stzh-text--curve-".concat(this.curve)]=!!this.curve,t["stzh-text--size-".concat(this.size)]=!!this.size,t["stzh-text--size-small-".concat(this.sizeSmall)]=!!this.sizeSmall,t["stzh-text--size-medium-".concat(this.sizeMedium)]=!!this.sizeMedium,t["stzh-text--size-large-".concat(this.sizeLarge)]=!!this.sizeLarge,t["stzh-text--size-ultra-".concat(this.sizeUltra)]=!!this.sizeUltra,t)},i("slot",null)))};return t}());h.style=n}}}));
-//# sourceMappingURL=p-330bdf15.system.entry.js.map

package/dist/stzh-components/p-330bdf15.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stzhTextCss","StzhText","exports","class_1","prototype","render","h","Host","class","_a","this","lead","concat","font","curve","size","sizeSmall","sizeMedium","sizeLarge","sizeUltra"],"sources":["src/components/stzh-text/stzh-text.scss?tag=stzh-text&encapsulation=scoped","src/components/stzh-text/stzh-text.tsx"],"sourcesContent":["/**\n * @prop --color: Text color (also `color` can be overwritten)\n *\n * @prop --stzh-base-color: **Global**: Text color\n * @prop --stzh-base-lead-color: **Global**: Lead text color\n */\n\n:host {\n  width: 100%;\n\n  --color: #{$baseColor};\n  color: var(--color);\n\n  ::slotted(*:first-child) {\n    margin-top: 0 !important;\n  }\n\n  ::slotted(*:last-child) {\n    margin-bottom: 0 !important;\n  }\n\n  ::slotted(stzh-icon),\n  ::slotted(* stzh-icon) {\n    --size: 1.25em;\n    vertical-align: text-bottom;\n  }\n\n  ::slotted(a),\n  ::slotted(* a) {\n    color: $linkColor;\n    transition: color $baseTransitionAnimationSpeed;\n    border-radius: $buttonBorderRadius;\n\n    &:hover {\n      color: $linkHoverColor;\n    }\n  }\n\n  &[lead]:not([lead=\"false\"]) {\n    --color: #{$baseLeadColor};\n  }\n}\n\n.stzh-text {\n  // default font styling without attributes\n  @include fontCurve($textFontCurveDefault);\n  color: var(--color);\n\n  /* Lead variant */\n  &--is-lead {\n    @include font('light');\n    @include fontCurve('h3');\n    letter-spacing: 1px;\n  }\n\n  /* Font variants */\n\n  @each $font, $value in $fonts {\n    &--font-#{$font} {\n      @include font($font);\n    }\n  }\n\n  /* Curve variants */\n\n  @each $fontCurveName, $config in $fontCurves {\n    &--curve-#{$fontCurveName} {\n      @include fontCurve($fontCurveName);\n    }\n  }\n\n  /* Size variants when consumer wants to overwrite predefined font curves */\n\n  @each $size, $value in $fontSizes {\n    &--size-#{$size} {\n      @include fontSize($size);\n    }\n  }\n\n  @each $breakpoint, $size in $breakpoints {\n    @each $size, $value in $fontSizes {\n      &--size-#{$breakpoint}-#{$size} {\n        @include mq($from: $breakpoint) {\n          @include fontSize($size);\n        }\n      }\n    }\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n} from \"@stencil/core\";\n\nimport { Font } from \"../../index\";\n\n/**\n * @slot - Slot for text\n */\n@Component({\n  tag: \"stzh-text\",\n  styleUrl: \"stzh-text.scss\",\n  scoped: true\n})\nexport class StzhText {\n  /** Font used */\n  @Prop() font: Font.Fonts = \"default\";\n\n  /** Type of curve (see [Spacings docs page](/docs/tokens-typography--docs#curves) for more info). */\n  @Prop({ reflect: true }) curve: Font.Curves = \"default\";\n\n  /** Whether if text is lead text */\n  @Prop({ reflect: true }) lead: boolean = false;\n\n  /** Manually overwrite font size applied by curve attribute (see [Spacings docs page](/docs/tokens-typography--docs#sizes) for more info). */\n  @Prop() size: Font.Sizes = \"inherit\";\n  /** Manually overwrite font size applied by curve attribute above small breakpoint (see [Spacings docs page](/docs/tokens-typography--docs#sizes) for more info). */\n  @Prop() sizeSmall: Font.Sizes = \"inherit\";\n  /** Manually overwrite font size applied by curve attribute above medium breakpoint (see [Spacings docs page](/docs/tokens-typography--docs#sizes) for more info). */\n  @Prop() sizeMedium: Font.Sizes = \"inherit\";\n  /** Manually overwrite font size applied by curve attribute above large breakpoint (see [Spacings docs page](/docs/tokens-typography--docs#sizes) for more info). */\n  @Prop() sizeLarge: Font.Sizes = \"inherit\";\n  /** Manually overwrite font size applied by curve attribute above ultra breakpoint (see [Spacings docs page](/docs/tokens-typography--docs#sizes) for more info). */\n  @Prop() sizeUltra: Font.Sizes = \"inherit\";\n\n  render() {\n    return (\n      <Host>\n        <div\n          class={{\n            \"stzh-text\": true,\n            \"stzh-text--is-lead\": this.lead,\n            [`stzh-text--font-${this.font}`]: !!this.font,\n            [`stzh-text--curve-${this.curve}`]: !!this.curve,\n            [`stzh-text--size-${this.size}`]: !!this.size,\n            [`stzh-text--size-small-${this.sizeSmall}`]: !!this.sizeSmall,\n            [`stzh-text--size-medium-${this.sizeMedium}`]: !!this.sizeMedium,\n            [`stzh-text--size-large-${this.sizeLarge}`]: !!this.sizeLarge,\n            [`stzh-text--size-ultra-${this.sizeUltra}`]: !!this.sizeUltra,\n          }}\n        >\n            <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kJAAA,IAAMA,EAAc,um6B,ICiBPC,EAAQC,EAAA,uB,kCAEQ,U,WAGmB,U,UAGL,M,UAGd,U,eAEK,U,gBAEC,U,eAED,U,eAEA,S,CAEhCC,EAAAC,UAAAC,OAAA,W,MACE,OACEC,EAACC,EAAI,KACHD,EAAA,OACEE,OAAKC,EAAA,CACH,YAAa,KACb,qBAAsBC,KAAKC,MAC3BF,EAAC,mBAAAG,OAAmBF,KAAKG,SAAWH,KAAKG,KACzCJ,EAAC,oBAAAG,OAAoBF,KAAKI,UAAYJ,KAAKI,MAC3CL,EAAC,mBAAAG,OAAmBF,KAAKK,SAAWL,KAAKK,KACzCN,EAAC,yBAAAG,OAAyBF,KAAKM,cAAgBN,KAAKM,UACpDP,EAAC,0BAAAG,OAA0BF,KAAKO,eAAiBP,KAAKO,WACtDR,EAAC,yBAAAG,OAAyBF,KAAKQ,cAAgBR,KAAKQ,UACpDT,EAAC,yBAAAG,OAAyBF,KAAKS,cAAgBT,KAAKS,U,IAGpDb,EAAA,c,WArCS,I"}

package/dist/stzh-components/p-341c1c6c.entry.js

@@ -1,2 +0,0 @@
-import{r as s,h as e,a as i,g as t}from"./p-c92165bd.js";import{p as a}from"./p-23d404e1.js";const o=":host{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:var(--stzh-font-style-regular);color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block;}:host[hidden]{display:none}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--show-display:block;--hide-display:none;display:var(--hide-display)}:host([mikro]){display:var(--show-display)}:host([mikro=false]){display:var(--hide-display)}@media screen and (min-width: 600px){:host([small]){display:var(--show-display)}}@media screen and (min-width: 600px){:host([small=false]){display:var(--hide-display)}}@media screen and (min-width: 1024px){:host([medium]){display:var(--show-display)}}@media screen and (min-width: 1024px){:host([medium=false]){display:var(--hide-display)}}@media screen and (min-width: 1260px){:host([large]){display:var(--show-display)}}@media screen and (min-width: 1260px){:host([large=false]){display:var(--hide-display)}}@media screen and (min-width: 1440px){:host([ultra]){display:var(--show-display)}}@media screen and (min-width: 1440px){:host([ultra=false]){display:var(--hide-display)}}";const d=class{constructor(e){s(this,e);this.mikro=undefined;this.small=undefined;this.medium=undefined;this.large=undefined;this.ultra=undefined;this.hideFromDate=undefined}hideFromDateWatcher(s){if(typeof s==="string"){this._hideFromDate=a(s)}else{this._hideFromDate=s}}componentWillLoad(){this.hideFromDateWatcher(this.hideFromDate)}render(){return e(i,{hidden:this._hideFromDate&&Date.now()>=this._hideFromDate.getTime()},e("slot",null))}get element(){return t(this)}static get watchers(){return{hideFromDate:["hideFromDateWatcher"]}}};d.style=o;export{d as stzh_show};
-//# sourceMappingURL=p-341c1c6c.entry.js.map

package/dist/stzh-components/p-341c1c6c.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stzhShowCss","StzhShow","hideFromDateWatcher","newValue","this","_hideFromDate","parseISODate","componentWillLoad","hideFromDate","render","h","Host","hidden","Date","now","getTime"],"sources":["src/components/stzh-show/stzh-show.scss?tag=stzh-show&encapsulation=shadow","src/components/stzh-show/stzh-show.tsx"],"sourcesContent":["/**\n * @prop --show-display: Display value that is used when content is shown (default `block`)\n * @prop --hide-display: Display value that is used when content is hidden (default `none`)\n */\n\n:host {\n  --show-display: block;\n  --hide-display: none;\n\n  display: var(--hide-display);\n}\n\n/* Mikro */\n\n:host([mikro]) {\n  display: var(--show-display);\n}\n\n:host([mikro=\"false\"]) {\n  display: var(--hide-display);\n}\n\n/* Small */\n\n:host([small]) {\n  @include mq($from: small) {\n    display: var(--show-display);\n  }\n}\n\n:host([small=\"false\"]) {\n  @include mq($from: small) {\n    display: var(--hide-display);\n  }\n}\n\n/* Medium */\n\n:host([medium]) {\n  @include mq($from: medium) {\n    display: var(--show-display);\n  }\n}\n\n:host([medium=\"false\"]) {\n  @include mq($from: medium) {\n    display: var(--hide-display);\n  }\n}\n\n/* Large */\n\n:host([large]) {\n  @include mq($from: large) {\n    display: var(--show-display);\n  }\n}\n\n:host([large=\"false\"]) {\n  @include mq($from: large) {\n    display: var(--hide-display);\n  }\n}\n\n/* Ultra */\n\n:host([ultra]) {\n  @include mq($from: ultra) {\n    display: var(--show-display);\n  }\n}\n\n:host([ultra=\"false\"]) {\n  @include mq($from: ultra) {\n    display: var(--hide-display);\n  }\n}","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n  Watch\n} from \"@stencil/core\";\n\nimport { parseISODate } from \"../../utils/date-utils\";\n\n/**\n * @slot - Slot for any content\n */\n@Component({\n  tag: \"stzh-show\",\n  styleUrl: \"stzh-show.scss\",\n  shadow: true\n})\nexport class StzhShow {\n  /** Mikro */\n  @Prop() mikro: boolean;\n\n  /** Small */\n  @Prop() small: boolean;\n\n  /** Medium */\n  @Prop() medium: boolean;\n\n  /** Large */\n  @Prop() large: boolean;\n\n  /** Ultra */\n  @Prop() ultra: boolean;\n\n  /** Hide from date */\n  @Prop() hideFromDate: Date | string;\n  private _hideFromDate: Date;\n\n  @Watch(\"hideFromDate\")\n  hideFromDateWatcher(newValue: Date | string) {\n    if (typeof newValue === \"string\") {\n      this._hideFromDate = parseISODate(newValue);\n    } else {\n      this._hideFromDate = newValue;\n    }\n  }\n\n  @Element() element: HTMLStzhShowElement;\n\n  componentWillLoad() {\n    this.hideFromDateWatcher(this.hideFromDate);\n  }\n\n  render() {\n    return (\n      <Host hidden={this._hideFromDate && Date.now() >= this._hideFromDate.getTime()}>\n        <slot></slot>\n      </Host>\n    );\n  }\n}\n"],"mappings":"6FAAA,MAAMA,EAAc,qhD,MCmBPC,EAAQ,M,+JAqBnB,mBAAAC,CAAoBC,GAClB,UAAWA,IAAa,SAAU,CAChCC,KAAKC,cAAgBC,EAAaH,E,KAC7B,CACLC,KAAKC,cAAgBF,C,EAMzB,iBAAAI,GACEH,KAAKF,oBAAoBE,KAAKI,a,CAGhC,MAAAC,GACE,OACEC,EAACC,EAAI,CAACC,OAAQR,KAAKC,eAAiBQ,KAAKC,OAASV,KAAKC,cAAcU,WACnEL,EAAA,a"}

package/dist/stzh-components/p-41b2f989.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as s,a as o,c as e,F as n,g as r}from"./p-c92165bd.js";import{h as i}from"./p-ba8c574b.js";import"./p-9b063923.js";const h=".sc-stzh-badge-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:var(--stzh-font-style-regular);color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-badge-h{display:none}.sc-stzh-badge-h *.sc-stzh-badge,.sc-stzh-badge-h *.sc-stzh-badge::before,.sc-stzh-badge-h *.sc-stzh-badge::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-badge-h .has-focus.sc-stzh-badge{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}.sc-stzh-badge-h .stzh-fylingfocus-focused.sc-stzh-badge{outline-style:none !important}.sc-stzh-badge-h .stzh-fylingfocus-focused.sc-stzh-badge::-moz-focus-inner{border:0 !important}.sc-stzh-badge-h{--color:var(--stzh-color-white);--background-color:var(--stzh-base-color);display:-ms-inline-flexbox;display:inline-flex}[type=success].sc-stzh-badge-h{--background-color:var(--stzh-color-truegreen)}[type=warning].sc-stzh-badge-h{--color:var(--stzh-color-grey87);--background-color:var(--stzh-color-warning)}[type=error].sc-stzh-badge-h{--background-color:var(--stzh-color-error)}[type=info].sc-stzh-badge-h{--background-color:var(--stzh-color-zueriblue)}.stzh-badge.sc-stzh-badge{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);-webkit-box-sizing:content-box;box-sizing:content-box;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;min-width:0.625rem;font-size:0.625rem;line-height:1.4;-webkit-box-shadow:0 0 0 0.0625rem #fff;box-shadow:0 0 0 0.0625rem #fff;border-radius:0.875rem;padding:0.0625rem 0.375rem;background-color:var(--background-color);color:var(--color);text-transform:uppercase}.stzh-badge.sc-stzh-badge:empty{width:0.875rem;height:0.875rem;padding:0}";const a=class{constructor(s){t(this,s);this.label="";this.type="default"}render(){const t={"stzh-badge":true,[`stzh-badge--type-${this.type}`]:!!this.type};return s(o,null,s("div",{class:t},this.label))}};a.style=h;const c='@charset "UTF-8";.sc-stzh-button-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:var(--stzh-font-style-regular);color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-button-h{display:none}.sc-stzh-button-h *.sc-stzh-button,.sc-stzh-button-h *.sc-stzh-button::before,.sc-stzh-button-h *.sc-stzh-button::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-button-h .has-focus.sc-stzh-button{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}.sc-stzh-button-h .stzh-fylingfocus-focused.sc-stzh-button{outline-style:none !important}.sc-stzh-button-h .stzh-fylingfocus-focused.sc-stzh-button::-moz-focus-inner{border:0 !important}.sc-stzh-button-h{--color:var(--stzh-color-white);--background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--border-width:0.0625rem;--border-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--border-radius:var(--stzh-button-border-radius);--height:var(--stzh-form-input-height);--icon-size:var(--stzh-icon-size-small);--icon-text-margin:var(--stzh-space-small);--badge-icon-text-margin:calc(var(--icon-text-margin) + var(--stzh-space-xxsmall));--padding:calc(var(--stzh-space-xsmall) - 0.0625rem) var(--stzh-space-xlarge);--white-space:normal;--box-shadow:none;--cursor:pointer;--hover-color:var(--stzh-color-white);--hover-background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--floating-position:sticky;--floating-float:right;--floating-top:auto;--floating-bottom:var(--stzh-space-medium);--floating-left:auto;--floating-right:var(--stzh-space-medium);display:inline-block}@media print{.sc-stzh-button-h{-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media screen and (min-width: 600px){.sc-stzh-button-h{--floating-bottom:var(--stzh-space-xlarge);--floating-right:var(--stzh-space-xlarge)}}[fullwidth].sc-stzh-button-h:not([fullwidth=false]){width:100%;display:block}[rounded].sc-stzh-button-h:not([rounded=false]){--border-radius:var(--height)}[floating].sc-stzh-button-h:not([floating=false]){--box-shadow:var(--stzh-box-shadow-overlay);position:var(--floating-position);top:var(--floating-top);bottom:var(--floating-bottom);left:var(--floating-left);right:var(--floating-right);float:var(--floating-float)}[size=small].sc-stzh-button-h{--height:var(--stzh-form-input-small-height)}[size=tiny].sc-stzh-button-h{--height:var(--stzh-form-input-tiny-height);--icon-text-margin:var(--stzh-space-xsmall);--padding:calc(var(--stzh-space-xxsmall) - 0.0625rem) var(--stzh-space-medium)}[variant=secondary].sc-stzh-button-h{--color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--background-color:var(--stzh-color-white);--border-color:var(--stzh-color-primary60op)}[variant=input].sc-stzh-button-h{--color:var(--stzh-color-grey61);--background-color:transparent;--border-color:var(--stzh-color-grey61);--hover-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-background-color:transparent;--hover-border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}[variant=tertiary].sc-stzh-button-h{--color:var(--stzh-color-primary, var(--stzh-color-zueriblue));--background-color:transparent;--border-color:transparent;--hover-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-background-color:var(--stzh-button-text-hover-background);--hover-border-color:transparent}[active].sc-stzh-button-h:not([active=false]){--color:var(--stzh-color-white);--background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-color:var(--stzh-color-white);--hover-background-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));--hover-border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}[disabled].sc-stzh-button-h:not([disabled=false]),[a11y-disabled].sc-stzh-button-h:not([a11y-disabled=false]){--border-color:var(--stzh-color-grey13);--background-color:var(--stzh-color-grey13);--hover-border-color:var(--stzh-color-grey13);--hover-background-color:var(--stzh-color-grey13)}[disabled].sc-stzh-button-h:not([disabled=false])[variant=secondary],[disabled].sc-stzh-button-h:not([disabled=false])[variant=input],[disabled].sc-stzh-button-h:not([disabled=false])[variant=tertiary],[a11y-disabled].sc-stzh-button-h:not([a11y-disabled=false])[variant=secondary],[a11y-disabled].sc-stzh-button-h:not([a11y-disabled=false])[variant=input],[a11y-disabled].sc-stzh-button-h:not([a11y-disabled=false])[variant=tertiary]{--color:var(--stzh-color-grey25);--border-color:var(--stzh-color-grey13);--background-color:transparent;--hover-color:var(--stzh-color-grey25);--hover-border-color:var(--stzh-color-grey13);--hover-background-color:transparent}@-webkit-keyframes stzh-button-effect-cta{0%,20%,50%,80%,100%{-webkit-transform:translateX(0);transform:translateX(0)}40%{-webkit-transform:translateX(-0.5rem);transform:translateX(-0.5rem)}60%{-webkit-transform:translateX(-0.25rem);transform:translateX(-0.25rem)}}@keyframes stzh-button-effect-cta{0%,20%,50%,80%,100%{-webkit-transform:translateX(0);transform:translateX(0)}40%{-webkit-transform:translateX(-0.5rem);transform:translateX(-0.5rem)}60%{-webkit-transform:translateX(-0.25rem);transform:translateX(-0.25rem)}}.sc-stzh-button-h .sc-stzh-button-s>stzh-icon,.stzh-button__icon.sc-stzh-button{--size:var(--icon-size)}.stzh-button.sc-stzh-button{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);line-height:1.25;font-family:inherit;position:relative;z-index:0;overflow:visible;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:stretch;justify-content:stretch;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--color);padding:var(--padding);background-color:var(--background-color);-webkit-transition-duration:var(--stzh-base-transition-animation-speed);transition-duration:var(--stzh-base-transition-animation-speed);-webkit-transition-property:color, background-color, border-color;transition-property:color, background-color, border-color;border-style:solid;border-width:var(--border-width);border-color:var(--border-color);cursor:var(--cursor);-webkit-text-decoration-line:none;text-decoration-line:none;width:100%;min-width:var(--height);min-height:var(--height);border-radius:var(--border-radius);text-align:left;-webkit-box-shadow:var(--box-shadow);box-shadow:var(--box-shadow)}.stzh-button.sc-stzh-button:hover{border-color:var(--hover-border-color);background-color:var(--hover-background-color);color:var(--hover-color)}.stzh-button__vhidden.sc-stzh-button{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-button__inner.sc-stzh-button{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-positive:1;flex-grow:1}.stzh-button__icon-wrapper.sc-stzh-button{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-negative:0;flex-shrink:0;width:auto;height:1em}.stzh-button__text.sc-stzh-button{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;white-space:var(--white-space);text-align:center}.stzh-button__icon-wrapper.sc-stzh-button:not(:empty)+.stzh-button__text.sc-stzh-button:not(:empty),.stzh-button__text.sc-stzh-button:not(:empty)+.stzh-button__icon-wrapper.sc-stzh-button:not(:empty){margin-left:var(--icon-text-margin)}.stzh-button__badge.sc-stzh-button{position:absolute;z-index:1;top:0;right:0}.stzh-button__input.sc-stzh-button{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;z-index:-1;opacity:0;pointer-events:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.stzh-button__mark.sc-stzh-button{border:0.0625rem solid var(--stzh-color-grey61);background-color:var(--stzh-color-white);width:1.5rem;height:1.5rem;-ms-flex-negative:0;flex-shrink:0;border-radius:50%;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-transition:border-color var(--stzh-base-transition-animation-speed);transition:border-color var(--stzh-base-transition-animation-speed);width:1.25rem;height:1.25rem;margin-right:var(--stzh-space-xsmall);border-color:currentColor}.stzh-button__mark.sc-stzh-button::before{content:""}.stzh-button__check.sc-stzh-button{background-color:currentColor;color:var(--stzh-color-primary, var(--stzh-color-zueriblue));width:0.5rem;height:0.5rem;border-radius:50%;opacity:0}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-button__check.sc-stzh-button{background-color:ButtonText}}.stzh-button__input.sc-stzh-button:checked:hover~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button .stzh-button__check.sc-stzh-button,.stzh-button__input.sc-stzh-button:checked:focus~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button .stzh-button__check.sc-stzh-button{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-button.sc-stzh-button:hover .stzh-button__mark.sc-stzh-button,.stzh-button__input.sc-stzh-button:focus:hover~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button,.stzh-button__input.sc-stzh-button:checked:hover~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button,.stzh-button__input.sc-stzh-button:checked:focus~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button{border-color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-button__input.sc-stzh-button:focus~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button,.stzh-button__input.sc-stzh-button:checked~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button{border-color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-button__input.sc-stzh-button:checked~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button .stzh-button__check.sc-stzh-button{opacity:1}.stzh-button--is-disabled.sc-stzh-button .stzh-button__input.sc-stzh-button~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button .stzh-button__check.sc-stzh-button{color:var(--stzh-color-grey61)}.stzh-button--is-disabled.sc-stzh-button .stzh-button__input.sc-stzh-button~.stzh-button__inner.sc-stzh-button .stzh-button__mark.sc-stzh-button{border-color:transparent}.stzh-button--is-disabled.sc-stzh-button .stzh-button__mark.sc-stzh-button{background-color:var(--stzh-color-black8)}.stzh-button--size-small.sc-stzh-button,.stzh-button--size-tiny.sc-stzh-button{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}.stzh-button--badge-position-button.sc-stzh-button .stzh-button__icon-wrapper.sc-stzh-button{position:static}.stzh-button__badge.sc-stzh-button,.stzh-button--badge-position-button.sc-stzh-button .stzh-button__badge.sc-stzh-button{top:calc(var(--stzh-space-xsmall) * -1);right:calc(var(--stzh-space-xsmall) * -1)}.stzh-button--badge-position-icon.stzh-button--has-icon.sc-stzh-button .stzh-button__icon-wrapper.sc-stzh-button{position:relative}.stzh-button--badge-position-icon.stzh-button--has-icon.sc-stzh-button .stzh-button__badge.sc-stzh-button{top:calc(var(--stzh-space-xsmall) * -1);right:calc(var(--stzh-space-small) * -1)}.stzh-button--badge-position-icon.stzh-button--has-icon.stzh-button--has-badge.sc-stzh-button .stzh-button__icon-wrapper.sc-stzh-button:not(:empty)+.stzh-button__text.sc-stzh-button:not(:empty),.stzh-button--badge-position-icon.stzh-button--has-icon.stzh-button--has-badge.sc-stzh-button .stzh-button__text.sc-stzh-button:not(:empty)+.stzh-button__icon-wrapper.sc-stzh-button:not(:empty){margin-left:var(--badge-icon-text-margin)}.stzh-button--has-icon-only.sc-stzh-button{width:var(--height);height:var(--height);padding:0}.stzh-button--has-icon-only.sc-stzh-button .stzh-button__text.sc-stzh-button{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-button--effect-cta.sc-stzh-button:hover .stzh-button__icon-wrapper.sc-stzh-button{-webkit-animation:stzh-button-effect-cta 1s;animation:stzh-button-effect-cta 1s}.stzh-button--align-left.sc-stzh-button .stzh-button__inner.sc-stzh-button{-ms-flex-pack:start;justify-content:flex-start}.stzh-button--align-right.sc-stzh-button .stzh-button__inner.sc-stzh-button{-ms-flex-pack:end;justify-content:flex-end}.stzh-button--align-center.sc-stzh-button .stzh-button__inner.sc-stzh-button{-ms-flex-pack:center;justify-content:center}.stzh-button--align-space-between.sc-stzh-button .stzh-button__inner.sc-stzh-button{-ms-flex-pack:justify;justify-content:space-between}.stzh-button--is-disabled.sc-stzh-button{cursor:not-allowed}.stzh-button.has-focus.sc-stzh-button{outline-offset:0.1875rem}.stzh-button--default.has-focus.sc-stzh-button{outline:var(--stzh-flyingfocus-color) solid 0.1875rem}';const l=class{constructor(s){t(this,s);this.stzhFocus=e(this,"stzhFocus",7);this.stzhBlur=e(this,"stzhBlur",7);this.stzhChange=e(this,"stzhChange",7);this.focusedByInput=false;this.onInput=t=>{this.checked=this.input.checked;this.stzhChange.emit({component:"stzh-button",originalEvent:t,value:this.value,checked:this.checked})};this.onRootFocus=()=>{if(!this.focusedByInput){this.setFocus()}this.focusedByInput=false};this.onFocus=t=>{this.focusedByInput=true;const s=new FocusEvent("focus",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(s);this.stzhFocus.emit({component:"stzh-button",originalEvent:t})};this.onBlur=t=>{const s=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(s);this.stzhBlur.emit({component:"stzh-button",originalEvent:t})};this.onClick=t=>{if(this.disabled){t.stopPropagation();t.preventDefault()}};this.localization=undefined;this.badge="";this.badgeType="default";this.badgePosition="button";this.badgeEmpty=false;this.fullwidth=false;this.rounded=false;this.floating=false;this.size="default";this.textAlign="default";this.variant="default";this.icon="";this.iconPosition="left";this.checked=false;this.name="";this.value="";this.href="";this.rel=undefined;this.target="";this.download=undefined;this.type="button";this.disabled=false;this.active=false;this.label="";this.effect="default";this.iconOnly=false;this.linkAccesskey=undefined;this.a11yLabel=undefined;this.a11yDescribedby="";this.a11yExpanded=undefined;this.a11yDisabled=undefined;this.a11yControls=undefined;this.a11yTabindex=undefined;this.analyticsId=undefined}async setFocus(){this.button.focus()}renderIcon(t){return s("div",{class:"stzh-button__icon-wrapper"},this.icon?s("stzh-icon",{class:"stzh-button__icon",name:this.icon}):s("slot",{name:"icon"}),(this.badge||this.badgeEmpty)&&this.badgePosition==="icon"&&t&&s("stzh-badge",{class:"stzh-button__badge",label:this.badge,type:this.badgeType}))}renderContent(){return s("div",{class:"stzh-button__text"},this.rel&&this.rel.includes("external")&&s("div",{class:"stzh-button__vhidden"},this.localization.$globals.externalLinkLabel),this.download&&s("div",{class:"stzh-button__vhidden"},this.localization.$globals.downloadLinkLabel),s("div",{ref:t=>this.text=t},this.label?this.label:s("slot",null)))}renderInner(t){return s(n,null,s("div",{class:"stzh-button__inner",onClick:this.onClick},this.type==="radio"&&s("div",{class:"stzh-button__mark"},s("div",{class:"stzh-button__check"})),this.iconPosition==="left"&&this.renderIcon(t),this.renderContent(),this.iconPosition==="right"&&this.renderIcon(t)),(this.badge||this.badgeEmpty)&&(this.badgePosition==="button"||!t)&&s("stzh-badge",{class:"stzh-button__badge",label:this.badge,type:this.badgeType,onClick:this.onClick}))}async componentWillLoad(){if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"button")}}componentDidRender(){requestAnimationFrame((()=>{this.button.setAttribute("s-object-id",this.analyticsId||this.text.innerText)}))}render(){const t=i(this.element,"icon")||!!this.icon;const e={"stzh-button":true,"stzh-button--has-icon":t,"stzh-button--has-icon-only":this.iconOnly,"stzh-button--has-badge":!!this.badge,"stzh-button--is-floating":this.floating,"stzh-button--is-rounded":this.rounded,"stzh-button--is-fullwidth":this.fullwidth,"stzh-button--is-disabled":this.disabled||this.a11yDisabled,"stzh-button--is-active":this.active,[`stzh-button--effect-${this.effect}`]:!!this.effect,[`stzh-button--badge-position-${this.badgePosition}`]:!!this.badgePosition,[`stzh-button--align-${this.textAlign}`]:!!this.textAlign,[`stzh-button--size-${this.size}`]:!!this.size,[`stzh-button--type-${this.type}`]:!!this.type,[`stzh-button--${this.variant}`]:!!this.variant};return s(o,{tabindex:this.disabled?null:"-1",onFocus:this.onRootFocus},this.href?s("a",{ref:t=>this.button=t,href:this.disabled?null:this.href,rel:this.rel,download:this.download,target:this.target,class:e,"aria-label":this.a11yLabel||null,"aria-describedby":this.a11yDescribedby||null,"aria-disabled":typeof this.a11yDisabled!=="undefined"?this.a11yDisabled?"true":"false":null,"aria-expanded":typeof this.a11yExpanded!=="undefined"?this.a11yExpanded?"true":"false":null,"aria-controls":this.a11yControls||null,accessKey:this.linkAccesskey,tabindex:this.a11yTabindex,onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick},this.renderInner(t)):this.type==="radio"?s("label",{ref:t=>this.button=t,class:e,onClick:this.onClick},s("input",{ref:t=>this.input=t,type:"radio",class:"stzh-button__input",name:this.name,value:this.value,checked:this.checked,disabled:this.disabled,"aria-label":this.a11yLabel||null,"aria-describedby":this.a11yDescribedby||null,"aria-disabled":typeof this.a11yDisabled!=="undefined"?this.a11yDisabled?"true":"false":null,"aria-expanded":typeof this.a11yExpanded!=="undefined"?this.a11yExpanded?"true":"false":null,"aria-controls":this.a11yControls||null,accessKey:this.linkAccesskey,tabindex:this.a11yTabindex,onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick,onInput:this.onInput}),this.renderInner(t)):s("button",{ref:t=>this.button=t,class:e,type:this.type,disabled:this.disabled,"aria-label":this.a11yLabel||null,"aria-describedby":this.a11yDescribedby||null,"aria-disabled":typeof this.a11yDisabled!=="undefined"?this.a11yDisabled?"true":"false":null,"aria-expanded":typeof this.a11yExpanded!=="undefined"?this.a11yExpanded?"true":"false":null,"aria-controls":this.a11yControls||null,accessKey:this.linkAccesskey,tabindex:this.a11yTabindex,onFocus:this.onFocus,onBlur:this.onBlur,onClick:this.onClick},this.renderInner(t)))}get element(){return r(this)}};l.style=c;const b=".sc-stzh-icon-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:var(--stzh-font-style-regular);color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-icon-h{display:none}.sc-stzh-icon-h *.sc-stzh-icon,.sc-stzh-icon-h *.sc-stzh-icon::before,.sc-stzh-icon-h *.sc-stzh-icon::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-icon-h .has-focus.sc-stzh-icon{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}.sc-stzh-icon-h .stzh-fylingfocus-focused.sc-stzh-icon{outline-style:none !important}.sc-stzh-icon-h .stzh-fylingfocus-focused.sc-stzh-icon::-moz-focus-inner{border:0 !important}.sc-stzh-icon-h{--size:var(--stzh-icon-size-default);display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;color:currentColor;vertical-align:text-top}.stzh-icon.sc-stzh-icon{width:var(--size);height:var(--size)}";let u=0;const z=class{constructor(s){t(this,s);this.name="";this.a11yTitle=""}componentWillLoad(){this.iconId=`stzh-icon-${u++}`}render(){return s(o,null,this.name&&s("svg",{class:"stzh-icon",role:this.a11yTitle?"img":"presentation","aria-hidden":this.a11yTitle?null:"true",focusable:this.a11yTitle?"true":"false","aria-labelledby":this.a11yTitle?`${this.iconId}-title`:null},this.a11yTitle&&s("title",{id:`${this.iconId}-title`},this.a11yTitle),s("use",{href:`#stzh-icon-${this.name}`})))}};z.style=b;export{a as stzh_badge,l as stzh_button,z as stzh_icon};
-//# sourceMappingURL=p-41b2f989.entry.js.map

package/dist/stzh-components/p-52e9dbe5.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as o,F as s,a as e,g as i}from"./p-c92165bd.js";import{s as r,h as n}from"./p-ba8c574b.js";import"./p-9b063923.js";const l=":host{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:var(--stzh-font-style-regular);color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block;}:host[hidden]{display:none}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}@media print{stzh-footer{display:none}}.stzh-footer{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:var(--stzh-font-style-regular);color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block;font-size:var(--stzh-font-pico-font-size);line-height:var(--stzh-font-pico-text-line-height);background-color:var(--stzh-color-white);padding:var(--stzh-space-xlarge) 0;}.stzh-footer[hidden]{display:none}.stzh-footer *,.stzh-footer *::before,.stzh-footer *::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.stzh-footer .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}.stzh-footer .stzh-fylingfocus-focused{outline-style:none !important}.stzh-footer .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}.stzh-footer [slot=logo],.stzh-footer [slot=logo] img{display:block;height:2.375rem}.stzh-footer [slot=info]{margin:0}.stzh-footer stzh-link[slot=info],.stzh-footer stzh-link[slot=link],.stzh-footer stzh-link[slot=social-link],.stzh-footer stzh-link.stzh-footer__link{--color:var(--stzh-base-color);--text-decoration-line:none;--icon-wrapper-height:auto;--icon-size:var(--stzh-icon-size-large)}.stzh-footer stzh-link[slot=info] .stzh-link,.stzh-footer stzh-link[slot=link] .stzh-link,.stzh-footer stzh-link[slot=social-link] .stzh-link,.stzh-footer stzh-link.stzh-footer__link .stzh-link{font-size:inherit}.stzh-footer stzh-link[slot=social-link]{margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.stzh-footer stzh-link[slot=social-link]{margin-bottom:0;margin-right:var(--stzh-space-large)}}.stzh-footer stzh-link[slot=info]:not(:last-child){margin-bottom:var(--stzh-space-small)}.stzh-footer stzh-link[slot=link]:not(:last-child){margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 800px){.stzh-footer stzh-link[slot=link]:not(:last-child){margin-bottom:0;margin-right:var(--stzh-space-large)}}.stzh-footer__wrapper{margin-left:1.25rem;margin-right:1.25rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}@media screen and (min-width: 600px){.stzh-footer__wrapper{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 1024px){.stzh-footer__wrapper{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-footer__wrapper{margin-left:5.5rem;margin-right:5.5rem}}@media screen and (min-width: 1440px){.stzh-footer__wrapper{margin-left:auto;margin-right:auto;width:78.75rem}}@media screen and (min-width: 1024px){.stzh-footer__wrapper{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}}.stzh-footer__logo:empty,.stzh-footer__info:empty,.stzh-footer__social-link:empty,.stzh-footer__links:empty{display:none}.stzh-footer__logo:not(:empty){margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.stzh-footer__logo:not(:empty){margin-bottom:0}}.stzh-footer__info{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}.stzh-footer__info:not(:empty){margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.stzh-footer__info:not(:empty){margin-bottom:0}}@media screen and (min-width: 1024px){.stzh-footer__logo,.stzh-footer__social-link{margin-right:auto}}@media screen and (min-width: 1024px){.stzh-footer__links{margin-left:auto}}.stzh-footer__links,.stzh-footer__link-list,.stzh-footer slot-fb[name=link]:not([hidden]){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}@media screen and (min-width: 800px){.stzh-footer__links,.stzh-footer__link-list,.stzh-footer slot-fb[name=link]:not([hidden]){-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}}.stzh-footer__copyright:not(:empty)+.stzh-footer__link-list:not(:empty){margin-top:var(--stzh-space-small)}@media screen and (min-width: 800px){.stzh-footer__copyright:not(:empty)+.stzh-footer__link-list:not(:empty){margin-top:0;margin-left:var(--stzh-space-large)}}@media screen and (min-width: 1024px){.stzh-footer--has-logo .stzh-footer__wrapper,.stzh-footer--has-info .stzh-footer__wrapper{-ms-flex-align:start;align-items:flex-start}}.stzh-footer--has-border{border-top:0.0625rem solid var(--stzh-base-border-color)}";const a=class{constructor(o){t(this,o);this.init=()=>{const t=this.element.querySelector('stzh-link[slot="social-link"]');const o=this.element.querySelectorAll('stzh-link[slot="link"]');if(t){r(t,{icon:"social-media"})}o.forEach((t=>{t.setAttribute("role","listitem")}))};this.localization=undefined;this.copyright=undefined;this.variant="default";this.mainUrl="https://www.stadt-zuerich.ch";this.withBorder=false}async componentWillLoad(){if(typeof this.copyright==="undefined"){const t=new Date;this.copyright=`© ${t.getFullYear()} Stadt Zürich`}if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"footer")}}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=n(this.element,"logo");const i=n(this.element,"info");const r=n(this.element,"link");const l=n(this.element,"social-link");const a={"stzh-footer":true,"stzh-footer--has-border":this.withBorder,"stzh-footer--has-logo":t,"stzh-footer--has-info":i,"stzh-footer--has-links":r,"stzh-footer--has-social-link":l};return o(e,null,o("footer",{class:a},o("div",{class:"stzh-footer__wrapper"},o("div",{class:"stzh-footer__social-link"},o("slot",{name:"social-link"})),o("div",{class:"stzh-footer__logo"},o("slot",{name:"logo"})),o("div",{class:"stzh-footer__info"},o("slot",{name:"info"})),o("div",{class:"stzh-footer__links"},this.copyright&&o("div",{class:"stzh-footer__copyright"},this.copyright),o("div",{class:"stzh-footer__link-list",role:"list"},o("slot",{name:"link"},this.variant==="egov"&&o(s,null,o("stzh-link",{slot:"link",target:"_blank",class:"stzh-footer__link",href:`${this.mainUrl}/${this.localization.legalNoticeUrl}`},this.localization.legalNoticeText),o("stzh-link",{slot:"link",target:"_blank",class:"stzh-footer__link",href:`${this.mainUrl}/${this.localization.imprintUrl}`},this.localization.imprintText),o("stzh-link",{class:"stzh-footer__link",slot:"link",target:"_blank",href:`${this.mainUrl}/${this.localization.accessibilityUrl}`},this.localization.accessibilityText))))))))}get element(){return i(this)}};a.style=l;export{a as stzh_footer};
-//# sourceMappingURL=p-52e9dbe5.entry.js.map

package/dist/stzh-components/p-52e9dbe5.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stzhFooterCss","StzhFooter","this","init","socialLink","element","querySelector","links","querySelectorAll","setPropsIfNull","icon","forEach","link","setAttribute","componentWillLoad","copyright","currentDate","Date","getFullYear","localization","window","stzhComponents","utils","fetchTranslations","connectedCallback","observer","MutationObserver","observe","childList","subtree","disconnectedCallback","disconnect","render","logoSlotUsed","hasSlot","infoSlotUsed","linkSlotUsed","socialLinkSlotUsed","classes","withBorder","h","Host","class","name","role","variant","Fragment","slot","target","href","mainUrl","legalNoticeUrl","legalNoticeText","imprintUrl","imprintText","accessibilityUrl","accessibilityText"],"sources":["src/components/stzh-footer/stzh-footer.scss?tag=stzh-footer","src/components/stzh-footer/stzh-footer.tsx"],"sourcesContent":["stzh-footer {\n  @media print {\n    display: none;\n  }\n}\n\n.stzh-footer {\n  @include host;\n  @include fontSize('pico');\n  background-color: $colorWhite;\n  padding: space('xlarge') 0;\n\n  [slot=\"logo\"],\n  [slot=\"logo\"] img {\n    display: block;\n    height: 38px;\n  }\n\n  [slot=\"info\"] {\n    margin: 0;\n  }\n\n  stzh-link[slot=\"info\"],\n  stzh-link[slot=\"link\"],\n  stzh-link[slot=\"social-link\"],\n  stzh-link#{&}__link {\n    --color: #{$baseColor};\n    --text-decoration-line: none;\n    --icon-wrapper-height: auto;\n    --icon-size: #{iconSize('large')};\n\n    .stzh-link {\n      font-size: inherit;\n    }\n  }\n\n  stzh-link[slot=\"social-link\"] {\n    margin-bottom: space('xlarge');\n\n    @include mq($from: medium) {\n      margin-bottom: 0;\n      margin-right: space('large');\n    }\n  }\n\n  stzh-link[slot=\"info\"] {\n    &:not(:last-child) {\n      margin-bottom: space('small');\n    }\n  }\n\n  stzh-link[slot=\"link\"]{\n    &:not(:last-child) {\n      margin-bottom: space('small');\n\n      @include mq($from: smallheader) {\n        margin-bottom: 0;\n        margin-right: space('large');\n      }\n    }\n  }\n\n  &__wrapper {\n    @include container;\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n\n    @include mq($from: medium) {\n      flex-direction: row;\n      align-items: center;\n      justify-content: space-between;\n    }\n  }\n\n  &__logo,\n  &__info,\n  &__social-link,\n  &__links {\n    &:empty {\n      display: none;\n    }\n  }\n\n  &__logo {\n    &:not(:empty) {\n      margin-bottom: space('medium');\n\n      @include mq($from: medium) {\n        margin-bottom: 0;\n      }\n    }\n  }\n\n  &__info {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n\n    &:not(:empty) {\n      margin-bottom: space('xlarge');\n\n      @include mq($from: medium) {\n        margin-bottom: 0;\n      }\n    }\n  }\n\n  &__logo,\n  &__social-link {\n    @include mq($from: medium) {\n      margin-right: auto;\n    }\n  }\n\n  &__links {\n    @include mq($from: medium) {\n      margin-left: auto;\n    }\n  }\n\n  &__links,\n  &__link-list,\n  slot-fb[name=\"link\"]:not([hidden]) {\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n\n    @include mq($from: smallheader) {\n      flex-direction: row;\n      align-items: center;\n    }\n  }\n\n  &__copyright:not(:empty) + &__link-list:not(:empty) {\n    margin-top: space('small');\n\n    @include mq($from: smallheader) {\n      margin-top: 0;\n      margin-left: space('large');\n    }\n  }\n\n  /* Logo or info filled variant */\n\n  &--has-logo &__wrapper,\n  &--has-info &__wrapper{\n    @include mq($from: medium) {\n      align-items: flex-start;\n    }\n  }\n\n  /* Has border */\n\n  &--has-border {\n    border-top: 1px solid $baseBorderColor;\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n  Fragment,\n} from \"@stencil/core\";\n\nimport { StzhFooterLocalizedText } from './stzh-footer.localization';\n\nimport { hasSlot, setPropsIfNull } from \"../../utils/utils\";\n\n/**\n * @slot - Slot for content\n * @slot social-link - Slot for social `stzh-link`\n * @slot logo - Slot for logo `img`\n * @slot info - Slot for info content\n * @slot link - Slot for `stzh-link` elements\n */\n@Component({\n  tag: \"stzh-footer\",\n  styleUrl: \"stzh-footer.scss\"\n})\nexport class StzhFooter {\n  /** Translation strings */\n  @Prop() localization: StzhFooterLocalizedText;\n\n  /** Copyright text (will show default copyright string if undefined) */\n  @Prop() copyright: string;\n\n  /** Footer variant */\n  @Prop() variant: \"default\" | \"egov\" = \"default\";\n\n  /** Main URL for shortlinks */\n  @Prop() mainUrl: string = \"https://www.stadt-zuerich.ch\";\n\n  /** Whether to display separation border */\n  @Prop() withBorder: boolean = false;\n\n  @Element() element: HTMLStzhFooterElement;\n\n  private observer: MutationObserver;\n\n  private init = () => {\n    const socialLink = this.element.querySelector('stzh-link[slot=\"social-link\"]');\n    const links = this.element.querySelectorAll('stzh-link[slot=\"link\"]');\n\n    if (socialLink) {\n      setPropsIfNull(socialLink, {\n        icon: \"social-media\"\n      } as HTMLStzhLinkElement | HTMLStzhButtonElement);\n    }\n\n    links.forEach((link) => {\n      link.setAttribute(\"role\", \"listitem\");\n    });\n  }\n\n  async componentWillLoad() {\n    if (typeof this.copyright === \"undefined\") {\n      const currentDate = new Date();\n      this.copyright = `© ${currentDate.getFullYear()} Stadt Zürich`;\n    }\n\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, 'footer');\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 logoSlotUsed = hasSlot(this.element, \"logo\");\n    const infoSlotUsed = hasSlot(this.element, \"info\");\n    const linkSlotUsed = hasSlot(this.element, \"link\");\n    const socialLinkSlotUsed = hasSlot(this.element, \"social-link\");\n\n    const classes = {\n      \"stzh-footer\": true,\n      \"stzh-footer--has-border\": this.withBorder,\n      \"stzh-footer--has-logo\": logoSlotUsed,\n      \"stzh-footer--has-info\": infoSlotUsed,\n      \"stzh-footer--has-links\": linkSlotUsed,\n      \"stzh-footer--has-social-link\": socialLinkSlotUsed\n    };\n\n    return (\n      <Host>\n        <footer class={classes}>\n          <div class=\"stzh-footer__wrapper\">\n            <div class=\"stzh-footer__social-link\">\n              <slot name=\"social-link\"></slot>\n            </div>\n\n            <div class=\"stzh-footer__logo\">\n              <slot name=\"logo\"></slot>\n            </div>\n\n            <div class=\"stzh-footer__info\">\n              <slot name=\"info\"></slot>\n            </div>\n\n            <div class=\"stzh-footer__links\">\n              {this.copyright &&\n                <div class=\"stzh-footer__copyright\">\n                  {this.copyright}\n                </div>\n              }\n              <div class=\"stzh-footer__link-list\" role=\"list\">\n                <slot name=\"link\">\n                  {this.variant === \"egov\" &&\n                    <Fragment>\n                      <stzh-link\n                        slot=\"link\"\n                        target=\"_blank\"\n                        class=\"stzh-footer__link\"\n                        href={`${this.mainUrl}/${this.localization.legalNoticeUrl}`}\n                      >\n                        {this.localization.legalNoticeText}\n                      </stzh-link>\n                      <stzh-link\n                        slot=\"link\"\n                        target=\"_blank\"\n                        class=\"stzh-footer__link\"\n                        href={`${this.mainUrl}/${this.localization.imprintUrl}`}\n                      >\n                        {this.localization.imprintText}\n                      </stzh-link>\n                      <stzh-link\n                        class=\"stzh-footer__link\"\n                        slot=\"link\"\n                        target=\"_blank\"\n                        href={`${this.mainUrl}/${this.localization.accessibilityUrl}`}\n                      >\n                        {this.localization.accessibilityText}\n                      </stzh-link>\n                    </Fragment>\n                  }\n                </slot>\n              </div>\n            </div>\n          </div>\n        </footer>\n      </Host>\n    );\n  }\n}\n"],"mappings":"mIAAA,MAAMA,EAAgB,gsK,MCwBTC,EAAU,M,yBAoBbC,KAAAC,KAAO,KACb,MAAMC,EAAaF,KAAKG,QAAQC,cAAc,iCAC9C,MAAMC,EAAQL,KAAKG,QAAQG,iBAAiB,0BAE5C,GAAIJ,EAAY,CACdK,EAAeL,EAAY,CACzBM,KAAM,gB,CAIVH,EAAMI,SAASC,IACbA,EAAKC,aAAa,OAAQ,WAAW,GACrC,E,kEAxBkC,U,aAGZ,+B,gBAGI,K,CAqB9B,uBAAMC,GACJ,UAAWZ,KAAKa,YAAc,YAAa,CACzC,MAAMC,EAAc,IAAIC,KACxBf,KAAKa,UAAY,KAAKC,EAAYE,4B,CAGpC,IAAKhB,KAAKiB,aAAc,CACtBjB,KAAKiB,mBAAqBC,OAAOC,eAAeC,MAAMC,kBAAkBrB,KAAKG,QAAS,S,EAI1F,iBAAAmB,GACEtB,KAAKC,OAELD,KAAKuB,SAAW,IAAIC,iBAAiBxB,KAAKC,MAC1CD,KAAKuB,SAASE,QAAQzB,KAAKG,QAAS,CAClCuB,UAAW,KACXC,QAAS,M,CAIb,oBAAAC,GACE,GAAI5B,KAAKuB,SAAU,CACjBvB,KAAKuB,SAASM,Y,EAIlB,MAAAC,GACE,MAAMC,EAAeC,EAAQhC,KAAKG,QAAS,QAC3C,MAAM8B,EAAeD,EAAQhC,KAAKG,QAAS,QAC3C,MAAM+B,EAAeF,EAAQhC,KAAKG,QAAS,QAC3C,MAAMgC,EAAqBH,EAAQhC,KAAKG,QAAS,eAEjD,MAAMiC,EAAU,CACd,cAAe,KACf,0BAA2BpC,KAAKqC,WAChC,wBAAyBN,EACzB,wBAAyBE,EACzB,yBAA0BC,EAC1B,+BAAgCC,GAGlC,OACEG,EAACC,EAAI,KACHD,EAAA,UAAQE,MAAOJ,GACbE,EAAA,OAAKE,MAAM,wBACTF,EAAA,OAAKE,MAAM,4BACTF,EAAA,QAAMG,KAAK,iBAGbH,EAAA,OAAKE,MAAM,qBACTF,EAAA,QAAMG,KAAK,UAGbH,EAAA,OAAKE,MAAM,qBACTF,EAAA,QAAMG,KAAK,UAGbH,EAAA,OAAKE,MAAM,sBACRxC,KAAKa,WACJyB,EAAA,OAAKE,MAAM,0BACRxC,KAAKa,WAGVyB,EAAA,OAAKE,MAAM,yBAAyBE,KAAK,QACvCJ,EAAA,QAAMG,KAAK,QACRzC,KAAK2C,UAAY,QAChBL,EAACM,EAAQ,KACPN,EAAA,aACEO,KAAK,OACLC,OAAO,SACPN,MAAM,oBACNO,KAAM,GAAG/C,KAAKgD,WAAWhD,KAAKiB,aAAagC,kBAE1CjD,KAAKiB,aAAaiC,iBAErBZ,EAAA,aACEO,KAAK,OACLC,OAAO,SACPN,MAAM,oBACNO,KAAM,GAAG/C,KAAKgD,WAAWhD,KAAKiB,aAAakC,cAE1CnD,KAAKiB,aAAamC,aAErBd,EAAA,aACEE,MAAM,oBACNK,KAAK,OACLC,OAAO,SACPC,KAAM,GAAG/C,KAAKgD,WAAWhD,KAAKiB,aAAaoC,oBAE1CrD,KAAKiB,aAAaqC,yB"}

package/dist/stzh-components/p-53e44e89.system.js

@@ -1,2 +0,0 @@
-System.register(["./p-774595ba.system.js"],(function(t){"use strict";var e;return{setters:[function(t){e=t.d}],execute:function(){t({g:o,h:r,i:u,s:n});function r(t,e){if(e){return t.querySelector('[slot="'.concat(e,'"]'))!==null}return Array.from(i(t)).some((function(t){if(t.nodeType===t.TEXT_NODE&&t.textContent.trim()!==""){return true}if(t.nodeType===t.ELEMENT_NODE){var e=t;if(!e.hasAttribute("slot")){return true}}return false}))}function n(t,r){Object.keys(r).forEach((function(n){if(t.getAttribute(e(n))===null){t[n]=r[n]}}))}function u(t){if(!t||t.nodeType!==1){return false}return t.tagName.toLowerCase().indexOf("stzh-")===0}function o(t){var e=document.querySelector('meta[name="'.concat(t,'"],[property="').concat(t,'"]'));return e?e.getAttribute("content"):""}function i(t){var e=t.childNodes;if(t["s-sc"]){var r=[];for(var n=0;n<e.length;n++){var u=e[n]["s-nr"];if(u){r.push(u)}}return r}return Array.from(e)}}}}));
-//# sourceMappingURL=p-53e44e89.system.js.map

package/dist/stzh-components/p-53e44e89.system.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["hasSlot","el","name","querySelector","concat","Array","from","childNodes","some","node","nodeType","TEXT_NODE","textContent","trim","ELEMENT_NODE","el_1","hasAttribute","setPropsIfNull","element","attributes","Object","keys","forEach","attribute","getAttribute","dashCase","isStzhElement","tagName","toLowerCase","indexOf","getMeta","meta","document","result","i","length","slot","push"],"sources":["src/utils/utils.ts"],"sourcesContent":["import { dashCase } from \"./string-utils\";\n\n// Determines whether an element has a slot. If name is specified, the function will look for a corresponding named\n// slot, otherwise it will look for a \"default\" slot (e.g. a non-empty text node or an element with no slot attribute).\nexport function hasSlot(el: HTMLElement, name?: string) {\n  // Look for a named slot\n  if (name) {\n    return el.querySelector(`[slot=\"${name}\"]`) !== null;\n  }\n\n  // Look for a default slot\n  return Array.from(childNodes(el)).some(node => {\n    if (node.nodeType === node.TEXT_NODE && node.textContent.trim() !== '') {\n      return true;\n    }\n\n    if (node.nodeType === node.ELEMENT_NODE) {\n      const el = node as HTMLElement;\n      if (!el.hasAttribute('slot')) {\n        return true;\n      }\n    }\n\n    return false;\n  });\n}\n\nexport function setPropsIfNull(element: Element, attributes: any) {\n  Object.keys(attributes).forEach(attribute => {\n    if (element.getAttribute(dashCase(attribute)) === null) {\n      element[attribute] = attributes[attribute];\n    }\n  })\n}\n\nexport function isStzhElement(element: Element) {\n  if (!element || element.nodeType !== 1) {\n    return false;\n  }\n\n  return element.tagName.toLowerCase().indexOf('stzh-') === 0;\n}\n\n// returns content of <meta name=\"\" content=\"\"> tags or '' if empty/non existant\nexport function getMeta(name) {\n  const meta = document.querySelector(`meta[name=\"${name}\"],[property=\"${name}\"]`);\n  return meta ? meta.getAttribute(\"content\") : \"\";\n}\n\nexport function parents(node: Element | Node) {\n  const parents = [];\n\n  while (node) {\n    parents.unshift(node);\n    node = node.parentNode;\n  }\n\n  return parents;\n}\n\nexport function childNodes(node: Element) {\n  const childNodes = node.childNodes;\n\n  // check if element is stencil element without shadow dom\n  // and then detect elements that were slotted into the element\n  if (node[\"s-sc\"]) {\n    const result = [];\n\n    for (let i = 0; i < childNodes.length; i++) {\n      const slot = childNodes[i][\"s-nr\"];\n\n      if (slot) {\n        result.push(slot);\n      }\n    }\n\n    return result;\n  }\n\n  return Array.from(childNodes);\n}\n\n// `extras.experimentalSlotFixes` stencil config flag resolves cloning light dom elements\n// so our own cloneElement / cloneWrappedStzhElement helpers are not needed right now\n// (used before in card-list and sortable component).\n\n// export function children(node: Element) {\n//   return childNodes(node).map((n: any) => n.nodeType === 1);\n// }\n\n// const nativeCloneNodeFn = Node.prototype.cloneNode;\n\n// export function cloneElement(node: Element, deep: boolean) {\n//   const clonedNode = nativeCloneNodeFn.call(node, false);\n//   const srcChildNodes = childNodes(node);\n\n//   if (deep) {\n//     for (let i = 0; i < srcChildNodes.length; i++) {\n//       if (srcChildNodes[i].nodeType !== 2) {\n//         const childClone = cloneElement(srcChildNodes[i], true);\n//         clonedNode.appendChild(childClone);\n//       }\n//     }\n//   }\n\n//   return clonedNode;\n// }\n\n// // Clone an stzh-* element that is using stencil polyfilled slots (no shadow dom)\n// // and potentially wrapped in normal elements (e.g. angular component)\n// export function cloneWrappedStzhElement(elementToClone: Element): [Element, Element, Element] {\n//   let clonedElement: Element;\n//   let clonedStzhElement: Element;\n//   let originalStzhElement: Element;\n\n//   if (isStzhElement(elementToClone)) {\n//     clonedElement = cloneElement(elementToClone, true);\n//     clonedStzhElement = clonedElement;\n//     originalStzhElement = elementToClone;\n//   } else {\n//     clonedElement = elementToClone.cloneNode() as Element;\n\n//     let clonedInnerElementLast: Element = clonedElement;\n//     let originalInnerElementLast: Element = elementToClone;\n\n//     // clone inner root elements separately until we find a stzh element\n//     while (originalInnerElementLast.children.length === 1 && !isStzhElement(originalInnerElementLast.children[0])) {\n//       originalInnerElementLast = originalInnerElementLast.children[0];\n//       const clonedInnerElementCurrent = originalInnerElementLast.cloneNode() as Element;\n\n//       clonedInnerElementLast.appendChild(clonedInnerElementCurrent);\n//       clonedInnerElementLast = clonedInnerElementCurrent;\n//     }\n\n//     if (isStzhElement(originalInnerElementLast.children[0])) {\n//       clonedStzhElement = cloneElement(originalInnerElementLast.children[0], true);\n//       originalStzhElement = originalInnerElementLast.children[0];\n//       clonedInnerElementLast.appendChild(clonedStzhElement);\n//     } else {\n//       // no root stzh element found, so we give up and just deep clone the root\n//       clonedElement = cloneElement(elementToClone, true);\n//     }\n//   }\n\n//   return [clonedElement, clonedStzhElement, originalStzhElement];\n// }\n"],"mappings":"gKAIgBA,EAAQC,EAAiBC,GAEvC,GAAIA,EAAM,CACR,OAAOD,EAAGE,cAAc,UAAAC,OAAUF,EAAI,SAAU,I,CAIlD,OAAOG,MAAMC,KAAKC,EAAWN,IAAKO,MAAK,SAAAC,GACrC,GAAIA,EAAKC,WAAaD,EAAKE,WAAaF,EAAKG,YAAYC,SAAW,GAAI,CACtE,OAAO,I,CAGT,GAAIJ,EAAKC,WAAaD,EAAKK,aAAc,CACvC,IAAMC,EAAKN,EACX,IAAKM,EAAGC,aAAa,QAAS,CAC5B,OAAO,I,EAIX,OAAO,K,GAEX,C,SAEgBC,EAAeC,EAAkBC,GAC/CC,OAAOC,KAAKF,GAAYG,SAAQ,SAAAC,GAC9B,GAAIL,EAAQM,aAAaC,EAASF,MAAgB,KAAM,CACtDL,EAAQK,GAAaJ,EAAWI,E,IAGtC,C,SAEgBG,EAAcR,GAC5B,IAAKA,GAAWA,EAAQR,WAAa,EAAG,CACtC,OAAO,K,CAGT,OAAOQ,EAAQS,QAAQC,cAAcC,QAAQ,WAAa,CAC5D,C,SAGgBC,EAAQ5B,GACtB,IAAM6B,EAAOC,SAAS7B,cAAc,cAAAC,OAAcF,EAAI,kBAAAE,OAAiBF,EAAI,OAC3E,OAAO6B,EAAOA,EAAKP,aAAa,WAAa,EAC/C,C,SAagBjB,EAAWE,GACzB,IAAMF,EAAaE,EAAKF,WAIxB,GAAIE,EAAK,QAAS,CAChB,IAAMwB,EAAS,GAEf,IAAK,IAAIC,EAAI,EAAGA,EAAI3B,EAAW4B,OAAQD,IAAK,CAC1C,IAAME,EAAO7B,EAAW2B,GAAG,QAE3B,GAAIE,EAAM,CACRH,EAAOI,KAAKD,E,EAIhB,OAAOH,C,CAGT,OAAO5B,MAAMC,KAAKC,EACpB,C"}

package/dist/stzh-components/p-645bbb42.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as s,a}from"./p-c92165bd.js";const e=':host{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:var(--stzh-font-style-regular);color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block;}:host[hidden]{display:none}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{}:host ::slotted(stzh-input),:host ::slotted(stzh-datepicker),:host ::slotted(stzh-dropdown),:host ::slotted(stzh-langnav),:host ::slotted(stzh-fieldset),:host ::slotted(stzh-actions),:host ::slotted(stzh-upload),:host ::slotted(stzh-saptcha),:host ::slotted(stzh-checkboxgroup),:host ::slotted(stzh-radiogroup),:host ::slotted(stzh-message){margin-top:var(--stzh-space-large);margin-bottom:var(--stzh-space-large)}:host ::slotted(h1),:host ::slotted(stzh-heading[level="1"]),:host ::slotted(h2),:host ::slotted(stzh-heading[level="2"]){margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host ::slotted(h1),:host ::slotted(stzh-heading[level="1"]),:host ::slotted(h2),:host ::slotted(stzh-heading[level="2"]){margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(h1),:host ::slotted(stzh-heading[level="1"]),:host ::slotted(h2),:host ::slotted(stzh-heading[level="2"]){margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){:host ::slotted(h1),:host ::slotted(stzh-heading[level="1"]),:host ::slotted(h2),:host ::slotted(stzh-heading[level="2"]){margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(h1),:host ::slotted(stzh-heading[level="1"]),:host ::slotted(h2),:host ::slotted(stzh-heading[level="2"]){margin-bottom:var(--stzh-space-xxxlarge)}}:host ::slotted(h3),:host ::slotted(stzh-heading[level="3"]),:host ::slotted(h4),:host ::slotted(stzh-heading[level="4"]){margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host ::slotted(h3),:host ::slotted(stzh-heading[level="3"]),:host ::slotted(h4),:host ::slotted(stzh-heading[level="4"]){margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(h3),:host ::slotted(stzh-heading[level="3"]),:host ::slotted(h4),:host ::slotted(stzh-heading[level="4"]){margin-top:var(--stzh-space-xxxlarge)}}:host ::slotted(p),:host ::slotted(stzh-text),:host ::slotted(ul),:host ::slotted(ol),:host ::slotted(dl),:host ::slotted(stzh-list){margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 1024px){:host ::slotted(p),:host ::slotted(stzh-text),:host ::slotted(ul),:host ::slotted(ol),:host ::slotted(dl),:host ::slotted(stzh-list){margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host ::slotted(p),:host ::slotted(stzh-text),:host ::slotted(ul),:host ::slotted(ol),:host ::slotted(dl),:host ::slotted(stzh-list){margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1024px){:host ::slotted(p),:host ::slotted(stzh-text),:host ::slotted(ul),:host ::slotted(ol),:host ::slotted(dl),:host ::slotted(stzh-list){margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host ::slotted(p),:host ::slotted(stzh-text),:host ::slotted(ul),:host ::slotted(ol),:host ::slotted(dl),:host ::slotted(stzh-list){margin-bottom:var(--stzh-space-large)}}:host ::slotted(stzh-text[curve=hero]),:host ::slotted(stzh-heading[curve=hero]){margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host ::slotted(stzh-text[curve=hero]),:host ::slotted(stzh-heading[curve=hero]){margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-text[curve=hero]),:host ::slotted(stzh-heading[curve=hero]){margin-bottom:var(--stzh-space-xxxlarge)}}:host ::slotted(stzh-text[curve=h1]),:host ::slotted(stzh-heading[curve=h1]),:host ::slotted(stzh-text[curve=h2]),:host ::slotted(stzh-heading[curve=h2]){margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host ::slotted(stzh-text[curve=h1]),:host ::slotted(stzh-heading[curve=h1]),:host ::slotted(stzh-text[curve=h2]),:host ::slotted(stzh-heading[curve=h2]){margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-text[curve=h1]),:host ::slotted(stzh-heading[curve=h1]),:host ::slotted(stzh-text[curve=h2]),:host ::slotted(stzh-heading[curve=h2]){margin-bottom:var(--stzh-space-xxxlarge)}}:host ::slotted(stzh-text[curve=h1]),:host ::slotted(stzh-heading[curve=h1]),:host ::slotted(stzh-text[curve=h2]),:host ::slotted(stzh-heading[curve=h2]){margin-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 1024px){:host ::slotted(stzh-text[curve=h1]),:host ::slotted(stzh-heading[curve=h1]),:host ::slotted(stzh-text[curve=h2]),:host ::slotted(stzh-heading[curve=h2]){margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-text[curve=h1]),:host ::slotted(stzh-heading[curve=h1]),:host ::slotted(stzh-text[curve=h2]),:host ::slotted(stzh-heading[curve=h2]){margin-top:var(--stzh-space-xxxxlarge)}}:host ::slotted(stzh-text[curve=h3]),:host ::slotted(stzh-heading[curve=h3]),:host ::slotted(stzh-text[curve=h4]),:host ::slotted(stzh-heading[curve=h4]){margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host ::slotted(stzh-text[curve=h3]),:host ::slotted(stzh-heading[curve=h3]),:host ::slotted(stzh-text[curve=h4]),:host ::slotted(stzh-heading[curve=h4]){margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-text[curve=h3]),:host ::slotted(stzh-heading[curve=h3]),:host ::slotted(stzh-text[curve=h4]),:host ::slotted(stzh-heading[curve=h4]){margin-top:var(--stzh-space-xxxlarge)}}:host ::slotted(stzh-text[curve=p1]),:host ::slotted(stzh-text[curve=p2]),:host ::slotted(stzh-heading[curve=p1]),:host ::slotted(stzh-heading[curve=p2]){margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 1024px){:host ::slotted(stzh-text[curve=p1]),:host ::slotted(stzh-text[curve=p2]),:host ::slotted(stzh-heading[curve=p1]),:host ::slotted(stzh-heading[curve=p2]){margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-text[curve=p1]),:host ::slotted(stzh-text[curve=p2]),:host ::slotted(stzh-heading[curve=p1]),:host ::slotted(stzh-heading[curve=p2]){margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1024px){:host ::slotted(stzh-text[curve=p1]),:host ::slotted(stzh-text[curve=p2]),:host ::slotted(stzh-heading[curve=p1]),:host ::slotted(stzh-heading[curve=p2]){margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-text[curve=p1]),:host ::slotted(stzh-text[curve=p2]),:host ::slotted(stzh-heading[curve=p1]),:host ::slotted(stzh-heading[curve=p2]){margin-bottom:var(--stzh-space-large)}}:host ::slotted(.section),:host ::slotted(stzh-accordion),:host ::slotted(stzh-anchornav),:host ::slotted(stzh-audio),:host ::slotted(stzh-iframe),:host ::slotted(stzh-youtube),:host ::slotted(stzh-microsite-teaserlist),:host ::slotted(stzh-textandimage),:host ::slotted(stzh-figure),:host ::slotted(stzh-panorama),:host ::slotted(stzh-chart),:host ::slotted(stzh-sitemap),:host ::slotted(stzh-section),:host ::slotted(stzh-hr),:host ::slotted(stzh-vbz-ticker){margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 1024px){:host ::slotted(.section),:host ::slotted(stzh-accordion),:host ::slotted(stzh-anchornav),:host ::slotted(stzh-audio),:host ::slotted(stzh-iframe),:host ::slotted(stzh-youtube),:host ::slotted(stzh-microsite-teaserlist),:host ::slotted(stzh-textandimage),:host ::slotted(stzh-figure),:host ::slotted(stzh-panorama),:host ::slotted(stzh-chart),:host ::slotted(stzh-sitemap),:host ::slotted(stzh-section),:host ::slotted(stzh-hr),:host ::slotted(stzh-vbz-ticker){margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(.section),:host ::slotted(stzh-accordion),:host ::slotted(stzh-anchornav),:host ::slotted(stzh-audio),:host ::slotted(stzh-iframe),:host ::slotted(stzh-youtube),:host ::slotted(stzh-microsite-teaserlist),:host ::slotted(stzh-textandimage),:host ::slotted(stzh-figure),:host ::slotted(stzh-panorama),:host ::slotted(stzh-chart),:host ::slotted(stzh-sitemap),:host ::slotted(stzh-section),:host ::slotted(stzh-hr),:host ::slotted(stzh-vbz-ticker){margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){:host ::slotted(.section),:host ::slotted(stzh-accordion),:host ::slotted(stzh-anchornav),:host ::slotted(stzh-audio),:host ::slotted(stzh-iframe),:host ::slotted(stzh-youtube),:host ::slotted(stzh-microsite-teaserlist),:host ::slotted(stzh-textandimage),:host ::slotted(stzh-figure),:host ::slotted(stzh-panorama),:host ::slotted(stzh-chart),:host ::slotted(stzh-sitemap),:host ::slotted(stzh-section),:host ::slotted(stzh-hr),:host ::slotted(stzh-vbz-ticker){margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(.section),:host ::slotted(stzh-accordion),:host ::slotted(stzh-anchornav),:host ::slotted(stzh-audio),:host ::slotted(stzh-iframe),:host ::slotted(stzh-youtube),:host ::slotted(stzh-microsite-teaserlist),:host ::slotted(stzh-textandimage),:host ::slotted(stzh-figure),:host ::slotted(stzh-panorama),:host ::slotted(stzh-chart),:host ::slotted(stzh-sitemap),:host ::slotted(stzh-section),:host ::slotted(stzh-hr),:host ::slotted(stzh-vbz-ticker){margin-bottom:var(--stzh-space-xxxxlarge)}}:host ::slotted(stzh-olmap),:host ::slotted(stzh-anchornav){margin-top:var(--stzh-space-xlarge);margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host ::slotted(stzh-olmap),:host ::slotted(stzh-anchornav){margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-olmap),:host ::slotted(stzh-anchornav){margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1024px){:host ::slotted(stzh-olmap),:host ::slotted(stzh-anchornav){margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-olmap),:host ::slotted(stzh-anchornav){margin-bottom:var(--stzh-space-xxxlarge)}}:host ::slotted(stzh-contact),:host ::slotted(stzh-card){margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 1024px){:host ::slotted(stzh-contact),:host ::slotted(stzh-card){margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-contact),:host ::slotted(stzh-card){margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){:host ::slotted(stzh-contact),:host ::slotted(stzh-card){margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-contact),:host ::slotted(stzh-card){margin-bottom:var(--stzh-space-xlarge)}}:host ::slotted(stzh-table),:host ::slotted(stzh-datatable){margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host ::slotted(stzh-table),:host ::slotted(stzh-datatable){margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-table),:host ::slotted(stzh-datatable){margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){:host ::slotted(stzh-table),:host ::slotted(stzh-datatable){margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-table),:host ::slotted(stzh-datatable){margin-bottom:var(--stzh-space-xxxlarge)}}:host ::slotted(stzh-pagetitle){margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host ::slotted(stzh-pagetitle){margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-pagetitle){margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){:host ::slotted(stzh-pagetitle){margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-pagetitle){margin-bottom:var(--stzh-space-xxxlarge)}}:host ::slotted(stzh-pagebottom){margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host ::slotted(stzh-pagebottom){margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-pagebottom){margin-top:var(--stzh-space-xxxlarge)}}:host ::slotted(stzh-progressbar){margin-top:var(--stzh-space-xxxlarge)}@media screen and (min-width: 600px){:host ::slotted(stzh-progressbar){margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){:host ::slotted(stzh-progressbar){margin-top:var(--stzh-space-big)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-progressbar){margin-top:var(--stzh-space-xbig)}}:host ::slotted(stzh-pagination){margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-medium)}:host ::slotted(stzh-actions){margin-top:var(--stzh-space-xxlarge)}:host ::slotted(stzh-actions)[variant=process]{margin-top:var(--stzh-space-large)}:host ::slotted(stzh-fieldset){margin-top:var(--stzh-space-large);margin-bottom:var(--stzh-space-large)}:host ::slotted(stzh-fieldset)[legend]{margin-top:var(--stzh-space-xxlarge)}:host ::slotted(stzh-heading[level="4"]+stzh-datalist),:host ::slotted(stzh-heading[curve=h4]+stzh-datalist){margin-top:0}:host ::slotted(.cspace-y-curve-tiny){margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 1024px){:host ::slotted(.cspace-y-curve-tiny){margin-top:var(--stzh-space-small)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-y-curve-tiny){margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1024px){:host ::slotted(.cspace-y-curve-tiny){margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-y-curve-tiny){margin-bottom:var(--stzh-space-medium)}}:host ::slotted(.cspace-t-curve-tiny){margin-top:var(--stzh-space-xsmall)}@media screen and (min-width: 1024px){:host ::slotted(.cspace-t-curve-tiny){margin-top:var(--stzh-space-small)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-t-curve-tiny){margin-top:var(--stzh-space-medium)}}:host ::slotted(.cspace-b-curve-tiny){margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 1024px){:host ::slotted(.cspace-b-curve-tiny){margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-b-curve-tiny){margin-bottom:var(--stzh-space-medium)}}:host ::slotted(.cspace-y-curve-small){margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 1024px){:host ::slotted(.cspace-y-curve-small){margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-y-curve-small){margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1024px){:host ::slotted(.cspace-y-curve-small){margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-y-curve-small){margin-bottom:var(--stzh-space-large)}}:host ::slotted(.cspace-t-curve-small){margin-top:var(--stzh-space-small)}@media screen and (min-width: 1024px){:host ::slotted(.cspace-t-curve-small){margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-t-curve-small){margin-top:var(--stzh-space-large)}}:host ::slotted(.cspace-b-curve-small){margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 1024px){:host ::slotted(.cspace-b-curve-small){margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-b-curve-small){margin-bottom:var(--stzh-space-large)}}:host ::slotted(.cspace-y-curve-regular){margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 1024px){:host ::slotted(.cspace-y-curve-regular){margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-y-curve-regular){margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){:host ::slotted(.cspace-y-curve-regular){margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-y-curve-regular){margin-bottom:var(--stzh-space-xlarge)}}:host ::slotted(.cspace-t-curve-regular){margin-top:var(--stzh-space-medium)}@media screen and (min-width: 1024px){:host ::slotted(.cspace-t-curve-regular){margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-t-curve-regular){margin-top:var(--stzh-space-xlarge)}}:host ::slotted(.cspace-b-curve-regular){margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 1024px){:host ::slotted(.cspace-b-curve-regular){margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-b-curve-regular){margin-bottom:var(--stzh-space-xlarge)}}:host ::slotted(.cspace-y-curve-medium){margin-top:var(--stzh-space-xlarge);margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host ::slotted(.cspace-y-curve-medium){margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-y-curve-medium){margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1024px){:host ::slotted(.cspace-y-curve-medium){margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-y-curve-medium){margin-bottom:var(--stzh-space-xxxlarge)}}:host ::slotted(.cspace-t-curve-medium){margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host ::slotted(.cspace-t-curve-medium){margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-t-curve-medium){margin-top:var(--stzh-space-xxxlarge)}}:host ::slotted(.cspace-b-curve-medium){margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host ::slotted(.cspace-b-curve-medium){margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-b-curve-medium){margin-bottom:var(--stzh-space-xxxlarge)}}:host ::slotted(.cspace-y-curve-large){margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 1024px){:host ::slotted(.cspace-y-curve-large){margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-y-curve-large){margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){:host ::slotted(.cspace-y-curve-large){margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-y-curve-large){margin-bottom:var(--stzh-space-xxxxlarge)}}:host ::slotted(.cspace-t-curve-large){margin-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 1024px){:host ::slotted(.cspace-t-curve-large){margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-t-curve-large){margin-top:var(--stzh-space-xxxxlarge)}}:host ::slotted(.cspace-b-curve-large){margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 1024px){:host ::slotted(.cspace-b-curve-large){margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-b-curve-large){margin-bottom:var(--stzh-space-xxxxlarge)}}:host ::slotted(.cspace-y-curve-big){margin-top:var(--stzh-space-xxxlarge);margin-bottom:var(--stzh-space-xxxlarge)}@media screen and (min-width: 600px){:host ::slotted(.cspace-y-curve-big){margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){:host ::slotted(.cspace-y-curve-big){margin-top:var(--stzh-space-big)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-y-curve-big){margin-top:var(--stzh-space-xbig)}}@media screen and (min-width: 600px){:host ::slotted(.cspace-y-curve-big){margin-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){:host ::slotted(.cspace-y-curve-big){margin-bottom:var(--stzh-space-big)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-y-curve-big){margin-bottom:var(--stzh-space-xbig)}}:host ::slotted(.cspace-t-curve-big){margin-top:var(--stzh-space-xxxlarge)}@media screen and (min-width: 600px){:host ::slotted(.cspace-t-curve-big){margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){:host ::slotted(.cspace-t-curve-big){margin-top:var(--stzh-space-big)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-t-curve-big){margin-top:var(--stzh-space-xbig)}}:host ::slotted(.cspace-b-curve-big){margin-bottom:var(--stzh-space-xxxlarge)}@media screen and (min-width: 600px){:host ::slotted(.cspace-b-curve-big){margin-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){:host ::slotted(.cspace-b-curve-big){margin-bottom:var(--stzh-space-big)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-b-curve-big){margin-bottom:var(--stzh-space-xbig)}}:host ::slotted(.cspace-y-curve-huge){margin-top:var(--stzh-space-xxxxlarge);margin-bottom:var(--stzh-space-xxxxlarge)}@media screen and (min-width: 600px){:host ::slotted(.cspace-y-curve-huge){margin-top:var(--stzh-space-big)}}@media screen and (min-width: 1024px){:host ::slotted(.cspace-y-curve-huge){margin-top:var(--stzh-space-xbig)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-y-curve-huge){margin-top:var(--stzh-space-huge)}}@media screen and (min-width: 600px){:host ::slotted(.cspace-y-curve-huge){margin-bottom:var(--stzh-space-big)}}@media screen and (min-width: 1024px){:host ::slotted(.cspace-y-curve-huge){margin-bottom:var(--stzh-space-xbig)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-y-curve-huge){margin-bottom:var(--stzh-space-huge)}}:host ::slotted(.cspace-t-curve-huge){margin-top:var(--stzh-space-xxxxlarge)}@media screen and (min-width: 600px){:host ::slotted(.cspace-t-curve-huge){margin-top:var(--stzh-space-big)}}@media screen and (min-width: 1024px){:host ::slotted(.cspace-t-curve-huge){margin-top:var(--stzh-space-xbig)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-t-curve-huge){margin-top:var(--stzh-space-huge)}}:host ::slotted(.cspace-b-curve-huge){margin-bottom:var(--stzh-space-xxxxlarge)}@media screen and (min-width: 600px){:host ::slotted(.cspace-b-curve-huge){margin-bottom:var(--stzh-space-big)}}@media screen and (min-width: 1024px){:host ::slotted(.cspace-b-curve-huge){margin-bottom:var(--stzh-space-xbig)}}@media screen and (min-width: 1260px){:host ::slotted(.cspace-b-curve-huge){margin-bottom:var(--stzh-space-huge)}}:host ::slotted(.small\\:cspace-y-xxxsmall){margin-top:var(--stzh-space-xxxsmall);margin-bottom:var(--stzh-space-xxxsmall)}:host ::slotted(.small\\:cspace-t-xxxsmall){margin-top:var(--stzh-space-xxxsmall)}:host ::slotted(.small\\:cspace-b-xxxsmall){margin-bottom:var(--stzh-space-xxxsmall)}:host ::slotted(.small\\:cspace-y-xxsmall){margin-top:var(--stzh-space-xxsmall);margin-bottom:var(--stzh-space-xxsmall)}:host ::slotted(.small\\:cspace-t-xxsmall){margin-top:var(--stzh-space-xxsmall)}:host ::slotted(.small\\:cspace-b-xxsmall){margin-bottom:var(--stzh-space-xxsmall)}:host ::slotted(.small\\:cspace-y-xsmall){margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xsmall)}:host ::slotted(.small\\:cspace-t-xsmall){margin-top:var(--stzh-space-xsmall)}:host ::slotted(.small\\:cspace-b-xsmall){margin-bottom:var(--stzh-space-xsmall)}:host ::slotted(.small\\:cspace-y-small){margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}:host ::slotted(.small\\:cspace-t-small){margin-top:var(--stzh-space-small)}:host ::slotted(.small\\:cspace-b-small){margin-bottom:var(--stzh-space-small)}:host ::slotted(.small\\:cspace-y-medium){margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-medium)}:host ::slotted(.small\\:cspace-t-medium){margin-top:var(--stzh-space-medium)}:host ::slotted(.small\\:cspace-b-medium){margin-bottom:var(--stzh-space-medium)}:host ::slotted(.small\\:cspace-y-large){margin-top:var(--stzh-space-large);margin-bottom:var(--stzh-space-large)}:host ::slotted(.small\\:cspace-t-large){margin-top:var(--stzh-space-large)}:host ::slotted(.small\\:cspace-b-large){margin-bottom:var(--stzh-space-large)}:host ::slotted(.small\\:cspace-y-xlarge){margin-top:var(--stzh-space-xlarge);margin-bottom:var(--stzh-space-xlarge)}:host ::slotted(.small\\:cspace-t-xlarge){margin-top:var(--stzh-space-xlarge)}:host ::slotted(.small\\:cspace-b-xlarge){margin-bottom:var(--stzh-space-xlarge)}:host ::slotted(.small\\:cspace-y-xxlarge){margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}:host ::slotted(.small\\:cspace-t-xxlarge){margin-top:var(--stzh-space-xxlarge)}:host ::slotted(.small\\:cspace-b-xxlarge){margin-bottom:var(--stzh-space-xxlarge)}:host ::slotted(.small\\:cspace-y-xxxlarge){margin-top:var(--stzh-space-xxxlarge);margin-bottom:var(--stzh-space-xxxlarge)}:host ::slotted(.small\\:cspace-t-xxxlarge){margin-top:var(--stzh-space-xxxlarge)}:host ::slotted(.small\\:cspace-b-xxxlarge){margin-bottom:var(--stzh-space-xxxlarge)}:host ::slotted(.small\\:cspace-y-xxxxlarge){margin-top:var(--stzh-space-xxxxlarge);margin-bottom:var(--stzh-space-xxxxlarge)}:host ::slotted(.small\\:cspace-t-xxxxlarge){margin-top:var(--stzh-space-xxxxlarge)}:host ::slotted(.small\\:cspace-b-xxxxlarge){margin-bottom:var(--stzh-space-xxxxlarge)}:host ::slotted(.small\\:cspace-y-big){margin-top:var(--stzh-space-big);margin-bottom:var(--stzh-space-big)}:host ::slotted(.small\\:cspace-t-big){margin-top:var(--stzh-space-big)}:host ::slotted(.small\\:cspace-b-big){margin-bottom:var(--stzh-space-big)}:host ::slotted(.small\\:cspace-y-xbig){margin-top:var(--stzh-space-xbig);margin-bottom:var(--stzh-space-xbig)}:host ::slotted(.small\\:cspace-t-xbig){margin-top:var(--stzh-space-xbig)}:host ::slotted(.small\\:cspace-b-xbig){margin-bottom:var(--stzh-space-xbig)}:host ::slotted(.small\\:cspace-y-huge){margin-top:var(--stzh-space-huge);margin-bottom:var(--stzh-space-huge)}:host ::slotted(.small\\:cspace-t-huge){margin-top:var(--stzh-space-huge)}:host ::slotted(.small\\:cspace-b-huge){margin-bottom:var(--stzh-space-huge)}:host ::slotted(.small\\:cspace-y-xhuge){margin-top:var(--stzh-space-xhuge);margin-bottom:var(--stzh-space-xhuge)}:host ::slotted(.small\\:cspace-t-xhuge){margin-top:var(--stzh-space-xhuge)}:host ::slotted(.small\\:cspace-b-xhuge){margin-bottom:var(--stzh-space-xhuge)}:host ::slotted(.small\\:cspace-y-none){margin-top:var(--stzh-space-none);margin-bottom:var(--stzh-space-none)}:host ::slotted(.small\\:cspace-t-none){margin-top:var(--stzh-space-none)}:host ::slotted(.small\\:cspace-b-none){margin-bottom:var(--stzh-space-none)}:host ::slotted(.small\\:cspace-y-default){margin-top:var(--stzh-space-default);margin-bottom:var(--stzh-space-default)}:host ::slotted(.small\\:cspace-t-default){margin-top:var(--stzh-space-default)}:host ::slotted(.small\\:cspace-b-default){margin-bottom:var(--stzh-space-default)}:host ::slotted(.smallheader\\:cspace-y-xxxsmall){margin-top:var(--stzh-space-xxxsmall);margin-bottom:var(--stzh-space-xxxsmall)}:host ::slotted(.smallheader\\:cspace-t-xxxsmall){margin-top:var(--stzh-space-xxxsmall)}:host ::slotted(.smallheader\\:cspace-b-xxxsmall){margin-bottom:var(--stzh-space-xxxsmall)}:host ::slotted(.smallheader\\:cspace-y-xxsmall){margin-top:var(--stzh-space-xxsmall);margin-bottom:var(--stzh-space-xxsmall)}:host ::slotted(.smallheader\\:cspace-t-xxsmall){margin-top:var(--stzh-space-xxsmall)}:host ::slotted(.smallheader\\:cspace-b-xxsmall){margin-bottom:var(--stzh-space-xxsmall)}:host ::slotted(.smallheader\\:cspace-y-xsmall){margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xsmall)}:host ::slotted(.smallheader\\:cspace-t-xsmall){margin-top:var(--stzh-space-xsmall)}:host ::slotted(.smallheader\\:cspace-b-xsmall){margin-bottom:var(--stzh-space-xsmall)}:host ::slotted(.smallheader\\:cspace-y-small){margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}:host ::slotted(.smallheader\\:cspace-t-small){margin-top:var(--stzh-space-small)}:host ::slotted(.smallheader\\:cspace-b-small){margin-bottom:var(--stzh-space-small)}:host ::slotted(.smallheader\\:cspace-y-medium){margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-medium)}:host ::slotted(.smallheader\\:cspace-t-medium){margin-top:var(--stzh-space-medium)}:host ::slotted(.smallheader\\:cspace-b-medium){margin-bottom:var(--stzh-space-medium)}:host ::slotted(.smallheader\\:cspace-y-large){margin-top:var(--stzh-space-large);margin-bottom:var(--stzh-space-large)}:host ::slotted(.smallheader\\:cspace-t-large){margin-top:var(--stzh-space-large)}:host ::slotted(.smallheader\\:cspace-b-large){margin-bottom:var(--stzh-space-large)}:host ::slotted(.smallheader\\:cspace-y-xlarge){margin-top:var(--stzh-space-xlarge);margin-bottom:var(--stzh-space-xlarge)}:host ::slotted(.smallheader\\:cspace-t-xlarge){margin-top:var(--stzh-space-xlarge)}:host ::slotted(.smallheader\\:cspace-b-xlarge){margin-bottom:var(--stzh-space-xlarge)}:host ::slotted(.smallheader\\:cspace-y-xxlarge){margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}:host ::slotted(.smallheader\\:cspace-t-xxlarge){margin-top:var(--stzh-space-xxlarge)}:host ::slotted(.smallheader\\:cspace-b-xxlarge){margin-bottom:var(--stzh-space-xxlarge)}:host ::slotted(.smallheader\\:cspace-y-xxxlarge){margin-top:var(--stzh-space-xxxlarge);margin-bottom:var(--stzh-space-xxxlarge)}:host ::slotted(.smallheader\\:cspace-t-xxxlarge){margin-top:var(--stzh-space-xxxlarge)}:host ::slotted(.smallheader\\:cspace-b-xxxlarge){margin-bottom:var(--stzh-space-xxxlarge)}:host ::slotted(.smallheader\\:cspace-y-xxxxlarge){margin-top:var(--stzh-space-xxxxlarge);margin-bottom:var(--stzh-space-xxxxlarge)}:host ::slotted(.smallheader\\:cspace-t-xxxxlarge){margin-top:var(--stzh-space-xxxxlarge)}:host ::slotted(.smallheader\\:cspace-b-xxxxlarge){margin-bottom:var(--stzh-space-xxxxlarge)}:host ::slotted(.smallheader\\:cspace-y-big){margin-top:var(--stzh-space-big);margin-bottom:var(--stzh-space-big)}:host ::slotted(.smallheader\\:cspace-t-big){margin-top:var(--stzh-space-big)}:host ::slotted(.smallheader\\:cspace-b-big){margin-bottom:var(--stzh-space-big)}:host ::slotted(.smallheader\\:cspace-y-xbig){margin-top:var(--stzh-space-xbig);margin-bottom:var(--stzh-space-xbig)}:host ::slotted(.smallheader\\:cspace-t-xbig){margin-top:var(--stzh-space-xbig)}:host ::slotted(.smallheader\\:cspace-b-xbig){margin-bottom:var(--stzh-space-xbig)}:host ::slotted(.smallheader\\:cspace-y-huge){margin-top:var(--stzh-space-huge);margin-bottom:var(--stzh-space-huge)}:host ::slotted(.smallheader\\:cspace-t-huge){margin-top:var(--stzh-space-huge)}:host ::slotted(.smallheader\\:cspace-b-huge){margin-bottom:var(--stzh-space-huge)}:host ::slotted(.smallheader\\:cspace-y-xhuge){margin-top:var(--stzh-space-xhuge);margin-bottom:var(--stzh-space-xhuge)}:host ::slotted(.smallheader\\:cspace-t-xhuge){margin-top:var(--stzh-space-xhuge)}:host ::slotted(.smallheader\\:cspace-b-xhuge){margin-bottom:var(--stzh-space-xhuge)}:host ::slotted(.smallheader\\:cspace-y-none){margin-top:var(--stzh-space-none);margin-bottom:var(--stzh-space-none)}:host ::slotted(.smallheader\\:cspace-t-none){margin-top:var(--stzh-space-none)}:host ::slotted(.smallheader\\:cspace-b-none){margin-bottom:var(--stzh-space-none)}:host ::slotted(.smallheader\\:cspace-y-default){margin-top:var(--stzh-space-default);margin-bottom:var(--stzh-space-default)}:host ::slotted(.smallheader\\:cspace-t-default){margin-top:var(--stzh-space-default)}:host ::slotted(.smallheader\\:cspace-b-default){margin-bottom:var(--stzh-space-default)}:host ::slotted(.medium\\:cspace-y-xxxsmall){margin-top:var(--stzh-space-xxxsmall);margin-bottom:var(--stzh-space-xxxsmall)}:host ::slotted(.medium\\:cspace-t-xxxsmall){margin-top:var(--stzh-space-xxxsmall)}:host ::slotted(.medium\\:cspace-b-xxxsmall){margin-bottom:var(--stzh-space-xxxsmall)}:host ::slotted(.medium\\:cspace-y-xxsmall){margin-top:var(--stzh-space-xxsmall);margin-bottom:var(--stzh-space-xxsmall)}:host ::slotted(.medium\\:cspace-t-xxsmall){margin-top:var(--stzh-space-xxsmall)}:host ::slotted(.medium\\:cspace-b-xxsmall){margin-bottom:var(--stzh-space-xxsmall)}:host ::slotted(.medium\\:cspace-y-xsmall){margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xsmall)}:host ::slotted(.medium\\:cspace-t-xsmall){margin-top:var(--stzh-space-xsmall)}:host ::slotted(.medium\\:cspace-b-xsmall){margin-bottom:var(--stzh-space-xsmall)}:host ::slotted(.medium\\:cspace-y-small){margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}:host ::slotted(.medium\\:cspace-t-small){margin-top:var(--stzh-space-small)}:host ::slotted(.medium\\:cspace-b-small){margin-bottom:var(--stzh-space-small)}:host ::slotted(.medium\\:cspace-y-medium){margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-medium)}:host ::slotted(.medium\\:cspace-t-medium){margin-top:var(--stzh-space-medium)}:host ::slotted(.medium\\:cspace-b-medium){margin-bottom:var(--stzh-space-medium)}:host ::slotted(.medium\\:cspace-y-large){margin-top:var(--stzh-space-large);margin-bottom:var(--stzh-space-large)}:host ::slotted(.medium\\:cspace-t-large){margin-top:var(--stzh-space-large)}:host ::slotted(.medium\\:cspace-b-large){margin-bottom:var(--stzh-space-large)}:host ::slotted(.medium\\:cspace-y-xlarge){margin-top:var(--stzh-space-xlarge);margin-bottom:var(--stzh-space-xlarge)}:host ::slotted(.medium\\:cspace-t-xlarge){margin-top:var(--stzh-space-xlarge)}:host ::slotted(.medium\\:cspace-b-xlarge){margin-bottom:var(--stzh-space-xlarge)}:host ::slotted(.medium\\:cspace-y-xxlarge){margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}:host ::slotted(.medium\\:cspace-t-xxlarge){margin-top:var(--stzh-space-xxlarge)}:host ::slotted(.medium\\:cspace-b-xxlarge){margin-bottom:var(--stzh-space-xxlarge)}:host ::slotted(.medium\\:cspace-y-xxxlarge){margin-top:var(--stzh-space-xxxlarge);margin-bottom:var(--stzh-space-xxxlarge)}:host ::slotted(.medium\\:cspace-t-xxxlarge){margin-top:var(--stzh-space-xxxlarge)}:host ::slotted(.medium\\:cspace-b-xxxlarge){margin-bottom:var(--stzh-space-xxxlarge)}:host ::slotted(.medium\\:cspace-y-xxxxlarge){margin-top:var(--stzh-space-xxxxlarge);margin-bottom:var(--stzh-space-xxxxlarge)}:host ::slotted(.medium\\:cspace-t-xxxxlarge){margin-top:var(--stzh-space-xxxxlarge)}:host ::slotted(.medium\\:cspace-b-xxxxlarge){margin-bottom:var(--stzh-space-xxxxlarge)}:host ::slotted(.medium\\:cspace-y-big){margin-top:var(--stzh-space-big);margin-bottom:var(--stzh-space-big)}:host ::slotted(.medium\\:cspace-t-big){margin-top:var(--stzh-space-big)}:host ::slotted(.medium\\:cspace-b-big){margin-bottom:var(--stzh-space-big)}:host ::slotted(.medium\\:cspace-y-xbig){margin-top:var(--stzh-space-xbig);margin-bottom:var(--stzh-space-xbig)}:host ::slotted(.medium\\:cspace-t-xbig){margin-top:var(--stzh-space-xbig)}:host ::slotted(.medium\\:cspace-b-xbig){margin-bottom:var(--stzh-space-xbig)}:host ::slotted(.medium\\:cspace-y-huge){margin-top:var(--stzh-space-huge);margin-bottom:var(--stzh-space-huge)}:host ::slotted(.medium\\:cspace-t-huge){margin-top:var(--stzh-space-huge)}:host ::slotted(.medium\\:cspace-b-huge){margin-bottom:var(--stzh-space-huge)}:host ::slotted(.medium\\:cspace-y-xhuge){margin-top:var(--stzh-space-xhuge);margin-bottom:var(--stzh-space-xhuge)}:host ::slotted(.medium\\:cspace-t-xhuge){margin-top:var(--stzh-space-xhuge)}:host ::slotted(.medium\\:cspace-b-xhuge){margin-bottom:var(--stzh-space-xhuge)}:host ::slotted(.medium\\:cspace-y-none){margin-top:var(--stzh-space-none);margin-bottom:var(--stzh-space-none)}:host ::slotted(.medium\\:cspace-t-none){margin-top:var(--stzh-space-none)}:host ::slotted(.medium\\:cspace-b-none){margin-bottom:var(--stzh-space-none)}:host ::slotted(.medium\\:cspace-y-default){margin-top:var(--stzh-space-default);margin-bottom:var(--stzh-space-default)}:host ::slotted(.medium\\:cspace-t-default){margin-top:var(--stzh-space-default)}:host ::slotted(.medium\\:cspace-b-default){margin-bottom:var(--stzh-space-default)}:host ::slotted(.large\\:cspace-y-xxxsmall){margin-top:var(--stzh-space-xxxsmall);margin-bottom:var(--stzh-space-xxxsmall)}:host ::slotted(.large\\:cspace-t-xxxsmall){margin-top:var(--stzh-space-xxxsmall)}:host ::slotted(.large\\:cspace-b-xxxsmall){margin-bottom:var(--stzh-space-xxxsmall)}:host ::slotted(.large\\:cspace-y-xxsmall){margin-top:var(--stzh-space-xxsmall);margin-bottom:var(--stzh-space-xxsmall)}:host ::slotted(.large\\:cspace-t-xxsmall){margin-top:var(--stzh-space-xxsmall)}:host ::slotted(.large\\:cspace-b-xxsmall){margin-bottom:var(--stzh-space-xxsmall)}:host ::slotted(.large\\:cspace-y-xsmall){margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xsmall)}:host ::slotted(.large\\:cspace-t-xsmall){margin-top:var(--stzh-space-xsmall)}:host ::slotted(.large\\:cspace-b-xsmall){margin-bottom:var(--stzh-space-xsmall)}:host ::slotted(.large\\:cspace-y-small){margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}:host ::slotted(.large\\:cspace-t-small){margin-top:var(--stzh-space-small)}:host ::slotted(.large\\:cspace-b-small){margin-bottom:var(--stzh-space-small)}:host ::slotted(.large\\:cspace-y-medium){margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-medium)}:host ::slotted(.large\\:cspace-t-medium){margin-top:var(--stzh-space-medium)}:host ::slotted(.large\\:cspace-b-medium){margin-bottom:var(--stzh-space-medium)}:host ::slotted(.large\\:cspace-y-large){margin-top:var(--stzh-space-large);margin-bottom:var(--stzh-space-large)}:host ::slotted(.large\\:cspace-t-large){margin-top:var(--stzh-space-large)}:host ::slotted(.large\\:cspace-b-large){margin-bottom:var(--stzh-space-large)}:host ::slotted(.large\\:cspace-y-xlarge){margin-top:var(--stzh-space-xlarge);margin-bottom:var(--stzh-space-xlarge)}:host ::slotted(.large\\:cspace-t-xlarge){margin-top:var(--stzh-space-xlarge)}:host ::slotted(.large\\:cspace-b-xlarge){margin-bottom:var(--stzh-space-xlarge)}:host ::slotted(.large\\:cspace-y-xxlarge){margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}:host ::slotted(.large\\:cspace-t-xxlarge){margin-top:var(--stzh-space-xxlarge)}:host ::slotted(.large\\:cspace-b-xxlarge){margin-bottom:var(--stzh-space-xxlarge)}:host ::slotted(.large\\:cspace-y-xxxlarge){margin-top:var(--stzh-space-xxxlarge);margin-bottom:var(--stzh-space-xxxlarge)}:host ::slotted(.large\\:cspace-t-xxxlarge){margin-top:var(--stzh-space-xxxlarge)}:host ::slotted(.large\\:cspace-b-xxxlarge){margin-bottom:var(--stzh-space-xxxlarge)}:host ::slotted(.large\\:cspace-y-xxxxlarge){margin-top:var(--stzh-space-xxxxlarge);margin-bottom:var(--stzh-space-xxxxlarge)}:host ::slotted(.large\\:cspace-t-xxxxlarge){margin-top:var(--stzh-space-xxxxlarge)}:host ::slotted(.large\\:cspace-b-xxxxlarge){margin-bottom:var(--stzh-space-xxxxlarge)}:host ::slotted(.large\\:cspace-y-big){margin-top:var(--stzh-space-big);margin-bottom:var(--stzh-space-big)}:host ::slotted(.large\\:cspace-t-big){margin-top:var(--stzh-space-big)}:host ::slotted(.large\\:cspace-b-big){margin-bottom:var(--stzh-space-big)}:host ::slotted(.large\\:cspace-y-xbig){margin-top:var(--stzh-space-xbig);margin-bottom:var(--stzh-space-xbig)}:host ::slotted(.large\\:cspace-t-xbig){margin-top:var(--stzh-space-xbig)}:host ::slotted(.large\\:cspace-b-xbig){margin-bottom:var(--stzh-space-xbig)}:host ::slotted(.large\\:cspace-y-huge){margin-top:var(--stzh-space-huge);margin-bottom:var(--stzh-space-huge)}:host ::slotted(.large\\:cspace-t-huge){margin-top:var(--stzh-space-huge)}:host ::slotted(.large\\:cspace-b-huge){margin-bottom:var(--stzh-space-huge)}:host ::slotted(.large\\:cspace-y-xhuge){margin-top:var(--stzh-space-xhuge);margin-bottom:var(--stzh-space-xhuge)}:host ::slotted(.large\\:cspace-t-xhuge){margin-top:var(--stzh-space-xhuge)}:host ::slotted(.large\\:cspace-b-xhuge){margin-bottom:var(--stzh-space-xhuge)}:host ::slotted(.large\\:cspace-y-none){margin-top:var(--stzh-space-none);margin-bottom:var(--stzh-space-none)}:host ::slotted(.large\\:cspace-t-none){margin-top:var(--stzh-space-none)}:host ::slotted(.large\\:cspace-b-none){margin-bottom:var(--stzh-space-none)}:host ::slotted(.large\\:cspace-y-default){margin-top:var(--stzh-space-default);margin-bottom:var(--stzh-space-default)}:host ::slotted(.large\\:cspace-t-default){margin-top:var(--stzh-space-default)}:host ::slotted(.large\\:cspace-b-default){margin-bottom:var(--stzh-space-default)}:host ::slotted(.ultra\\:cspace-y-xxxsmall){margin-top:var(--stzh-space-xxxsmall);margin-bottom:var(--stzh-space-xxxsmall)}:host ::slotted(.ultra\\:cspace-t-xxxsmall){margin-top:var(--stzh-space-xxxsmall)}:host ::slotted(.ultra\\:cspace-b-xxxsmall){margin-bottom:var(--stzh-space-xxxsmall)}:host ::slotted(.ultra\\:cspace-y-xxsmall){margin-top:var(--stzh-space-xxsmall);margin-bottom:var(--stzh-space-xxsmall)}:host ::slotted(.ultra\\:cspace-t-xxsmall){margin-top:var(--stzh-space-xxsmall)}:host ::slotted(.ultra\\:cspace-b-xxsmall){margin-bottom:var(--stzh-space-xxsmall)}:host ::slotted(.ultra\\:cspace-y-xsmall){margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xsmall)}:host ::slotted(.ultra\\:cspace-t-xsmall){margin-top:var(--stzh-space-xsmall)}:host ::slotted(.ultra\\:cspace-b-xsmall){margin-bottom:var(--stzh-space-xsmall)}:host ::slotted(.ultra\\:cspace-y-small){margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}:host ::slotted(.ultra\\:cspace-t-small){margin-top:var(--stzh-space-small)}:host ::slotted(.ultra\\:cspace-b-small){margin-bottom:var(--stzh-space-small)}:host ::slotted(.ultra\\:cspace-y-medium){margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-medium)}:host ::slotted(.ultra\\:cspace-t-medium){margin-top:var(--stzh-space-medium)}:host ::slotted(.ultra\\:cspace-b-medium){margin-bottom:var(--stzh-space-medium)}:host ::slotted(.ultra\\:cspace-y-large){margin-top:var(--stzh-space-large);margin-bottom:var(--stzh-space-large)}:host ::slotted(.ultra\\:cspace-t-large){margin-top:var(--stzh-space-large)}:host ::slotted(.ultra\\:cspace-b-large){margin-bottom:var(--stzh-space-large)}:host ::slotted(.ultra\\:cspace-y-xlarge){margin-top:var(--stzh-space-xlarge);margin-bottom:var(--stzh-space-xlarge)}:host ::slotted(.ultra\\:cspace-t-xlarge){margin-top:var(--stzh-space-xlarge)}:host ::slotted(.ultra\\:cspace-b-xlarge){margin-bottom:var(--stzh-space-xlarge)}:host ::slotted(.ultra\\:cspace-y-xxlarge){margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}:host ::slotted(.ultra\\:cspace-t-xxlarge){margin-top:var(--stzh-space-xxlarge)}:host ::slotted(.ultra\\:cspace-b-xxlarge){margin-bottom:var(--stzh-space-xxlarge)}:host ::slotted(.ultra\\:cspace-y-xxxlarge){margin-top:var(--stzh-space-xxxlarge);margin-bottom:var(--stzh-space-xxxlarge)}:host ::slotted(.ultra\\:cspace-t-xxxlarge){margin-top:var(--stzh-space-xxxlarge)}:host ::slotted(.ultra\\:cspace-b-xxxlarge){margin-bottom:var(--stzh-space-xxxlarge)}:host ::slotted(.ultra\\:cspace-y-xxxxlarge){margin-top:var(--stzh-space-xxxxlarge);margin-bottom:var(--stzh-space-xxxxlarge)}:host ::slotted(.ultra\\:cspace-t-xxxxlarge){margin-top:var(--stzh-space-xxxxlarge)}:host ::slotted(.ultra\\:cspace-b-xxxxlarge){margin-bottom:var(--stzh-space-xxxxlarge)}:host ::slotted(.ultra\\:cspace-y-big){margin-top:var(--stzh-space-big);margin-bottom:var(--stzh-space-big)}:host ::slotted(.ultra\\:cspace-t-big){margin-top:var(--stzh-space-big)}:host ::slotted(.ultra\\:cspace-b-big){margin-bottom:var(--stzh-space-big)}:host ::slotted(.ultra\\:cspace-y-xbig){margin-top:var(--stzh-space-xbig);margin-bottom:var(--stzh-space-xbig)}:host ::slotted(.ultra\\:cspace-t-xbig){margin-top:var(--stzh-space-xbig)}:host ::slotted(.ultra\\:cspace-b-xbig){margin-bottom:var(--stzh-space-xbig)}:host ::slotted(.ultra\\:cspace-y-huge){margin-top:var(--stzh-space-huge);margin-bottom:var(--stzh-space-huge)}:host ::slotted(.ultra\\:cspace-t-huge){margin-top:var(--stzh-space-huge)}:host ::slotted(.ultra\\:cspace-b-huge){margin-bottom:var(--stzh-space-huge)}:host ::slotted(.ultra\\:cspace-y-xhuge){margin-top:var(--stzh-space-xhuge);margin-bottom:var(--stzh-space-xhuge)}:host ::slotted(.ultra\\:cspace-t-xhuge){margin-top:var(--stzh-space-xhuge)}:host ::slotted(.ultra\\:cspace-b-xhuge){margin-bottom:var(--stzh-space-xhuge)}:host ::slotted(.ultra\\:cspace-y-none){margin-top:var(--stzh-space-none);margin-bottom:var(--stzh-space-none)}:host ::slotted(.ultra\\:cspace-t-none){margin-top:var(--stzh-space-none)}:host ::slotted(.ultra\\:cspace-b-none){margin-bottom:var(--stzh-space-none)}:host ::slotted(.ultra\\:cspace-y-default){margin-top:var(--stzh-space-default);margin-bottom:var(--stzh-space-default)}:host ::slotted(.ultra\\:cspace-t-default){margin-top:var(--stzh-space-default)}:host ::slotted(.ultra\\:cspace-b-default){margin-bottom:var(--stzh-space-default)}:host ::slotted(.cspace-y-0){margin-top:0;margin-bottom:0}:host ::slotted(.cspace-t-0),:host ::slotted([no-cspace-top]){margin-top:0}:host ::slotted(.cspace-b-0),:host ::slotted([no-cspace-bottom]){margin-bottom:0}:host ::slotted(.small\\:cspace-y-0){margin-top:0;margin-bottom:0}:host ::slotted(.small\\:cspace-t-0){margin-top:0}:host ::slotted(.small\\:cspace-b-0){margin-bottom:0}:host ::slotted(.smallheader\\:cspace-y-0){margin-top:0;margin-bottom:0}:host ::slotted(.smallheader\\:cspace-t-0){margin-top:0}:host ::slotted(.smallheader\\:cspace-b-0){margin-bottom:0}:host ::slotted(.medium\\:cspace-y-0){margin-top:0;margin-bottom:0}:host ::slotted(.medium\\:cspace-t-0){margin-top:0}:host ::slotted(.medium\\:cspace-b-0){margin-bottom:0}:host ::slotted(.large\\:cspace-y-0){margin-top:0;margin-bottom:0}:host ::slotted(.large\\:cspace-t-0){margin-top:0}:host ::slotted(.large\\:cspace-b-0){margin-bottom:0}:host ::slotted(.ultra\\:cspace-y-0){margin-top:0;margin-bottom:0}:host ::slotted(.ultra\\:cspace-t-0){margin-top:0}:host ::slotted(.ultra\\:cspace-b-0){margin-bottom:0}:host([remove-first-margin]:not([remove-first-margin=false])) ::slotted(:first-child){margin-top:0 !important}:host([remove-last-margin]:not([remove-last-margin=false])) ::slotted(:last-child){margin-bottom:0 !important}';const o=class{constructor(s){t(this,s);this.removeFirstMargin=true;this.removeLastMargin=true}render(){const t={"stzh-cspace":true};return s(a,null,s("div",{class:t},s("slot",null)))}};o.style=e;export{o as stzh_cspace};
-//# sourceMappingURL=p-645bbb42.entry.js.map

package/dist/stzh-components/p-645bbb42.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stzhCspaceCss","StzhCspace","render","classes","h","Host","class"],"sources":["src/components/stzh-cspace/stzh-cspace.scss?tag=stzh-cspace&encapsulation=shadow","src/components/stzh-cspace/stzh-cspace.tsx"],"sourcesContent":[":host {\n  ::slotted(stzh-input),\n  ::slotted(stzh-datepicker),\n  ::slotted(stzh-dropdown),\n  ::slotted(stzh-langnav),\n  ::slotted(stzh-fieldset),\n  ::slotted(stzh-actions),\n  ::slotted(stzh-upload),\n  ::slotted(stzh-saptcha),\n  ::slotted(stzh-checkboxgroup),\n  ::slotted(stzh-radiogroup),\n  ::slotted(stzh-message) {\n    margin-top: space('large');\n    margin-bottom: space('large');\n  }\n\n  ::slotted(h1),\n  ::slotted(stzh-heading[level=\"1\"]),\n  ::slotted(h2),\n  ::slotted(stzh-heading[level=\"2\"]) {\n    @include spaceCurve('margin-top', 'large');\n    @include spaceCurve('margin-bottom', 'medium');\n  }\n\n  ::slotted(h3),\n  ::slotted(stzh-heading[level=\"3\"]),\n  ::slotted(h4),\n  ::slotted(stzh-heading[level=\"4\"]) {\n    @include spaceCurve('margin-top', 'medium');\n  }\n\n  ::slotted(p),\n  ::slotted(stzh-text),\n  ::slotted(ul),\n  ::slotted(ol),\n  ::slotted(dl),\n  ::slotted(stzh-list) {\n    @include spaceCurve('margin-top', 'small');\n    @include spaceCurve('margin-bottom', 'small');\n  }\n\n  ::slotted(stzh-text[curve=\"hero\"]),\n  ::slotted(stzh-heading[curve=\"hero\"]) {\n    @include spaceCurve('margin-bottom', 'medium');\n  }\n\n  ::slotted(stzh-text[curve=\"h1\"]),\n  ::slotted(stzh-heading[curve=\"h1\"]),\n  ::slotted(stzh-text[curve=\"h2\"]),\n  ::slotted(stzh-heading[curve=\"h2\"]) {\n    @include spaceCurve('margin-bottom', 'medium');\n  }\n\n  ::slotted(stzh-text[curve=\"h1\"]),\n  ::slotted(stzh-heading[curve=\"h1\"]),\n  ::slotted(stzh-text[curve=\"h2\"]),\n  ::slotted(stzh-heading[curve=\"h2\"]) {\n    @include spaceCurve('margin-top', 'large');\n  }\n\n  ::slotted(stzh-text[curve=\"h3\"]),\n  ::slotted(stzh-heading[curve=\"h3\"]),\n  ::slotted(stzh-text[curve=\"h4\"]),\n  ::slotted(stzh-heading[curve=\"h4\"]) {\n    @include spaceCurve('margin-top', 'medium');\n  }\n\n  ::slotted(stzh-text[curve=\"p1\"]),\n  ::slotted(stzh-text[curve=\"p2\"]),\n  ::slotted(stzh-heading[curve=\"p1\"]),\n  ::slotted(stzh-heading[curve=\"p2\"]) {\n    @include spaceCurve('margin-top', 'small');\n    @include spaceCurve('margin-bottom', 'small');\n  }\n\n  ::slotted(.section),\n  ::slotted(stzh-accordion), // TODO: design missing default spacing, we gonna use the most common one\n  ::slotted(stzh-anchornav),\n  ::slotted(stzh-audio), // TOOD: design is using small curve as default spacing, but large looks better\n  ::slotted(stzh-iframe),\n  ::slotted(stzh-youtube),\n  ::slotted(stzh-microsite-teaserlist),\n  ::slotted(stzh-textandimage),\n  ::slotted(stzh-figure),\n  ::slotted(stzh-panorama),\n  ::slotted(stzh-chart),\n  ::slotted(stzh-sitemap),\n  ::slotted(stzh-section),\n  ::slotted(stzh-hr),\n  ::slotted(stzh-vbz-ticker) {\n    @include spaceCurve('margin-top', 'large');\n    @include spaceCurve('margin-bottom', 'large');\n  }\n\n  ::slotted(stzh-olmap),\n  ::slotted(stzh-anchornav) {\n    @include spaceCurve('margin-top', 'medium');\n    @include spaceCurve('margin-bottom', 'medium');\n  }\n\n  ::slotted(stzh-contact),\n  ::slotted(stzh-card) {\n    @include spaceCurve('margin-top', 'regular');\n    @include spaceCurve('margin-bottom', 'regular');\n  }\n\n  ::slotted(stzh-table),\n  ::slotted(stzh-datatable) {\n    @include spaceCurve('margin-top', 'regular');\n    @include spaceCurve('margin-bottom', 'medium');\n  }\n\n  ::slotted(stzh-pagetitle) {\n    @include spaceCurve('margin-top', 'large');\n    @include spaceCurve('margin-bottom', 'medium');\n  }\n\n  ::slotted(stzh-pagebottom) {\n    @include spaceCurve('margin-top', 'medium');\n  }\n\n  ::slotted(stzh-progressbar) {\n    @include spaceCurve('margin-top', 'big');\n  }\n\n  ::slotted(stzh-pagination) {\n    margin-top: space('medium');\n    margin-bottom: space('medium');\n  }\n\n  ::slotted(stzh-actions) {\n    margin-top: space('xxlarge');\n\n    &[variant=\"process\"] {\n      margin-top: space('large');\n    }\n  }\n\n  ::slotted(stzh-fieldset) {\n    margin-top: space('large');\n    margin-bottom: space('large');\n\n    &[legend] {\n      margin-top: space('xxlarge');\n    }\n  }\n\n  ::slotted(stzh-heading[level=\"4\"] + stzh-datalist),\n  ::slotted(stzh-heading[curve=\"h4\"] + stzh-datalist) {\n    margin-top: 0;\n  }\n\n  /* Utility classes for applying spacing curves */\n\n  @each $spaceCurve, $value in $spaceCurves {\n    $defaultSize: map-get($value, 'size');\n    $breakpointSizes: map-get($value, 'sizes');\n\n    ::slotted(.cspace-y-curve-#{$spaceCurve}) {\n      @include spaceCurve('margin-top', $spaceCurve);\n      @include spaceCurve('margin-bottom', $spaceCurve);\n    }\n\n    ::slotted(.cspace-t-curve-#{$spaceCurve}) {\n      @include spaceCurve('margin-top', $spaceCurve);\n    }\n\n    ::slotted(.cspace-b-curve-#{$spaceCurve}) {\n      @include spaceCurve('margin-bottom', $spaceCurve);\n    }\n  }\n\n  /* Utility classes for applying spacing values */\n\n  @each $breakpoint, $size in $breakpoints {\n    @each $space, $value in $spaceSizes {\n      @if $breakpoint {\n        ::slotted(.#{$breakpoint}\\:cspace-y-#{$space}) {\n          margin-top: #{$value};\n          margin-bottom: #{$value};\n        }\n\n        ::slotted(.#{$breakpoint}\\:cspace-t-#{$space}) {\n          margin-top: #{$value};\n        }\n\n        ::slotted(.#{$breakpoint}\\:cspace-b-#{$space}) {\n          margin-bottom: #{$value};\n        }\n      } @else {\n        ::slotted(.cspace-y-#{$space}) {\n          margin-top: #{$value};\n          margin-bottom: #{$value};\n        }\n\n        ::slotted(.cspace-t-#{$space}) {\n          margin-top: #{$value};\n        }\n\n        ::slotted(.cspace-b-#{$space}) {\n          margin-bottom: #{$value};\n        }\n      }\n    }\n  }\n\n  ::slotted(.cspace-y-0) {\n    margin-top: 0;\n    margin-bottom: 0;\n  }\n\n  ::slotted(.cspace-t-0),\n  ::slotted([no-cspace-top]) { // TODO: remove attribute\n    margin-top: 0;\n  }\n\n  ::slotted(.cspace-b-0),\n  ::slotted([no-cspace-bottom]) { // TODO: remove attribute\n    margin-bottom: 0;\n  }\n\n  @each $breakpoint, $size in $breakpoints {\n    ::slotted(.#{$breakpoint}\\:cspace-y-0) {\n      margin-top: 0;\n      margin-bottom: 0;\n    }\n\n    ::slotted(.#{$breakpoint}\\:cspace-t-0) {\n      margin-top: 0;\n    }\n\n    ::slotted(.#{$breakpoint}\\:cspace-b-0) {\n      margin-bottom: 0;\n    }\n  }\n}\n\n// Remove edge margin\n\n:host([remove-first-margin]:not([remove-first-margin=\"false\"])) {\n  ::slotted(:first-child) {\n    margin-top: 0 !important;\n  }\n}\n\n:host([remove-last-margin]:not([remove-last-margin=\"false\"])) {\n  ::slotted(:last-child) {\n    margin-bottom: 0 !important;\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n} from \"@stencil/core\";\n\n/**\n * @slot - Slot for any elements that should be vertically spaced\n */\n@Component({\n  tag: \"stzh-cspace\",\n  styleUrl: \"stzh-cspace.scss\",\n  shadow: true\n})\nexport class StzhCspace {\n  /** Whether first top margin of first child component should be set to 0. */\n  @Prop({ reflect: true }) removeFirstMargin: boolean = true;\n\n  /** Whether last bottom margin of last child component should be set to 0. */\n  @Prop({ reflect: true }) removeLastMargin: boolean = true;\n\n  render() {\n    const classes = {\n      \"stzh-cspace\": true\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"6CAAA,MAAMA,EAAgB,8l7C,MCeTC,EAAU,M,gDAEiC,K,sBAGD,I,CAErD,MAAAC,GACE,MAAMC,EAAU,CACd,cAAe,MAGjB,OACEC,EAACC,EAAI,KACHD,EAAA,OAAKE,MAAOH,GACVC,EAAA,c"}