@oiz/stzh-components 2.11.0-beta1 → 2.11.1

package/dist/cjs/stzh-contact.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"stzh-contact.entry.cjs.js","mappings":"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","names":["hasSlot","h","Host","Fragment"],"sources":["src/components/stzh-contact/stzh-contact.scss?tag=stzh-contact&encapsulation=scoped","src/components/stzh-contact/stzh-contact.tsx"],"sourcesContent":[":host {\n  @media print {\n    page-break-inside: avoid;\n    break-inside: avoid;\n  }\n\n  ::slotted([slot=\"image\"]) {\n    width: 88px;\n    height: 88px;\n    top: 0;\n    left: 0;\n    border-radius: 50%;\n    object-fit: cover;\n    margin-bottom: space('xlarge');\n\n    @include mq($from: smallheader) {\n      @include spaceCurve('margin-right', 'medium');\n      margin-bottom: 0;\n    }\n\n    @include mq($from: large) {\n      width: 196px;\n      height: 196px;\n    }\n  }\n}\n\n.stzh-contact {\n  @include fontCurve('p1');\n\n  &,\n  &__inner-wrapper {\n    display: flex;\n    flex-direction: column;\n\n    @include mq($from: smallheader) {\n      flex-direction: row;\n    }\n  }\n\n  &__wrapper {\n    flex-grow: 1;\n    display: flex;\n    flex-direction: column;\n  }\n\n  &__image {\n    display: flex;\n    flex-shrink: 0;\n  }\n\n\t&__pobox {\n    @include spaceCurve('margin-top', 'small')\n  }\n\n  &__main-heading {\n    @include spaceCurve('margin-bottom', 'small');\n  }\n\n  &__number-link {\n    color: $linkColor;\n    transition: color $baseTransitionAnimationSpeed;\n    border-radius: $buttonBorderRadius;\n\n    &:hover,\n    &:focus {\n      color: $linkHoverColor;\n    }\n  }\n\n  &__info {\n    flex-grow: 1;\n\n    @include mq($from: smallheader) {\n\t\t\tflex-basis: 45%;\n\t\t}\n  }\n\n  &__availability-title {\n    margin-bottom: space('xsmall');\n  }\n\n  &__availability {\n    margin-top: space('xlarge');\n\n    @include mq($from: smallheader) {\n      @include spaceCurve('margin-left', 'medium');\n      margin-top: 0;\n\t\t\tflex-basis: 55%;\n    }\n  }\n\n  /* Has border */\n\n  &--has-border {\n    padding-bottom: space('xlarge');\n    border-bottom: 1px solid $baseBorderColor;\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n  Fragment,\n  Watch\n} from \"@stencil/core\";\n\nimport {\n  ContactNumber,\n  StzhContactAvailabilityItem,\n  StzhDatalistItemEntry\n} from \"../../index\";\n\nimport { hasSlot } from \"../../utils/utils\";\n\nfunction formatTel(tel: string) {\n  return tel.replace(/\\s/g,'');\n}\n\n/**\n */\n@Component({\n  tag: \"stzh-contact\",\n  styleUrl: \"stzh-contact.scss\",\n  scoped: true\n})\nexport class StzhContact {\n  /** Type */\n  @Prop() type: \"Organization\" | \"Person\" = \"Organization\";\n\n  /** Heading */\n  @Prop() heading: string;\n\n  /** Main heading */\n  @Prop() mainHeading: string;\n\n  /** Name */\n  @Prop() name: string;\n\n  /** Street */\n  @Prop() street: string;\n\n  /** Additional street info */\n  @Prop() streetInfo: string;\n\n  /** Postal code */\n  @Prop() postalCode: string;\n\n  /** Location / city */\n  @Prop() location: string;\n\n  /**\n   * Numbers\n   * Array of objects that can include the attributes `type` = `tel`|`fax`, `label`, `number`\n   * and optionally `analyticsId` for setting `s-object-id` to the link element\n   * (for Adobe Analytics, default value is `label` and `number`).\n   */\n  @Prop() numbers: ContactNumber[] | string = [];\n  private _numbers: ContactNumber[] = [];\n\n  /** Post office box heading */\n  @Prop() poBoxHeading: string;\n\n  /** Post office box title */\n  @Prop() poboxTitle: string;\n\n  /** Post office box postal code */\n  @Prop() poboxPostalCode: string;\n\n  /** Post office box location / city */\n  @Prop() poboxLocation: string;\n\n  /** Availability title */\n  @Prop() availabilityTitle: string;\n\n  /** Availability times */\n  @Prop() availability: string | StzhContactAvailabilityItem[];\n  private _availability: StzhContactAvailabilityItem[] = [];\n  private availabilityDataItems: StzhDatalistItemEntry[] = [];\n\n  /** Whether to display border or not */\n  @Prop() withBorder: boolean = false;\n\n  @Watch(\"availability\")\n  availabilityWatcher(newValue: string | StzhContactAvailabilityItem[]) {\n    if (typeof newValue === \"string\") {\n      this._availability = JSON.parse(newValue);\n    } else {\n      this._availability = newValue;\n    }\n\n    if (this._availability) {\n      this.availabilityDataItems = this._availability.map((item) => ({\n        value: item.hours.join(' | '),\n        label: item.weekday\n      }));\n    }\n  }\n\n  @Watch(\"numbers\")\n  numbersWatcher(newValue: ContactNumber[] | string) {\n    if (typeof newValue === \"string\") {\n      this._numbers = JSON.parse(newValue);\n    } else {\n      this._numbers = newValue;\n    }\n  }\n\n  @Element() element: HTMLStzhFigureElement;\n\n  async componentWillLoad() {\n    this.numbersWatcher(this.numbers);\n    this.availabilityWatcher(this.availability);\n  }\n\n  render() {\n    const hasImage = hasSlot(this.element, \"image\");\n\n    const classes = {\n      \"stzh-contact\": true,\n      \"stzh-contact--has-image\": hasImage,\n      \"stzh-contact--has-border\": this.withBorder\n    };\n\n    return (\n      <Host>\n        <div class={classes} itemscope itemtype={`http://schema.org/${this.type}`}>\n          <div class=\"stzh-contact__image\">\n            <slot name=\"image\"></slot>\n          </div>\n\n          <div class=\"stzh-contact__wrapper\">\n            {this.mainHeading &&\n              <stzh-heading\n                level=\"3\"\n                class=\"stzh-contact__main-heading\"\n                itemprop={(this.type === \"Organization\" && !this.heading\n                  || this.type === \"Person\" && !this.name) ? \"name\" : null}\n                innerHTML={this.mainHeading}\n              ></stzh-heading>\n            }\n\n            <div class=\"stzh-contact__inner-wrapper\">\n              <div class=\"stzh-contact__info\">\n                {this.heading &&\n                  <stzh-heading\n                    level=\"4\"\n                    class=\"stzh-contact__heading\"\n                    itemprop={this.type === \"Organization\" || !this.name ? \"name\" : null}\n                    innerHTML={this.heading}\n                  ></stzh-heading>\n                }\n\n                {this.name &&\n                  <div\n                    class=\"stzh-contact__name\"\n                    itemprop={this.type === \"Person\" ? \"name\" : null}\n                  >\n                    {this.name}\n                  </div>\n                }\n\n                {(this.street || this.postalCode || this.location) &&\n                  <div\n                    class=\"stzh-contact__address\"\n                    itemprop=\"address\"\n                    itemscope\n                    itemtype=\"http://schema.org/PostalAddress\"\n                  >\n                    {this.street &&\n                      <div class=\"stzh-contact__street\" itemprop=\"streetAddress\">\n                        {this.street}\n\n                        {this.streetInfo &&\n                          <Fragment>\n                            <br /> {this.streetInfo}\n                          </Fragment>\n                        }\n                      </div>\n                    }\n\n                    {this.postalCode &&\n                      <span class=\"stzh-contact__postal-code\" itemprop=\"postalCode\">\n                        {this.postalCode}&nbsp;\n                      </span>\n                    }\n\n                    {this.location &&\n                      <span class=\"stzh-contact__locality\" itemprop=\"addressLocality\">\n                        {this.location}\n                      </span>\n                    }\n                  </div>\n                }\n\n                {this._numbers.map((number) =>\n                  <div class=\"stzh-contact__number\">\n                    <span>{number.label}&nbsp;</span>\n                    <span itemprop={number.type === \"fax\" ? \"faxNumber\" : \"telephone\"}>\n                      <a\n                        class=\"stzh-contact__number-link\"\n                        href={`${number.type}:${formatTel(number.number)}`}\n                        s-object-id={number.analyticsId || (`${number.label} ${number.number}`)}\n                      >\n                        {number.number}\n                      </a>\n                    </span>\n                  </div>\n                )}\n\n                {(this.poBoxHeading || this.poboxTitle || this.poboxPostalCode || this.poboxLocation) &&\n                  <div class=\"stzh-contact__pobox\">\n                    <div class=\"stzh-contact__pobox-heading\">{this.poBoxHeading}</div>\n                    <div class=\"stzh-contact__pobox-title\">{this.poboxTitle}</div>\n                    <span class=\"stzh-contact__pobox-postal-code\">{this.poboxPostalCode}&nbsp;</span>\n                    <span class=\"stzh-contact__pobox-locality\">{this.poboxLocation}</span>\n                  </div>\n                }\n              </div>\n\n              {this.availability &&\n                <div class=\"stzh-contact__availability\">\n                  {this.availabilityTitle &&\n                    <stzh-heading\n                      level=\"4\"\n                      class=\"stzh-contact__availability-title\"\n                    >\n                      {this.availabilityTitle}\n                    </stzh-heading>\n                  }\n\n                  <stzh-datalist\n                    hideBorder={true}\n                    directionSmall={\"vertical\"}\n                    items={this.availabilityDataItems}\n                  ></stzh-datalist>\n                </div>\n              }\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"stzh-contact.entry.cjs.js","mappings":"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","names":["hasSlot","h","Host","Fragment"],"sources":["src/components/stzh-contact/stzh-contact.scss?tag=stzh-contact&encapsulation=scoped","src/components/stzh-contact/stzh-contact.tsx"],"sourcesContent":[":host {\n  @media print {\n    page-break-inside: avoid;\n    break-inside: avoid;\n  }\n\n  ::slotted([slot=\"image\"]) {\n    width: 88px;\n    height: 88px;\n    top: 0;\n    left: 0;\n    border-radius: 50%;\n    object-fit: cover;\n    margin-bottom: space('xlarge');\n\n    @include mq($from: smallheader) {\n      @include spaceCurve('margin-right', 'medium');\n      margin-bottom: 0;\n    }\n\n    @include mq($from: large) {\n      width: 196px;\n      height: 196px;\n    }\n  }\n}\n\n.stzh-contact {\n  @include fontCurve('p1');\n\n  &,\n  &__inner-wrapper {\n    display: flex;\n    flex-direction: column;\n\n    @include mq($from: smallheader) {\n      flex-direction: row;\n    }\n  }\n\n  &__wrapper {\n    flex-grow: 1;\n    display: flex;\n    flex-direction: column;\n  }\n\n  &__image {\n    display: flex;\n    flex-shrink: 0;\n  }\n\n\t&__pobox {\n    @include spaceCurve('margin-top', 'small')\n  }\n\n  &__main-heading {\n    @include spaceCurve('margin-bottom', 'small');\n  }\n\n  &__number-link {\n    color: $linkColor;\n    transition: color $baseTransitionAnimationSpeed;\n    border-radius: $buttonBorderRadius;\n\n    &:hover,\n    &:focus {\n      color: $linkHoverColor;\n    }\n  }\n\n  &__info {\n    flex-grow: 1;\n\n    @include mq($from: smallheader) {\n\t\t\tflex-basis: 45%;\n\t\t}\n  }\n\n  &__availability-title {\n    margin-bottom: space('xsmall');\n  }\n\n  &__availability {\n    margin-top: space('xlarge');\n\n    @include mq($from: smallheader) {\n      @include spaceCurve('margin-left', 'medium');\n      margin-top: 0;\n\t\t\tflex-basis: 55%;\n    }\n  }\n\n  /* Has border */\n\n  &--has-border {\n    padding-bottom: space('xlarge');\n    border-bottom: 1px solid $baseBorderColor;\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n  Fragment,\n  Watch\n} from \"@stencil/core\";\n\nimport {\n  ContactNumber,\n  StzhContactAvailabilityItem,\n  StzhDatalistItemEntry\n} from \"../../index\";\n\nimport { hasSlot } from \"../../utils/utils\";\n\nfunction formatTel(tel: string) {\n  return tel.replace(/\\s/g,'');\n}\n\n/**\n * @slot image - slot for image\n * @slot address - slot for address (alternative for `address` property or separate properties `street`, `streetInfo`, `postalCode` & `location`)\n */\n@Component({\n  tag: \"stzh-contact\",\n  styleUrl: \"stzh-contact.scss\",\n  scoped: true\n})\nexport class StzhContact {\n  /** Type */\n  @Prop() type: \"Organization\" | \"Person\" = \"Organization\";\n\n  /** Heading */\n  @Prop() heading: string;\n\n  /** Main heading */\n  @Prop() mainHeading: string;\n\n  /** Name */\n  @Prop() name: string;\n\n  /** Address (alternative for address slot or separate properties `street`, `streetInfo`, `postalCode` & `location`) */\n  @Prop() address: string;\n\n  /** Street */\n  @Prop() street: string;\n\n  /** Additional street info */\n  @Prop() streetInfo: string;\n\n  /** Postal code */\n  @Prop() postalCode: string;\n\n  /** Location / city */\n  @Prop() location: string;\n\n  /**\n   * Numbers\n   * Array of objects that can include the attributes `type` = `tel`|`fax`, `label`, `number`\n   * and optionally `analyticsId` for setting `s-object-id` to the link element\n   * (for Adobe Analytics, default value is `label` and `number`).\n   */\n  @Prop() numbers: ContactNumber[] | string = [];\n  private _numbers: ContactNumber[] = [];\n\n  /** Post office box heading */\n  @Prop() poBoxHeading: string;\n\n  /** Post office box title */\n  @Prop() poboxTitle: string;\n\n  /** Post office box postal code */\n  @Prop() poboxPostalCode: string;\n\n  /** Post office box location / city */\n  @Prop() poboxLocation: string;\n\n  /** Availability title */\n  @Prop() availabilityTitle: string;\n\n  /** Availability times */\n  @Prop() availability: string | StzhContactAvailabilityItem[];\n  private _availability: StzhContactAvailabilityItem[] = [];\n  private availabilityDataItems: StzhDatalistItemEntry[] = [];\n\n  /** Whether to display border or not */\n  @Prop() withBorder: boolean = false;\n\n  @Watch(\"availability\")\n  availabilityWatcher(newValue: string | StzhContactAvailabilityItem[]) {\n    if (typeof newValue === \"string\") {\n      this._availability = JSON.parse(newValue);\n    } else {\n      this._availability = newValue;\n    }\n\n    if (this._availability) {\n      this.availabilityDataItems = this._availability.map((item) => ({\n        value: item.hours.join(' | '),\n        label: item.weekday\n      }));\n    }\n  }\n\n  @Watch(\"numbers\")\n  numbersWatcher(newValue: ContactNumber[] | string) {\n    if (typeof newValue === \"string\") {\n      this._numbers = JSON.parse(newValue);\n    } else {\n      this._numbers = newValue;\n    }\n  }\n\n  @Element() element: HTMLStzhFigureElement;\n\n  async componentWillLoad() {\n    this.numbersWatcher(this.numbers);\n    this.availabilityWatcher(this.availability);\n  }\n\n  render() {\n    const hasImage = hasSlot(this.element, \"image\");\n    const hasAddress = !!this.address || hasSlot(this.element, \"address\");\n\n    const classes = {\n      \"stzh-contact\": true,\n      \"stzh-contact--has-image\": hasImage,\n      \"stzh-contact--has-address\": hasAddress,\n      \"stzh-contact--has-border\": this.withBorder\n    };\n\n    return (\n      <Host>\n        <div class={classes} itemscope itemtype={`http://schema.org/${this.type}`}>\n          <div class=\"stzh-contact__image\">\n            <slot name=\"image\"></slot>\n          </div>\n\n          <div class=\"stzh-contact__wrapper\">\n            {this.mainHeading &&\n              <stzh-heading\n                level=\"3\"\n                class=\"stzh-contact__main-heading\"\n                itemprop={(this.type === \"Organization\" && !this.heading\n                  || this.type === \"Person\" && !this.name) ? \"name\" : null}\n                innerHTML={this.mainHeading}\n              ></stzh-heading>\n            }\n\n            <div class=\"stzh-contact__inner-wrapper\">\n              <div class=\"stzh-contact__info\">\n                {this.heading &&\n                  <stzh-heading\n                    level=\"4\"\n                    class=\"stzh-contact__heading\"\n                    itemprop={this.type === \"Organization\" || !this.name ? \"name\" : null}\n                    innerHTML={this.heading}\n                  ></stzh-heading>\n                }\n\n                {this.name &&\n                  <div\n                    class=\"stzh-contact__name\"\n                    itemprop={this.type === \"Person\" ? \"name\" : null}\n                  >\n                    {this.name}\n                  </div>\n                }\n\n                <div\n                  class=\"stzh-contact__address\"\n                  itemprop=\"address\"\n                  itemscope\n                  itemtype=\"http://schema.org/PostalAddress\"\n                  innerHTML={this.address}\n                >\n                  {!this.address && \n                    <Fragment>\n                      {this.street &&\n                        <div class=\"stzh-contact__street\" itemprop=\"streetAddress\">\n                          {this.street}\n\n                          {this.streetInfo &&\n                            <Fragment>\n                              <br /> {this.streetInfo}\n                            </Fragment>\n                          }\n                        </div>\n                      }\n\n                      {this.postalCode &&\n                        <span class=\"stzh-contact__postal-code\" itemprop=\"postalCode\">\n                          {this.postalCode}&nbsp;\n                        </span>\n                      }\n\n                      {this.location &&\n                        <span class=\"stzh-contact__locality\" itemprop=\"addressLocality\">\n                          {this.location}\n                        </span>\n                      }\n\n                      <slot name=\"address\"></slot>\n                    </Fragment>\n                  }\n                </div>\n\n                {this._numbers.map((number) =>\n                  <div class=\"stzh-contact__number\">\n                    <span>{number.label}&nbsp;</span>\n                    <span itemprop={number.type === \"fax\" ? \"faxNumber\" : \"telephone\"}>\n                      <a\n                        class=\"stzh-contact__number-link\"\n                        href={`${number.type}:${formatTel(number.number)}`}\n                        s-object-id={number.analyticsId || (`${number.label} ${number.number}`)}\n                      >\n                        {number.number}\n                      </a>\n                    </span>\n                  </div>\n                )}\n\n                {(this.poBoxHeading || this.poboxTitle || this.poboxPostalCode || this.poboxLocation) &&\n                  <div class=\"stzh-contact__pobox\">\n                    <div class=\"stzh-contact__pobox-heading\">{this.poBoxHeading}</div>\n                    <div class=\"stzh-contact__pobox-title\">{this.poboxTitle}</div>\n                    <span class=\"stzh-contact__pobox-postal-code\">{this.poboxPostalCode}&nbsp;</span>\n                    <span class=\"stzh-contact__pobox-locality\">{this.poboxLocation}</span>\n                  </div>\n                }\n              </div>\n\n              {this.availability &&\n                <div class=\"stzh-contact__availability\">\n                  {this.availabilityTitle &&\n                    <stzh-heading\n                      level=\"4\"\n                      class=\"stzh-contact__availability-title\"\n                    >\n                      {this.availabilityTitle}\n                    </stzh-heading>\n                  }\n\n                  <stzh-datalist\n                    hideBorder={true}\n                    directionSmall={\"vertical\"}\n                    items={this.availabilityDataItems}\n                  ></stzh-datalist>\n                </div>\n              }\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/stzh-cspace.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-45029280.js');
 
-const stzhCspaceCss = ":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 stzhCspaceCss = ":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-gallery),: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-gallery),: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-gallery),: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-gallery),: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-gallery),: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 StzhCspace = class {
   constructor(hostRef) {

package/dist/cjs/stzh-cspace.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"stzh-cspace.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,aAAa,GAAG,+n7CAA+n7C;;MCexo7C,UAAU;;;6BAEiC,IAAI;4BAGL,IAAI;;EAEzD,MAAM;IACJ,MAAM,OAAO,GAAG;MACd,aAAa,EAAE,IAAI;KACpB,CAAC;IAEF,QACEA,QAACC,UAAI,QACHD,iBAAK,KAAK,EAAE,OAAO,IACjBA,qBAAa,CACT,CACD,EACP;GACH;;;;;;","names":["h","Host"],"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"],"version":3}
+{"file":"stzh-cspace.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,aAAa,GAAG,qx7CAAqx7C;;MCe9x7C,UAAU;;;6BAEiC,IAAI;4BAGL,IAAI;;EAEzD,MAAM;IACJ,MAAM,OAAO,GAAG;MACd,aAAa,EAAE,IAAI;KACpB,CAAC;IAEF,QACEA,QAACC,UAAI,QACHD,iBAAK,KAAK,EAAE,OAAO,IACjBA,qBAAa,CACT,CACD,EACP;GACH;;;;;;","names":["h","Host"],"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-gallery),\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"],"version":3}

