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

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

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

Files changed (826) hide show

package/dist/components/{p-B1xDyMh8.js.map → p-Cl93LJda.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-B1xDyMh8.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/stzh-radiogroup/stzh-radiogroup.scss?tag=stzh-radiogroup&encapsulation=scoped","src/components/stzh-radiogroup/stzh-radiogroup.tsx"],"sourcesContent":[":host {\n --legend-color: var(--stzh-radio-group-legend-color, #{$headingColor});\n\n &[disabled]:not([disabled=\"false\"]) {\n --description-color: #{$formDisabledColor};\n }\n}\n\n.stzh-radiogroup {\n @include input-description;\n margin: 0;\n padding: 0;\n border: none;\n\n &__fields {\n display: flex;\n align-items: flex-start;\n flex-direction: column;\n gap: space(\"medium\");\n }\n\n &__legend {\n @include font(\"heavy\");\n @include fontSize(\"micro\");\n color: var(--legend-color);\n padding: 0;\n margin-bottom: space(\"xsmall\");\n }\n\n &__marker {\n @include fontSize(\"nano\");\n margin-left: calc(-0.25em + #{space(\"xsmall\")});\n }\n\n &--hide-legend &__legend {\n @include visuallyhidden;\n }\n\n &--is-invalid &__legend,\n &--has-error &__legend {\n color: $colorError60;\n }\n\n &--is-disabled &__legend {\n color: $colorGrey60;\n }\n\n &--direction-horizontal &__fields {\n flex-wrap: wrap;\n flex-direction: row;\n row-gap: space(\"medium\");\n column-gap: space(\"xxlarge\");\n }\n}\n","import { Component, Element, h, Host, Listen, Prop, Watch } from \"@stencil/core\";\n\nimport { StzhRadioChangeEvent } from \"../../index\";\n\nimport { hasSlot } from \"../../utils/utils\";\nimport { camelCase } from \"../../utils/string-utils\";\nimport { StzhLocaleComponent } from \"../../index\";\n\nimport { StzhInputDescription } from \"../stzh-input/stzh-input-description\";\n\nconst SELECTOR_RADIO = \"stzh-radio, stzh-button[type=radio], stzh-card\";\n\nlet radiogroupCounter = 0;\n\n/*\n @slot - Slot for `stzh-radio`, `stzh-button[type=\"radio\"]` or `stzh-card` elements\n * @slot description - Slot for description\n * @slot description-long - Slot for long description (in popover)\n * @slot description-long-title - Slot for long description title (in popover) / instead of descriptionLongTitle or description property\n * @slot error - Slot for error\n /\n@Component({\n tag: \"stzh-radiogroup\",\n styleUrl: \"stzh-radiogroup.scss\",\n scoped: true,\n})\nexport class StzhRadiogroup {\n /* Translation strings /\n @Prop() localization: StzhLocaleComponent;\n\n /* Whether the element is disabled or not /\n @Prop({ reflect: true }) disabled: boolean = false;\n\n /* The name of the input radio elements, will define the radio group. If you have more than one radio group on a page, every group needs to have its own unique name /\n @Prop({ reflect: true }) name: string;\n\n /* The legend /\n @Prop() legend: string;\n\n /* Hide legend to show only for screenreaders /\n @Prop({ reflect: true }) hideLegend: boolean = false;\n\n /* Invalid status /\n @Prop({ reflect: true }) invalid: boolean = false;\n\n /* Required status /\n @Prop({ reflect: true }) required: boolean = false;\n\n /* Hide `(optional)` label (or use `required` inside form to hide it) /\n @Prop({ reflect: true }) hideOptional: boolean = false;\n\n /* Select a radio by value /\n @Prop({ mutable: true }) value: string = \"\";\n\n /* Default value (used by reset) /\n @Prop({ mutable: true }) defaultValue: string = \"\";\n\n /* Direction /\n @Prop({ reflect: true }) direction: \"vertical\" \| \"horizontal\" = \"vertical\";\n\n /* Description message (use description slot as alternative) /\n @Prop() description: string;\n\n /* Long description message appearing in a popover (use description-long slot as alternative) /\n @Prop() descriptionLong: string;\n\n /\n Do not use this property. It will be deprecated with the next major release.\n * Long description title appearing in a popover (use description-long-title slot as or description property alternative) /\n @Prop() descriptionLongTitle: string;\n\n /* One or multiple error message (use error slot as alternative) /\n @Prop() error: string \| string[];\n private _error: string[];\n\n /* Current checked radio element (readonly) /\n @Prop() checkedRadio: HTMLStzhRadioElement \| null = null;\n\n /* Prevent updating certain properties of radio elements (possible values inside array: disabled, invalid, required, hide-marker) /\n @Prop() preventUpdateProperties: string[] \| string = [];\n private _preventUpdateProperties: string[] = [];\n\n /* Host element /\n @Element() element: HTMLElement;\n\n @Watch(\"name\")\n watchName(newValue: string) {\n this.updateRadiosProperty(\"name\", newValue);\n }\n\n @Watch(\"disabled\")\n watchDisabled(newValue: boolean) {\n this.updateRadiosProperty(\"disabled\", newValue);\n }\n\n @Watch(\"required\")\n watchRequired(newValue: boolean) {\n this.updateRadiosProperty(\"required\", newValue);\n }\n\n @Watch(\"value\")\n watchValue(newValue: string) {\n this.updateCheckedRadioByValue(newValue);\n }\n\n @Watch(\"error\")\n errorWatcher(newValue: string \| string[]) {\n if (typeof newValue === \"string\") {\n try {\n this._error = JSON.parse(newValue);\n } catch (e) {\n if (newValue) {\n this._error = [newValue];\n } else {\n this._error = [];\n }\n }\n } else if (newValue) {\n this._error = newValue;\n } else {\n this._error = [];\n }\n }\n\n @Watch(\"preventUpdateProperties\")\n preventUpdatePropertiesWatcher(newValue: string[] \| string) {\n if (typeof newValue === \"string\") {\n this._preventUpdateProperties = JSON.parse(newValue);\n } else {\n this._preventUpdateProperties = newValue;\n }\n }\n\n @Listen(\"reset\", { target: \"document\" })\n resetListener(event: Event) {\n if ((event.target as HTMLElement).contains(this.element)) {\n requestAnimationFrame(() => {\n this.handleReset();\n });\n }\n }\n\n @Listen(\"stzhChange\")\n onChange(event: CustomEvent<StzhRadioChangeEvent>) {\n this.value = event.detail.value;\n }\n\n /* Radio elements */\n private radios: HTMLStzhRadioElement[];\n private radiogroupId: string;\n private observer: MutationObserver;\n\n private updateRadiosProperty(prop: string, value: any) {\n this.radios.forEach((radio: HTMLStzhRadioElement) => {\n if (prop === \"disabled\") {\n // Only set the disabled if the radio is not already disabled\n if (!radio.disabled) {\n radio.disabled = value;\n }\n } else if (prop === \"name\" \|\| this._preventUpdateProperties.indexOf(prop) === -1) {\n radio[camelCase(prop)] = value;\n }\n });\n }\n\n private get errorUsed(): boolean {\n return hasSlot(this.element, \"error\") \|\| this._error?.length > 0;\n }\n\n private updateCheckedRadioByValue(value: string) {\n this.checkedRadio = this.radios.find(radio => radio.value === value);\n\n if (this.checkedRadio) {\n this.checkedRadio.checked = true;\n }\n\n this.uncheckRadios();\n }\n\n private uncheckRadios() {\n // make sure that no other radios are checked than the current one or no one\n this.radios.forEach((radio: HTMLStzhRadioElement) => {\n if (!this.checkedRadio \|\| radio !== this.checkedRadio) {\n radio.checked = false;\n }\n });\n }\n\n private handleReset = async () => {\n this.value = this.defaultValue;\n };\n\n private init = () => {\n // update radios\n this.radios = Array.from(this.element.querySelectorAll(SELECTOR_RADIO));\n\n this.updateRadiosProperty(\"hide-optional\", true);\n this.updateRadiosProperty(\"a11y-describedby\", `${this.radiogroupId}-description`);\n this.updateRadiosProperty(\"invalid\", this.invalid \|\| this.errorUsed);\n\n this.watchValue(this.value);\n this.watchName(this.name);\n this.watchDisabled(this.disabled);\n this.watchRequired(this.required);\n };\n\n componentDidLoad() {\n this.defaultValue = this.defaultValue ? this.defaultValue : this.value;\n }\n\n async componentWillLoad() {\n this.radiogroupId = `stzh-radiogroup-${radiogroupCounter++}`;\n this.errorWatcher(this.error);\n this.preventUpdatePropertiesWatcher(this.preventUpdateProperties);\n\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"radiogroup\");\n }\n }\n\n componentShouldUpdate(_newValue, _oldValue, prop: string) {\n return prop !== \"checkedRadio\";\n }\n\n componentDidRender() {\n this.init();\n }\n\n connectedCallback() {\n if (!this.value) {\n this.radios = Array.from(this.element.querySelectorAll(SELECTOR_RADIO));\n\n // try to find a checkbox that might has checked set to true\n const checkedRadio = this.radios.find(radio => radio.checked);\n\n if (checkedRadio) {\n this.value = checkedRadio.value;\n }\n }\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 descriptionUsed = hasSlot(this.element, \"description\") \|\| !!this.description;\n const descriptionLongUsed = hasSlot(this.element, \"description-long\") \|\| !!this.descriptionLong;\n\n const classes = {\n \"stzh-radiogroup\": true,\n \"stzh-radiogroup--has-description\": descriptionUsed,\n \"stzh-radiogroup--has-description-long\": descriptionLongUsed,\n \"stzh-radiogroup--has-error\": this.errorUsed,\n \"stzh-radiogroup--is-required\": this.required,\n \"stzh-radiogroup--is-disabled\": this.disabled,\n \"stzh-radiogroup--is-invalid\": this.invalid \|\| this.errorUsed,\n \"stzh-radiogroup--hide-legend\": this.hideLegend,\n [`stzh-radiogroup--direction-${this.direction}`]: !!this.direction,\n };\n\n return (\n <Host is-invalid={this.invalid \|\| this.errorUsed}>\n <fieldset class={classes}>\n {this.legend && (\n <legend class=\"stzh-radiogroup__legend\">\n {this.legend}\n {!this.hideOptional && (\n <span class=\"stzh-radiogroup__marker\">\n <span class=\"stzh-radiogroup__marker-symbol\" aria-hidden=\"true\">\n {this.required\n ? this.localization.$globals.requiredFieldMarker\n : this.localization.$globals.optionalFieldMarker}\n </span>\n <span class=\"stzh-radiogroup__marker-text\">\n {this.required\n ? this.localization.$globals.requiredFieldText\n : this.localization.$globals.optionalFieldText}\n </span>\n </span>\n )}\n </legend>\n )}\n <div class=\"stzh-radiogroup__fields\">\n <slot></slot>\n </div>\n {(this.errorUsed \|\| this.description \|\| this.descriptionLong) && (\n <StzhInputDescription\n classPrefix=\"stzh-radiogroup\"\n id={`${this.radiogroupId}-description`}\n error={this._error}\n description={this.description}\n descriptionLong={this.descriptionLong}\n descriptionLongTitle={this.descriptionLongTitle}\n descriptionLongUsed={descriptionLongUsed}\n moreInfoButtonLabel={this.localization.$globals.moreInfoButtonLabel}\n />\n )}\n </fieldset>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-Cl93LJda.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/stzh-radiogroup/stzh-radiogroup.scss?tag=stzh-radiogroup&encapsulation=scoped","src/components/stzh-radiogroup/stzh-radiogroup.tsx"],"sourcesContent":[":host {\n --legend-color: var(--stzh-radio-group-legend-color, #{$headingColor});\n\n &[disabled]:not([disabled=\"false\"]) {\n --description-color: #{$formDisabledColor};\n }\n}\n\n.stzh-radiogroup {\n @include input-description;\n margin: 0;\n padding: 0;\n border: none;\n\n &__fields {\n display: flex;\n align-items: flex-start;\n flex-direction: column;\n gap: space(\"medium\");\n }\n\n &__legend {\n @include font(\"heavy\");\n @include fontSize(\"micro\");\n color: var(--legend-color);\n padding: 0;\n margin-bottom: space(\"xsmall\");\n }\n\n &__marker {\n @include fontSize(\"nano\");\n margin-left: calc(-0.25em + #{space(\"xsmall\")});\n }\n\n &--hide-legend &__legend {\n @include visuallyhidden;\n }\n\n &--is-invalid &__legend,\n &--has-error &__legend {\n color: $colorError60;\n }\n\n &--is-disabled &__legend {\n color: $colorGrey60;\n }\n\n &--direction-horizontal &__fields {\n flex-wrap: wrap;\n flex-direction: row;\n row-gap: space(\"medium\");\n column-gap: space(\"xxlarge\");\n }\n}\n","import { Component, Element, h, Host, Listen, Prop, Watch } from \"@stencil/core\";\n\nimport { StzhRadioChangeEvent } from \"../../index\";\n\nimport { hasSlot } from \"../../utils/utils\";\nimport { camelCase } from \"../../utils/string-utils\";\nimport { StzhLocaleComponent } from \"../../index\";\n\nimport { StzhInputDescription } from \"../stzh-input/stzh-input-description\";\n\nconst SELECTOR_RADIO = \"stzh-radio, stzh-button[type=radio], stzh-card\";\n\nlet radiogroupCounter = 0;\n\n/*\n @slot - Slot for `stzh-radio`, `stzh-button[type=\"radio\"]` or `stzh-card` elements\n * @slot description - Slot for description\n * @slot description-long - Slot for long description (in popover)\n * @slot description-long-title - Slot for long description title (in popover) / instead of descriptionLongTitle or description property\n * @slot error - Slot for error\n /\n@Component({\n tag: \"stzh-radiogroup\",\n styleUrl: \"stzh-radiogroup.scss\",\n scoped: true,\n})\nexport class StzhRadiogroup {\n /* Translation strings /\n @Prop() localization: StzhLocaleComponent;\n\n /* Whether the element is disabled or not /\n @Prop({ reflect: true }) disabled: boolean = false;\n\n /* The name of the input radio elements, will define the radio group. If you have more than one radio group on a page, every group needs to have its own unique name /\n @Prop({ reflect: true }) name: string;\n\n /* The legend /\n @Prop() legend: string;\n\n /* Hide legend to show only for screenreaders /\n @Prop({ reflect: true }) hideLegend: boolean = false;\n\n /* Invalid status /\n @Prop({ reflect: true }) invalid: boolean = false;\n\n /* Required status /\n @Prop({ reflect: true }) required: boolean = false;\n\n /* Hide `(optional)` label (or use `required` inside form to hide it) /\n @Prop({ reflect: true }) hideOptional: boolean = false;\n\n /* Select a radio by value /\n @Prop({ mutable: true }) value: string = \"\";\n\n /* Default value (used by reset) /\n @Prop({ mutable: true }) defaultValue: string = \"\";\n\n /* Direction /\n @Prop({ reflect: true }) direction: \"vertical\" \| \"horizontal\" = \"vertical\";\n\n /* Description message (use description slot as alternative) /\n @Prop() description: string;\n\n /* Long description message appearing in a popover (use description-long slot as alternative) /\n @Prop() descriptionLong: string;\n\n /\n Do not use this property. It will be deprecated with the next major release.\n * Long description title appearing in a popover (use description-long-title slot as or description property alternative) /\n @Prop() descriptionLongTitle: string;\n\n /* One or multiple error message (use error slot as alternative) /\n @Prop() error: string \| string[];\n private _error: string[];\n\n /* Current checked radio element (readonly) /\n @Prop() checkedRadio: HTMLStzhRadioElement \| null = null;\n\n /* Prevent updating certain properties of radio elements (possible values inside array: disabled, invalid, required, hide-marker) /\n @Prop() preventUpdateProperties: string[] \| string = [];\n private _preventUpdateProperties: string[] = [];\n\n /* Host element /\n @Element() element: HTMLElement;\n\n @Watch(\"name\")\n watchName(newValue: string) {\n this.updateRadiosProperty(\"name\", newValue);\n }\n\n @Watch(\"disabled\")\n watchDisabled(newValue: boolean) {\n this.updateRadiosProperty(\"disabled\", newValue);\n }\n\n @Watch(\"required\")\n watchRequired(newValue: boolean) {\n this.updateRadiosProperty(\"required\", newValue);\n }\n\n @Watch(\"value\")\n watchValue(newValue: string) {\n this.updateCheckedRadioByValue(newValue);\n }\n\n @Watch(\"error\")\n errorWatcher(newValue: string \| string[]) {\n if (typeof newValue === \"string\") {\n try {\n this._error = JSON.parse(newValue);\n } catch (e) {\n if (newValue) {\n this._error = [newValue];\n } else {\n this._error = [];\n }\n }\n } else if (newValue) {\n this._error = newValue;\n } else {\n this._error = [];\n }\n }\n\n @Watch(\"preventUpdateProperties\")\n preventUpdatePropertiesWatcher(newValue: string[] \| string) {\n if (typeof newValue === \"string\") {\n this._preventUpdateProperties = JSON.parse(newValue);\n } else {\n this._preventUpdateProperties = newValue;\n }\n }\n\n @Listen(\"reset\", { target: \"document\" })\n resetListener(event: Event) {\n if ((event.target as HTMLElement).contains(this.element)) {\n requestAnimationFrame(() => {\n this.handleReset();\n });\n }\n }\n\n @Listen(\"stzhChange\")\n onChange(event: CustomEvent<StzhRadioChangeEvent>) {\n this.value = event.detail.value;\n }\n\n /* Radio elements */\n private radios: HTMLStzhRadioElement[];\n private radiogroupId: string;\n private observer: MutationObserver;\n\n private updateRadiosProperty(prop: string, value: any) {\n this.radios.forEach((radio: HTMLStzhRadioElement) => {\n if (prop === \"disabled\") {\n // Only set the disabled if the radio is not already disabled\n if (!radio.disabled) {\n radio.disabled = value;\n }\n } else if (prop === \"name\" \|\| this._preventUpdateProperties.indexOf(prop) === -1) {\n radio[camelCase(prop)] = value;\n }\n });\n }\n\n private get errorUsed(): boolean {\n return hasSlot(this.element, \"error\") \|\| this._error?.length > 0;\n }\n\n private updateCheckedRadioByValue(value: string) {\n this.checkedRadio = this.radios.find(radio => radio.value === value);\n\n if (this.checkedRadio) {\n this.checkedRadio.checked = true;\n }\n\n this.uncheckRadios();\n }\n\n private uncheckRadios() {\n // make sure that no other radios are checked than the current one or no one\n this.radios.forEach((radio: HTMLStzhRadioElement) => {\n if (!this.checkedRadio \|\| radio !== this.checkedRadio) {\n radio.checked = false;\n }\n });\n }\n\n private handleReset = async () => {\n this.value = this.defaultValue;\n };\n\n private init = () => {\n // update radios\n this.radios = Array.from(this.element.querySelectorAll(SELECTOR_RADIO));\n\n this.updateRadiosProperty(\"hide-optional\", true);\n this.updateRadiosProperty(\"a11y-describedby\", `${this.radiogroupId}-description`);\n this.updateRadiosProperty(\"invalid\", this.invalid \|\| this.errorUsed);\n\n this.watchValue(this.value);\n this.watchName(this.name);\n this.watchDisabled(this.disabled);\n this.watchRequired(this.required);\n };\n\n componentDidLoad() {\n this.defaultValue = this.defaultValue ? this.defaultValue : this.value;\n }\n\n async componentWillLoad() {\n this.radiogroupId = `stzh-radiogroup-${radiogroupCounter++}`;\n this.errorWatcher(this.error);\n this.preventUpdatePropertiesWatcher(this.preventUpdateProperties);\n\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"radiogroup\");\n }\n }\n\n componentShouldUpdate(_newValue, _oldValue, prop: string) {\n return prop !== \"checkedRadio\";\n }\n\n componentDidRender() {\n this.init();\n }\n\n connectedCallback() {\n if (!this.value) {\n this.radios = Array.from(this.element.querySelectorAll(SELECTOR_RADIO));\n\n // try to find a checkbox that might has checked set to true\n const checkedRadio = this.radios.find(radio => radio.checked);\n\n if (checkedRadio) {\n this.value = checkedRadio.value;\n }\n }\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 descriptionUsed = hasSlot(this.element, \"description\") \|\| !!this.description;\n const descriptionLongUsed = hasSlot(this.element, \"description-long\") \|\| !!this.descriptionLong;\n\n const classes = {\n \"stzh-radiogroup\": true,\n \"stzh-radiogroup--has-description\": descriptionUsed,\n \"stzh-radiogroup--has-description-long\": descriptionLongUsed,\n \"stzh-radiogroup--has-error\": this.errorUsed,\n \"stzh-radiogroup--is-required\": this.required,\n \"stzh-radiogroup--is-disabled\": this.disabled,\n \"stzh-radiogroup--is-invalid\": this.invalid \|\| this.errorUsed,\n \"stzh-radiogroup--hide-legend\": this.hideLegend,\n [`stzh-radiogroup--direction-${this.direction}`]: !!this.direction,\n };\n\n return (\n <Host is-invalid={this.invalid \|\| this.errorUsed}>\n <fieldset class={classes}>\n {this.legend && (\n <legend class=\"stzh-radiogroup__legend\">\n {this.legend}\n {!this.hideOptional && (\n <span class=\"stzh-radiogroup__marker\">\n <span class=\"stzh-radiogroup__marker-symbol\" aria-hidden=\"true\">\n {this.required\n ? this.localization.$globals.requiredFieldMarker\n : this.localization.$globals.optionalFieldMarker}\n </span>\n <span class=\"stzh-radiogroup__marker-text\">\n {this.required\n ? this.localization.$globals.requiredFieldText\n : this.localization.$globals.optionalFieldText}\n </span>\n </span>\n )}\n </legend>\n )}\n <div class=\"stzh-radiogroup__fields\">\n <slot></slot>\n </div>\n {(this.errorUsed \|\| this.description \|\| this.descriptionLong) && (\n <StzhInputDescription\n classPrefix=\"stzh-radiogroup\"\n id={`${this.radiogroupId}-description`}\n error={this._error}\n description={this.description}\n descriptionLong={this.descriptionLong}\n descriptionLongTitle={this.descriptionLongTitle}\n descriptionLongUsed={descriptionLongUsed}\n moreInfoButtonLabel={this.localization.$globals.moreInfoButtonLabel}\n />\n )}\n </fieldset>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-CvZI8O_m.js → p-Cla6GVJl.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-VlIs_0mL.js';
+import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-hyzEZfgL.js';
 import { s as setPropsIfNull } from './p-CN5apKPb.js';
 const stzhCspaceCss = () => `:host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host{}: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}stzh-cspace[hidden],stzh-cspace[stzh-hidden]{display:none}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{}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{color:inherit;font-weight:inherit;font-family:inherit;letter-spacing:inherit}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)}@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)}}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-large)}@media screen and (min-width: 600px){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-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-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)}@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)}}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-xxsmall)}@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-xsmall)}}@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-small)}}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)}@media screen and (min-width: 600px){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: 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-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-xlarge)}}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-xxsmall)}@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-xsmall)}}@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-small)}}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-xsmall)}@media screen and (min-width: 600px){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)}}@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-xlarge)}}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-xxsmall)}@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-xsmall)}}@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-small)}}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-xsmall)}@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-small)}}@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-medium)}}@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-xlarge)}}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-top:0}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-large)}@media screen and (min-width: 600px){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)}}@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=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-top:0}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)}@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)}}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-large)}@media screen and (min-width: 600px){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-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-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)}@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)}}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-xsmall)}@media screen and (min-width: 600px){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-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-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-xlarge)}}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)}@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)}}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-xxsmall)}@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-xsmall)}}@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-small)}}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)}@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)}}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-xxsmall)}@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-xsmall)}}@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-small)}}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)}@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=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-top:0}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-xsmall)}@media screen and (min-width: 600px){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)}}@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-xlarge)}}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-xsmall)}@media screen and (min-width: 600px){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-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-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-xlarge)}}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-xxsmall)}@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-xsmall)}}@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-small)}}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-toggle,stzh-cspace>.stzh-cspace>stzh-toggle{margin-bottom:var(--stzh-space-medium)}stzh-cspace>.stzh-cspace>.section>stzh-http-error,stzh-cspace>.stzh-cspace>stzh-http-error{margin-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>stzh-http-error,stzh-cspace>.stzh-cspace>stzh-http-error{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-http-error,stzh-cspace>.stzh-cspace>stzh-http-error{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-http-error,stzh-cspace>.stzh-cspace>stzh-http-error{margin-top:var(--stzh-space-xbig)}}stzh-cspace>.stzh-cspace>.section>stzh-message,stzh-cspace>.stzh-cspace>stzh-message{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>stzh-message,stzh-cspace>.stzh-cspace>stzh-message{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-message,stzh-cspace>.stzh-cspace>stzh-message{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-message,stzh-cspace>.stzh-cspace>stzh-message{margin-bottom:var(--stzh-space-xxlarge)}}stzh-cspace>.stzh-cspace>.section>stzh-cardlist,stzh-cspace>.stzh-cspace>stzh-cardlist,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-cardlist,stzh-cspace>.stzh-cspace>stzh-cardlist,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-cardlist,stzh-cspace>.stzh-cspace>stzh-cardlist,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-ratio,stzh-cspace>.stzh-cspace>stzh-ratio,stzh-cspace>.stzh-cspace>.section>stzh-button,stzh-cspace>.stzh-cspace>stzh-button,stzh-cspace>.stzh-cspace>.section>stzh-space,stzh-cspace>.stzh-cspace>stzh-space,stzh-cspace>.stzh-cspace>.section>stzh-row,stzh-cspace>.stzh-cspace>stzh-row,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-large)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>stzh-ratio,stzh-cspace>.stzh-cspace>stzh-ratio,stzh-cspace>.stzh-cspace>.section>stzh-button,stzh-cspace>.stzh-cspace>stzh-button,stzh-cspace>.stzh-cspace>.section>stzh-space,stzh-cspace>.stzh-cspace>stzh-space,stzh-cspace>.stzh-cspace>.section>stzh-row,stzh-cspace>.stzh-cspace>stzh-row,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-ratio,stzh-cspace>.stzh-cspace>stzh-ratio,stzh-cspace>.stzh-cspace>.section>stzh-button,stzh-cspace>.stzh-cspace>stzh-button,stzh-cspace>.stzh-cspace>.section>stzh-space,stzh-cspace>.stzh-cspace>stzh-space,stzh-cspace>.stzh-cspace>.section>stzh-row,stzh-cspace>.stzh-cspace>stzh-row,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-ratio,stzh-cspace>.stzh-cspace>stzh-ratio,stzh-cspace>.stzh-cspace>.section>stzh-button,stzh-cspace>.stzh-cspace>stzh-button,stzh-cspace>.stzh-cspace>.section>stzh-space,stzh-cspace>.stzh-cspace>stzh-space,stzh-cspace>.stzh-cspace>.section>stzh-row,stzh-cspace>.stzh-cspace>stzh-row,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)}@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)}}stzh-cspace>.stzh-cspace>.section>stzh-section[variant=highlight],stzh-cspace>.stzh-cspace>stzh-section[variant=highlight]{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-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-section[variant=contextbox],stzh-cspace>.stzh-cspace>stzh-section[variant=contextbox]{margin-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>stzh-section[variant=contextbox],stzh-cspace>.stzh-cspace>stzh-section[variant=contextbox]{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-section[variant=contextbox],stzh-cspace>.stzh-cspace>stzh-section[variant=contextbox]{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-section[variant=contextbox],stzh-cspace>.stzh-cspace>stzh-section[variant=contextbox]{margin-top:var(--stzh-space-xxlarge)}}stzh-cspace>.stzh-cspace>.section>stzh-section[variant=contextbox],stzh-cspace>.stzh-cspace>stzh-section[variant=contextbox]{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>stzh-section[variant=contextbox],stzh-cspace>.stzh-cspace>stzh-section[variant=contextbox]{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-section[variant=contextbox],stzh-cspace>.stzh-cspace>stzh-section[variant=contextbox]{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-section[variant=contextbox],stzh-cspace>.stzh-cspace>stzh-section[variant=contextbox]{margin-bottom:var(--stzh-space-xxlarge)}}stzh-cspace>.stzh-cspace>.section>stzh-section[variant=default],stzh-cspace>.stzh-cspace>stzh-section[variant=default]{margin-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>stzh-section[variant=default],stzh-cspace>.stzh-cspace>stzh-section[variant=default]{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-section[variant=default],stzh-cspace>.stzh-cspace>stzh-section[variant=default]{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-section[variant=default],stzh-cspace>.stzh-cspace>stzh-section[variant=default]{margin-top:var(--stzh-space-xxlarge)}}stzh-cspace>.stzh-cspace>.section>stzh-section[variant=default],stzh-cspace>.stzh-cspace>stzh-section[variant=default]{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>stzh-section[variant=default],stzh-cspace>.stzh-cspace>stzh-section[variant=default]{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-section[variant=default],stzh-cspace>.stzh-cspace>stzh-section[variant=default]{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-section[variant=default],stzh-cspace>.stzh-cspace>stzh-section[variant=default]{margin-bottom:var(--stzh-space-xxlarge)}}stzh-cspace>.stzh-cspace>.section>stzh-section[variant=greybox],stzh-cspace>.stzh-cspace>stzh-section[variant=default]{margin-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>stzh-section[variant=greybox],stzh-cspace>.stzh-cspace>stzh-section[variant=default]{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-section[variant=greybox],stzh-cspace>.stzh-cspace>stzh-section[variant=default]{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-section[variant=greybox],stzh-cspace>.stzh-cspace>stzh-section[variant=default]{margin-top:var(--stzh-space-xxlarge)}}stzh-cspace>.stzh-cspace>.section>stzh-section[variant=greybox],stzh-cspace>.stzh-cspace>stzh-section[variant=default]{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>stzh-section[variant=greybox],stzh-cspace>.stzh-cspace>stzh-section[variant=default]{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-section[variant=greybox],stzh-cspace>.stzh-cspace>stzh-section[variant=default]{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-section[variant=greybox],stzh-cspace>.stzh-cspace>stzh-section[variant=default]{margin-bottom:var(--stzh-space-xxlarge)}}stzh-cspace>.stzh-cspace>.section>stzh-section[variant=poimax],stzh-cspace>.stzh-cspace>stzh-section[variant=poimax]{margin-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>stzh-section[variant=poimax],stzh-cspace>.stzh-cspace>stzh-section[variant=poimax]{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-section[variant=poimax],stzh-cspace>.stzh-cspace>stzh-section[variant=poimax]{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-section[variant=poimax],stzh-cspace>.stzh-cspace>stzh-section[variant=poimax]{margin-top:var(--stzh-space-xxlarge)}}stzh-cspace>.stzh-cspace>.section>stzh-section[variant=poimax],stzh-cspace>.stzh-cspace>stzh-section[variant=poimax]{margin-bottom:var(--stzh-space-xsmall)}stzh-cspace>.stzh-cspace>.section>stzh-pagetitle[background=default],stzh-cspace>.stzh-cspace>stzh-pagetitle[background=default]{margin-bottom:var(--stzh-space-large)}@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-xlarge)}}@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-xxlarge)}}@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-xxxlarge)}}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-xsmall)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>stzh-cta,stzh-cspace>.stzh-cspace>stzh-cta{margin-top:var(--stzh-space-small)}}@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-xlarge)}}stzh-cspace>.stzh-cspace>.section>stzh-cta,stzh-cspace>.stzh-cspace>stzh-cta{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-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-large)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>stzh-olmap,stzh-cspace>.stzh-cspace>stzh-olmap{margin-top: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)}}stzh-cspace>.stzh-cspace>.section>stzh-olmap,stzh-cspace>.stzh-cspace>stzh-olmap{margin-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>stzh-olmap,stzh-cspace>.stzh-cspace>stzh-olmap{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-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-large)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>stzh-breadcrumb,stzh-cspace>.stzh-cspace>stzh-breadcrumb{margin-top:var(--stzh-space-xlarge)}}@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)}}stzh-cspace>.stzh-cspace>.section>stzh-breadcrumb,stzh-cspace>.stzh-cspace>stzh-breadcrumb{margin-bottom:var(--stzh-space-medium)}@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)}@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)}}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-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-large)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>stzh-pagebottom,stzh-cspace>.stzh-cspace>stzh-pagebottom{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-pagebottom,stzh-cspace>.stzh-cspace>stzh-pagebottom{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-pagebottom,stzh-cspace>.stzh-cspace>stzh-pagebottom{margin-top:var(--stzh-space-xxxlarge)}}stzh-cspace>.stzh-cspace>.section>stzh-pagebottom,stzh-cspace>.stzh-cspace>stzh-pagebottom{margin-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>stzh-pagebottom,stzh-cspace>.stzh-cspace>stzh-pagebottom{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-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-stepper,stzh-cspace>.stzh-cspace>stzh-stepper{margin-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>stzh-stepper,stzh-cspace>.stzh-cspace>stzh-stepper{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-stepper,stzh-cspace>.stzh-cspace>stzh-stepper{margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-stepper,stzh-cspace>.stzh-cspace>stzh-stepper{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)}@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)}}stzh-cspace>.stzh-cspace>.section>stzh-pagination,stzh-cspace>.stzh-cspace>stzh-pagination{margin-bottom: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-xsmall)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>stzh-actions,stzh-cspace>.stzh-cspace>stzh-actions{margin-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-actions,stzh-cspace>.stzh-cspace>stzh-actions{margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-actions,stzh-cspace>.stzh-cspace>stzh-actions{margin-top:var(--stzh-space-xlarge)}}stzh-cspace>.stzh-cspace>.section>stzh-actions,stzh-cspace>.stzh-cspace>stzh-actions{margin-bottom:var(--stzh-space-xxlarge)}@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-large)}@media screen and (min-width: 600px){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-xxsmall)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>stzh-fieldset,stzh-cspace>.stzh-cspace>stzh-fieldset{margin-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){stzh-cspace>.stzh-cspace>.section>stzh-fieldset,stzh-cspace>.stzh-cspace>stzh-fieldset{margin-bottom:var(--stzh-space-small)}}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{}stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-tiny,stzh-cspace>.stzh-cspace>.cspace-y-curve-tiny{margin-top:var(--stzh-space-xxsmall)}@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-xsmall)}}@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-small)}}stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-tiny,stzh-cspace>.stzh-cspace>.cspace-y-curve-tiny{margin-bottom:var(--stzh-space-xxsmall)}@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-xsmall)}}@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-small)}}stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-tiny,stzh-cspace>.stzh-cspace>.cspace-t-curve-tiny{margin-top:var(--stzh-space-xxsmall)}@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-xsmall)}}@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-small)}}stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-tiny,stzh-cspace>.stzh-cspace>.cspace-b-curve-tiny{margin-bottom:var(--stzh-space-xxsmall)}@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-xsmall)}}@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-small)}}stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-small,stzh-cspace>.stzh-cspace>.cspace-y-curve-small{margin-top:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-small,stzh-cspace>.stzh-cspace>.cspace-y-curve-small{margin-top: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-xlarge)}}stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-small,stzh-cspace>.stzh-cspace>.cspace-y-curve-small{margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-small,stzh-cspace>.stzh-cspace>.cspace-y-curve-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-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-xlarge)}}stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-small,stzh-cspace>.stzh-cspace>.cspace-t-curve-small{margin-top:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){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-xlarge)}}stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-small,stzh-cspace>.stzh-cspace>.cspace-b-curve-small{margin-bottom:var(--stzh-space-xsmall)}@media screen and (min-width: 600px){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-xlarge)}}stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-intermediary,stzh-cspace>.stzh-cspace>.cspace-y-curve-intermediary{margin-top:var(--stzh-space-medium)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-intermediary,stzh-cspace>.stzh-cspace>.cspace-y-curve-intermediary{margin-top:var(--stzh-space-large)}}stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-intermediary,stzh-cspace>.stzh-cspace>.cspace-y-curve-intermediary{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-intermediary,stzh-cspace>.stzh-cspace>.cspace-y-curve-intermediary{margin-bottom:var(--stzh-space-large)}}stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-intermediary,stzh-cspace>.stzh-cspace>.cspace-t-curve-intermediary{margin-top:var(--stzh-space-medium)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-t-curve-intermediary,stzh-cspace>.stzh-cspace>.cspace-t-curve-intermediary{margin-top:var(--stzh-space-large)}}stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-intermediary,stzh-cspace>.stzh-cspace>.cspace-b-curve-intermediary{margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 900px){stzh-cspace>.stzh-cspace>.section>.cspace-b-curve-intermediary,stzh-cspace>.stzh-cspace>.cspace-b-curve-intermediary{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)}@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)}}stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-regular,stzh-cspace>.stzh-cspace>.cspace-y-curve-regular{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-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-large)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-medium,stzh-cspace>.stzh-cspace>.cspace-y-curve-medium{margin-top: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)}}stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-medium,stzh-cspace>.stzh-cspace>.cspace-y-curve-medium{margin-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-medium,stzh-cspace>.stzh-cspace>.cspace-y-curve-medium{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-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-large)}@media screen and (min-width: 600px){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-large)}@media screen and (min-width: 600px){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)}@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)}}stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-large,stzh-cspace>.stzh-cspace>.cspace-y-curve-large{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-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)}@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)}}stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-big,stzh-cspace>.stzh-cspace>.cspace-y-curve-big{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-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)}@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)}}stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-huge,stzh-cspace>.stzh-cspace>.cspace-y-curve-huge{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-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)}@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)}}stzh-cspace>.stzh-cspace>.section>.cspace-y-curve-section-inner,stzh-cspace>.stzh-cspace>.cspace-y-curve-section-inner{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-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)}@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)}}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-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-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)}@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)}}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-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-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{}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}`;
@@ -79,6 +79,6 @@ function defineCustomElement() {
 }
 export { StzhCspace as S, defineCustomElement as d };
-//# sourceMappingURL=p-CvZI8O_m.js.map
+//# sourceMappingURL=p-Cla6GVJl.js.map
-//# sourceMappingURL=p-CvZI8O_m.js.map
+//# sourceMappingURL=p-Cla6GVJl.js.map

package/dist/components/{p-CvZI8O_m.js.map → p-Cla6GVJl.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-CvZI8O_m.js","mappings":";;;AAAA,MAAM,aAAa,GAAG,MAAM,CAAC,mwoHAAmwoH,CAAC;;MCWpxoH,UAAU,iBAAAA,kBAAA,CAAA,MAAA,UAAA,SAAAC,CAAA,CAAA;AAJvB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AAY2B,QAAA,IAAmB,CAAA,mBAAA,GAAmC,QAAQ;AAY/E,QAAA,IAAI,CAAA,IAAA,GAAG,MAAK;AAClB,YAAA,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;gBACrB;;AAGF,YAAA,IAAI,IAAI,CAAC,mBAAmB,KAAK,UAAU,EAAE;AAC3C,gBAAA,MAAM,sBAAsB,GAAG,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAC9D,IAAI,CAAC,mBAAmB,KAAK;AAC3B,sBAAE;sBACA,sKAAsK,CAC3K;AAED,gBAAA,sBAAsB,CAAC,OAAO,CAAC,gBAAgB,IAAG;oBAChD,cAAc,CAAC,gBAAgB,EAAE;AAC/B,wBAAA,iBAAiB,EAAE,KAAK;AACxB,wBAAA,gBAAgB,EAAE,KAAK;AAC2B,qBAAA,CAAC;AACvD,iBAAC,CAAC;;AAEN,SAAC;AAqCF;IA/DC,0BAA0B,GAAA;QACxB,IAAI,CAAC,IAAI,EAAE;;IA2Bb,kBAAkB,GAAA;QAChB,IAAI,CAAC,IAAI,EAAE;QAEX,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE;AACtC,YAAA,SAAS,EAAE,IAAI;AACf,YAAA,OAAO,EAAE,IAAI;AACd,SAAA,CAAC;;IAGJ,iBAAiB,GAAA;QACf,IAAI,CAAC,QAAQ,GAAG,IAAI,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC;;IAGjD,oBAAoB,GAAA;AAClB,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACjB,YAAA,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE;;;IAI9B,MAAM,GAAA;AACJ,QAAA,MAAM,OAAO,GAAG;AACd,YAAA,aAAa,EAAE,IAAI;SACpB;AAED,QAAA,QACE,CAAC,CAAA,IAAI,EACsB,EAAA,GAAA,EAAA,0CAAA,EAAA,yBAAA,EAAA,OAAO,IAAI,CAAC,iBAAiB,KAAK,SAAS,GAAG,IAAI,CAAC,iBAAiB,GAAG,IAAI,4BAC5E,OAAO,IAAI,CAAC,gBAAgB,KAAK,SAAS,GAAG,IAAI,CAAC,gBAAgB,GAAG,IAAI,EAAA,EAEjG,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,WAAW,GAAG,EAAiB,CAAC,EAAE,KAAK,EAAE,OAAO,EAAA,EACpE,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/stzh-cspace/stzh-cspace.scss?tag=stzh-cspace","src/components/stzh-cspace/stzh-cspace.tsx"],"sourcesContent":["@use \"sass:map\";\n\nstzh-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\", \"small\");\n @include spaceCurve(\"margin-bottom\", \"tiny\");\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\", \"small\");\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 {\n // 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 {\n margin-bottom: space(\"xlarge\");\n }\n\n & > .section > stzh-toggle,\n & > stzh-toggle {\n margin-bottom: space(\"medium\");\n }\n\n & > .section > stzh-http-error, // DONE\n & > stzh-http-error {\n // DONE\n @include spaceCurve(\"margin-top\", \"big\");\n }\n\n & > .section > stzh-message, // DONE\n & > stzh-message {\n // DONE\n @include spaceCurve(\"margin-bottom\", \"regular\");\n }\n\n & > .section > stzh-cardlist, // DONE\n & > stzh-cardlist, // DONE\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-ratio, // DONE\n & > stzh-ratio, // DONE\n & > .section > stzh-button, // DONE\n & > stzh-button, // DONE\n & > .section > stzh-space, // DONE\n & > stzh-space, // DONE\n & > .section > stzh-row, // DONE\n & > stzh-row, // DONE\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 {\n // DONE\n @include spaceCurve(\"margin-bottom\", \"medium\");\n }\n\n & > .section > stzh-section[variant=\"highlight\"], // DONE\n & > stzh-section[variant=\"highlight\"] {\n // DONE\n @include spaceCurve(\"margin-top\", \"regular\");\n @include spaceCurve(\"margin-bottom\", \"regular\");\n }\n\n & > .section > stzh-section[variant=\"contextbox\"], // DONE\n & > stzh-section[variant=\"contextbox\"] {\n // DONE\n @include spaceCurve(\"margin-top\", \"regular\");\n @include spaceCurve(\"margin-bottom\", \"regular\");\n }\n\n & > .section > stzh-section[variant=\"default\"], // DONE\n & > stzh-section[variant=\"default\"] {\n // DONE\n @include spaceCurve(\"margin-top\", \"regular\");\n @include spaceCurve(\"margin-bottom\", \"regular\");\n }\n\n & > .section > stzh-section[variant=\"greybox\"], // DONE\n & > stzh-section[variant=\"default\"] {\n // DONE\n @include spaceCurve(\"margin-top\", \"regular\");\n @include spaceCurve(\"margin-bottom\", \"regular\");\n }\n\n & > .section > stzh-section[variant=\"poimax\"], // DONE\n & > stzh-section[variant=\"poimax\"] {\n // DONE\n @include spaceCurve(\"margin-top\", \"regular\");\n margin-bottom: space(\"xsmall\");\n }\n\n & > .section > stzh-pagetitle[background=\"default\"], // DONE\n & > stzh-pagetitle[background=\"default\"] {\n // DONE\n @include spaceCurve(\"margin-bottom\", \"section-inner\");\n }\n\n & > .section > stzh-richtext[has-hidden-last-margin], // DONE\n & > stzh-richtext[has-hidden-last-margin] {\n // DONE\n @include spaceCurve(\"margin-bottom\", \"regular\");\n }\n\n & > .section > stzh-cta, // DONE\n & > stzh-cta {\n // 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 {\n // 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 {\n // 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-stepper,\n & > stzh-stepper {\n @include spaceCurve(\"margin-top\", \"big\");\n }\n\n & > .section > stzh-pagination, // DONE\n & > stzh-pagination {\n // DONE\n @include spaceCurve(\"margin-top\", \"regular\");\n @include spaceCurve(\"margin-bottom\", \"large\");\n }\n\n & > .section > stzh-actions, // DONE\n & > stzh-actions {\n // DONE\n @include spaceCurve(\"margin-top\", \"small\");\n @include spaceCurve(\"margin-bottom\", \"big\");\n }\n\n & > .section > stzh-saptcha, // DONE\n & > stzh-saptcha {\n // DONE\n @include spaceCurve(\"margin-bottom\", \"medium\");\n }\n\n & > .section > stzh-fieldset, // DONE\n & > stzh-fieldset {\n // 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 { Component, Element, h, Host, Prop, Watch } 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 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 ref={el => (this.rootElement = el as HTMLElement)} class={classes}>\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-Cla6GVJl.js","mappings":";;;AAAA,MAAM,aAAa,GAAG,MAAM,CAAC,mwoHAAmwoH,CAAC;;MCWpxoH,UAAU,iBAAAA,kBAAA,CAAA,MAAA,UAAA,SAAAC,CAAA,CAAA;AAJvB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AAY2B,QAAA,IAAmB,CAAA,mBAAA,GAAmC,QAAQ;AAY/E,QAAA,IAAI,CAAA,IAAA,GAAG,MAAK;AAClB,YAAA,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;gBACrB;;AAGF,YAAA,IAAI,IAAI,CAAC,mBAAmB,KAAK,UAAU,EAAE;AAC3C,gBAAA,MAAM,sBAAsB,GAAG,IAAI,CAAC,WAAW,CAAC,gBAAgB,CAC9D,IAAI,CAAC,mBAAmB,KAAK;AAC3B,sBAAE;sBACA,sKAAsK,CAC3K;AAED,gBAAA,sBAAsB,CAAC,OAAO,CAAC,gBAAgB,IAAG;oBAChD,cAAc,CAAC,gBAAgB,EAAE;AAC/B,wBAAA,iBAAiB,EAAE,KAAK;AACxB,wBAAA,gBAAgB,EAAE,KAAK;AAC2B,qBAAA,CAAC;AACvD,iBAAC,CAAC;;AAEN,SAAC;AAqCF;IA/DC,0BAA0B,GAAA;QACxB,IAAI,CAAC,IAAI,EAAE;;IA2Bb,kBAAkB,GAAA;QAChB,IAAI,CAAC,IAAI,EAAE;QAEX,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE;AACtC,YAAA,SAAS,EAAE,IAAI;AACf,YAAA,OAAO,EAAE,IAAI;AACd,SAAA,CAAC;;IAGJ,iBAAiB,GAAA;QACf,IAAI,CAAC,QAAQ,GAAG,IAAI,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC;;IAGjD,oBAAoB,GAAA;AAClB,QAAA,IAAI,IAAI,CAAC,QAAQ,EAAE;AACjB,YAAA,IAAI,CAAC,QAAQ,CAAC,UAAU,EAAE;;;IAI9B,MAAM,GAAA;AACJ,QAAA,MAAM,OAAO,GAAG;AACd,YAAA,aAAa,EAAE,IAAI;SACpB;AAED,QAAA,QACE,CAAC,CAAA,IAAI,EACsB,EAAA,GAAA,EAAA,0CAAA,EAAA,yBAAA,EAAA,OAAO,IAAI,CAAC,iBAAiB,KAAK,SAAS,GAAG,IAAI,CAAC,iBAAiB,GAAG,IAAI,4BAC5E,OAAO,IAAI,CAAC,gBAAgB,KAAK,SAAS,GAAG,IAAI,CAAC,gBAAgB,GAAG,IAAI,EAAA,EAEjG,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,WAAW,GAAG,EAAiB,CAAC,EAAE,KAAK,EAAE,OAAO,EAAA,EACpE,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/stzh-cspace/stzh-cspace.scss?tag=stzh-cspace","src/components/stzh-cspace/stzh-cspace.tsx"],"sourcesContent":["@use \"sass:map\";\n\nstzh-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\", \"small\");\n @include spaceCurve(\"margin-bottom\", \"tiny\");\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\", \"small\");\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 {\n // 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 {\n margin-bottom: space(\"xlarge\");\n }\n\n & > .section > stzh-toggle,\n & > stzh-toggle {\n margin-bottom: space(\"medium\");\n }\n\n & > .section > stzh-http-error, // DONE\n & > stzh-http-error {\n // DONE\n @include spaceCurve(\"margin-top\", \"big\");\n }\n\n & > .section > stzh-message, // DONE\n & > stzh-message {\n // DONE\n @include spaceCurve(\"margin-bottom\", \"regular\");\n }\n\n & > .section > stzh-cardlist, // DONE\n & > stzh-cardlist, // DONE\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-ratio, // DONE\n & > stzh-ratio, // DONE\n & > .section > stzh-button, // DONE\n & > stzh-button, // DONE\n & > .section > stzh-space, // DONE\n & > stzh-space, // DONE\n & > .section > stzh-row, // DONE\n & > stzh-row, // DONE\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 {\n // DONE\n @include spaceCurve(\"margin-bottom\", \"medium\");\n }\n\n & > .section > stzh-section[variant=\"highlight\"], // DONE\n & > stzh-section[variant=\"highlight\"] {\n // DONE\n @include spaceCurve(\"margin-top\", \"regular\");\n @include spaceCurve(\"margin-bottom\", \"regular\");\n }\n\n & > .section > stzh-section[variant=\"contextbox\"], // DONE\n & > stzh-section[variant=\"contextbox\"] {\n // DONE\n @include spaceCurve(\"margin-top\", \"regular\");\n @include spaceCurve(\"margin-bottom\", \"regular\");\n }\n\n & > .section > stzh-section[variant=\"default\"], // DONE\n & > stzh-section[variant=\"default\"] {\n // DONE\n @include spaceCurve(\"margin-top\", \"regular\");\n @include spaceCurve(\"margin-bottom\", \"regular\");\n }\n\n & > .section > stzh-section[variant=\"greybox\"], // DONE\n & > stzh-section[variant=\"default\"] {\n // DONE\n @include spaceCurve(\"margin-top\", \"regular\");\n @include spaceCurve(\"margin-bottom\", \"regular\");\n }\n\n & > .section > stzh-section[variant=\"poimax\"], // DONE\n & > stzh-section[variant=\"poimax\"] {\n // DONE\n @include spaceCurve(\"margin-top\", \"regular\");\n margin-bottom: space(\"xsmall\");\n }\n\n & > .section > stzh-pagetitle[background=\"default\"], // DONE\n & > stzh-pagetitle[background=\"default\"] {\n // DONE\n @include spaceCurve(\"margin-bottom\", \"section-inner\");\n }\n\n & > .section > stzh-richtext[has-hidden-last-margin], // DONE\n & > stzh-richtext[has-hidden-last-margin] {\n // DONE\n @include spaceCurve(\"margin-bottom\", \"regular\");\n }\n\n & > .section > stzh-cta, // DONE\n & > stzh-cta {\n // 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 {\n // 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 {\n // 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-stepper,\n & > stzh-stepper {\n @include spaceCurve(\"margin-top\", \"big\");\n }\n\n & > .section > stzh-pagination, // DONE\n & > stzh-pagination {\n // DONE\n @include spaceCurve(\"margin-top\", \"regular\");\n @include spaceCurve(\"margin-bottom\", \"large\");\n }\n\n & > .section > stzh-actions, // DONE\n & > stzh-actions {\n // DONE\n @include spaceCurve(\"margin-top\", \"small\");\n @include spaceCurve(\"margin-bottom\", \"big\");\n }\n\n & > .section > stzh-saptcha, // DONE\n & > stzh-saptcha {\n // DONE\n @include spaceCurve(\"margin-bottom\", \"medium\");\n }\n\n & > .section > stzh-fieldset, // DONE\n & > stzh-fieldset {\n // 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 { Component, Element, h, Host, Prop, Watch } 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 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 ref={el => (this.rootElement = el as HTMLElement)} class={classes}>\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-CgsV1M3w.js → p-CvKT-Mki.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-VlIs_0mL.js';
+import { p as proxyCustomElement, H, d as createEvent, h, e as Host, t as transformTag } from './p-hyzEZfgL.js';
 import { i as isStzhElement } from './p-CN5apKPb.js';
 import { w as waitForEvent } from './p--SdF31O7.js';
 import { s as stopAnimations, a as animateTo, b as shimKeyframesAutoValues } from './p-BOO84wnP.js';
@@ -176,6 +176,6 @@ function defineCustomElement() {
 }
 export { StzhDetails as S, defineCustomElement as d };
-//# sourceMappingURL=p-CgsV1M3w.js.map
+//# sourceMappingURL=p-CvKT-Mki.js.map
-//# sourceMappingURL=p-CgsV1M3w.js.map
+//# sourceMappingURL=p-CvKT-Mki.js.map