@oiz/stzh-components 3.0.0 → 3.1.0

package/dist/stzh-components/p-150f4514.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stzhTooltipCss","ANIMATION_SHOW","keyframes","opacity","options","duration","easing","ANIMATION_HIDE","keyCode","ESC","tooltipCounter","StzhTooltip","this","toggledByMethod","isHovering","onEscKey","event","hide","computePosition","async","open","x","y","strategy","placement","middlewareData","triggerFirstElement","contentElement","middleware","offset","mainAxis","distance","crossAxis","skidding","flip","padding","shift","arrow","element","arrowElement","computedPlacement","Object","assign","style","position","left","top","onClickTrigger","hasTrigger","toggle","onMouseEnterTrigger","show","onMouseLeaveTrigger","document","addEventListener","onMouseMoveDocument","onFocusTrigger","onBlurTrigger","clientX","clientY","basePlacement","split","offsetData","popperRect","getBoundingClientRect","topDistance","bottomDistance","leftDistance","rightDistance","exceedsTop","exceedsBottom","bottom","exceedsLeft","exceedsRight","right","removeEventListener","init","trigger","_a","triggerElement","firstElementChild","defaultSlot","Array","from","children","find","child","hasAttribute","waitForEvent","update","openWatcher","newValue","stzhOpen","emit","component","stopAnimations","willChange","hidden","animateTo","stzhOpened","stzhClose","stzhClosed","triggerWatcher","_trigger","handleDocumentClick","isClickOutside","target","contains","isClickTrigger","indexOf","componentWillLoad","id","localization","window","stzhComponents","utils","fetchTranslations","componentDidRender","isStzh","isStzhElement","setAttribute","getAttribute","label","trap","activate","deactivate","componentDidUpdate","updateContainerElements","componentDidLoad","autoUpdateCleanup","autoUpdate","interactive","createFocusTrap","fallbackFocus","clickOutsideDeactivates","returnFocusOnDeactivate","connectedCallback","observer","MutationObserver","observe","childList","subtree","disconnectedCallback","disconnect","render","classes","h","Host","class","ref","el","tabindex","onKeyDown","onMouseEnter","onMouseLeave","onFocusin","onFocusout","innerHTML","Arrow","onClick","type","name","close","curve","content"],"sources":["src/components/stzh-tooltip/stzh-tooltip.scss?tag=stzh-tooltip&encapsulation=scoped","src/components/stzh-tooltip/stzh-tooltip.tsx"],"sourcesContent":["/**\n * @prop --width: Width of tooltip\n * @prop --min-width: Minimum width of tooltip\n * @prop --max-width: Maximum width of tooltip\n * @prop --padding: Padding of tooltip\n * @prop --border-radius: Border radius of tooltip\n *\n * @prop --stzh-tooltip-width: **Global**: Width of tooltip (default `auto`)\n * @prop --stzh-tooltip-min-width: **Global**: Minimum width of tooltip (default `initial`)\n * @prop --stzh-tooltip-max-width: **Global**: Maximum width of tooltip (default `334px`)\n * @prop --stzh-tooltip-padding: **Global**: Padding of tooltip (default `var(--stzh-space-small)`)\n * @prop --stzh-tooltip-border-radius: **Global**: Border radius of tooltip (default `3px`)\n * @prop --stzh-tooltip-drop-shadow: **Global**: Border radius of tooltip (default `drop-shadow(0px 2px 10px rgba(0, 0, 0, 0.16))`)\n */\n\n:host {\n  display: contents;\n\n  --color: #{$colorWhite};\n  --background-color: #{$colorCoolgrey60};\n  --width: #{$tooltipWidth};\n  --min-width: #{$tooltipMinWidth};\n  --max-width: #{$tooltipMaxWidth};\n  --padding: #{$tooltipPadding};\n  --border-radius: #{$tooltipBorderRadius};\n  --link-color: #{$colorWhite};\n\n  --hover-link-color: #{$colorWhite70op};\n\n  &[size=\"small\"] {\n    --padding: #{$tooltipSmallPadding};\n  }\n}\n\n.stzh-tooltip {\n  @include tooltip-arrow;\n  display: contents;\n\n  &__trigger {\n    display: contents;\n  }\n\n  &__content {\n    @include tooltip-fontsize;\n    @include tooltip-dropshadow;\n    position: absolute;\n    z-index: $zIndexPopover;\n    border-radius: var(--border-radius);\n    background-color: var(--background-color);\n    color: var(--color);\n    width: var(--width);\n    min-width: var(--min-width);\n    max-width: var(--max-width);\n    display: flex;\n    flex-direction: row-reverse;\n\n    --stzh-base-color: var(--color);\n    --stzh-link-color: var(--link-color);\n    // TODO: check with designer which color it should be for hover\n    --stzh-link-hover-color: var(--hover-link-color);\n  }\n\n  &__content-slot {\n    padding: var(--padding);\n  }\n\n  &__close {\n    @include tooltip__close;\n  }\n\n  &__icon {\n    @include tooltip__icon;\n  }\n\n  &__vhidden {\n    @include visuallyhidden;\n  }\n}\n","import {\n  Host,\n  Element,\n  Component,\n  Prop,\n  h,\n  Event,\n  EventEmitter,\n  Method,\n  Listen,\n  State,\n  Watch\n} from \"@stencil/core\";\n\nimport {\n  StzhTooltipOpenEvent,\n  StzhTooltipOpenedEvent,\n  StzhTooltipCloseEvent,\n  StzhTooltipClosedEvent\n} from \"../../index\";\n\nimport {\n  arrow,\n  computePosition,\n  offset,\n  shift,\n  flip,\n  autoUpdate,\n  Placement,\n  MiddlewareData\n} from \"@floating-ui/dom\";\n\nimport { createFocusTrap, FocusTrap } from \"focus-trap\";\nimport { isStzhElement } from \"../../utils/utils\";\nimport { waitForEvent } from \"../../utils/event-utils\";\nimport { stopAnimations, animateTo } from \"../../utils/animation-utils\";\n\nimport { StzhTooltipLocalizedText } from \"./stzh-tooltip.localization\";\n\nimport Arrow from \"./assets/arrow.svg\";\n\nconst ANIMATION_SHOW = {\n  keyframes: [\n    { opacity: \"0\" },\n    { opacity: \"1\" }\n  ],\n  options: { duration: 100, easing: \"linear\" }\n};\n\nconst ANIMATION_HIDE = {\n  keyframes: [\n    { opacity: \"1\" },\n    { opacity: \"0\" }\n  ],\n  options: { duration: 200, easing: \"linear\" }\n};\n\nconst keyCode = {\n  ESC: 27\n};\n\nlet tooltipCounter = 0;\n\n/**\n * @slot Trigger element inside\n * @slot content - Content of tooltip\n */\n@Component({\n  tag: \"stzh-tooltip\",\n  styleUrl: \"stzh-tooltip.scss\",\n  scoped: true\n})\nexport class StzhTooltip {\n  /** Whether tooltip should be open */\n  @Prop({ mutable: true }) open: boolean = false;\n\n  /** Label of tooltip (used for screenreaders) */\n  @Prop() label: string = \"\";\n\n  /** Content of tooltip (use instead of content slot) */\n  @Prop() content: string = \"\";\n\n  /** Default placement of tooltip relative to trigger element */\n  @Prop() placement: Placement = \"bottom\";\n\n  /** Position strategy */\n  @Prop() strategy: \"absolute\" | \"fixed\" = \"absolute\";\n\n  /** Shifting of tooltip content */\n  @Prop({ reflect: true }) size: \"default\" | \"small\" = \"default\";\n\n  /** Shifting of tooltip content */\n  @Prop() skidding: number = 0;\n\n  /** Distance from tooltip content to trigger (default: arrow height (8px) + spacing (4px) = 12) */\n  @Prop() distance: number = 12;\n\n  /** Whether tooltip is interactive */\n  @Prop() interactive: boolean = false;\n\n  /**\n   * Controls how the tooltip is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple\n   * options can be passed by separating them with a space. When manual is used, the tooltip must be activated\n   * programmatically.\n   */\n  @Prop() trigger: string = \"hover focus\";\n  private _trigger: string[];\n\n  /** Translation strings */\n  @Prop() localization: StzhTooltipLocalizedText;\n\n  @Element() element: HTMLStzhTooltipElement;\n\n  /** Tooltip open event */\n  @Event() stzhOpen: EventEmitter<StzhTooltipOpenEvent>;\n\n  /** Tooltip opened event (after animation) */\n  @Event() stzhOpened: EventEmitter<StzhTooltipOpenedEvent>;\n\n  /** Tooltip close event */\n  @Event() stzhClose: EventEmitter<StzhTooltipCloseEvent>;\n\n  /** Tooltip closed event (after animation) */\n  @Event() stzhClosed: EventEmitter<StzhTooltipClosedEvent>;\n\n  /** Show tooltip content */\n  @Method()\n  async show() {\n    if (this.open) {\n      return;\n    }\n\n    this.toggledByMethod = true;\n    this.open = true;\n    return waitForEvent(this.element, \"stzhOpened\");\n  }\n\n  /** Hide tooltip content */\n  @Method()\n  async hide() {\n    if (!this.open) {\n      return;\n    }\n\n    this.toggledByMethod = true;\n    this.open = false;\n    return waitForEvent(this.element, \"stzhClosed\");\n  }\n\n  /** Toggle tooltip content */\n  @Method()\n  async toggle() {\n    if (this.open) {\n      return await this.hide();\n    } else {\n      return await this.show();\n    }\n  }\n\n  @Method()\n  async update() {\n    return await this.computePosition();\n  }\n\n  @Watch(\"open\")\n  async openWatcher(newValue: boolean) {\n    if (!this.contentElement) {\n      return;\n    }\n\n    if (newValue) {\n      if (this.toggledByMethod) {\n        this.stzhOpen.emit({\n          component: \"stzh-tooltip\",\n        });\n      }\n\n      await stopAnimations(this.contentElement);\n\n      // safari seems to need will-change,\n      // otherwise it has problems animating the element with the drop shadow\n      this.contentElement.style.willChange = \"transform, opacity, position, top, left, bottom, right\";\n      this.contentElement.hidden = false;\n\n      await animateTo(\n        this.contentElement,\n        ANIMATION_SHOW.keyframes,\n        ANIMATION_SHOW.options\n      );\n\n      if (this.toggledByMethod) {\n        this.stzhOpened.emit({\n          component: \"stzh-tooltip\"\n        });\n      }\n    } else {\n      if (this.toggledByMethod) {\n        this.stzhClose.emit({\n          component: \"stzh-tooltip\",\n        });\n      }\n\n      await stopAnimations(this.contentElement);\n      await animateTo(\n        this.contentElement,\n        ANIMATION_HIDE.keyframes,\n        ANIMATION_HIDE.options\n      );\n\n      this.contentElement.hidden = true;\n      this.contentElement.style.willChange = \"auto\";\n\n      if (this.toggledByMethod) {\n        this.stzhClosed.emit({\n          component: \"stzh-tooltip\"\n        });\n      }\n    }\n\n    this.toggledByMethod = false;\n  }\n\n  @Watch(\"trigger\")\n  triggerWatcher(newValue: string) {\n    this._trigger = newValue.split(\" \");\n  }\n\n  @Listen(\"click\", { target: \"document\", capture: true })\n  handleDocumentClick(event: MouseEvent) {\n    if (!this.open) {\n      return\n    }\n\n    const isClickOutside = event.target !== this.contentElement\n      && this.contentElement.contains(event.target as HTMLElement) === false\n\n    const isClickTrigger = event.target === this.triggerElement\n      || this.triggerElement.contains(event.target as HTMLElement)\n\n    if (isClickOutside && !isClickTrigger && this.hasTrigger(\"click\")) {\n      this.hide()\n    }\n  }\n\n  @State() computedPlacement: Placement;\n\n  private observer: MutationObserver;\n\n  private toggledByMethod: boolean = false;\n  private middlewareData: MiddlewareData;\n  private triggerElement: HTMLElement;\n  private triggerFirstElement: HTMLElement;\n  private contentElement: HTMLElement;\n  private arrowElement: HTMLElement;\n  private autoUpdateCleanup: Function;\n  private id: string;\n  private trap: FocusTrap;\n  private isHovering: boolean = false;\n\n  private hasTrigger(trigger: string) {\n    return this._trigger.indexOf(trigger) > -1;\n  }\n\n  private onEscKey = (event: KeyboardEvent) => {\n    if (event.keyCode === keyCode.ESC) {\n      this.hide()\n    }\n  }\n\n  private computePosition = async () => {\n    if (!this.open) {\n      return;\n    }\n\n    const { x = 0, y = 0, strategy = \"absolute\", placement, middlewareData }\n      = await computePosition(this.triggerFirstElement, this.contentElement, {\n        strategy: this.strategy,\n        placement: this.placement,\n        middleware: [\n          offset({\n            mainAxis: this.distance,\n            crossAxis: this.skidding\n          }),\n          flip({\n            padding: 5\n          }),\n          shift({\n            padding: 5\n          }),\n          arrow({\n            element: this.arrowElement,\n            padding: 5\n          })\n        ],\n      });\n\n    this.middlewareData = middlewareData;\n    this.computedPlacement = placement;\n\n    Object.assign(this.contentElement.style, {\n      position: strategy,\n      left: `${x}px`,\n      top: `${y}px`,\n    });\n\n    Object.assign(this.arrowElement.style, {\n      left: x != null ? `${middlewareData.arrow.x}px` : \"\",\n      top: y != null ? `${middlewareData.arrow.y}px` : \"\",\n    });\n  }\n\n  private onClickTrigger = () => {\n    if (this.hasTrigger(\"click\")) {\n      this.toggle();\n    }\n  }\n\n  private onMouseEnterTrigger = () => {\n    if (this.hasTrigger(\"hover\")) {\n      this.isHovering = true;\n      this.show();\n    }\n  }\n\n  private onMouseLeaveTrigger = () => {\n    if (this.hasTrigger(\"hover\")) {\n      this.isHovering = false;\n      document.addEventListener(\"mousemove\", this.onMouseMoveDocument);\n    }\n  }\n\n  private onFocusTrigger = () => {\n    if (this.hasTrigger(\"focus\")) {\n      this.show();\n    }\n  }\n\n  private onBlurTrigger = () => {\n    if (this.hasTrigger(\"focus\")) {\n      this.hide();\n    }\n  }\n\n  private onMouseMoveDocument = (event: MouseEvent) => {\n    const { clientX, clientY } = event;\n\n    if (!this.computedPlacement) {\n      return true;\n    }\n\n    const basePlacement = this.computedPlacement.split(\"-\")[0];\n    const offsetData = this.middlewareData.offset;\n    const popperRect = this.contentElement.getBoundingClientRect();\n\n    if (!offsetData) {\n      return true;\n    }\n\n    const topDistance = basePlacement === \"bottom\" ? offsetData.y : 0;\n    const bottomDistance = basePlacement === \"top\" ? offsetData.y : 0;\n    const leftDistance = basePlacement === \"right\" ? offsetData.x : 0;\n    const rightDistance = basePlacement === \"left\" ? offsetData.x : 0;\n\n    const exceedsTop =\n      popperRect.top - clientY > topDistance;\n    const exceedsBottom =\n      clientY - popperRect.bottom > bottomDistance;\n    const exceedsLeft =\n      popperRect.left - clientX > leftDistance;\n    const exceedsRight =\n      clientX - popperRect.right > rightDistance;\n\n    if (exceedsTop || exceedsBottom || exceedsLeft || exceedsRight) {\n      document.removeEventListener(\"mousemove\", this.onMouseMoveDocument);\n\n      if (!this.isHovering) {\n        this.hide();\n      }\n    }\n  }\n\n  private init = () => {\n    let trigger = this.triggerElement?.firstElementChild as HTMLElement;\n\n    if (!trigger) {\n      const defaultSlot = Array.from(this.element.children)\n        .find(child => !child.hasAttribute('slot')) as HTMLElement;\n\n      trigger = defaultSlot;\n    }\n\n    if (trigger) {\n      this.triggerFirstElement = trigger;\n      trigger.addEventListener(\"click\", this.onClickTrigger);\n      trigger.addEventListener(\"mouseenter\", this.onMouseEnterTrigger);\n      trigger.addEventListener(\"mouseleave\", this.onMouseLeaveTrigger);\n      trigger.addEventListener(\"focusin\", this.onFocusTrigger);\n      trigger.addEventListener(\"focusout\", this.onBlurTrigger);\n    }\n  }\n\n  async componentWillLoad() {\n    this.id = `stzh-tooltip-${tooltipCounter++}`;\n\n    this.triggerWatcher(this.trigger);\n\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"tooltip\");\n    }\n  }\n\n  componentDidRender() {\n    this.computePosition();\n\n    const isStzh = isStzhElement(this.triggerFirstElement);\n\n    if (this.hasTrigger(\"click\")) {\n      this.triggerFirstElement\n        .setAttribute(isStzh ? \"a11y-expanded\" : \"aria-expanded\", this.open ? \"true\" : \"false\");\n\n      if ((isStzh && !this.triggerFirstElement.getAttribute(\"a11y-describedby\"))\n        || (!isStzh && !this.triggerFirstElement.getAttribute(\"aria-describedby\"))\n      ) {\n        this.triggerFirstElement\n          .setAttribute(isStzh ? \"a11y-describedby\" : \"aria-describedby\", `${this.id}-trigger-description`);\n      }\n\n      if ((isStzh && !this.triggerFirstElement.getAttribute(\"a11y-label\"))\n        || (!isStzh && !this.triggerFirstElement.getAttribute(\"aria-label\"))\n      ) {\n        this.triggerFirstElement\n          .setAttribute(isStzh ? \"a11y-label\" : \"aria-label\", this.label);\n      }\n\n      if ((isStzh && !this.triggerFirstElement.getAttribute(\"analytics-id\"))\n        || (!isStzh && !this.triggerFirstElement.getAttribute(\"s-object-id\"))\n      ) {\n        this.triggerFirstElement\n          .setAttribute(isStzh ? \"analytics-id\" : \"s-object-id\", this.label);\n      }\n    } else {\n      if ((isStzh && !this.triggerFirstElement.getAttribute(\"a11y-describedby\"))\n        || (!isStzh && !this.triggerFirstElement.getAttribute(\"aria-describedby\"))\n      ) {\n        this.triggerFirstElement\n          .setAttribute(isStzh ? \"a11y-describedby\" : \"aria-describedby\", `${this.id}-content`);\n      }\n    }\n\n    if (this.trap) {\n      this.open ? this.trap.activate() : this.trap.deactivate();\n    }\n  }\n\n  componentDidUpdate() {\n    if (this.trap) {\n      this.trap.updateContainerElements(this.contentElement);\n    }\n  }\n\n  componentDidLoad() {\n    this.autoUpdateCleanup = autoUpdate(\n      this.element,\n      this.contentElement,\n      this.computePosition\n    );\n\n    if (this.interactive) {\n      this.trap = createFocusTrap(this.contentElement, {\n        fallbackFocus: this.contentElement,\n        clickOutsideDeactivates: true,\n        returnFocusOnDeactivate: true\n      });\n\n      if (this.open) {\n        this.trap.activate();\n      }\n    }\n\n    this.contentElement.hidden = !this.open;\n  }\n\n  connectedCallback() {\n    this.init();\n\n    this.observer = new MutationObserver(this.init);\n    this.observer.observe(this.element, {\n      childList: true,\n      subtree: true\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n\n    if (this.autoUpdateCleanup) {\n      this.autoUpdateCleanup();\n    }\n\n    if (this.triggerFirstElement) {\n      this.triggerFirstElement.removeEventListener(\"click\", this.onClickTrigger);\n      this.triggerFirstElement.removeEventListener(\"mouseenter\", this.onMouseEnterTrigger);\n      this.triggerFirstElement.removeEventListener(\"mouseleave\", this.onMouseLeaveTrigger);\n      this.triggerFirstElement.removeEventListener(\"focusin\", this.onFocusTrigger);\n      this.triggerFirstElement.removeEventListener(\"focusout\", this.onBlurTrigger);\n    }\n  }\n\n  render() {\n    const classes = {\n      \"stzh-tooltip\": true,\n      [`stzh-tooltip--open`]: this.open,\n      [`stzh-tooltip--placement-${this.computedPlacement}`]: !!this.computedPlacement\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <div\n            class=\"stzh-tooltip__trigger\"\n            ref={(el) => (this.triggerElement = el as HTMLDivElement)}\n          >\n            <slot></slot>\n          </div>\n          {this.hasTrigger(\"click\") &&\n            <div class=\"stzh-tooltip__vhidden\" id={`${this.id}-trigger-description`}>\n              {this.localization.open}\n            </div>\n          }\n          <div\n            class=\"stzh-tooltip__content\"\n            id={`${this.id}-content`}\n            ref={(el) => (this.contentElement = el as HTMLDivElement)}\n            tabindex=\"-1\"\n            aria-labelledby={this.label ? `${this.id}-label` : null}\n            aria-hidden={this.open ? \"false\" : \"true\"}\n            onKeyDown={this.onEscKey}\n            onMouseEnter={this.onMouseEnterTrigger}\n            onMouseLeave={this.onMouseLeaveTrigger}\n            onFocusin={this.onFocusTrigger}\n            onFocusout={this.onBlurTrigger}\n          >\n            <div\n              class=\"stzh-tooltip__arrow\"\n              ref={(el) => (this.arrowElement = el as HTMLDivElement)}\n              innerHTML={Arrow}\n            ></div>\n            {this.label &&\n              <h2 id={`${this.id}-label`} class=\"stzh-tooltip__vhidden\">\n                {this.label}\n              </h2>\n            }\n            {this.hasTrigger(\"click\") &&\n              <button\n                class=\"stzh-tooltip__close\"\n                onClick={() => this.hide()}\n                type=\"button\"\n              >\n                <stzh-icon name=\"close\" class=\"stzh-tooltip__icon\"></stzh-icon>\n                <span class=\"stzh-tooltip__vhidden\">{this.localization.close}</span>\n              </button>\n            }\n            <stzh-text curve=\"none\" class=\"stzh-tooltip__content-slot\">\n              {this.content ? this.content : <slot name=\"content\"></slot>}\n            </stzh-text>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/stzh-components/p-1a19bc6e.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as e,f as a,a as i,g as s}from"./p-c7bfac7a.js";import{h as n,s as r}from"./p-7e304ea3.js";import"./p-9b063923.js";const g=':host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;}:host[hidden]{display:none}:host::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--row-gap:var(--stzh-space-medium);--grid-template-areas:var(\n    --stzh-textandimage-grid-template-areas,\n    "text text text text"\n    "image image image image"\n  );--grid-template-columns:var(\n    --stzh-textandimage-grid-template-columns,\n    repeat(4, minmax(0, 1fr))\n  )}@media screen and (min-width: 600px){:host{--row-gap:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host{--row-gap:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host{--row-gap:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){:host{--grid-template-areas:var(\n      --stzh-textandimage-grid-template-areas,\n      "text text text text"\n      "image image image ."\n    )}}@media screen and (min-width: 900px){:host{--grid-template-areas:var(\n      --stzh-textandimage-grid-template-areas,\n      "text text text image image image image image"\n    );--grid-template-columns:var(\n      --stzh-textandimage-grid-template-columns,\n      repeat(8, minmax(0, 1fr))\n    )}}@media screen and (min-width: 1260px){:host{--grid-template-areas:var(\n      --stzh-textandimage-grid-template-areas,\n      "text text text text image image image image"\n    )}}@media screen and (min-width: 600px){:host([size=small]){--grid-template-areas:var(\n      --stzh-textandimage-small-grid-template-areas,\n      "text text image image"\n    )}}@media screen and (min-width: 900px){:host([size=small]){--grid-template-areas:var(\n      --stzh-textandimage-small-grid-template-areas,\n      "text text text text image image image image"\n    )}}@media screen and (min-width: 1260px){:host([size=small]){--grid-template-areas:var(\n      --stzh-textandimage-small-grid-template-areas,\n      "text text text text text image image image"\n    )}}@media screen and (min-width: 600px){:host([size=large]){--grid-template-areas:var(\n      --stzh-textandimage-large-grid-template-areas,\n      "text text text ."\n      "image image image image"\n    )}}@media screen and (min-width: 900px){:host([size=large]){--grid-template-areas:var(\n      --stzh-textandimage-large-grid-template-areas,\n      "text text text text text . . ."\n      "image image image image image image image image"\n    )}}@media screen and (min-width: 1260px){:host([size=large]){--grid-template-areas:var(\n      --stzh-textandimage-large-grid-template-areas,\n      "text text text text text text . ."\n      "image image image image image image image image"\n    )}}:host([single]:not([single=false])){--grid-template-areas:var(\n    --stzh-textandimage-single-grid-template-areas,\n    "text text text text"\n  )}@media screen and (min-width: 600px){:host([single]:not([single=false])){--grid-template-areas:var(\n      --stzh-textandimage-single-grid-template-areas,\n      "text text text ."\n    )}}@media screen and (min-width: 900px){:host([single]:not([single=false])){--grid-template-areas:var(\n      --stzh-textandimage-single-grid-template-areas,\n      "text text text text text text . ."\n    )}}.stzh-textandimage{-moz-column-gap:var(--stzh-grid-gutter);column-gap:var(--stzh-grid-gutter);display:grid;row-gap:var(--row-gap);grid-template-areas:var(--grid-template-areas);grid-template-columns:var(--grid-template-columns);}@media screen and (min-width: 600px){.stzh-textandimage{-moz-column-gap:var(--stzh-grid-gutter-small);column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-textandimage{-moz-column-gap:var(--stzh-grid-gutter-medium);column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-textandimage{-moz-column-gap:var(--stzh-grid-gutter-large);column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-textandimage{-moz-column-gap:var(--stzh-grid-gutter-ultra);column-gap:var(--stzh-grid-gutter-ultra)}}.stzh-textandimage__left{grid-area:text}.stzh-textandimage__right{grid-area:image}.stzh-textandimage--is-single .stzh-textandimage__right{grid-area:text}.stzh-textandimage--is-single-left .stzh-textandimage__right{display:none}.stzh-textandimage--is-single-right .stzh-textandimage__left{display:none}';const m=class{constructor(e){t(this,e);this.init=()=>{const t=this.element.querySelectorAll('stzh-ratio[slot="right"], [slot="right"] stzh-ratio, stzh-gallery[slot="right"], [slot="right"] stzh-gallery');const e=this.element.querySelectorAll('stzh-gallery[slot="right"], [slot="right"] stzh-gallery');const a=n(this.element,"left");const i=n(this.element,"right");if(this.size==="large"||!(a&&i)){t.forEach((t=>{r(t,{ratio:"3:2",ratioSmall:"16:9"})}))}e.forEach((t=>{r(t,{variant:"single"})}))};this.size="default"}connectedCallback(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}render(){const t=n(this.element,"left");const s=n(this.element,"right");const r=!(t&&s);const g={"stzh-textandimage":true,"stzh-textandimage--is-single-left":r&&t,"stzh-textandimage--is-single-right":r&&s,"stzh-textandimage--has-left":t,"stzh-textandimage--has-right":s,[`stzh-textandimage--size-${this.size}`]:!!this.size};return e(i,{single:r},e("div",{class:g},e("div",{class:"stzh-textandimage__left"},e("slot",{name:"left",onSlotchange:()=>a(this.element)})),e("div",{class:"stzh-textandimage__right"},e("slot",{name:"right",onSlotchange:()=>a(this.element)}))))}get element(){return s(this)}};m.style=g;export{m as stzh_textandimage};
-//# sourceMappingURL=p-1a19bc6e.entry.js.map

package/dist/stzh-components/p-1a19bc6e.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stzhTextandimageCss","StzhTextandimage","this","init","ratios","element","querySelectorAll","galleries","leftSlotUsed","hasSlot","rightSlotUsed","size","forEach","button","setPropsIfNull","ratio","ratioSmall","variant","connectedCallback","observer","MutationObserver","observe","childList","subtree","disconnectedCallback","disconnect","render","isSingle","classes","h","Host","single","class","name","onSlotchange","forceUpdate"],"sources":["src/components/stzh-textandimage/stzh-textandimage.scss?tag=stzh-textandimage&encapsulation=shadow","src/components/stzh-textandimage/stzh-textandimage.tsx"],"sourcesContent":[":host {\n  @include spaceCurve('--row-gap', 'regular');\n\n  --grid-template-areas: var(\n    --stzh-textandimage-grid-template-areas,\n    \"text text text text\"\n    \"image image image image\"\n  );\n\n  --grid-template-columns: var(\n    --stzh-textandimage-grid-template-columns,\n    #{$gridColumns}\n  );\n\n  @include mq($from: small) {\n    --grid-template-areas: var(\n      --stzh-textandimage-grid-template-areas,\n      \"text text text text\"\n      \"image image image .\"\n    );\n  }\n\n  @include mq($from: medium) {\n    --grid-template-areas: var(\n      --stzh-textandimage-grid-template-areas,\n      \"text text text image image image image image\"\n    );\n\n    --grid-template-columns: var(\n      --stzh-textandimage-grid-template-columns,\n      #{$gridColumnsMedium}\n    );\n  }\n\n  @include mq($from: large) {\n    // \"text text text text image image image image image\"\n    --grid-template-areas: var(\n      --stzh-textandimage-grid-template-areas,\n      \"text text text text image image image image\"\n    );\n  }\n}\n\n:host([size=\"small\"]) {\n  @include mq($from: small) {\n    --grid-template-areas: var(\n      --stzh-textandimage-small-grid-template-areas,\n      \"text text image image\"\n    );\n  }\n\n  @include mq($from: medium) {\n    --grid-template-areas: var(\n      --stzh-textandimage-small-grid-template-areas,\n      \"text text text text image image image image\"\n    );\n  }\n\n  @include mq($from: large) {\n    // \"text text text text text image image image image\"\n    --grid-template-areas: var(\n      --stzh-textandimage-small-grid-template-areas,\n      \"text text text text text image image image\"\n    );\n  }\n}\n\n:host([size=\"large\"]) {\n  @include mq($from: small) {\n    --grid-template-areas: var(\n      --stzh-textandimage-large-grid-template-areas,\n      \"text text text .\"\n      \"image image image image\"\n    );\n  }\n\n  @include mq($from: medium) {\n    --grid-template-areas: var(\n      --stzh-textandimage-large-grid-template-areas,\n      \"text text text text text . . .\"\n      \"image image image image image image image image\"\n    );\n  }\n\n  @include mq($from: large) {\n    // \"text text text text text text . . .\"\n    // \"image image image image image image image image image\"\n    --grid-template-areas: var(\n      --stzh-textandimage-large-grid-template-areas,\n      \"text text text text text text . .\"\n      \"image image image image image image image image\"\n    );\n  }\n}\n\n:host([single]:not([single=\"false\"])) {\n  --grid-template-areas: var(\n    --stzh-textandimage-single-grid-template-areas,\n    \"text text text text\"\n  );\n\n  @include mq($from: small) {\n    --grid-template-areas: var(\n      --stzh-textandimage-single-grid-template-areas,\n      \"text text text .\"\n    );\n  }\n\n  @include mq($from: medium) {\n    --grid-template-areas: var(\n      --stzh-textandimage-single-grid-template-areas,\n      \"text text text text text text . .\"\n    );\n  }\n}\n\n.stzh-textandimage {\n  @include gridGutter;\n  display: grid;\n  row-gap: var(--row-gap);\n  grid-template-areas: var(--grid-template-areas);\n  grid-template-columns: var(--grid-template-columns);\n\n  &__left {\n    grid-area: text;\n  }\n\n  &__right {\n    grid-area: image;\n  }\n\n  /* Single variant */\n\n  &--is-single &__right {\n    grid-area: text;\n  }\n\n  &--is-single-left &__right {\n    display: none;\n  }\n\n  &--is-single-right &__left {\n    display: none;\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n  forceUpdate,\n} from \"@stencil/core\";\n\nimport { hasSlot, setPropsIfNull } from \"../../utils/utils\";\n\n/**\n * @slot left - Slot for left column content\n * @slot right - Slot for right column content\n */\n@Component({\n  tag: \"stzh-textandimage\",\n  styleUrl: \"stzh-textandimage.scss\",\n  shadow: true\n})\nexport class StzhTextandimage {\n  /** Size variant */\n  @Prop({ reflect: true }) size: \"default\" | \"small\" | \"large\" = \"default\";\n\n  @Element() element: HTMLStzhTextandimageElement;\n\n  private observer: MutationObserver;\n\n  private init = () => {\n    const ratios = this.element.querySelectorAll(\n      'stzh-ratio[slot=\"right\"], [slot=\"right\"] stzh-ratio, stzh-gallery[slot=\"right\"], [slot=\"right\"] stzh-gallery'\n    );\n\n    const galleries = this.element.querySelectorAll(\n      'stzh-gallery[slot=\"right\"], [slot=\"right\"] stzh-gallery'\n    );\n\n    const leftSlotUsed = hasSlot(this.element, \"left\");\n    const rightSlotUsed = hasSlot(this.element, \"right\");\n\n    if (this.size === \"large\" || !(leftSlotUsed && rightSlotUsed)) {\n      ratios.forEach((button) => {\n        setPropsIfNull(button, {\n          ratio: \"3:2\",\n          ratioSmall: \"16:9\"\n        } as HTMLStzhRatioElement)\n      });\n    }\n\n    galleries.forEach((button) => {\n      setPropsIfNull(button, {\n        variant: \"single\"\n      } as HTMLStzhGalleryElement)\n    });\n  }\n\n  connectedCallback() {\n    this.init();\n\n    this.observer = new MutationObserver(this.init);\n    this.observer.observe(this.element, {\n      childList: true,\n      subtree: true\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n  }\n\n  render() {\n    const leftSlotUsed = hasSlot(this.element, \"left\");\n    const rightSlotUsed = hasSlot(this.element, \"right\");\n\n    const isSingle = !(leftSlotUsed && rightSlotUsed);\n\n    const classes = {\n      \"stzh-textandimage\": true,\n      \"stzh-textandimage--is-single-left\": isSingle && leftSlotUsed,\n      \"stzh-textandimage--is-single-right\": isSingle && rightSlotUsed,\n      \"stzh-textandimage--has-left\": leftSlotUsed,\n      \"stzh-textandimage--has-right\": rightSlotUsed,\n      [`stzh-textandimage--size-${this.size}`]: !!this.size\n    };\n\n    return (\n      <Host single={isSingle}>\n        <div class={classes}>\n          <div class=\"stzh-textandimage__left\">\n            <slot name=\"left\" onSlotchange={() => forceUpdate(this.element)}></slot>\n          </div>\n\n          <div class=\"stzh-textandimage__right\">\n            <slot name=\"right\" onSlotchange={() => forceUpdate(this.element)}></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"mIAAA,MAAMA,EAAsB,igK,MCoBfC,EAAgB,M,yBAQnBC,KAAAC,KAAO,KACb,MAAMC,EAASF,KAAKG,QAAQC,iBAC1B,gHAGF,MAAMC,EAAYL,KAAKG,QAAQC,iBAC7B,2DAGF,MAAME,EAAeC,EAAQP,KAAKG,QAAS,QAC3C,MAAMK,EAAgBD,EAAQP,KAAKG,QAAS,SAE5C,GAAIH,KAAKS,OAAS,WAAaH,GAAgBE,GAAgB,CAC7DN,EAAOQ,SAASC,IACdC,EAAeD,EAAQ,CACrBE,MAAO,MACPC,WAAY,QACY,G,CAI9BT,EAAUK,SAASC,IACjBC,EAAeD,EAAQ,CACrBI,QAAS,UACiB,GAC5B,E,UA/B2D,S,CAkC/D,iBAAAC,GACEhB,KAAKC,OAELD,KAAKiB,SAAW,IAAIC,iBAAiBlB,KAAKC,MAC1CD,KAAKiB,SAASE,QAAQnB,KAAKG,QAAS,CAClCiB,UAAW,KACXC,QAAS,M,CAIb,oBAAAC,GACE,GAAItB,KAAKiB,SAAU,CACjBjB,KAAKiB,SAASM,Y,EAIlB,MAAAC,GACE,MAAMlB,EAAeC,EAAQP,KAAKG,QAAS,QAC3C,MAAMK,EAAgBD,EAAQP,KAAKG,QAAS,SAE5C,MAAMsB,IAAanB,GAAgBE,GAEnC,MAAMkB,EAAU,CACd,oBAAqB,KACrB,oCAAqCD,GAAYnB,EACjD,qCAAsCmB,GAAYjB,EAClD,8BAA+BF,EAC/B,+BAAgCE,EAChC,CAAC,2BAA2BR,KAAKS,UAAWT,KAAKS,MAGnD,OACEkB,EAACC,EAAI,CAACC,OAAQJ,GACZE,EAAA,OAAKG,MAAOJ,GACVC,EAAA,OAAKG,MAAM,2BACTH,EAAA,QAAMI,KAAK,OAAOC,aAAc,IAAMC,EAAYjC,KAAKG,YAGzDwB,EAAA,OAAKG,MAAM,4BACTH,EAAA,QAAMI,KAAK,QAAQC,aAAc,IAAMC,EAAYjC,KAAKG,a"}

package/dist/stzh-components/p-1a3dcde3.entry.js

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

package/dist/stzh-components/p-1a3dcde3.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stzhCspaceCss","StzhCspace","this","init","rootElement","preventRemoveNested","nestedCspaceOrRichtext","querySelectorAll","forEach","cspaceOrRichtext","setPropsIfNull","removeFirstMargin","removeLastMargin","preventRemoveNestedWatcher","componentDidRender","observer","observe","childList","subtree","connectedCallback","MutationObserver","disconnectedCallback","disconnect","render","classes","h","Host","ref","el","class"],"sources":["src/components/stzh-cspace/stzh-cspace.scss?tag=stzh-cspace","src/components/stzh-cspace/stzh-cspace.tsx"],"sourcesContent":["stzh-cspace {\n  @include host;\n  color: inherit;\n  font-weight: inherit;\n  font-family: inherit;\n  letter-spacing: inherit;\n\n  // Remove edge margin\n\n  &[has-hidden-first-margin] > .stzh-cspace {\n    & > :first-child {\n      margin-top: 0 !important;\n    }\n\n    & > .section:first-child > *:first-child {\n      margin-top: 0 !important;\n    }\n  }\n\n  &[has-hidden-last-margin] > .stzh-cspace {\n    & > :last-child {\n      margin-bottom: 0 !important;\n    }\n\n    & > .section:last-child > *:last-child {\n      margin-bottom: 0 !important;\n    }\n  }\n}\n\nstzh-cspace > .stzh-cspace {\n  display: grid;\n  grid-template-columns: minmax(0, 1fr);\n  // display: flex;\n  // flex-direction: column;\n  // align-items: flex-start;\n\n  & > .section > h1,\n  & > h1,\n  & > .section > :where(stzh-heading[level=\"1\"]),\n  & > :where(stzh-heading[level=\"1\"]) {\n    @include spaceCurve('margin-top', 'large');\n    @include spaceCurve('margin-bottom', 'medium');\n  }\n\n  & > .section > h2,\n  & > h2,\n  & > .section > :where(stzh-heading[level=\"2\"]),\n  & > :where(stzh-heading[level=\"2\"]) {\n    @include spaceCurve('margin-top', 'regular');\n    @include spaceCurve('margin-bottom', 'tiny');\n  }\n\n  & > .section > h3,\n  & > h3,\n  & > .section > :where(stzh-heading[level=\"3\"]),\n  & > :where(stzh-heading[level=\"3\"]) {\n    @include spaceCurve('margin-top', 'tiny');\n    @include spaceCurve('margin-bottom', 'tiny');\n\n    @include mq($from: large) {\n      margin-top: space('xsmall');\n    }\n  }\n\n  & > .section > h4,\n  & > h4,\n  & > .section > :where(stzh-heading[level=\"4\"]),\n  & > :where(stzh-heading[level=\"4\"]) {\n    @include spaceCurve('margin-top', 'small');\n    @include spaceCurve('margin-bottom', 'tiny');\n  }\n\n  & > .section > p,\n  & > p,\n  & > .section > stzh-text,\n  & > stzh-text,\n  & > .section > ul,\n  & > ul,\n  & > .section > ol,\n  & > ol,\n  & > .section > dl,\n  & > dl,\n  & > .section > stzh-list,\n  & > stzh-list {\n    @include spaceCurve('margin-bottom', 'regular');\n    margin-top: 0;\n  }\n\n  & > .section > :where(stzh-text[curve=\"hero\"]),\n  & > :where(stzh-text[curve=\"hero\"]),\n  & > .section > :where(stzh-heading[curve=\"hero\"]),\n  & > :where(stzh-heading[curve=\"hero\"]) {\n    @include spaceCurve('margin-bottom', 'medium');\n    margin-top: 0;\n  }\n\n  & > .section > :where(stzh-text[curve=\"h1\"]),\n  & > :where(stzh-text[curve=\"h1\"]),\n  & > .section > :where(stzh-heading[curve=\"h1\"]),\n  & > :where(stzh-heading[curve=\"h1\"]) {\n    @include spaceCurve('margin-top', 'large');\n    @include spaceCurve('margin-bottom', 'medium');\n  }\n\n  & > .section > :where(stzh-text[curve=\"h2\"]),\n  & > :where(stzh-text[curve=\"h2\"]),\n  & > .section > :where(stzh-heading[curve=\"h2\"]),\n  & > :where(stzh-heading[curve=\"h2\"]) {\n    @include spaceCurve('margin-top', 'large');\n    @include spaceCurve('margin-bottom', 'small');\n  }\n\n  & > .section > :where(stzh-text[curve=\"h3\"]),\n  & > :where(stzh-text[curve=\"h3\"]),\n  & > .section > :where(stzh-heading[curve=\"h3\"]),\n  & > :where(stzh-heading[curve=\"h3\"]) {\n    @include spaceCurve('margin-top', 'regular');\n    @include spaceCurve('margin-bottom', 'tiny');\n  }\n\n  & > .section > :where(stzh-text[curve=\"h4\"]),\n  & > :where(stzh-text[curve=\"h4\"]),\n  & > .section > :where(stzh-heading[curve=\"h4\"]),\n  & > :where(stzh-heading[curve=\"h4\"]) {\n    @include spaceCurve('margin-top', 'regular');\n    @include spaceCurve('margin-bottom', 'tiny');\n  }\n\n  & > .section > :where(stzh-text[curve=\"p1\"]),\n  & > :where(stzh-text[curve=\"p1\"]),\n  & > .section > :where(stzh-heading[curve=\"p1\"]),\n  & > :where(stzh-heading[curve=\"p1\"]) {\n    @include spaceCurve('margin-bottom', 'regular');\n    margin-top: 0;\n  }\n\n  & > .section > :where(stzh-text[curve=\"p2\"]),\n  & > :where(stzh-text[curve=\"p2\"]),\n  & > .section > :where(stzh-heading[curve=\"p2\"]),\n  & > :where(stzh-heading[curve=\"p2\"]) {\n    @include spaceCurve('margin-top', 'small');\n    @include spaceCurve('margin-bottom', 'small');\n  }\n\n  & > .section > stzh-input, // DONE\n  & > stzh-input, // DONE\n  & > .section > stzh-datepicker, // DONE\n  & > stzh-datepicker, // DONE\n  & > .section > stzh-daterange, // DONE\n  & > stzh-daterange, // DONE\n  & > .section > stzh-dropdown, // DONE\n  & > stzh-dropdown, // DONE\n  & > .section > stzh-upload, // DONE\n  & > stzh-upload, // DONE\n  & > .section > stzh-checkbox, // DONE\n  & > stzh-checkbox, // DONE\n  & > .section > stzh-checkboxgroup, // DONE\n  & > stzh-checkboxgroup, // DONE\n  & > .section > stzh-radio, // DONE\n  & > stzh-radio, // DONE\n  & > .section > stzh-radiogroup, // DONE\n  & > stzh-radiogroup { // DONE\n    @include spaceCurve('margin-bottom', 'tiny');\n  }\n\n  & > .section > stzh-chipgroup, // DONE\n  & > stzh-chipgroup, // DONE\n  & > .section > stzh-chipselect, // DONE\n  & > stzh-chipselect { // DONE\n    margin-bottom: space('xlarge');\n  }\n\n  & > .section > stzh-message, // DONE\n  & > stzh-message { // DONE\n    @include spaceCurve('margin-bottom', 'large');\n  }\n\n  & > .section > stzh-contact, // DONE\n  & > stzh-contact, // DONE\n  & > .section > stzh-accordion, // DONE\n  & > stzh-accordion, // DONE\n  & > .section > stzh-anchornav, // DONE\n  & > stzh-anchornav, // DONE\n  & > .section > stzh-audio, // DONE\n  & > stzh-audio, // DONE\n  & > .section > stzh-microsite-teaserlist,\n  & > stzh-microsite-teaserlist,\n  & > .section > stzh-gallery, // DONE\n  & > stzh-gallery, // DONE\n  & > .section > stzh-panorama,\n  & > stzh-panorama,\n  & > .section > stzh-chart,\n  & > stzh-chart,\n  & > .section > stzh-sitemap,\n  & > stzh-sitemap,\n  & > .section > stzh-hr,\n  & > stzh-hr,\n  & > .section > stzh-archivelist,\n  & > stzh-archivelist,\n  & > .section > stzh-figure, // DONE\n  & > stzh-figure, // DONE\n  & > stzh-iframe, // DONE\n  & > .section > stzh-youtube, // DONE\n  & > stzh-youtube, // DONE\n  & > .section > stzh-vbz-ticker,\n  & > stzh-vbz-ticker {\n    @include spaceCurve('margin-bottom', 'large');\n  }\n\n  & > .section > stzh-eventinfo, // DONE\n  & > stzh-eventinfo, // DONE\n  & > .section > stzh-eventdata, // DONE\n  & > stzh-eventdata, // DONE\n  & > .section > stzh-datalist, // DONE\n  & > stzh-datalist, // DONE\n  & > .section > stzh-textandimage, // DONE\n  & > stzh-textandimage { // DONE\n    @include spaceCurve('margin-bottom', 'medium');\n  }\n\n  & > .section > stzh-section[variant=\"highlight\"], // DONE\n  & > stzh-section[variant=\"highlight\"] { // DONE\n    @include spaceCurve('margin-top', 'regular');\n    @include spaceCurve('margin-bottom', 'regular');\n  }\n\n  & > .section > stzh-pagetitle[background=\"default\"], // DONE\n  & > stzh-pagetitle[background=\"default\"] { // DONE\n    @include spaceCurve('margin-bottom', 'big');\n  }\n\n  & > .section > stzh-richtext[has-hidden-last-margin], // DONE\n  & > stzh-richtext[has-hidden-last-margin] { // DONE\n    @include spaceCurve('margin-bottom', 'regular');\n  }\n\n  & > .section > stzh-cta, // DONE\n  & > stzh-cta { // DONE\n    @include spaceCurve('margin-top', 'small');\n    @include spaceCurve('margin-bottom', 'large');\n  }\n\n  & > .section > stzh-olmap,\n  & > stzh-olmap {\n    @include spaceCurve('margin-top', 'medium');\n    @include spaceCurve('margin-bottom', 'medium');\n  }\n\n  & > .section > stzh-breadcrumb, // DONE\n  & > stzh-breadcrumb { // DONE\n    @include spaceCurve('margin-top', 'medium');\n    @include spaceCurve('margin-bottom', 'regular');\n  }\n\n  & > .section > stzh-card,\n  & > stzh-card {\n    @include spaceCurve('margin-bottom', 'regular');\n  }\n\n  & > .section > stzh-appointments,\n  & > stzh-appointments {\n    @include spaceCurve('margin-bottom', 'big');\n\n    &[has-heading] {\n      @include spaceCurve('margin-top', 'regular');\n    }\n  }\n\n  & > .section > stzh-table, // DONE\n  & > stzh-table, // DONE\n  & > .section > stzh-datatable, // DONE\n  & > stzh-datatable { // DONE\n    @include spaceCurve('margin-top', 'regular');\n    @include spaceCurve('margin-bottom', 'large');\n  }\n\n  & > .section > stzh-pagebottom,\n  & > stzh-pagebottom {\n    @include spaceCurve('margin-top', 'medium');\n    @include spaceCurve('margin-bottom', 'medium');\n  }\n\n  & > .section > stzh-progressbar,\n  & > stzh-progressbar {\n    @include spaceCurve('margin-top', 'big');\n  }\n\n  & > .section > stzh-pagination, // DONE\n  & > stzh-pagination { // DONE\n    @include spaceCurve('margin-top', 'regular');\n    @include spaceCurve('margin-bottom', 'large');\n  }\n\n  & > .section > stzh-actions, // DONE\n  & > stzh-actions { // DONE\n    @include spaceCurve('margin-top', 'medium');\n    @include spaceCurve('margin-bottom', 'big');\n  }\n\n  & > .section > stzh-saptcha, // DONE\n  & > stzh-saptcha { // DONE\n    @include spaceCurve('margin-bottom', 'medium');\n  }\n\n  & > .section > stzh-fieldset, // DONE\n  & > stzh-fieldset { // DONE\n    @include spaceCurve('margin-bottom', 'tiny');\n\n    &[legend] {\n      @include spaceCurve('margin-top', 'regular');\n    }\n  }\n\n  // & > stzh-heading[level=\"4\"] + stzh-datalist,\n  // & > 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    & > .section > .cspace-y-curve-#{$spaceCurve},\n    & > .cspace-y-curve-#{$spaceCurve} {\n      @include spaceCurve('margin-top', $spaceCurve);\n      @include spaceCurve('margin-bottom', $spaceCurve);\n    }\n\n    & > .section > .cspace-t-curve-#{$spaceCurve},\n    & > .cspace-t-curve-#{$spaceCurve} {\n      @include spaceCurve('margin-top', $spaceCurve);\n    }\n\n    & > .section > .cspace-b-curve-#{$spaceCurve},\n    & > .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        & > .section > .#{$breakpoint}\\:cspace-y-#{$space},\n        & > .#{$breakpoint}\\:cspace-y-#{$space} {\n          margin-top: #{$value};\n          margin-bottom: #{$value};\n        }\n\n        & > .section > .#{$breakpoint}\\:cspace-t-#{$space},\n        & > .#{$breakpoint}\\:cspace-t-#{$space} {\n          margin-top: #{$value};\n        }\n\n        & > .section > .#{$breakpoint}\\:cspace-b-#{$space},\n        & > .#{$breakpoint}\\:cspace-b-#{$space} {\n          margin-bottom: #{$value};\n        }\n      } @else {\n        & > .section > .cspace-y-#{$space},\n        & > .cspace-y-#{$space} {\n          margin-top: #{$value};\n          margin-bottom: #{$value};\n        }\n\n        & > .section > .cspace-t-#{$space},\n        & > .cspace-t-#{$space} {\n          margin-top: #{$value};\n        }\n\n        & > .section > .cspace-b-#{$space},\n        & > .cspace-b-#{$space} {\n          margin-bottom: #{$value};\n        }\n      }\n    }\n  }\n\n  & > .section > .cspace-y-0,\n  & > .cspace-y-0 {\n    margin-top: 0;\n    margin-bottom: 0;\n  }\n\n  & > .section > .cspace-t-0,\n  & > .cspace-t-0 {\n    margin-top: 0;\n  }\n\n  & > .section > .cspace-b-0,\n  & > .cspace-b-0 {\n    margin-bottom: 0;\n  }\n\n  @each $breakpoint, $size in $breakpoints {\n    & > .section > .#{$breakpoint}\\:cspace-y-0,\n    & > .#{$breakpoint}\\:cspace-y-0 {\n      margin-top: 0;\n      margin-bottom: 0;\n    }\n\n    & > .section > .#{$breakpoint}\\:cspace-t-0,\n    & > .#{$breakpoint}\\:cspace-t-0 {\n      margin-top: 0;\n    }\n\n    & > .section > .#{$breakpoint}\\:cspace-b-0,\n    & > .#{$breakpoint}\\:cspace-b-0 {\n      margin-bottom: 0;\n    }\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  Watch,\n} from \"@stencil/core\";\n\nimport { setPropsIfNull } from \"../../utils/utils\";\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})\nexport class StzhCspace {\n  /** Whether first top margin of first child component should be set to 0. */\n  @Prop({ reflect: true }) removeFirstMargin: boolean;\n\n  /** Whether last bottom margin of last child component should be set to 0. */\n  @Prop({ reflect: true }) removeLastMargin: boolean;\n\n  /** Whether removing first/last margin should be automatically prevented for nested cspace/richtext */\n  @Prop({ reflect: true }) preventRemoveNested: \"direct\" | \"deep\" | \"disabled\" = \"direct\";\n\n  @Element() element: HTMLStzhCspaceElement;\n\n  @Watch(\"preventRemoveNested\")\n  preventRemoveNestedWatcher() {\n    this.init();\n  }\n\n  private observer: MutationObserver;\n  private rootElement: HTMLElement;\n\n  private init = () => {\n    if (!this.rootElement) {\n      return;\n    }\n\n    if (this.preventRemoveNested !== \"disabled\") {\n      const nestedCspaceOrRichtext = this.rootElement.querySelectorAll(\n        this.preventRemoveNested === \"deep\"\n          ? \"stzh-cspace, stzh-richtext\"\n          : \":scope > stzh-cspace, :scope > .section > stzh-cspace, stzh-show > stzh-cspace, :scope > stzh-richtext, :scope > .section > stzh-richtext, stzh-show > stzh-richtext\"\n      );\n\n      nestedCspaceOrRichtext.forEach((cspaceOrRichtext) => {  \n        setPropsIfNull(cspaceOrRichtext, {\n          removeFirstMargin: false,\n          removeLastMargin: false,\n        } as HTMLStzhCspaceElement | HTMLStzhRichtextElement)\n      });\n    }\n  }\n\n  componentDidRender() {\n    this.init();\n\n    this.observer.observe(this.rootElement, {\n      childList: true,\n      subtree: true\n    });\n  }\n\n  connectedCallback() {\n    this.observer = new MutationObserver(this.init);\n  }\n\n  disconnectedCallback() {\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n  }\n\n\n  render() {\n    const classes = {\n      \"stzh-cspace\": true\n    };\n\n    return (\n      <Host\n        has-hidden-first-margin={typeof this.removeFirstMargin === \"boolean\" ? this.removeFirstMargin : true}\n        has-hidden-last-margin={typeof this.removeLastMargin === \"boolean\" ? this.removeLastMargin : true}\n      >\n        <div\n          ref={(el) => (this.rootElement = el as HTMLElement)}\n          class={classes}\n        >\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"qHAAA,MAAMA,EAAgB,+xkG,MCkBTC,EAAU,M,yBAoBbC,KAAAC,KAAO,KACb,IAAKD,KAAKE,YAAa,CACrB,M,CAGF,GAAIF,KAAKG,sBAAwB,WAAY,CAC3C,MAAMC,EAAyBJ,KAAKE,YAAYG,iBAC9CL,KAAKG,sBAAwB,OACzB,6BACA,wKAGNC,EAAuBE,SAASC,IAC9BC,EAAeD,EAAkB,CAC/BE,kBAAmB,MACnBC,iBAAkB,OACiC,G,6FA5BoB,Q,CAK/E,0BAAAC,GACEX,KAAKC,M,CA2BP,kBAAAW,GACEZ,KAAKC,OAELD,KAAKa,SAASC,QAAQd,KAAKE,YAAa,CACtCa,UAAW,KACXC,QAAS,M,CAIb,iBAAAC,GACEjB,KAAKa,SAAW,IAAIK,iBAAiBlB,KAAKC,K,CAG5C,oBAAAkB,GACE,GAAInB,KAAKa,SAAU,CACjBb,KAAKa,SAASO,Y,EAKlB,MAAAC,GACE,MAAMC,EAAU,CACd,cAAe,MAGjB,OACEC,EAACC,EAAI,kCAC6BxB,KAAKS,oBAAsB,UAAYT,KAAKS,kBAAoB,KAAI,gCACrET,KAAKU,mBAAqB,UAAYV,KAAKU,iBAAmB,MAE7Fa,EAAA,OACEE,IAAMC,GAAQ1B,KAAKE,YAAcwB,EACjCC,MAAOL,GAEPC,EAAA,c"}

package/dist/stzh-components/p-2773b08f.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stzhCardSearchresultCss","StzhCardSearchresult","this","handleCardClick","originalEvent","stzhClick","emit","component","href","metaWatcher","newValue","_meta","JSON","parse","e","downloadMetaWatcher","_downloadMeta","componentDidRender","requestAnimationFrame","objectId","analyticsId","_a","headingTextElement","innerText","_b","headingLinkElement","setAttribute","componentWillLoad","meta","downloadMeta","localization","window","stzhComponents","utils","fetchTranslations","element","dateAdapter","createFormatParseAdapter","$formats","$globals","render","hasHeading","heading","hasSlot","hasDescription","description","hasImage","eventDateStart","Date","eventDateEnd","classes","eventLocation","service","tag","topic","imagePosition","length","downloadHeading","breadcrumbItems","Heading","headingLevel","HeadingLink","h","Host","class","role","label","nonInteractive","items","variant","dateline","ref","el","target","download","onClick","name","format","formatSpan","dayNamesShort","getDay","getDate","monthNamesShort","getMonth","datalistItems","map","Fragment"],"sources":["src/components/stzh-card-searchresult/stzh-card-searchresult.scss?tag=stzh-card-searchresult&encapsulation=scoped","src/components/stzh-card-searchresult/stzh-card-searchresult.tsx"],"sourcesContent":[":host {\n  --service-background-color: #{$colorSecondary30};\n  --service-color: #{$colorPrimary70};\n\n  --grid-template-areas:\n    \"heading\"\n    \"description\"\n    \"meta\";\n  --grid-template-rows: repeat(2, auto) minmax(0, 1fr);\n  --grid-template-columns: minmax(0, 1fr);\n\n  display: grid;\n\n  ::slotted(img) {\n    width: 100%;\n    max-width: 100%;\n  }\n\n  &[has-image] {\n    --grid-template-areas:\n      \"image\"\n      \"heading\"\n      \"description\"\n      \"meta\";\n    --grid-template-rows: repeat(3, auto) minmax(0, 1fr);\n    --grid-template-columns: minmax(0, 1fr);\n\n    @include mq($from: small) {\n      --grid-template-areas:\n        \"heading image\"\n        \"description image\"\n        \"meta image\";\n      --grid-template-rows: repeat(2, auto) minmax(0, 1fr);\n      --grid-template-columns: minmax(0, 1fr) minmax(180px, min-content);\n    }\n  }\n\n  &[has-image][image-position=\"right\"] {\n    @include mq($to: small) {\n      --grid-template-areas:\n        \"heading image\"\n        \"description description\"\n        \"meta meta\";\n      --grid-template-rows: repeat(2, auto) minmax(0, 1fr);\n      --grid-template-columns: minmax(0, 1fr) minmax(100px, min-content);\n    }\n  }\n}\n\n.stzh-card-searchresult {\n  @include fontSize('milli');\n  position: relative;\n  display: grid;\n  background-color: $colorGrey10;\n  grid-template-areas: var(--grid-template-areas);\n  grid-template-rows: var(--grid-template-rows);\n  grid-template-columns: var(--grid-template-columns);\n  color: $colorGrey80;\n\n  &__tag,\n  &__dateline,\n  &__breadcrumb,\n  &__event-infos,\n  &__heading-link-text,\n  &__description,\n  &__meta-wrapper {\n    z-index: 1;\n    position: relative;\n  }\n\n  &__heading-wrapper,\n  &--has-description-wrapper &__description-wrapper,\n  &__meta-wrapper {\n    margin-left: space('medium');\n    margin-right: space('medium');\n    margin-bottom: space('large');\n  }\n\n  &__heading-wrapper {\n    grid-area: heading;\n    display: grid;\n    margin-top: space('xlarge');\n  }\n\n  &__image {\n    display: grid;\n    grid-area: image;\n    width: 100%;\n  }\n\n  &__description-wrapper {\n    grid-area: description;\n  }\n\n  &__meta-wrapper {\n    grid-area: meta;\n  }\n\n  &__meta {\n    overflow: hidden;\n  }\n\n  &__download {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    gap: space('xsmall');\n    overflow: hidden;\n  }\n\n  &__download-button {\n    align-self: flex-end;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: $formInputHeightSmall;\n    height: $formInputHeightSmall;\n    color: $colorPrimary70;\n  }\n\n  &__download-heading {\n    color: $colorPrimary70;\n    text-underline-offset: $linkTextUnderlineOffset;\n    text-decoration-line: $linkTextDecorationLine;\n    text-decoration-thickness: $linkTextDecorationThickness;\n    text-decoration-skip-ink: $linkTextDecorationSkipInk;\n  }\n\n  &__tag,\n  &__topic,\n  &__service,\n  &__event-date-teaser {\n    z-index: 2;\n  }\n\n  &__tag {\n    position: absolute;\n    left: 0;\n    top: 0;\n  }\n\n  &__service,\n  &__topic {\n    @include font('heavy');\n    @include fontSize('micro');\n    position: absolute;\n    top: 0;\n    right: 0;\n    background-color: $colorSecondary30;\n    color: $colorPrimary70;\n    padding: space('xsmall') space('medium');\n    text-align: center;\n\n    @include mq($from: small) {\n      min-width: 180px;\n    }\n  }\n\n  &__service {\n    background-color: var(--service-background-color);\n    color: var(--service-color);\n  }\n\n  &__dateline {\n    @include fontSize('micro');\n    margin-bottom: space('small');\n  }\n\n  &__heading {\n    margin-top: 0px;\n    margin-bottom: space('xsmall');\n  }\n\n  &__heading-link {\n    @include font('heavy');\n    @include fontCurve('p1');\n    display: block;\n    color: $colorPrimary70;\n    text-decoration-line: none;\n  }\n\n  &__event-infos {\n    @include fontSize('micro');\n    color: $colorBlack;\n  }\n\n  &:has(#{&}__description:not(:empty)) &__event-infos {\n    margin-bottom: space('small');\n  }\n\n  &__description {\n    &:empty {\n      display: none;\n    }\n  }\n\n  &__breadcrumb {\n    margin-bottom: space('small');\n  }\n\n  &__event-date-teaser {\n    @include fontSize('nano');\n    text-transform: uppercase;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    width: 80px;\n    height: 80px;\n    color: $colorBlack;\n    background-color: $colorSecondary30;\n    position: absolute;\n    top: 0;\n    right: 0;\n  }\n\n  &__event-date-teaser-day {\n    @include font('heavy');\n    @include fontSize('hecto');\n    color: $colorPrimary70;\n    margin-top: -7px;\n    margin-bottom: -7px;\n  }\n\n  &__meta-list,\n  &__download-meta-list {\n    @include fontSize('micro');\n    display: flex;\n    align-items: center;\n    flex-wrap: wrap;\n    column-gap: space('xsmall');\n    margin-left: calc((#{space('xsmall')} + 1px) / -1);\n  }\n\n  &__meta-list-item,\n  &__download-meta-list-item {\n    display: flex;\n    align-items: center;\n    min-height: 24px;\n    gap: space('xsmall');\n\n    &::before {\n      content: '';\n      display: block;\n      width: 1px;\n      height: 16px;\n      background-color: currentColor;\n    }\n  }\n\n  /* Has link */\n\n  &--has-link &__heading-link {\n    border-radius: $buttonBorderRadius;\n    cursor: pointer;\n\n    &::before,\n    &::after {\n      content: '';\n      display: block;\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      transition: background-color $baseTransitionAnimationSpeed;\n    }\n\n    &::after {\n      z-index: 10;\n    }\n  }\n\n  &--has-link:has(#{&}__heading-link:hover) &__heading-link {\n    &::before {\n      background-color: $colorSecondary10;\n    }\n  }\n\n  &--has-link:has(#{&}__heading-link:hover) &__tag {\n    --color: #{$colorSecondary60};\n  }\n\n  /* Has breadcrumb */\n\n  &--has-breadcrumb &__heading-wrapper {\n    margin-top: space('xlarge');\n  }\n\n  /* Has tag */\n\n  &--has-tag &__heading-wrapper {\n    margin-top: space('xxxlarge');\n  }\n\n  /* Has topic or service */\n\n  &--has-service &__heading-wrapper,\n  &--has-topic &__heading-wrapper {\n    margin-top: space('xxxxlarge');\n  }\n\n  &--has-service#{&}--has-image-right &__heading-wrapper,\n  &--has-topic#{&}--has-image-right &__heading-wrapper {\n    margin-top: space('xxxlarge');\n  }\n\n  /* Has image (default) */\n\n  &--has-image &__image {\n    z-index: 1;\n    position: relative;\n  }\n\n  &--has-image-default &__heading-wrapper {\n    @include mq($to: small) {\n      margin-top: space('small');\n    }\n  }\n\n  /* Has image right */\n\n  &--has-image-right &__image {\n    @include mq($to: small) {\n      margin-bottom: space('xsmall');\n    }\n  }\n\n  &--has-image-right &__service,\n  &--has-image-right &__topic {\n    position: static;\n  }\n\n  /* Has description wrapper, meta or download */\n\n  &--has-description-wrapper &__heading-wrapper,\n  &--has-meta &__heading-wrapper,\n  &--has-download &__heading-wrapper {\n    margin-bottom: 0px;\n  }\n\n  &--has-meta &__description-wrapper,\n  &--has-download &__description-wrapper {\n    margin-bottom: 0px;\n  }\n\n  &--has-meta &__description,\n  &--has-download &__description {\n    &:not(:empty) {\n      margin-bottom: space('small');\n    }\n  }\n\n  &--has-download &__meta {\n    margin-bottom: space('xsmall');\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n  Event,\n  EventEmitter,\n  Watch,\n  Fragment\n} from \"@stencil/core\";\n\nimport {\n  StzhCardSearchresultClickEvent,\n  StzhBreadcrumbItem,\n  StzhDatalistItemEntry,\n  StzhLocaleAdapter\n} from \"../../index\";\n\nimport { hasSlot } from \"../../utils/utils\";\n\nimport { StzhLocaleComponent } from \"../../utils/translation-utils\";\n\n/**\n * @slot heading - Heading text (alternative for heading property)\n * @slot description - Description text (alternative for description property)\n * @slot image - Image\n */\n@Component({\n  tag: \"stzh-card-searchresult\",\n  styleUrl: \"stzh-card-searchresult.scss\",\n  scoped: true\n})\nexport class StzhCardSearchresult {\n  /** Translation strings */\n  @Prop() localization: StzhLocaleComponent;\n\n  /** Href of card */\n  @Prop({ reflect: true }) href: string;\n\n  /** target if the button is used as link (if href used)  */\n  @Prop() target: string;\n\n  /** Download attribute (if href is used) */\n  @Prop() download: string;\n\n  /**\n   * For Adobe Analytics.\n   * Will be rendered as value of `s-object-id` attribute to the link elements.\n   * Default value will be taken from `heading` prop/slot.\n   */\n  @Prop() analyticsId: string;\n\n  /** Heading (alternative for heading slot) */\n  @Prop() heading: string = \"\";\n\n  /** Heading level */\n  @Prop() headingLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"3\";\n\n  /** Description text (alternative for description slot) */\n  @Prop() description: string = \"\";\n\n  /** Tag */\n  @Prop() tag: string;\n\n  /** Topic */\n  @Prop() topic: string;\n\n  /** Service */\n  @Prop() service: string;\n\n  /** Dateline */\n  @Prop() dateline: string;\n\n  /** Meta */\n  @Prop() meta: string[] | string;\n  private _meta: string[];\n\n  /** Breadcrumb items */\n  @Prop() breadcrumbItems: StzhBreadcrumbItem[] | string;\n\n  /** Datalist items */\n  @Prop() datalistItems: StzhDatalistItemEntry[] | string = [];\n\n  /** Event start date */\n  @Prop() eventDateStart: Date | string;\n\n  /** Event start date */\n  @Prop() eventDateEnd: Date | string;\n\n  /** Event location */\n  @Prop() eventLocation: string;\n\n  /** Image position */\n  @Prop({ reflect: true }) imagePosition: \"default\" | \"right\" = \"default\";\n\n  /** Download heading */\n  @Prop() downloadHeading: string;\n\n  /** Download meta */\n  @Prop() downloadMeta: string[] | string;\n  private _downloadMeta: string[];\n\n  /**\n   * Date adapter, for custom parsing/formatting.\n   * Must be object with a `parse` function which accepts a `string` and returns a `Date`,\n   * and a `format` function which accepts a `Date` and returns a `string`.\n   */\n  @Prop() dateAdapter: StzhLocaleAdapter;\n\n  @Element() element: HTMLStzhListElement;\n\n  /** Click event (if href is used) */\n  @Event() stzhClick: EventEmitter<StzhCardSearchresultClickEvent>;\n\n  @Watch(\"meta\")\n  metaWatcher(newValue: string | string[]) {\n    if (!newValue) {\n      this._meta = [];\n    } else if (typeof newValue === \"string\") {\n      try {\n        this._meta = JSON.parse(newValue);\n      } catch (e) {\n        this._meta = [];\n      }\n    } else {\n      this._meta = newValue;\n    }\n  }\n\n  @Watch(\"downloadMeta\")\n  downloadMetaWatcher(newValue: string | string[]) {\n    if (!newValue) {\n      this._downloadMeta = [];\n    } else if (typeof newValue === \"string\") {\n      try {\n        this._downloadMeta = JSON.parse(newValue);\n      } catch (e) {\n        this._downloadMeta = [];\n      }\n    } else {\n      this._downloadMeta = newValue;\n    }\n  }\n\n  private headingLinkElement: HTMLAnchorElement | HTMLDivElement;\n  private headingTextElement: HTMLDivElement;\n\n  private handleCardClick = (originalEvent: MouseEvent) => {\n    this.stzhClick.emit({\n      component: \"stzh-card-searchresult\",\n      originalEvent,\n      href: this.href\n    });\n  }\n\n  componentDidRender() {\n    requestAnimationFrame(() => {\n      const objectId = this.analyticsId || this.headingTextElement?.innerText;\n\n      if (objectId) {\n        this.headingLinkElement?.setAttribute(\"s-object-id\", objectId);\n      }\n    });\n  }\n\n  async componentWillLoad() {\n    this.metaWatcher(this.meta);\n    this.downloadMetaWatcher(this.downloadMeta);\n\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"card-searchresult\");\n    }\n\n    if (!this.dateAdapter) {\n      this.dateAdapter = window.stzhComponents.utils.createFormatParseAdapter(\n        this.localization.$formats,\n        this.localization.$globals\n      );\n    }\n  }\n\n  render() {\n    const hasHeading = !!this.heading || hasSlot(this.element, 'heading');\n    const hasDescription = !!this.description || hasSlot(this.element, 'description');\n    const hasImage = hasSlot(this.element, 'image');\n\n    const eventDateStart = this.eventDateStart && new Date(this.eventDateStart);\n    const eventDateEnd = this.eventDateEnd && new Date(this.eventDateEnd);\n\n    const classes = {\n      \"stzh-card-searchresult\": true,\n      \"stzh-card-searchresult--has-heading\": hasHeading,\n      \"stzh-card-searchresult--has-description\": hasDescription,\n      \"stzh-card-searchresult--has-description-wrapper\": hasDescription || !!eventDateStart || !!this.eventLocation,\n      \"stzh-card-searchresult--has-link\": !!this.href,\n      \"stzh-card-searchresult--has-service\": !!this.service,\n      \"stzh-card-searchresult--has-tag\": !!this.tag,\n      \"stzh-card-searchresult--has-topic\": !!this.topic,\n      \"stzh-card-searchresult--has-image\": hasImage,\n      \"stzh-card-searchresult--has-image-default\": hasImage && this.imagePosition === \"default\",\n      \"stzh-card-searchresult--has-image-right\": hasImage && this.imagePosition === \"right\",\n      \"stzh-card-searchresult--has-meta\": this._meta.length > 0,\n      \"stzh-card-searchresult--has-download\": !!this.downloadHeading || this._downloadMeta.length > 0,\n      \"stzh-card-searchresult--has-breadcrumb\": !!this.breadcrumbItems,\n    };\n\n    const Heading = `h${this.headingLevel}`;\n    const HeadingLink = this.href ? \"a\" : \"div\";\n\n    return (\n      <Host has-image={hasImage}>\n        <article class={classes} aria-label={this.heading} role=\"listitem\">\n          {this.tag &&\n            <stzh-tag\n              class=\"stzh-card-searchresult__tag\"\n              label={this.tag}\n              nonInteractive={true}\n            ></stzh-tag>\n          }\n\n          <div class=\"stzh-card-searchresult__heading-wrapper\">\n            {this.breadcrumbItems &&\n              <stzh-breadcrumb\n                class=\"stzh-card-searchresult__breadcrumb\"\n                items={this.breadcrumbItems}\n                variant=\"teaser\"\n              ></stzh-breadcrumb>\n            }\n\n            {this.dateline &&\n              <div class=\"stzh-card-searchresult__dateline\">{this.dateline}</div>\n            }\n\n            <Heading class=\"stzh-card-searchresult__heading\">\n              <HeadingLink\n                ref={(el) => (this.headingLinkElement = el as HTMLAnchorElement | HTMLDivElement)}\n                class=\"stzh-card-searchresult__heading-link\"\n                href={this.href}\n                target={this.target}\n                download={this.download}\n                onClick={this.handleCardClick}\n              >\n                <div\n                  class=\"stzh-card-searchresult__heading-link-text\"\n                  ref={(el) => (this.headingTextElement = el as HTMLDivElement)}\n                >\n                  {this.heading ? this.heading : <slot name=\"heading\"></slot>}\n                </div>\n              </HeadingLink>\n            </Heading>\n          </div>\n\n          <div class=\"stzh-card-searchresult__description-wrapper\">\n            {(eventDateStart || this.eventLocation) &&\n              <div class=\"stzh-card-searchresult__event-infos\">\n                {eventDateStart &&\n                  <div class=\"stzh-card-searchresult__event-date\">\n                    <span>{this.dateAdapter.format(eventDateStart, \"dateLong\")},&nbsp;</span>\n                    {this.dateAdapter.formatSpan(eventDateStart, eventDateEnd, \"time\")}\n                  </div>\n                }\n                {this.eventLocation &&\n                  <div class=\"stzh-card-searchresult__event-location\">\n                    {this.eventLocation}\n                  </div>\n                }\n              </div>\n            }\n\n            <div class=\"stzh-card-searchresult__description\">\n              {this.description ? this.description : <slot name=\"description\"></slot>}\n            </div>\n          </div>\n\n          <div class=\"stzh-card-searchresult__image\">\n            {eventDateStart &&\n              <div class=\"stzh-card-searchresult__event-date-teaser\">\n                <div class=\"stzh-card-searchresult__event-date-teaser-day-name\">\n                {this.localization.$globals.dayNamesShort[eventDateStart.getDay()]}\n                </div>\n                <div class=\"stzh-card-searchresult__event-date-teaser-day\">\n                  {eventDateStart.getDate() < 10 && '0'}{eventDateStart.getDate()}\n                </div>\n                <div class=\"stzh-card-searchresult__event-date-teaser-month\">\n                  {this.localization.$globals.monthNamesShort[eventDateStart.getMonth()]}\n                </div>\n              </div>\n            }\n            {this.topic && <div class=\"stzh-card-searchresult__topic\">{this.topic}</div>}\n            {this.service && <div class=\"stzh-card-searchresult__service\">{this.service}</div>}\n            <slot name=\"image\"></slot>\n          </div>\n\n          {(this._meta.length > 0 || this.datalistItems || (!!this.downloadHeading || this._downloadMeta.length > 0)) &&\n            <div class=\"stzh-card-searchresult__meta-wrapper\">\n              {this.datalistItems &&\n                <stzh-datalist\n                  class=\"stzh-card-searchresult__datalist\"\n                  items={this.datalistItems}\n                >\n                </stzh-datalist>\n              }\n\n              {this._meta.length > 0 &&\n                <div class=\"stzh-card-searchresult__meta\">\n                  <div class=\"stzh-card-searchresult__meta-list\">\n                    {this._meta.map((meta) =>\n                      <Fragment>\n                        <div class=\"stzh-card-searchresult__meta-list-item\">{meta}</div>\n                      </Fragment>\n                    )}\n                  </div>\n                </div>\n              }\n\n              {(!!this.downloadHeading || this._downloadMeta.length > 0) &&\n                <div class=\"stzh-card-searchresult__download\">\n                  <div class=\"stzh-card-searchresult__download-data\">\n                    {this.downloadHeading &&\n                      <div class=\"stzh-card-searchresult__download-heading\">\n                        {this.downloadHeading}\n                      </div>\n                    }\n                    {this._downloadMeta.length > 0 &&\n                      <div class=\"stzh-card-searchresult__download-meta-list\">\n                        {this._downloadMeta.map((meta) =>\n                          <Fragment>\n                            <div class=\"stzh-card-searchresult__download-meta-list-item\">{meta}</div>\n                          </Fragment>\n                        )}\n                      </div>\n                    }\n                  </div>\n\n                  <div class=\"stzh-card-searchresult__download-button\">\n                    <stzh-icon class=\"stzh-card-searchresult__download-icon\" name=\"download\"></stzh-icon>\n                  </div>\n                </div>\n              }\n            </div>\n          }\n        </article>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/stzh-components/p-3b31f90d.entry.js

@@ -1,2 +0,0 @@
-import{r as s,c as r,h as t,F as e,a as o,g as i}from"./p-c7bfac7a.js";const a='.sc-stzh-progressbar-item-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-progressbar-item-h{display:none}.sc-stzh-progressbar-item-h::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-progressbar-item-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-progressbar-item-h *.sc-stzh-progressbar-item,.sc-stzh-progressbar-item-h *.sc-stzh-progressbar-item::before,.sc-stzh-progressbar-item-h *.sc-stzh-progressbar-item::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-progressbar-item-h .has-focus.sc-stzh-progressbar-item{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-progressbar-item-h .stzh-fylingfocus-focused.sc-stzh-progressbar-item{outline-style:none !important}.sc-stzh-progressbar-item-h .stzh-fylingfocus-focused.sc-stzh-progressbar-item::-moz-focus-inner{border:0 !important}[hide].sc-stzh-progressbar-item-h{display:none}.stzh-progressbar-item.sc-stzh-progressbar-item{text-align:center}.stzh-progressbar-item__button.sc-stzh-progressbar-item{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;background-color:transparent;border:none;cursor:pointer;border-radius:var(--stzh-form-input-border-radius)}.stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{color:var(--stzh-color-primary-hover);border-color:var(--stzh-color-primary-hover)}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{color:Highlight;border-color:Highlight}}.stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after,.stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after{background-color:var(--stzh-color-old-primary8)}.stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__label-block.sc-stzh-progressbar-item,.stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__label-block.sc-stzh-progressbar-item{color:var(--stzh-color-primary-hover)}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__label-block.sc-stzh-progressbar-item,.stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__label-block.sc-stzh-progressbar-item{color:Highlight}}.stzh-progressbar-item__number-block.sc-stzh-progressbar-item{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);position:relative;display:inline-flex;justify-content:center;align-items:center;width:2.1875rem;height:2.1875rem;background-color:var(--stzh-color-white);border:solid 0.0625rem var(--stzh-base-border-color);border-radius:1.3125rem;text-align:center;box-sizing:border-box;color:var(--stzh-color-old-grey55);transition-property:color, border-color;transition-duration:var(--stzh-base-transition-animation-speed)}@media screen and (min-width: 900px){.stzh-progressbar-item__number-block.sc-stzh-progressbar-item{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}@media screen and (min-width: 600px){.stzh-progressbar-item__number-block.sc-stzh-progressbar-item{width:2.625rem;height:2.625rem;margin-bottom:var(--stzh-space-large)}}.stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before{display:none;content:"";position:absolute;top:1rem;right:2.125rem;width:100vw;height:0.0625rem;background-color:var(--stzh-base-border-color);z-index:-2;overflow:hidden}@media screen and (min-width: 600px){.stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before{top:1.25rem;right:2.5625rem}}.stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after,.stzh-progressbar-item__dotted.sc-stzh-progressbar-item::after{content:"";z-index:0;position:absolute;display:block;width:100%;height:100%;top:0;left:0;border-radius:1.3125rem;transition:background-color var(--stzh-base-transition-animation-speed)}.stzh-progressbar-item__label-block.sc-stzh-progressbar-item{display:block;font-size:0.875rem;line-height:1.28;color:var(--stzh-color-old-grey55);padding:var(--stzh-space-xxsmall) var(--stzh-space-small);letter-spacing:0.01em;transition:color var(--stzh-base-transition-animation-speed)}@media screen and (max-width: 599px){.stzh-progressbar-item__label-block.sc-stzh-progressbar-item{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}}.stzh-progressbar-item__number.sc-stzh-progressbar-item,.stzh-progressbar-item__icon.sc-stzh-progressbar-item,.stzh-progressbar-item__user-icon.sc-stzh-progressbar-item,.stzh-progressbar-item__dotted-icon.sc-stzh-progressbar-item{z-index:1}.stzh-progressbar-item__icon.sc-stzh-progressbar-item,.stzh-progressbar-item__user-icon.sc-stzh-progressbar-item,.stzh-progressbar-item__dotted-icon.sc-stzh-progressbar-item{--size:var(--stzh-icon-size-xsmall);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:var(--stzh-color-primary)}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item__icon.sc-stzh-progressbar-item,.stzh-progressbar-item__user-icon.sc-stzh-progressbar-item,.stzh-progressbar-item__dotted-icon.sc-stzh-progressbar-item{color:CanvasText}}.stzh-progressbar-item__user-icon.sc-stzh-progressbar-item{--size:var(--stzh-icon-size-small);color:currentColor}.stzh-progressbar-item__dotted.sc-stzh-progressbar-item{z-index:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;position:absolute;top:0.1875rem;width:1.6875rem;height:1.6875rem;background-color:var(--stzh-color-white);border:solid 0.0625rem var(--stzh-base-border-color);border-radius:50%;cursor:pointer;transition-property:color, border-color;transition-duration:var(--stzh-base-transition-animation-speed)}.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:hover,.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:focus{border-color:var(--stzh-color-primary-hover)}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:hover,.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:focus{border-color:Highlight}}.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:hover::after,.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:focus::after{background-color:var(--stzh-color-old-primary8)}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:hover::after,.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:focus::after{background-color:Canvas}}@media screen and (min-width: 600px){.stzh-progressbar-item__dotted.sc-stzh-progressbar-item{top:0.3125rem;width:1.9375rem;height:1.9375rem}}.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:hover .stzh-progressbar-item__dotted-icon.sc-stzh-progressbar-item,.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:focus .stzh-progressbar-item__dotted-icon.sc-stzh-progressbar-item{color:var(--stzh-color-primary-hover)}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:hover .stzh-progressbar-item__dotted-icon.sc-stzh-progressbar-item,.stzh-progressbar-item__dotted.sc-stzh-progressbar-item:focus .stzh-progressbar-item__dotted-icon.sc-stzh-progressbar-item{color:Highlight}}.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before,.stzh-progressbar-item--last.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before{display:block}.stzh-progressbar-item--first.sc-stzh-progressbar-item{position:relative}.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__dotted.sc-stzh-progressbar-item{left:50%;transform:translateX(-50%)}.stzh-progressbar-item--last.sc-stzh-progressbar-item .stzh-progressbar-item__dotted.sc-stzh-progressbar-item{right:calc((100% / var(--steps)) - (0.84375rem))}@media screen and (min-width: 600px){.stzh-progressbar-item--last.sc-stzh-progressbar-item .stzh-progressbar-item__dotted.sc-stzh-progressbar-item{right:calc((100% / var(--steps)) - (0.96875rem))}}.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__label-block.sc-stzh-progressbar-item{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);color:var(--stzh-color-primary)}.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{background-color:var(--stzh-color-white);border:solid 0.0625rem var(--stzh-color-primary)}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{background-color:Canvas;border-color:CanvasText}}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{border-color:Highlight}}.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{color:transparent}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{color:Canvas}}.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__user-icon.sc-stzh-progressbar-item{color:var(--stzh-color-primary)}.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__user-icon.sc-stzh-progressbar-item,.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__user-icon.sc-stzh-progressbar-item{color:var(--stzh-color-primary-hover)}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__user-icon.sc-stzh-progressbar-item,.stzh-progressbar-item--passed.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__user-icon.sc-stzh-progressbar-item{color:Highlight}}.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__label-block.sc-stzh-progressbar-item{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);color:var(--stzh-color-primary)}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__label-block.sc-stzh-progressbar-item{color:SelectedItem}}.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__label-block.sc-stzh-progressbar-item:hover{-webkit-text-decoration-line:none;text-decoration-line:none}.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{background-color:var(--stzh-color-primary);border:solid 0.0625rem var(--stzh-color-primary);color:var(--stzh-color-white)}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{color:SelectedItem;border-color:SelectedItem;background-color:Canvas}}.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before{display:block;background-color:var(--stzh-color-primary);z-index:-1}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before{background-color:CanvasText}}.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{color:var(--stzh-color-white)}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{color:Highlight}}.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after,.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after{background-color:var(--stzh-color-primary-hover)}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after,.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after{background-color:Canvas}}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__user-icon.sc-stzh-progressbar-item{color:SelectedItem}}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__icon.sc-stzh-progressbar-item,.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__icon.sc-stzh-progressbar-item,.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__user-icon.sc-stzh-progressbar-item,.stzh-progressbar-item--current.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__user-icon.sc-stzh-progressbar-item{color:Highlight}}.stzh-progressbar-item--dotted.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{margin-bottom:0}.stzh-progressbar-item--dotted.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after{display:none}.stzh-progressbar-item--dotted.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item{padding-left:0;padding-right:0}.stzh-progressbar-item--dotted.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{position:relative;z-index:0;top:0.3125rem;width:1.6875rem;height:1.6875rem;border:none;background-color:transparent}@media screen and (min-width: 600px){.stzh-progressbar-item--dotted.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{top:0.5rem;width:1.9375rem;height:1.9375rem}}.stzh-progressbar-item--dotted.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before{top:0.75rem;right:1.625rem}@media screen and (min-width: 600px){.stzh-progressbar-item--dotted.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before{top:0.8125rem;right:1.875rem}}.stzh-progressbar-item--dotted.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__label-block.sc-stzh-progressbar-item{display:none}.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before{background-color:var(--stzh-color-white);z-index:1}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--first.sc-stzh-progressbar-item .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::before{background-color:Canvas}}.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item{cursor:not-allowed}.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{color:var(--stzh-color-old-grey55);border-color:var(--stzh-base-border-color)}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item,.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item{color:GrayText;border-color:GrayText}}.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after,.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__number-block.sc-stzh-progressbar-item::after{display:none}.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__label-block.sc-stzh-progressbar-item,.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__label-block.sc-stzh-progressbar-item{color:var(--stzh-color-old-grey55)}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:hover .stzh-progressbar-item__label-block.sc-stzh-progressbar-item,.stzh-progressbar-item--is-disabled.sc-stzh-progressbar-item .stzh-progressbar-item__button.sc-stzh-progressbar-item:focus .stzh-progressbar-item__label-block.sc-stzh-progressbar-item{color:GrayText}}';const h=class{constructor(t){s(this,t);this.stzhClick=r(this,"stzhClick",7);this.stzhDottedClick=r(this,"stzhDottedClick",7);this.onClick=s=>{this.stzhClick.emit({component:"stzh-progressbar-item",originalEvent:s,index:Array.prototype.indexOf.call(this.element.parentNode.children,this.element)})};this.onDottedClick=s=>{this.stzhDottedClick.emit({component:"stzh-progressbar-item",originalEvent:s,index:Array.prototype.indexOf.call(this.element.parentNode.children,this.element)})};this.label=undefined;this.disabled=false;this.first=false;this.last=false;this.passed=false;this.current=false;this.hide=false;this.dotted=false;this.step=1;this.icon="";this.analyticsId=undefined}componentDidRender(){requestAnimationFrame((()=>{var s;(s=this.button)===null||s===void 0?void 0:s.setAttribute("s-object-id",this.analyticsId||this.text.innerText)}))}render(){const s={"stzh-progressbar-item":true,"stzh-progressbar-item--first":this.first,"stzh-progressbar-item--last":this.last,"stzh-progressbar-item--passed":this.passed,"stzh-progressbar-item--current":this.current,"stzh-progressbar-item--hide":this.hide,"stzh-progressbar-item--dotted":this.dotted,"stzh-progressbar-item--has-icon":!!this.icon,"stzh-progressbar-item--is-disabled":this.disabled};const r=t("button",{class:"stzh-progressbar-item__dotted",onClick:this.onDottedClick},t("stzh-icon",{class:"stzh-progressbar-item__dotted-icon",name:"more-horizontal"}));return t(o,{role:"listitem"},t("div",{class:s},this.last&&this.dotted&&r,t("button",{ref:s=>this.button=s,class:"stzh-progressbar-item__button","aria-pressed":this.current?"true":"false",disabled:this.dotted&&this.first||this.disabled,onClick:this.onClick},t("span",{class:"stzh-progressbar-item__number-block"},this.icon?t("stzh-icon",{class:"stzh-progressbar-item__user-icon",name:this.icon}):t(e,null,t("span",{class:"stzh-progressbar-item__number"},this.step),this.passed&&t("stzh-icon",{class:"stzh-progressbar-item__icon",name:"checkmark"}))),t("span",{ref:s=>this.text=s,class:"stzh-progressbar-item__label-block"},this.label?this.label:t("slot",null))),this.first&&this.dotted&&r))}get element(){return i(this)}};h.style=a;export{h as stzh_progressbar_item};
-//# sourceMappingURL=p-3b31f90d.entry.js.map