package/dist/cjs/stzh-datepicker_3.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-45029280.js');
 const dateUtils = require('./date-utils-1c17ba9b.js');
-const utils = require('./utils-77bc0ea1.js');
+const utils = require('./utils-01c0bbdd.js');
 const stzhInputDescription = require('./stzh-input-description-7d4c7c02.js');
 const stringUtils = require('./string-utils-5dd70320.js');
 

package/dist/cjs/stzh-details.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-45029280.js');
-const utils = require('./utils-77bc0ea1.js');
+const utils = require('./utils-01c0bbdd.js');
 const eventUtils = require('./event-utils-20e7b8b1.js');
 const animationUtils = require('./animation-utils-925ee0e0.js');
 require('./string-utils-5dd70320.js');

package/dist/cjs/stzh-dialog.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-45029280.js');
-const utils = require('./utils-77bc0ea1.js');
+const utils = require('./utils-01c0bbdd.js');
 const overlayUtils = require('./overlay-utils-aae8c209.js');
 const focusTrap_esm = require('./focus-trap.esm-cd484900.js');
 require('./string-utils-5dd70320.js');

package/dist/cjs/stzh-dropdown.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-45029280.js');
-const utils = require('./utils-77bc0ea1.js');
+const utils = require('./utils-01c0bbdd.js');
 const stzhInputDescription = require('./stzh-input-description-7d4c7c02.js');
 require('./string-utils-5dd70320.js');
 

package/dist/cjs/{stzh-ratio.cjs.entry.js → stzh-figure_2.cjs.entry.js}

@@ -3,6 +3,37 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-45029280.js');
+const utils = require('./utils-01c0bbdd.js');
+require('./string-utils-5dd70320.js');
+
+const stzhFigureCss = ".sc-stzh-figure-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-figure-h{display:none}.sc-stzh-figure-h *.sc-stzh-figure,.sc-stzh-figure-h *.sc-stzh-figure::before,.sc-stzh-figure-h *.sc-stzh-figure::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-figure-h .has-focus.sc-stzh-figure{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}.sc-stzh-figure-h .stzh-fylingfocus-focused.sc-stzh-figure{outline-style:none !important}.sc-stzh-figure-h .stzh-fylingfocus-focused.sc-stzh-figure::-moz-focus-inner{border:0 !important}.sc-stzh-figure-h{--caption-opacity:1}.sc-stzh-figure-h .sc-stzh-figure-s>*{max-width:100%}.sc-stzh-figure-h[fullwidth]:not([fullwidth=false]) .sc-stzh-figure-s>*{width:100%}.stzh-figure.sc-stzh-figure{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:0}.stzh-figure__element.sc-stzh-figure{display:-ms-flexbox;display:flex}@media print{.stzh-figure__element.sc-stzh-figure{page-break-inside:avoid;-moz-column-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid}}.stzh-figure__caption-wrapper.sc-stzh-figure{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));display:-ms-flexbox;display:flex;opacity:var(--caption-opacity);-webkit-transition:opacity var(--stzh-base-transition-animation-speed);transition:opacity var(--stzh-base-transition-animation-speed)}@media screen and (min-width: 1024px){.stzh-figure__caption-wrapper.sc-stzh-figure{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-figure__counter.sc-stzh-figure:not(:empty){margin-right:var(--stzh-space-xsmall)}.stzh-figure__counter.sc-stzh-figure,.stzh-figure__heading.sc-stzh-figure{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-figure__caption-text.sc-stzh-figure:not(:empty)+.stzh-figure__copyright.sc-stzh-figure:not(:empty){margin-left:var(--stzh-space-xxsmall)}.stzh-figure__copyright.sc-stzh-figure{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);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-figure--has-caption.sc-stzh-figure .stzh-figure__caption-wrapper.sc-stzh-figure{margin-top:var(--stzh-space-small)}";
+
+const StzhFigure = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.caption = "";
+    this.copyright = "";
+    this.counter = "";
+    this.heading = "";
+    this.fullwidth = true;
+  }
+  render() {
+    const captionSlotUsed = utils.hasSlot(this.element, 'caption');
+    const copyrightSlotUsed = utils.hasSlot(this.element, 'copyright');
+    const counterSlotUsed = utils.hasSlot(this.element, 'counter');
+    const headingSlotUsed = utils.hasSlot(this.element, 'heading');
+    const classes = {
+      "stzh-figure": true,
+      "stzh-figure--has-caption": !!this.caption || captionSlotUsed
+        || !!this.copyright || copyrightSlotUsed
+        || !!this.counter || counterSlotUsed
+        || !!this.heading || headingSlotUsed
+    };
+    return (index.h(index.Host, null, index.h("figure", { class: classes }, index.h("div", { class: "stzh-figure__element" }, index.h("slot", null)), index.h("figcaption", { class: "stzh-figure__caption-wrapper" }, index.h("div", { class: "stzh-figure__counter" }, this.counter ? this.counter : index.h("slot", { name: "counter" })), index.h("div", { class: "stzh-figure__text" }, index.h("div", { class: "stzh-figure__heading" }, this.heading ? this.heading : index.h("slot", { name: "heading" })), index.h("div", { class: "stzh-figure__caption" }, index.h("span", { class: "stzh-figure__caption-text" }, this.caption ? this.caption : index.h("slot", { name: "caption" })), index.h("span", { class: "stzh-figure__copyright" }, this.copyright ? this.copyright : index.h("slot", { name: "copyright" }))))))));
+  }
+  get element() { return index.getElement(this); }
+};
+StzhFigure.style = stzhFigureCss;
 
 const stzhRatioCss = ".sc-stzh-ratio-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-ratio-h{display:none}.sc-stzh-ratio-h *.sc-stzh-ratio,.sc-stzh-ratio-h *.sc-stzh-ratio::before,.sc-stzh-ratio-h *.sc-stzh-ratio::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-ratio-h .has-focus.sc-stzh-ratio{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}.sc-stzh-ratio-h .stzh-fylingfocus-focused.sc-stzh-ratio{outline-style:none !important}.sc-stzh-ratio-h .stzh-fylingfocus-focused.sc-stzh-ratio::-moz-focus-inner{border:0 !important}.sc-stzh-ratio-h{--background-color:var(--stzh-ratio-background-color);--ratio:0.5625}.sc-stzh-ratio-h .sc-stzh-ratio-s>*{position:absolute;width:100%;height:100%;top:0;left:0;-o-object-fit:cover;object-fit:cover}.sc-stzh-ratio-h[fit=contain] .sc-stzh-ratio-s>*{-o-object-fit:contain;object-fit:contain}[portrait].sc-stzh-ratio-h:not([portrait=false]){--ratio:1.7777777778}[ratio=\"16:9\"].sc-stzh-ratio-h{--ratio:0.5625}[ratio=\"16:9\"][portrait].sc-stzh-ratio-h:not([portrait=false]){--ratio:1.7777777778}[ratio=\"1:1\"].sc-stzh-ratio-h{--ratio:1}[ratio=\"1:1\"][portrait].sc-stzh-ratio-h:not([portrait=false]){--ratio:1}[ratio=\"21:9\"].sc-stzh-ratio-h{--ratio:0.4285714286}[ratio=\"21:9\"][portrait].sc-stzh-ratio-h:not([portrait=false]){--ratio:2.3333333333}[ratio=\"2:1\"].sc-stzh-ratio-h{--ratio:0.5}[ratio=\"2:1\"][portrait].sc-stzh-ratio-h:not([portrait=false]){--ratio:2}[ratio=\"3:2\"].sc-stzh-ratio-h{--ratio:0.6666666667}[ratio=\"3:2\"][portrait].sc-stzh-ratio-h:not([portrait=false]){--ratio:1.5}[ratio=\"4:3\"].sc-stzh-ratio-h{--ratio:0.75}[ratio=\"4:3\"][portrait].sc-stzh-ratio-h:not([portrait=false]){--ratio:1.3333333333}[ratio=\"5:4\"].sc-stzh-ratio-h{--ratio:0.8}[ratio=\"5:4\"][portrait].sc-stzh-ratio-h:not([portrait=false]){--ratio:1.25}@media screen and (min-width: 600px){[ratio-small=\"16:9\"].sc-stzh-ratio-h{--ratio:0.5625}}@media screen and (min-width: 600px){[ratio-small=\"16:9\"][portrait].sc-stzh-ratio-h:not([portrait=false]){--ratio:1.7777777778}}@media screen and (min-width: 600px){[ratio-small=\"1:1\"].sc-stzh-ratio-h{--ratio:1}}@media screen and (min-width: 600px){[ratio-small=\"1:1\"][portrait].sc-stzh-ratio-h:not([portrait=false]){--ratio:1}}@media screen and (min-width: 600px){[ratio-small=\"21:9\"].sc-stzh-ratio-h{--ratio:0.4285714286}}@media screen and (min-width: 600px){[ratio-small=\"21:9\"][portrait].sc-stzh-ratio-h:not([portrait=false]){--ratio:2.3333333333}}@media screen and (min-width: 600px){[ratio-small=\"2:1\"].sc-stzh-ratio-h{--ratio:0.5}}@media screen and (min-width: 600px){[ratio-small=\"2:1\"][portrait].sc-stzh-ratio-h:not([portrait=false]){--ratio:2}}@media screen and (min-width: 600px){[ratio-small=\"3:2\"].sc-stzh-ratio-h{--ratio:0.6666666667}}@media screen and (min-width: 600px){[ratio-small=\"3:2\"][portrait].sc-stzh-ratio-h:not([portrait=false]){--ratio:1.5}}@media screen and (min-width: 600px){[ratio-small=\"4:3\"].sc-stzh-ratio-h{--ratio:0.75}}@media screen and (min-width: 600px){[ratio-small=\"4:3\"][portrait].sc-stzh-ratio-h:not([portrait=false]){--ratio:1.3333333333}}@media screen and (min-width: 600px){[ratio-small=\"5:4\"].sc-stzh-ratio-h{--ratio:0.8}}@media screen and (min-width: 600px){[ratio-small=\"5:4\"][portrait].sc-stzh-ratio-h:not([portrait=false]){--ratio:1.25}}@media screen and (min-width: 800px){[ratio-smallheader=\"16:9\"].sc-stzh-ratio-h{--ratio:0.5625}}@media screen and (min-width: 800px){[ratio-smallheader=\"16:9\"][portrait].sc-stzh-ratio-h:not([portrait=false]){--ratio:1.7777777778}}@media screen and (min-width: 800px){[ratio-smallheader=\"1:1\"].sc-stzh-ratio-h{--ratio:1}}@media screen and (min-width: 800px){[ratio-smallheader=\"1:1\"][portrait].sc-stzh-ratio-h:not([portrait=false]){--ratio:1}}@media screen and (min-width: 800px){[ratio-smallheader=\"21:9\"].sc-stzh-ratio-h{--ratio:0.4285714286}}@media screen and (min-width: 800px){[ratio-smallheader=\"21:9\"][portrait].sc-stzh-ratio-h:not([portrait=false]){--ratio:2.3333333333}}@media screen and (min-width: 800px){[ratio-smallheader=\"2:1\"].sc-stzh-ratio-h{--ratio:0.5}}@media screen and (min-width: 800px){[ratio-smallheader=\"2:1\"][portrait].sc-stzh-ratio-h:not([portrait=false]){--ratio:2}}@media screen and (min-width: 800px){[ratio-smallheader=\"3:2\"].sc-stzh-ratio-h{--ratio:0.6666666667}}@media screen and (min-width: 800px){[ratio-smallheader=\"3:2\"][portrait].sc-stzh-ratio-h:not([portrait=false]){--ratio:1.5}}@media screen and (min-width: 800px){[ratio-smallheader=\"4:3\"].sc-stzh-ratio-h{--ratio:0.75}}@media screen and (min-width: 800px){[ratio-smallheader=\"4:3\"][portrait].sc-stzh-ratio-h:not([portrait=false]){--ratio:1.3333333333}}@media screen and (min-width: 800px){[ratio-smallheader=\"5:4\"].sc-stzh-ratio-h{--ratio:0.8}}@media screen and (min-width: 800px){[ratio-smallheader=\"5:4\"][portrait].sc-stzh-ratio-h:not([portrait=false]){--ratio:1.25}}@media screen and (min-width: 1024px){[ratio-medium=\"16:9\"].sc-stzh-ratio-h{--ratio:0.5625}}@media screen and (min-width: 1024px){[ratio-medium=\"16:9\"][portrait].sc-stzh-ratio-h:not([portrait=false]){--ratio:1.7777777778}}@media screen and (min-width: 1024px){[ratio-medium=\"1:1\"].sc-stzh-ratio-h{--ratio:1}}@media screen and (min-width: 1024px){[ratio-medium=\"1:1\"][portrait].sc-stzh-ratio-h:not([portrait=false]){--ratio:1}}@media screen and (min-width: 1024px){[ratio-medium=\"21:9\"].sc-stzh-ratio-h{--ratio:0.4285714286}}@media screen and (min-width: 1024px){[ratio-medium=\"21:9\"][portrait].sc-stzh-ratio-h:not([portrait=false]){--ratio:2.3333333333}}@media screen and (min-width: 1024px){[ratio-medium=\"2:1\"].sc-stzh-ratio-h{--ratio:0.5}}@media screen and (min-width: 1024px){[ratio-medium=\"2:1\"][portrait].sc-stzh-ratio-h:not([portrait=false]){--ratio:2}}@media screen and (min-width: 1024px){[ratio-medium=\"3:2\"].sc-stzh-ratio-h{--ratio:0.6666666667}}@media screen and (min-width: 1024px){[ratio-medium=\"3:2\"][portrait].sc-stzh-ratio-h:not([portrait=false]){--ratio:1.5}}@media screen and (min-width: 1024px){[ratio-medium=\"4:3\"].sc-stzh-ratio-h{--ratio:0.75}}@media screen and (min-width: 1024px){[ratio-medium=\"4:3\"][portrait].sc-stzh-ratio-h:not([portrait=false]){--ratio:1.3333333333}}@media screen and (min-width: 1024px){[ratio-medium=\"5:4\"].sc-stzh-ratio-h{--ratio:0.8}}@media screen and (min-width: 1024px){[ratio-medium=\"5:4\"][portrait].sc-stzh-ratio-h:not([portrait=false]){--ratio:1.25}}@media screen and (min-width: 1260px){[ratio-large=\"16:9\"].sc-stzh-ratio-h{--ratio:0.5625}}@media screen and (min-width: 1260px){[ratio-large=\"16:9\"][portrait].sc-stzh-ratio-h:not([portrait=false]){--ratio:1.7777777778}}@media screen and (min-width: 1260px){[ratio-large=\"1:1\"].sc-stzh-ratio-h{--ratio:1}}@media screen and (min-width: 1260px){[ratio-large=\"1:1\"][portrait].sc-stzh-ratio-h:not([portrait=false]){--ratio:1}}@media screen and (min-width: 1260px){[ratio-large=\"21:9\"].sc-stzh-ratio-h{--ratio:0.4285714286}}@media screen and (min-width: 1260px){[ratio-large=\"21:9\"][portrait].sc-stzh-ratio-h:not([portrait=false]){--ratio:2.3333333333}}@media screen and (min-width: 1260px){[ratio-large=\"2:1\"].sc-stzh-ratio-h{--ratio:0.5}}@media screen and (min-width: 1260px){[ratio-large=\"2:1\"][portrait].sc-stzh-ratio-h:not([portrait=false]){--ratio:2}}@media screen and (min-width: 1260px){[ratio-large=\"3:2\"].sc-stzh-ratio-h{--ratio:0.6666666667}}@media screen and (min-width: 1260px){[ratio-large=\"3:2\"][portrait].sc-stzh-ratio-h:not([portrait=false]){--ratio:1.5}}@media screen and (min-width: 1260px){[ratio-large=\"4:3\"].sc-stzh-ratio-h{--ratio:0.75}}@media screen and (min-width: 1260px){[ratio-large=\"4:3\"][portrait].sc-stzh-ratio-h:not([portrait=false]){--ratio:1.3333333333}}@media screen and (min-width: 1260px){[ratio-large=\"5:4\"].sc-stzh-ratio-h{--ratio:0.8}}@media screen and (min-width: 1260px){[ratio-large=\"5:4\"][portrait].sc-stzh-ratio-h:not([portrait=false]){--ratio:1.25}}@media screen and (min-width: 1440px){[ratio-ultra=\"16:9\"].sc-stzh-ratio-h{--ratio:0.5625}}@media screen and (min-width: 1440px){[ratio-ultra=\"16:9\"][portrait].sc-stzh-ratio-h:not([portrait=false]){--ratio:1.7777777778}}@media screen and (min-width: 1440px){[ratio-ultra=\"1:1\"].sc-stzh-ratio-h{--ratio:1}}@media screen and (min-width: 1440px){[ratio-ultra=\"1:1\"][portrait].sc-stzh-ratio-h:not([portrait=false]){--ratio:1}}@media screen and (min-width: 1440px){[ratio-ultra=\"21:9\"].sc-stzh-ratio-h{--ratio:0.4285714286}}@media screen and (min-width: 1440px){[ratio-ultra=\"21:9\"][portrait].sc-stzh-ratio-h:not([portrait=false]){--ratio:2.3333333333}}@media screen and (min-width: 1440px){[ratio-ultra=\"2:1\"].sc-stzh-ratio-h{--ratio:0.5}}@media screen and (min-width: 1440px){[ratio-ultra=\"2:1\"][portrait].sc-stzh-ratio-h:not([portrait=false]){--ratio:2}}@media screen and (min-width: 1440px){[ratio-ultra=\"3:2\"].sc-stzh-ratio-h{--ratio:0.6666666667}}@media screen and (min-width: 1440px){[ratio-ultra=\"3:2\"][portrait].sc-stzh-ratio-h:not([portrait=false]){--ratio:1.5}}@media screen and (min-width: 1440px){[ratio-ultra=\"4:3\"].sc-stzh-ratio-h{--ratio:0.75}}@media screen and (min-width: 1440px){[ratio-ultra=\"4:3\"][portrait].sc-stzh-ratio-h:not([portrait=false]){--ratio:1.3333333333}}@media screen and (min-width: 1440px){[ratio-ultra=\"5:4\"].sc-stzh-ratio-h{--ratio:0.8}}@media screen and (min-width: 1440px){[ratio-ultra=\"5:4\"][portrait].sc-stzh-ratio-h:not([portrait=false]){--ratio:1.25}}.stzh-ratio.sc-stzh-ratio{position:relative;width:100%;padding-top:calc(var(--ratio) * 100%);background:var(--background-color)}";
 
@@ -27,6 +58,7 @@ const StzhRatio = class {
 };
 StzhRatio.style = stzhRatioCss;
 
+exports.stzh_figure = StzhFigure;
 exports.stzh_ratio = StzhRatio;
 
-//# sourceMappingURL=stzh-ratio.cjs.entry.js.map
+//# sourceMappingURL=stzh-figure_2.cjs.entry.js.map

package/dist/cjs/stzh-figure_2.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"stzh-figure.stzh-ratio.entry.cjs.js","mappings":";;;;;;;;AAAA,MAAM,aAAa,GAAG,o8FAAo8F;;MCsB78F,UAAU;;;mBAEK,EAAE;qBAGA,EAAE;mBAGJ,EAAE;mBAGF,EAAE;qBAGkB,IAAI;;EAIlD,MAAM;IACJ,MAAM,eAAe,GAAGA,aAAO,CAAC,IAAI,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;IACzD,MAAM,iBAAiB,GAAGA,aAAO,CAAC,IAAI,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;IAC7D,MAAM,eAAe,GAAGA,aAAO,CAAC,IAAI,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;IACzD,MAAM,eAAe,GAAGA,aAAO,CAAC,IAAI,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;IAEzD,MAAM,OAAO,GAAG;MACd,aAAa,EAAE,IAAI;MACnB,0BAA0B,EACxB,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,eAAe;WAC9B,CAAC,CAAC,IAAI,CAAC,SAAS,IAAI,iBAAiB;WACrC,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,eAAe;WACjC,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,eAAe;KACvC,CAAC;IAEF,QACEC,QAACC,UAAI,QACHD,oBAAQ,KAAK,EAAE,OAAO,IACpBA,iBAAK,KAAK,EAAC,sBAAsB,IAC/BA,qBAAa,CACT,EACNA,wBAAY,KAAK,EAAC,8BAA8B,IAC9CA,iBAAK,KAAK,EAAC,sBAAsB,IAC9B,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,GAAGA,kBAAM,IAAI,EAAC,SAAS,GAAQ,CACvD,EACNA,iBAAK,KAAK,EAAC,mBAAmB,IAC5BA,iBAAK,KAAK,EAAC,sBAAsB,IAC9B,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,GAAGA,kBAAM,IAAI,EAAC,SAAS,GAAQ,CACvD,EACNA,iBAAK,KAAK,EAAC,sBAAsB,IAC/BA,kBAAM,KAAK,EAAC,2BAA2B,IACpC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,GAAGA,kBAAM,IAAI,EAAC,SAAS,GAAQ,CACtD,EACPA,kBAAM,KAAK,EAAC,wBAAwB,IACjC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,GAAGA,kBAAM,IAAI,EAAC,WAAW,GAAQ,CAC5D,CACH,CACF,CACK,CACN,CACJ,EACP;GACH;;;;;AClFH,MAAM,YAAY,GAAG,ysTAAysT;;MCkBjtT,SAAS;;;iBAEU,MAAM;sBAEW,SAAS;uBAER,SAAS;sBAEV,SAAS;sBAET,SAAS;oBAGX,KAAK;eAGE,OAAO;;EAI3D,MAAM;IACJ,MAAM,OAAO,GAAG;MACd,YAAY,EAAE,IAAI;KACnB,CAAC;IAEF,QACEA,QAACC,UAAI,QACHD,iBAAK,KAAK,EAAE,OAAO,IACjBA,qBAAa,CACT,CACD,EACP;GACH;;;;;;;;","names":["hasSlot","h","Host"],"sources":["src/components/stzh-figure/stzh-figure.scss?tag=stzh-figure&encapsulation=scoped","src/components/stzh-figure/stzh-figure.tsx","src/components/stzh-ratio/stzh-ratio.scss?tag=stzh-ratio&encapsulation=scoped","src/components/stzh-ratio/stzh-ratio.tsx"],"sourcesContent":[":host {\n  --caption-opacity: 1;\n\n  ::slotted(*) {\n    max-width: 100%;\n  }\n}\n\n:host([fullwidth]:not([fullwidth=\"false\"])) ::slotted(*) {\n  width: 100%;\n}\n\n.stzh-figure {\n  display: flex;\n  flex-direction: column;\n  margin: 0;\n\n  &__element {\n    display: flex;\n\n    @media print {\n      page-break-inside: avoid;\n      break-inside: avoid;\n    }\n  }\n\n  &__caption-wrapper {\n    @include fontCurve('caption');\n    display: flex;\n    opacity: var(--caption-opacity);\n    transition: opacity $baseTransitionAnimationSpeed;\n  }\n\n  &__counter {\n    &:not(:empty) {\n      margin-right: space('xsmall');\n    }\n  }\n\n  &__counter,\n  &__heading {\n    @include font('heavy');\n  }\n\n  &__caption-text:not(:empty) + &__copyright:not(:empty) {\n    margin-left: space('xxsmall');\n  }\n\n  &__copyright {\n    @include font('medium');\n    @include fontSize('femto');\n  }\n\n  /* Has caption content */\n\n  &--has-caption &__caption-wrapper {\n    margin-top: space('small');\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n} from \"@stencil/core\";\n\nimport { hasSlot } from \"../../utils/utils\";\n\n/**\n * @slot - Slot for e.g. image or video\n * @slot caption - Slot for a caption as alternative for attribute\n * @slot copyright - Slot for a copyright as alternative for attribute\n * @slot counter - Slot for a counter as alternative for attribute\n * @slot heading - Slot for a heading as alternative for attribute\n */\n@Component({\n  tag: \"stzh-figure\",\n  styleUrl: \"stzh-figure.scss\",\n  scoped: true\n})\nexport class StzhFigure {\n  /** Caption */\n  @Prop() caption: string = \"\";\n\n  /** Copyright */\n  @Prop() copyright: string = \"\";\n\n  /** Counter */\n  @Prop() counter: string = \"\";\n\n  /** Heading */\n  @Prop() heading: string = \"\";\n\n  /** Whether to stretch slotted content to fullwidth */\n  @Prop({ reflect: true }) fullwidth: boolean = true;\n\n  @Element() element: HTMLStzhFigureElement;\n\n  render() {\n    const captionSlotUsed = hasSlot(this.element, 'caption');\n    const copyrightSlotUsed = hasSlot(this.element, 'copyright');\n    const counterSlotUsed = hasSlot(this.element, 'counter');\n    const headingSlotUsed = hasSlot(this.element, 'heading');\n\n    const classes = {\n      \"stzh-figure\": true,\n      \"stzh-figure--has-caption\":\n        !!this.caption || captionSlotUsed\n        || !!this.copyright || copyrightSlotUsed\n        || !!this.counter || counterSlotUsed\n        || !!this.heading || headingSlotUsed\n    };\n\n    return (\n      <Host>\n        <figure class={classes}>\n          <div class=\"stzh-figure__element\">\n            <slot></slot>\n          </div>\n          <figcaption class=\"stzh-figure__caption-wrapper\">\n            <div class=\"stzh-figure__counter\">\n              {this.counter ? this.counter : <slot name=\"counter\"></slot>}\n            </div>\n            <div class=\"stzh-figure__text\">\n              <div class=\"stzh-figure__heading\">\n                {this.heading ? this.heading : <slot name=\"heading\"></slot>}\n              </div>\n              <div class=\"stzh-figure__caption\">\n                <span class=\"stzh-figure__caption-text\">\n                  {this.caption ? this.caption : <slot name=\"caption\"></slot>}\n                </span>\n                <span class=\"stzh-figure__copyright\">\n                  {this.copyright ? this.copyright : <slot name=\"copyright\"></slot>}\n                </span>\n              </div>\n            </div>\n          </figcaption>\n        </figure>\n      </Host>\n    );\n  }\n}\n","/**\n * @prop --ratio: Ratio in reverse (e.g. for 16:9 use `9 / 16`)\n * @prop --background-color: Background color of ratio area\n *\n * @prop --stzh-ratio-background-color: **Global**: Background color of ratios\n */\n\n:host {\n  --background-color: #{$ratioBackgroundColor};\n  --ratio: #{\n    nth(map-get($ratios, $ratioDefault), 2)\n    / nth(map-get($ratios, $ratioDefault), 1)\n  };\n\n  ::slotted(*) {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 0;\n    object-fit: cover;\n  }\n}\n\n:host([fit=\"contain\"]) ::slotted(*) {\n  object-fit: contain;\n}\n\n/* Ratio variants */\n\n:host([portrait]:not([portrait=\"false\"])) {\n  --ratio: #{\n    nth(map-get($ratios, $ratioDefault), 1)\n    / nth(map-get($ratios, $ratioDefault), 2)\n  };\n}\n\n@mixin ratioProps($breakpoint: null) {\n  @each $ratio, $value in $ratios {\n    $firstNr: nth($value, 1);\n    $secondNr: nth($value, 2);\n\n    @if $breakpoint {\n      :host([ratio-#{$breakpoint}=\"#{$ratio}\"]) {\n        @include mq($from: $breakpoint) {\n          --ratio: #{$secondNr / $firstNr};\n        }\n      }\n\n      :host([ratio-#{$breakpoint}=\"#{$ratio}\"][portrait]:not([portrait=\"false\"])) {\n        @include mq($from: $breakpoint) {\n          --ratio: #{$firstNr / $secondNr};\n        }\n      }\n    } @else {\n      :host([ratio=\"#{$ratio}\"]) {\n        --ratio: #{$secondNr / $firstNr};\n      }\n\n      :host([ratio=\"#{$ratio}\"][portrait]:not([portrait=\"false\"])) {\n        --ratio: #{$firstNr / $secondNr};\n      }\n    }\n  }\n}\n\n@include ratioProps();\n\n@each $breakpoint, $size in $breakpoints {\n  @include ratioProps($breakpoint);\n}\n\n.stzh-ratio {\n  position: relative;\n  width: 100%;\n  padding-top: calc(var(--ratio) * 100%);\n  background: var(--background-color);\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop\n} from \"@stencil/core\";\n\nimport { Layout } from \"../../index\";\n\n/**\n * @slot - Slot for e.g. image or video\n */\n@Component({\n  tag: \"stzh-ratio\",\n  styleUrl: \"stzh-ratio.scss\",\n  scoped: true\n})\nexport class StzhRatio {\n  /** Aspect ratio */\n  @Prop() ratio: Layout.Ratio = \"16:9\";\n  /** Aspect ratio above small breakpoint */\n  @Prop() ratioSmall: Layout.Ratio | \"inherit\" = \"inherit\";\n  /** Aspect ratio above medium breakpoint */\n  @Prop() ratioMedium: Layout.Ratio | \"inherit\" = \"inherit\";\n  /** Aspect ratio above large breakpoint */\n  @Prop() ratioLarge: Layout.Ratio | \"inherit\" = \"inherit\";\n  /** Aspect ratio above ultra breakpoint */\n  @Prop() ratioUltra: Layout.Ratio | \"inherit\" = \"inherit\";\n\n  /** Whether aspect ratio is in portrait mode */\n  @Prop({ reflect: true }) portrait: boolean = false;\n\n  /** Fit mode */\n  @Prop({ reflect: true }) fit: \"cover\" | \"contain\" = \"cover\";\n\n  @Element() element: HTMLStzhRatioElement;\n\n  render() {\n    const classes = {\n      \"stzh-ratio\": true\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/stzh-footer.cjs.entry.js

@@ -3,24 +3,40 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-45029280.js');
-const utils = require('./utils-77bc0ea1.js');
+const utils = require('./utils-01c0bbdd.js');
 require('./string-utils-5dd70320.js');
 
-const stzhFooterCss = ":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 stzhFooterCss = ":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}.stzh-footer stzh-link[slot=social-link]{--icon-size:var(--stzh-icon-size-large);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 StzhFooter = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.init = () => {
-      const socialLink = this.element.querySelector('stzh-link[slot="social-link"]');
-      const links = this.element.querySelectorAll('stzh-link[slot="link"]');
+      const socialLink = this.element.querySelector('stzh-link[slot="social-link"], [slot="social-link"] stzh-link');
+      const links = this.element.querySelectorAll('stzh-link[slot="link"], [slot="link"] stzh-link');
+      const infoTexts = this.element.querySelectorAll('stzh-text[slot="info"], [slot="info"] stzh-text');
+      const infoLinks = this.element.querySelectorAll('stzh-link[slot="info"], [slot="info"] stzh-link');
       if (socialLink) {
         utils.setPropsIfNull(socialLink, {
-          icon: "social-media"
+          icon: "social-media",
+          size: "inherit"
         });
       }
       links.forEach((link) => {
         link.setAttribute("role", "listitem");
+        utils.setPropsIfNull(link, {
+          size: "inherit"
+        });
+      });
+      infoLinks.forEach((link) => {
+        utils.setPropsIfNull(link, {
+          size: "inherit"
+        });
+      });
+      infoTexts.forEach((link) => {
+        utils.setPropsIfNull(link, {
+          curve: "none"
+        });
       });
     };
     this.localization = undefined;
@@ -66,7 +82,7 @@ const StzhFooter = class {
     };
     return (index.h(index.Host, null, index.h("footer", { class: classes }, index.h("div", { class: "stzh-footer__wrapper" }, index.h("div", { class: "stzh-footer__social-link" }, index.h("slot", { name: "social-link" })), index.h("div", { class: "stzh-footer__logo" }, index.h("slot", { name: "logo" })), index.h("div", { class: "stzh-footer__info" }, index.h("slot", { name: "info" })), index.h("div", { class: "stzh-footer__links" }, this.copyright &&
       index.h("div", { class: "stzh-footer__copyright" }, this.copyright), index.h("div", { class: "stzh-footer__link-list", role: "list" }, index.h("slot", { name: "link" }, this.variant === "egov" &&
-      index.h(index.Fragment, null, index.h("stzh-link", { slot: "link", target: "_blank", class: "stzh-footer__link", href: `${this.mainUrl}/${this.localization.legalNoticeUrl}` }, this.localization.legalNoticeText), index.h("stzh-link", { slot: "link", target: "_blank", class: "stzh-footer__link", href: `${this.mainUrl}/${this.localization.imprintUrl}` }, this.localization.imprintText), index.h("stzh-link", { class: "stzh-footer__link", slot: "link", target: "_blank", href: `${this.mainUrl}/${this.localization.accessibilityUrl}` }, this.localization.accessibilityText)))))))));
+      index.h(index.Fragment, null, index.h("stzh-link", { slot: "link", size: "inherit", target: "_blank", class: "stzh-footer__link", href: `${this.mainUrl}/${this.localization.legalNoticeUrl}` }, this.localization.legalNoticeText), index.h("stzh-link", { slot: "link", size: "inherit", target: "_blank", class: "stzh-footer__link", href: `${this.mainUrl}/${this.localization.imprintUrl}` }, this.localization.imprintText), index.h("stzh-link", { slot: "link", size: "inherit", class: "stzh-footer__link", target: "_blank", href: `${this.mainUrl}/${this.localization.accessibilityUrl}` }, this.localization.accessibilityText)))))))));
   }
   get element() { return index.getElement(this); }
 };