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

@oiz/stzh-components 4.10.0 → 4.10.1

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 (829) hide show

package/dist/components/{p-DcitYu_B.js.map → p-CsuFFy7I.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-DcitYu_B.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/stzh-toast/stzh-toast.scss?tag=stzh-toast&encapsulation=shadow","src/components/stzh-toast/stzh-toast.tsx"],"sourcesContent":["/*\n @prop --background-color: Background color of toast\n /\n\n:host {\n pointer-events: all;\n\n --label-font-family: #{$toastLabelFontFamily};\n --label-font-weight: #{$toastLabelFontWeight};\n --label-font-style: #{$toastLabelFontStyle};\n\n --label-color: #{$toastLabelColor};\n --background-color: #{$toastBackgroundColor};\n --close-color: #{$toastCloseColor};\n --button-color: #{$toastButtonColor};\n --icon-color: #{$toastIconColor};\n}\n\n:host([type=\"success\"]) {\n --icon-color: #{$toastSuccessIconColor};\n}\n\n:host([type=\"warning\"]) {\n --icon-color: #{$toastWarningIconColor};\n}\n\n:host([type=\"error\"]) {\n --icon-color: #{$toastErrorIconColor};\n}\n\n.stzh-toast {\n position: relative;\n display: flex;\n box-shadow: $boxShadowMessage;\n background-color: var(--background-color);\n border-radius: #{$buttonBorderRadius};\n transition: background-color $baseTransitionAnimationSpeed;\n\n @include highContrast() {\n border: 1px solid Highlight;\n }\n\n &__content {\n flex-grow: 1;\n display: flex;\n gap: space(\"small\");\n padding: space(\"medium\");\n }\n\n &__icon-wrapper {\n flex-shrink: 0;\n display: flex;\n }\n\n &__icon {\n color: var(--icon-color);\n }\n\n &__text-wrapper {\n flex-grow: 1;\n }\n\n &__label {\n @include fontSize(\"milli\");\n color: var(--label-color);\n font-family: var(--label-font-family);\n font-weight: var(--label-font-weight);\n font-style: var(--label-font-style);\n transition: color $baseTransitionAnimationSpeed;\n padding-right: space(\"xxlarge\");\n\n @include mq($from: small) {\n padding-right: space(\"xxxlarge\");\n }\n }\n\n &__close-wrapper {\n flex-shrink: 0;\n }\n\n &__link {\n --stzh-button-tertiary-color: var(--button-color);\n\n display: flex;\n justify-content: flex-end;\n }\n\n &__close[variant=\"tertiary\"] {\n --color: var(--close-color);\n\n position: absolute;\n top: 0;\n right: 0;\n }\n\n / Has link /\n\n &--has-link &__label:not(:empty) + &__link {\n margin-top: space(\"xsmall\");\n }\n}\n","import { Component, Host, h, Element, Prop, Event, EventEmitter, Method, Watch } from \"@stencil/core\";\n\nimport {\n StzhToastOpenEvent,\n StzhToastOpenedEvent,\n StzhToastCloseEvent,\n StzhToastClosedEvent,\n StzhToastType,\n} from \"../../index\";\n\nimport { StzhToastLocalizedText } from \"./stzh-toast.localization\";\nimport { hasSlot, setPropsIfNull } from \"../../utils/utils\";\nimport { waitForEvent } from \"../../utils/event-utils\";\nimport { animateTo, shimKeyframesAutoValues, stopAnimations } from \"../../utils/animation-utils\";\n\nconst ANIMATION_SHOW = {\n keyframes: [\n { transform: \"translateY(100%)\", opacity: \"0\", height: \"0\", marginBottom: \"0\" },\n { transform: \"translateY(0px)\", opacity: \"1\", height: \"auto\", marginBottom: \"auto\" },\n ],\n options: {\n duration: 300,\n easing: \"ease-out\",\n },\n};\n\nconst ANIMATION_HIDE = {\n keyframes: [\n { transform: \"translateX(0px)\", opacity: \"1\", height: \"auto\", marginBottom: \"auto\" },\n { transform: \"translateX(-100%)\", opacity: \"0\", height: \"auto\", marginBottom: \"auto\" },\n { transform: \"translateX(-100%)\", opacity: \"0\", height: \"0\", marginBottom: \"0\" },\n // { transform: \"translateY(0px)\", opacity: \"1\", height: \"auto\", marginBottom: 'auto' },\n // { transform: \"translateY(-100%)\", opacity: \"0\", height: \"0\", marginBottom: '0' },\n ],\n options: {\n duration: 300,\n easing: \"ease-in\",\n },\n};\n\n/\n @slot link - Slot for optional stzh-link element\n /\n@Component({\n tag: \"stzh-toast\",\n styleUrl: \"stzh-toast.scss\",\n shadow: true,\n})\nexport class StzhToast {\n /* Label /\n @Prop() label: string = \"\";\n\n /* Type /\n @Prop({ reflect: true }) type: StzhToastType = \"info\";\n\n /* Whether to hide close button /\n @Prop({ reflect: true }) hideClose: boolean = false;\n\n /* Open state /\n @Prop({ reflect: true }) open: boolean = true;\n\n /* Whether open animation should be played initially. /\n @Prop() initialOpenAnimation = false;\n\n /* Translation strings. /\n @Prop() localization: StzhToastLocalizedText;\n\n /* Toast open event /\n @Event() stzhOpen: EventEmitter<StzhToastOpenEvent>;\n\n /* Toast opened event (after animation) /\n @Event() stzhOpened: EventEmitter<StzhToastOpenedEvent>;\n\n /* Toast close event /\n @Event() stzhClose: EventEmitter<StzhToastCloseEvent>;\n\n /* Toast closed event (after animation) */\n @Event() stzhClosed: EventEmitter<StzhToastClosedEvent>;\n\n @Element() element: HTMLStzhToastElement;\n\n @Watch(\"open\")\n async openWatcher(newValue: boolean) {\n if (!this.rootElement) {\n return;\n }\n\n if (newValue) {\n if (this.toggledByMethod) {\n this.stzhOpen.emit({\n component: \"stzh-toast\",\n });\n }\n\n await stopAnimations(this.element);\n\n // this.element.style.willChange = \"transform, opacity, height\";\n this.element.hidden = false;\n\n const computedStyle = getComputedStyle(this.element, null);\n\n await animateTo(\n this.element,\n shimKeyframesAutoValues(ANIMATION_SHOW.keyframes, {\n height: this.element.scrollHeight,\n marginTop: parseInt(computedStyle[\"margin-top\"]),\n marginBottom: parseInt(computedStyle[\"margin-bottom\"]),\n }),\n ANIMATION_SHOW.options,\n );\n\n this.element.style.height = \"auto\";\n this.element.style.opacity = \"1\";\n // this.element.style.willChange = \"auto\";\n\n if (this.toggledByMethod) {\n this.stzhOpened.emit({\n component: \"stzh-toast\",\n });\n }\n } else {\n if (this.toggledByMethod) {\n this.stzhClose.emit({\n component: \"stzh-toast\",\n });\n }\n\n await stopAnimations(this.element);\n\n // this.element.style.willChange = \"transform, opacity, height\";\n\n const computedStyle = getComputedStyle(this.element, null);\n\n await animateTo(\n this.element,\n shimKeyframesAutoValues(ANIMATION_HIDE.keyframes, {\n height: this.element.scrollHeight,\n marginTop: parseInt(computedStyle[\"margin-top\"]),\n marginBottom: parseInt(computedStyle[\"margin-bottom\"]),\n }),\n ANIMATION_HIDE.options,\n );\n\n this.element.style.height = \"0px\";\n this.element.style.opacity = \"0\";\n this.element.hidden = true;\n // this.element.style.willChange = \"auto\";\n\n if (this.toggledByMethod) {\n this.stzhClosed.emit({\n component: \"stzh-toast\",\n });\n }\n }\n\n this.toggledByMethod = false;\n }\n\n @Method()\n async show() {\n if (this.open) {\n return;\n }\n\n this.toggledByMethod = true;\n this.open = true;\n return waitForEvent(this.element, \"stzhOpened\");\n }\n\n @Method()\n async hide() {\n if (!this.open) {\n return;\n }\n\n this.toggledByMethod = true;\n this.open = false;\n return waitForEvent(this.element, \"stzhClosed\");\n }\n\n // private observer: MutationObserver;\n private toggledByMethod: boolean;\n private rootElement: HTMLElement;\n\n private handleLinkSlotchange = () => {\n const host = (this.element.getRootNode() as ShadowRoot)?.host \|\| this.element;\n const buttons = host.querySelectorAll('stzh-button[slot=\"link\"], [slot=\"link\"] stzh-button');\n\n buttons.forEach(link => {\n setPropsIfNull(link, {\n size: \"small\",\n variant: \"tertiary\",\n } as HTMLStzhButtonElement);\n });\n };\n\n private onCloseButtonClick = () => {\n this.hide();\n };\n\n async componentWillLoad() {\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"toast\");\n }\n }\n\n componentDidLoad() {\n if (this.initialOpenAnimation && this.open) {\n // hide first so the open animation will be shown\n this.element.hidden = true;\n this.element.style.height = \"0px\";\n this.element.style.opacity = \"0\";\n\n requestAnimationFrame(() => {\n requestAnimationFrame(() => {\n this.openWatcher(true);\n });\n });\n } else {\n this.element.hidden = !this.open;\n this.element.style.height = this.open ? \"auto\" : \"0px\";\n this.element.style.opacity = this.open ? \"1\" : \"0\";\n }\n }\n\n // connectedCallback() {\n // this.init();\n\n // this.observer = new MutationObserver(this.init);\n // this.observer.observe(this.element, {\n // childList: true,\n // subtree: true\n // });\n // }\n\n // disconnectedCallback() {\n // if (this.observer) {\n // this.observer.disconnect();\n // }\n // }\n\n render() {\n const linkUsed = hasSlot(this.element, \"link\");\n\n const classes = {\n \"stzh-toast\": true,\n \"stzh-toast--has-link\": linkUsed,\n \"stzh-toast--has-close-hidden\": this.hideClose,\n [`stzh-toast--type-${this.type}`]: !!this.type,\n };\n\n return (\n <Host>\n <div ref={el => (this.rootElement = el as HTMLElement)} class={classes}>\n <div class=\"stzh-toast__content\">\n <div class=\"stzh-toast__icon-wrapper\">\n <stzh-icon\n class=\"stzh-toast__icon\"\n name={\n (this.type === \"info\" && \"info-help-filled\") \|\|\n (this.type === \"success\" && \"checkmark-circle-filled\") \|\|\n (this.type === \"warning\" && \"important-warning-filled\") \|\|\n (this.type === \"error\" && \"warning-filled\")\n }\n ></stzh-icon>\n </div>\n <div class=\"stzh-toast__text-wrapper\">\n <div class=\"stzh-toast__label\">{this.label}</div>\n <div class=\"stzh-toast__link\">\n <slot name=\"link\" onSlotchange={this.handleLinkSlotchange}></slot>\n </div>\n </div>\n </div>\n\n {!this.hideClose && (\n <div class=\"stzh-toast__close-wrapper\">\n <stzh-button\n class=\"stzh-toast__close\"\n onClick={this.onCloseButtonClick}\n label={this.localization.close}\n variant=\"tertiary\"\n size=\"small\"\n iconOnly={true}\n icon=\"close-big\"\n ></stzh-button>\n </div>\n )}\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-CsuFFy7I.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/stzh-toast/stzh-toast.scss?tag=stzh-toast&encapsulation=shadow","src/components/stzh-toast/stzh-toast.tsx"],"sourcesContent":["/*\n @prop --background-color: Background color of toast\n /\n\n:host {\n pointer-events: all;\n\n --label-font-family: #{$toastLabelFontFamily};\n --label-font-weight: #{$toastLabelFontWeight};\n --label-font-style: #{$toastLabelFontStyle};\n\n --label-color: #{$toastLabelColor};\n --background-color: #{$toastBackgroundColor};\n --close-color: #{$toastCloseColor};\n --button-color: #{$toastButtonColor};\n --icon-color: #{$toastIconColor};\n}\n\n:host([type=\"success\"]) {\n --icon-color: #{$toastSuccessIconColor};\n}\n\n:host([type=\"warning\"]) {\n --icon-color: #{$toastWarningIconColor};\n}\n\n:host([type=\"error\"]) {\n --icon-color: #{$toastErrorIconColor};\n}\n\n.stzh-toast {\n position: relative;\n display: flex;\n box-shadow: $boxShadowMessage;\n background-color: var(--background-color);\n border-radius: #{$buttonBorderRadius};\n transition: background-color $baseTransitionAnimationSpeed;\n\n @include highContrast() {\n border: 1px solid Highlight;\n }\n\n &__content {\n flex-grow: 1;\n display: flex;\n gap: space(\"small\");\n padding: space(\"medium\");\n }\n\n &__icon-wrapper {\n flex-shrink: 0;\n display: flex;\n }\n\n &__icon {\n color: var(--icon-color);\n }\n\n &__text-wrapper {\n flex-grow: 1;\n }\n\n &__label {\n @include fontSize(\"milli\");\n color: var(--label-color);\n font-family: var(--label-font-family);\n font-weight: var(--label-font-weight);\n font-style: var(--label-font-style);\n transition: color $baseTransitionAnimationSpeed;\n padding-right: space(\"xxlarge\");\n\n @include mq($from: small) {\n padding-right: space(\"xxxlarge\");\n }\n }\n\n &__close-wrapper {\n flex-shrink: 0;\n }\n\n &__link {\n --stzh-button-tertiary-color: var(--button-color);\n\n display: flex;\n justify-content: flex-end;\n }\n\n &__close[variant=\"tertiary\"] {\n --color: var(--close-color);\n\n position: absolute;\n top: 0;\n right: 0;\n }\n\n / Has link /\n\n &--has-link &__label:not(:empty) + &__link {\n margin-top: space(\"xsmall\");\n }\n}\n","import { Component, Host, h, Element, Prop, Event, EventEmitter, Method, Watch } from \"@stencil/core\";\n\nimport {\n StzhToastOpenEvent,\n StzhToastOpenedEvent,\n StzhToastCloseEvent,\n StzhToastClosedEvent,\n StzhToastType,\n} from \"../../index\";\n\nimport { StzhToastLocalizedText } from \"./stzh-toast.localization\";\nimport { hasSlot, setPropsIfNull } from \"../../utils/utils\";\nimport { waitForEvent } from \"../../utils/event-utils\";\nimport { animateTo, shimKeyframesAutoValues, stopAnimations } from \"../../utils/animation-utils\";\n\nconst ANIMATION_SHOW = {\n keyframes: [\n { transform: \"translateY(100%)\", opacity: \"0\", height: \"0\", marginBottom: \"0\" },\n { transform: \"translateY(0px)\", opacity: \"1\", height: \"auto\", marginBottom: \"auto\" },\n ],\n options: {\n duration: 300,\n easing: \"ease-out\",\n },\n};\n\nconst ANIMATION_HIDE = {\n keyframes: [\n { transform: \"translateX(0px)\", opacity: \"1\", height: \"auto\", marginBottom: \"auto\" },\n { transform: \"translateX(-100%)\", opacity: \"0\", height: \"auto\", marginBottom: \"auto\" },\n { transform: \"translateX(-100%)\", opacity: \"0\", height: \"0\", marginBottom: \"0\" },\n // { transform: \"translateY(0px)\", opacity: \"1\", height: \"auto\", marginBottom: 'auto' },\n // { transform: \"translateY(-100%)\", opacity: \"0\", height: \"0\", marginBottom: '0' },\n ],\n options: {\n duration: 300,\n easing: \"ease-in\",\n },\n};\n\n/\n @slot link - Slot for optional stzh-link element\n /\n@Component({\n tag: \"stzh-toast\",\n styleUrl: \"stzh-toast.scss\",\n shadow: true,\n})\nexport class StzhToast {\n /* Label /\n @Prop() label: string = \"\";\n\n /* Type /\n @Prop({ reflect: true }) type: StzhToastType = \"info\";\n\n /* Whether to hide close button /\n @Prop({ reflect: true }) hideClose: boolean = false;\n\n /* Open state /\n @Prop({ reflect: true }) open: boolean = true;\n\n /* Whether open animation should be played initially. /\n @Prop() initialOpenAnimation = false;\n\n /* Translation strings. /\n @Prop() localization: StzhToastLocalizedText;\n\n /* Toast open event /\n @Event() stzhOpen: EventEmitter<StzhToastOpenEvent>;\n\n /* Toast opened event (after animation) /\n @Event() stzhOpened: EventEmitter<StzhToastOpenedEvent>;\n\n /* Toast close event /\n @Event() stzhClose: EventEmitter<StzhToastCloseEvent>;\n\n /* Toast closed event (after animation) */\n @Event() stzhClosed: EventEmitter<StzhToastClosedEvent>;\n\n @Element() element: HTMLStzhToastElement;\n\n @Watch(\"open\")\n async openWatcher(newValue: boolean) {\n if (!this.rootElement) {\n return;\n }\n\n if (newValue) {\n if (this.toggledByMethod) {\n this.stzhOpen.emit({\n component: \"stzh-toast\",\n });\n }\n\n await stopAnimations(this.element);\n\n // this.element.style.willChange = \"transform, opacity, height\";\n this.element.hidden = false;\n\n const computedStyle = getComputedStyle(this.element, null);\n\n await animateTo(\n this.element,\n shimKeyframesAutoValues(ANIMATION_SHOW.keyframes, {\n height: this.element.scrollHeight,\n marginTop: parseInt(computedStyle[\"margin-top\"]),\n marginBottom: parseInt(computedStyle[\"margin-bottom\"]),\n }),\n ANIMATION_SHOW.options,\n );\n\n this.element.style.height = \"auto\";\n this.element.style.opacity = \"1\";\n // this.element.style.willChange = \"auto\";\n\n if (this.toggledByMethod) {\n this.stzhOpened.emit({\n component: \"stzh-toast\",\n });\n }\n } else {\n if (this.toggledByMethod) {\n this.stzhClose.emit({\n component: \"stzh-toast\",\n });\n }\n\n await stopAnimations(this.element);\n\n // this.element.style.willChange = \"transform, opacity, height\";\n\n const computedStyle = getComputedStyle(this.element, null);\n\n await animateTo(\n this.element,\n shimKeyframesAutoValues(ANIMATION_HIDE.keyframes, {\n height: this.element.scrollHeight,\n marginTop: parseInt(computedStyle[\"margin-top\"]),\n marginBottom: parseInt(computedStyle[\"margin-bottom\"]),\n }),\n ANIMATION_HIDE.options,\n );\n\n this.element.style.height = \"0px\";\n this.element.style.opacity = \"0\";\n this.element.hidden = true;\n // this.element.style.willChange = \"auto\";\n\n if (this.toggledByMethod) {\n this.stzhClosed.emit({\n component: \"stzh-toast\",\n });\n }\n }\n\n this.toggledByMethod = false;\n }\n\n @Method()\n async show() {\n if (this.open) {\n return;\n }\n\n this.toggledByMethod = true;\n this.open = true;\n return waitForEvent(this.element, \"stzhOpened\");\n }\n\n @Method()\n async hide() {\n if (!this.open) {\n return;\n }\n\n this.toggledByMethod = true;\n this.open = false;\n return waitForEvent(this.element, \"stzhClosed\");\n }\n\n // private observer: MutationObserver;\n private toggledByMethod: boolean;\n private rootElement: HTMLElement;\n\n private handleLinkSlotchange = () => {\n const host = (this.element.getRootNode() as ShadowRoot)?.host \|\| this.element;\n const buttons = host.querySelectorAll('stzh-button[slot=\"link\"], [slot=\"link\"] stzh-button');\n\n buttons.forEach(link => {\n setPropsIfNull(link, {\n size: \"small\",\n variant: \"tertiary\",\n } as HTMLStzhButtonElement);\n });\n };\n\n private onCloseButtonClick = () => {\n this.hide();\n };\n\n async componentWillLoad() {\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"toast\");\n }\n }\n\n componentDidLoad() {\n if (this.initialOpenAnimation && this.open) {\n // hide first so the open animation will be shown\n this.element.hidden = true;\n this.element.style.height = \"0px\";\n this.element.style.opacity = \"0\";\n\n requestAnimationFrame(() => {\n requestAnimationFrame(() => {\n this.openWatcher(true);\n });\n });\n } else {\n this.element.hidden = !this.open;\n this.element.style.height = this.open ? \"auto\" : \"0px\";\n this.element.style.opacity = this.open ? \"1\" : \"0\";\n }\n }\n\n // connectedCallback() {\n // this.init();\n\n // this.observer = new MutationObserver(this.init);\n // this.observer.observe(this.element, {\n // childList: true,\n // subtree: true\n // });\n // }\n\n // disconnectedCallback() {\n // if (this.observer) {\n // this.observer.disconnect();\n // }\n // }\n\n render() {\n const linkUsed = hasSlot(this.element, \"link\");\n\n const classes = {\n \"stzh-toast\": true,\n \"stzh-toast--has-link\": linkUsed,\n \"stzh-toast--has-close-hidden\": this.hideClose,\n [`stzh-toast--type-${this.type}`]: !!this.type,\n };\n\n return (\n <Host>\n <div ref={el => (this.rootElement = el as HTMLElement)} class={classes}>\n <div class=\"stzh-toast__content\">\n <div class=\"stzh-toast__icon-wrapper\">\n <stzh-icon\n class=\"stzh-toast__icon\"\n name={\n (this.type === \"info\" && \"info-help-filled\") \|\|\n (this.type === \"success\" && \"checkmark-circle-filled\") \|\|\n (this.type === \"warning\" && \"important-warning-filled\") \|\|\n (this.type === \"error\" && \"warning-filled\")\n }\n ></stzh-icon>\n </div>\n <div class=\"stzh-toast__text-wrapper\">\n <div class=\"stzh-toast__label\">{this.label}</div>\n <div class=\"stzh-toast__link\">\n <slot name=\"link\" onSlotchange={this.handleLinkSlotchange}></slot>\n </div>\n </div>\n </div>\n\n {!this.hideClose && (\n <div class=\"stzh-toast__close-wrapper\">\n <stzh-button\n class=\"stzh-toast__close\"\n onClick={this.onCloseButtonClick}\n label={this.localization.close}\n variant=\"tertiary\"\n size=\"small\"\n iconOnly={true}\n icon=\"close-big\"\n ></stzh-button>\n </div>\n )}\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-JOhIAgHk.js → p-Ct0fZMBS.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-CPibi_C6.js';
+import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-yUwaJCDo.js';
 const stzhContainerCss = () => `.sc-stzh-container-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-container-h,[stzh-hidden].sc-stzh-container-h{display:none}.sc-stzh-container-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-container-h *.sc-stzh-container,.sc-stzh-container-h *.sc-stzh-container::before,.sc-stzh-container-h *.sc-stzh-container::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-container-h .has-focus.sc-stzh-container{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-container-h .stzh-fylingfocus-focused.sc-stzh-container{outline-style:none !important}.sc-stzh-container-h .stzh-fylingfocus-focused.sc-stzh-container::-moz-focus-inner{border:0 !important}.sc-stzh-container-h .sc-stzh-container-s stzh-header{margin-left:-1.25rem;margin-right:-1.25rem}@media screen and (min-width: 600px){.sc-stzh-container-h .sc-stzh-container-s stzh-header{margin-left:-2rem;margin-right:-2rem}}@media screen and (min-width: 900px){.sc-stzh-container-h .sc-stzh-container-s stzh-header{margin-left:-2.5rem;margin-right:-2.5rem}}@media screen and (min-width: 1260px){.sc-stzh-container-h .sc-stzh-container-s stzh-header{margin-left:-4rem;margin-right:-4rem}}@media screen and (min-width: 1600px){.sc-stzh-container-h .sc-stzh-container-s stzh-header{margin-left:calc((100vw - 84.25rem - var(--stzh-scrollbar-width, 0px)) / -2);margin-right:calc((100vw - 84.25rem - var(--stzh-scrollbar-width, 0px)) / -2)}}.sc-stzh-container-h .sc-stzh-container-s stzh-banner,.sc-stzh-container-h .sc-stzh-container-s stzh-ghettobox,.sc-stzh-container-h .sc-stzh-container-s stzh-pagetitle,.sc-stzh-container-h .sc-stzh-container-s stzh-pagetitle-home,.sc-stzh-container-h .sc-stzh-container-s stzh-container,.sc-stzh-container-h .sc-stzh-container-s stzh-homepage-service-highlights,.sc-stzh-container-h .sc-stzh-container-s stzh-homepage-search,.sc-stzh-container-h .sc-stzh-container-s stzh-vbz-carousel,.sc-stzh-container-h .sc-stzh-container-s stzh-message[type=page-message]{position:relative;left:50%;right:50%;margin-left:calc(-50vw + var(--stzh-scrollbar-width) / 2);margin-right:calc(-50vw + var(--stzh-scrollbar-width) / 2);width:calc(100vw - var(--stzh-scrollbar-width));max-width:calc(100vw - var(--stzh-scrollbar-width))}.stzh-container.sc-stzh-container{margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 600px){.stzh-container.sc-stzh-container{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-container.sc-stzh-container{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-container.sc-stzh-container{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-container.sc-stzh-container{margin-left:auto;margin-right:auto;max-width:84.25rem}}.stzh-container--has-no-margin.sc-stzh-container{margin-left:auto;margin-right:auto}`;
@@ -40,6 +40,6 @@ function defineCustomElement() {
 }
 export { StzhContainer as S, defineCustomElement as d };
-//# sourceMappingURL=p-JOhIAgHk.js.map
+//# sourceMappingURL=p-Ct0fZMBS.js.map
-//# sourceMappingURL=p-JOhIAgHk.js.map
+//# sourceMappingURL=p-Ct0fZMBS.js.map

package/dist/components/{p-JOhIAgHk.js.map → p-Ct0fZMBS.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~JOhIAgHk~~.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,MAAM,CAAC,kwGAAkwG,CAAC;;MCUtxG,aAAa,iBAAAA,kBAAA,CAAA,MAAA,aAAA,SAAAC,CAAA,CAAA;AAL1B,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;;;AAUU,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AAiBlC;IAfC,MAAM,GAAA;AACJ,QAAA,MAAM,OAAO,GAAG;AACd,YAAA,gBAAgB,EAAE,IAAI;YACtB,+BAA+B,EAAE,IAAI,CAAC,QAAQ;;SAE/C;AAED,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,OAAO,EAAA,EACjB,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT,CACD;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/stzh-container/stzh-container.scss?tag=stzh-container&encapsulation=scoped","src/components/stzh-container/stzh-container.tsx"],"sourcesContent":[":host {\n ::slotted() {\n stzh-header {\n margin-left: -$containerMargin;\n margin-right: -$containerMargin;\n\n @include mq($from: small) {\n margin-left: -$containerMarginSmall;\n margin-right: -$containerMarginSmall;\n }\n\n @include mq($from: medium) {\n margin-left: -$containerMarginMedium;\n margin-right: -$containerMarginMedium;\n }\n\n @include mq($from: large) {\n margin-left: -$containerMarginLarge;\n margin-right: -$containerMarginLarge;\n }\n\n @include mq($from: ultra) {\n margin-left: calc(\n (100vw - #{$containerMaxWidth} - var(--stzh-scrollbar-width, 0px)) /\n -2\n );\n margin-right: calc(\n (100vw - #{$containerMaxWidth} - var(--stzh-scrollbar-width, 0px)) /\n -2\n );\n }\n }\n\n stzh-banner,\n stzh-ghettobox,\n stzh-pagetitle,\n stzh-pagetitle-home,\n stzh-container,\n stzh-homepage-service-highlights,\n stzh-homepage-search,\n stzh-vbz-carousel,\n stzh-message[type=\"page-message\"] {\n position: relative;\n left: 50%;\n right: 50%;\n margin-left: calc(-50vw + var(--stzh-scrollbar-width) / 2);\n margin-right: calc(-50vw + var(--stzh-scrollbar-width) / 2);\n width: calc(100vw - var(--stzh-scrollbar-width));\n max-width: calc(100vw - var(--stzh-scrollbar-width));\n }\n\n // stzh-section[variant=\"highlight\"] {\n // --padding-left: #{$containerMargin};\n // --padding-right: #{$containerMargin};\n\n // @include mq($from: small) {\n // --padding-left: #{$containerMarginSmall};\n // --padding-right: #{$containerMarginSmall};\n // }\n\n // @include mq($from: medium) {\n // --padding-left: #{$containerMarginMedium};\n // --padding-right: #{$containerMarginMedium};\n // }\n\n // @include mq($from: large) {\n // --padding-left: #{space('xlarge')};\n // --padding-right: #{space('xlarge')};\n // }\n\n // @include mq($to: large) {\n // position: relative;\n // left: 50%;\n // right: 50%;\n // margin-left: calc(-50vw + var(--stzh-scrollbar-width) / 2);\n // margin-right: calc(-50vw + var(--stzh-scrollbar-width) / 2);\n // width: calc(100vw - var(--stzh-scrollbar-width));\n // max-width: calc(100vw - var(--stzh-scrollbar-width));\n // }\n // }\n\n // stzh-row stzh-section[variant=\"highlight\"] {\n // @include spaceCurve('--padding-left', 'small');\n // @include spaceCurve('--padding-right', 'small');\n\n // @include mq($to: large) {\n // left: initial;\n // right: initial;\n // margin-left: initial;\n // margin-right: initial;\n // width: initial;\n // max-width: initial;\n // }\n // }\n }\n}\n\n.stzh-container {\n @include container;\n\n // &--size-big {\n // @include container($size: \"big\");\n // }\n\n &--has-no-margin {\n margin-left: auto;\n margin-right: auto;\n }\n}\n","import { Component, Host, h, Prop } from \"@stencil/core\";\n\n/\n @slot - Slot for any content\n /\n@Component({\n tag: \"stzh-container\",\n styleUrl: \"stzh-container.scss\",\n scoped: true,\n})\nexport class StzhContainer {\n /* Size variant /\n // @Prop() size: \"default\" \| \"big\" = \"default\";\n\n /* Whether to prevent side margins */\n @Prop() noMargin: boolean = false;\n\n render() {\n const classes = {\n \"stzh-container\": true,\n \"stzh-container--has-no-margin\": this.noMargin,\n // [`stzh-container--size-${this.size}`]: !!this.size,\n };\n\n return (\n <Host>\n <div class={classes}>\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-Ct0fZMBS.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,MAAM,CAAC,kwGAAkwG,CAAC;;MCUtxG,aAAa,iBAAAA,kBAAA,CAAA,MAAA,aAAA,SAAAC,CAAA,CAAA;AAL1B,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;;;AAUU,QAAA,IAAQ,CAAA,QAAA,GAAY,KAAK;AAiBlC;IAfC,MAAM,GAAA;AACJ,QAAA,MAAM,OAAO,GAAG;AACd,YAAA,gBAAgB,EAAE,IAAI;YACtB,+BAA+B,EAAE,IAAI,CAAC,QAAQ;;SAE/C;AAED,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,OAAO,EAAA,EACjB,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT,CACD;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/stzh-container/stzh-container.scss?tag=stzh-container&encapsulation=scoped","src/components/stzh-container/stzh-container.tsx"],"sourcesContent":[":host {\n ::slotted() {\n stzh-header {\n margin-left: -$containerMargin;\n margin-right: -$containerMargin;\n\n @include mq($from: small) {\n margin-left: -$containerMarginSmall;\n margin-right: -$containerMarginSmall;\n }\n\n @include mq($from: medium) {\n margin-left: -$containerMarginMedium;\n margin-right: -$containerMarginMedium;\n }\n\n @include mq($from: large) {\n margin-left: -$containerMarginLarge;\n margin-right: -$containerMarginLarge;\n }\n\n @include mq($from: ultra) {\n margin-left: calc(\n (100vw - #{$containerMaxWidth} - var(--stzh-scrollbar-width, 0px)) /\n -2\n );\n margin-right: calc(\n (100vw - #{$containerMaxWidth} - var(--stzh-scrollbar-width, 0px)) /\n -2\n );\n }\n }\n\n stzh-banner,\n stzh-ghettobox,\n stzh-pagetitle,\n stzh-pagetitle-home,\n stzh-container,\n stzh-homepage-service-highlights,\n stzh-homepage-search,\n stzh-vbz-carousel,\n stzh-message[type=\"page-message\"] {\n position: relative;\n left: 50%;\n right: 50%;\n margin-left: calc(-50vw + var(--stzh-scrollbar-width) / 2);\n margin-right: calc(-50vw + var(--stzh-scrollbar-width) / 2);\n width: calc(100vw - var(--stzh-scrollbar-width));\n max-width: calc(100vw - var(--stzh-scrollbar-width));\n }\n\n // stzh-section[variant=\"highlight\"] {\n // --padding-left: #{$containerMargin};\n // --padding-right: #{$containerMargin};\n\n // @include mq($from: small) {\n // --padding-left: #{$containerMarginSmall};\n // --padding-right: #{$containerMarginSmall};\n // }\n\n // @include mq($from: medium) {\n // --padding-left: #{$containerMarginMedium};\n // --padding-right: #{$containerMarginMedium};\n // }\n\n // @include mq($from: large) {\n // --padding-left: #{space('xlarge')};\n // --padding-right: #{space('xlarge')};\n // }\n\n // @include mq($to: large) {\n // position: relative;\n // left: 50%;\n // right: 50%;\n // margin-left: calc(-50vw + var(--stzh-scrollbar-width) / 2);\n // margin-right: calc(-50vw + var(--stzh-scrollbar-width) / 2);\n // width: calc(100vw - var(--stzh-scrollbar-width));\n // max-width: calc(100vw - var(--stzh-scrollbar-width));\n // }\n // }\n\n // stzh-row stzh-section[variant=\"highlight\"] {\n // @include spaceCurve('--padding-left', 'small');\n // @include spaceCurve('--padding-right', 'small');\n\n // @include mq($to: large) {\n // left: initial;\n // right: initial;\n // margin-left: initial;\n // margin-right: initial;\n // width: initial;\n // max-width: initial;\n // }\n // }\n }\n}\n\n.stzh-container {\n @include container;\n\n // &--size-big {\n // @include container($size: \"big\");\n // }\n\n &--has-no-margin {\n margin-left: auto;\n margin-right: auto;\n }\n}\n","import { Component, Host, h, Prop } from \"@stencil/core\";\n\n/\n @slot - Slot for any content\n /\n@Component({\n tag: \"stzh-container\",\n styleUrl: \"stzh-container.scss\",\n scoped: true,\n})\nexport class StzhContainer {\n /* Size variant /\n // @Prop() size: \"default\" \| \"big\" = \"default\";\n\n /* Whether to prevent side margins */\n @Prop() noMargin: boolean = false;\n\n render() {\n const classes = {\n \"stzh-container\": true,\n \"stzh-container--has-no-margin\": this.noMargin,\n // [`stzh-container--size-${this.size}`]: !!this.size,\n };\n\n return (\n <Host>\n <div class={classes}>\n <slot></slot>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-ChkFy7hA.js → p-DBStJk4p.js} RENAMED Viewed

@@ -1,5 +1,5 @@
-import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-CPibi_C6.js';
-import { d as defineCustomElement$1 } from './p-Czf9tl8J.js';
+import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-yUwaJCDo.js';
+import { d as defineCustomElement$1 } from './p-uE_GMswl.js';
 const stzhFieldsetCss = () => `.sc-stzh-fieldset-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-fieldset-h,[stzh-hidden].sc-stzh-fieldset-h{display:none}.sc-stzh-fieldset-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-fieldset-h *.sc-stzh-fieldset,.sc-stzh-fieldset-h *.sc-stzh-fieldset::before,.sc-stzh-fieldset-h *.sc-stzh-fieldset::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-fieldset-h .has-focus.sc-stzh-fieldset{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-fieldset-h .stzh-fylingfocus-focused.sc-stzh-fieldset{outline-style:none !important}.sc-stzh-fieldset-h .stzh-fylingfocus-focused.sc-stzh-fieldset::-moz-focus-inner{border:0 !important}.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-input,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-input,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-input,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-datepicker,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-datepicker,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-datepicker,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-dropdown,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-dropdown,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-dropdown,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-fieldset,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-upload,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-upload,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-upload,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-checkbox,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-checkbox,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-checkbox,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-checkboxgroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-checkboxgroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-checkboxgroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-radio,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-radio,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-radio,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-radiogroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-radiogroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-radiogroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-vspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-vspace,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-vspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-vspace,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-vspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-vspace,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-hspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-hspace,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-hspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-hspace,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-hspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-hspace,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-text,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-text,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-text,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-text,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-text,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-text{margin-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-input,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-input,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-input,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-datepicker,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-datepicker,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-datepicker,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-dropdown,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-dropdown,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-dropdown,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-fieldset,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-upload,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-upload,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-upload,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-checkbox,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-checkbox,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-checkbox,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-checkboxgroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-checkboxgroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-checkboxgroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-radio,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-radio,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-radio,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-radiogroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-radiogroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-radiogroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-vspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-vspace,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-vspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-vspace,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-vspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-vspace,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-hspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-hspace,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-hspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-hspace,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-hspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-hspace,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-text,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-text,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-text,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-text,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-text,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-text{margin-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-input,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-input,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-input,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-datepicker,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-datepicker,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-datepicker,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-dropdown,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-dropdown,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-dropdown,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-fieldset,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-upload,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-upload,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-upload,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-checkbox,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-checkbox,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-checkbox,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-checkboxgroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-checkboxgroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-checkboxgroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-radio,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-radio,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-radio,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-radiogroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-radiogroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-radiogroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-vspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-vspace,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-vspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-vspace,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-vspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-vspace,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-hspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-hspace,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-hspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-hspace,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-hspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-hspace,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-text,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-text,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-text,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-text,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-text,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-text{margin-bottom:var(--stzh-space-small)}}@media screen and (max-width: 899px){.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-input,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-input,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-input,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-datepicker,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-datepicker,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-datepicker,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-dropdown,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-dropdown,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-dropdown,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-fieldset,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-upload,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-upload,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-upload,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-checkbox,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-checkbox,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-checkbox,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-checkboxgroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-checkboxgroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-checkboxgroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-radio,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-radio,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-radio,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-radiogroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-radiogroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-radiogroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-vspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-vspace,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-vspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-vspace,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-vspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-vspace,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-hspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-hspace,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-hspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-hspace,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-hspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-hspace,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-text,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-text,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-text,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-text,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-text,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-text{margin-bottom:var(--stzh-space-xsmall)}}@media screen and (max-width: 899px) and (min-width: 600px){.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-input,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-input,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-input,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-datepicker,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-datepicker,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-datepicker,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-dropdown,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-dropdown,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-dropdown,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-fieldset,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-upload,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-upload,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-upload,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-checkbox,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-checkbox,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-checkbox,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-checkboxgroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-checkboxgroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-checkboxgroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-radio,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-radio,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-radio,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-radiogroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-radiogroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-radiogroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-vspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-vspace,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-vspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-vspace,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-vspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-vspace,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-hspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-hspace,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-hspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-hspace,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-hspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-hspace,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-text,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-text,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-text,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-text,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-text,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-text{margin-bottom:var(--stzh-space-small)}}@media screen and (max-width: 899px) and (min-width: 900px){.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-input,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-input,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-input,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-datepicker,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-datepicker,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-datepicker,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-dropdown,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-dropdown,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-dropdown,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-fieldset,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-upload,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-upload,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-upload,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-checkbox,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-checkbox,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-checkbox,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-checkboxgroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-checkboxgroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-checkboxgroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-radio,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-radio,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-radio,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-radiogroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-radiogroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-radiogroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-vspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-vspace,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-vspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-vspace,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-vspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-vspace,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-hspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-hspace,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-hspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-hspace,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-hspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-hspace,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-text,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-text,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-text,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-text,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-text,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-text{margin-bottom:var(--stzh-space-medium)}}@media screen and (max-width: 899px) and (min-width: 1260px){.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-input,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-input,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-input,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-input,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-datepicker,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-datepicker,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-datepicker,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-dropdown,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-dropdown,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-dropdown,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-fieldset,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-upload,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-upload,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-upload,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-checkbox,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-checkbox,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-checkbox,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-checkboxgroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-checkboxgroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-checkboxgroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-radio,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-radio,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-radio,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-radiogroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-radiogroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-radiogroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-vspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-vspace,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-vspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-vspace,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-vspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-vspace,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-hspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-hspace,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-hspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-hspace,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-hspace,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-hspace,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-text,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-text,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-text,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-text,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-text,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-text{margin-bottom:var(--stzh-space-xlarge)}}.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-fieldset{margin-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-fieldset{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-fieldset{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-fieldset,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-fieldset{margin-top:var(--stzh-space-xxlarge)}}.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-fieldset .stzh-fieldset__legend,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-fieldset .stzh-fieldset__legend,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-fieldset .stzh-fieldset__legend,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-fieldset .stzh-fieldset__legend,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-fieldset,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-fieldset .stzh-fieldset__legend,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-fieldset .stzh-fieldset__legend{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-heading-line-height, var(--stzh-font-milli-heading-line-height));letter-spacing:var(--stzh-font-curve-p1-default-heading-letter-spacing)}@media screen and (min-width: 900px){.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-fieldset .stzh-fieldset__legend,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-fieldset .stzh-fieldset__legend,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-fieldset,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-fieldset .stzh-fieldset__legend,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-fieldset .stzh-fieldset__legend,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-fieldset,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-fieldset .stzh-fieldset__legend,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-fieldset .stzh-fieldset__legend{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-heading-letter-spacing)}}.sc-stzh-fieldset-h>.section.sc-stzh-fieldset>stzh-chipgroup.sc-stzh-fieldset,.sc-stzh-fieldset-h>stzh-chipgroup.sc-stzh-fieldset,.sc-stzh-fieldset-h>.section.sc-stzh-fieldset>stzh-chipselect.sc-stzh-fieldset,.sc-stzh-fieldset-h>stzh-chipselect.sc-stzh-fieldset{margin-bottom:var(--stzh-space-xlarge)}.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-daterange,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-daterange,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-daterange,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-daterange,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-daterange,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-daterange{margin-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-daterange,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-daterange,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-daterange,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-daterange,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-daterange,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-daterange{margin-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-daterange,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-daterange,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-daterange,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-daterange,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-daterange,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-daterange{margin-bottom:var(--stzh-space-small)}}@media screen and (max-width: 899px){.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-daterange,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-daterange,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-daterange,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-daterange,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-daterange,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-daterange{margin-bottom:calc(var(--stzh-fieldset-description-min-height) + var(--stzh-space-xxsmall))}}.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-message,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-message,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-message,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-message,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-message,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-message{margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-message,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-message,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-message,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-message,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-message,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-message{margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-message,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-message,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-message,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-message,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-message,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-message{margin-bottom:var(--stzh-space-xxxxlarge)}}.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-actions{margin-top:var(--stzh-space-large)}@media screen and (min-width: 600px){.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-actions{margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-actions{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-actions{margin-top:var(--stzh-space-xxxlarge)}}.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-actions{margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-actions{margin-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-actions{margin-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>stzh-actions,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-actions{margin-bottom:var(--stzh-space-xbig)}}.sc-stzh-fieldset-h .sc-stzh-fieldset-s stzh-checkboxgroup stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s stzh-radiogroup stzh-radio{--stzh-description-min-height:none}.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row>:last-child,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row>:last-child,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>:last-child,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row>:last-child,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>:last-child,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>:last-child,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row:has(cq)>:nth-last-child(2),.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.layout_column>.stzh-fieldset-row:has(cq)>:nth-last-child(2),.sc-stzh-fieldset-h.sc-stzh-fieldset-s>.stzh-fieldset-row:has(cq)>:nth-last-child(2),.sc-stzh-fieldset-h .sc-stzh-fieldset-s>.stzh-fieldset-row:has(cq)>:nth-last-child(2){margin-bottom:0}@media screen and (max-width: 599px){.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row{margin-bottom:0}}@media screen and (min-width: 600px) and (max-width: 899px){.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row{margin-bottom:0}}@media screen and (max-width: 1259px){.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-input,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-datepicker,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-upload,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-checkbox,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-checkboxgroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-dropdown,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-radio,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-amount,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-amount,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-radiogroup{margin-bottom:var(--stzh-space-xxsmall)}}@media screen and (max-width: 1259px) and (min-width: 900px){.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-input,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-datepicker,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-upload,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-checkbox,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-checkboxgroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-dropdown,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-radio,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-amount,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-amount,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-radiogroup{margin-bottom:var(--stzh-space-xsmall)}}@media screen and (max-width: 1259px) and (min-width: 1260px){.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-input,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-datepicker,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-upload,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-checkbox,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-checkboxgroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-dropdown,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-radio,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-amount,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-amount,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-large]>stzh-radiogroup{margin-bottom:var(--stzh-space-small)}}@media screen and (max-width: 899px){.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-input,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-datepicker,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-upload,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-checkbox,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-checkboxgroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-dropdown,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-radio,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-amount,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-amount,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-radiogroup{margin-bottom:var(--stzh-space-xxsmall)}}@media screen and (max-width: 899px) and (min-width: 900px){.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-input,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-datepicker,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-upload,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-checkbox,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-checkboxgroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-dropdown,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-radio,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-amount,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-amount,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-radiogroup{margin-bottom:var(--stzh-space-xsmall)}}@media screen and (max-width: 899px) and (min-width: 1260px){.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-input,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-datepicker,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-upload,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-checkbox,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-checkboxgroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-dropdown,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-radio,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-amount,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-amount,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-medium]>stzh-radiogroup{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 600px) and (max-width: 899px){.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-input,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-datepicker,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-upload,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-checkbox,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-checkboxgroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-dropdown,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-radio,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-amount,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-amount,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-radiogroup{margin-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 600px) and (max-width: 899px) and (min-width: 600px){.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-input,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-datepicker,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-upload,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-checkbox,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-checkboxgroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-dropdown,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-radio,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-amount,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-amount,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-radiogroup{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 600px) and (max-width: 899px) and (min-width: 900px){.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-input,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-datepicker,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-upload,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-checkbox,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-checkboxgroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-dropdown,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-radio,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-amount,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-amount,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-radiogroup{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 600px) and (max-width: 899px) and (min-width: 1260px){.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-input,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-datepicker,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-upload,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-checkbox,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-checkboxgroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-dropdown,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-radio,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-amount,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-amount,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-radiogroup{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (max-width: 599px){.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-input,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-datepicker,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-upload,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-checkbox,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-checkboxgroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-dropdown,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-radio,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-amount,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-amount,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-radiogroup{margin-bottom:var(--stzh-space-xsmall)}}@media screen and (max-width: 599px) and (min-width: 600px){.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-input,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-datepicker,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-upload,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-checkbox,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-checkboxgroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-dropdown,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-radio,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-amount,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-amount,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-radiogroup{margin-bottom:var(--stzh-space-small)}}@media screen and (max-width: 599px) and (min-width: 900px){.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-input,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-datepicker,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-upload,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-checkbox,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-checkboxgroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-dropdown,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-radio,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-amount,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-amount,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-radiogroup{margin-bottom:var(--stzh-space-medium)}}@media screen and (max-width: 599px) and (min-width: 1260px){.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-input,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-datepicker,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-upload,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-checkbox,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-checkboxgroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-dropdown,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-radio,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-amount,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-amount,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row>stzh-cell[span-small]>stzh-radiogroup{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (max-width: 1259px){.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-input,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-datepicker,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-upload,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-checkbox,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-checkboxgroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-dropdown,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-radio,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-amount,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-amount,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-radiogroup{margin-bottom:var(--stzh-space-xxsmall)}}@media screen and (max-width: 1259px) and (min-width: 900px){.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-input,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-datepicker,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-upload,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-checkbox,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-checkboxgroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-dropdown,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-radio,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-amount,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-amount,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-radiogroup{margin-bottom:var(--stzh-space-xsmall)}}@media screen and (max-width: 1259px) and (min-width: 1260px){.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-input,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-datepicker,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-upload,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-checkbox,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-checkboxgroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-dropdown,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-radio,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-amount,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-amount,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-large]>stzh-cell>stzh-radiogroup{margin-bottom:var(--stzh-space-small)}}@media screen and (max-width: 899px){.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-input,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-datepicker,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-upload,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-checkbox,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-checkboxgroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-dropdown,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-radio,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-amount,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-amount,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-radiogroup{margin-bottom:var(--stzh-space-xxsmall)}}@media screen and (max-width: 899px) and (min-width: 900px){.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-input,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-datepicker,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-upload,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-checkbox,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-checkboxgroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-dropdown,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-radio,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-amount,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-amount,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-radiogroup{margin-bottom:var(--stzh-space-xsmall)}}@media screen and (max-width: 899px) and (min-width: 1260px){.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-input,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-datepicker,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-upload,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-checkbox,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-checkboxgroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-dropdown,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-radio,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-amount,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-amount,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-medium]>stzh-cell>stzh-radiogroup{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 600px) and (max-width: 899px){.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-input,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-datepicker,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-upload,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-checkbox,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-checkboxgroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-dropdown,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-radio,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-amount,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-amount,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-radiogroup{margin-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 600px) and (max-width: 899px) and (min-width: 600px){.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-input,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-datepicker,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-upload,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-checkbox,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-checkboxgroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-dropdown,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-radio,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-amount,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-amount,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-radiogroup{margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 600px) and (max-width: 899px) and (min-width: 900px){.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-input,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-datepicker,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-upload,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-checkbox,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-checkboxgroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-dropdown,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-radio,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-amount,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-amount,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-radiogroup{margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 600px) and (max-width: 899px) and (min-width: 1260px){.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-input,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-datepicker,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-upload,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-checkbox,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-checkboxgroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-dropdown,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-radio,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-amount,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-amount,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-radiogroup{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (max-width: 599px){.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-input,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-datepicker,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-upload,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-checkbox,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-checkboxgroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-dropdown,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-radio,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-amount,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-amount,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-radiogroup{margin-bottom:var(--stzh-space-xsmall)}}@media screen and (max-width: 599px) and (min-width: 600px){.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-input,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-datepicker,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-upload,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-checkbox,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-checkboxgroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-dropdown,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-radio,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-amount,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-amount,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-radiogroup{margin-bottom:var(--stzh-space-small)}}@media screen and (max-width: 599px) and (min-width: 900px){.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-input,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-datepicker,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-upload,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-checkbox,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-checkboxgroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-dropdown,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-radio,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-amount,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-amount,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-radiogroup{margin-bottom:var(--stzh-space-medium)}}@media screen and (max-width: 599px) and (min-width: 1260px){.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-input,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-datepicker,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-datepicker,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-upload,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-upload,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-checkbox,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-checkbox,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-checkboxgroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-checkboxgroup,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-dropdown,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-dropdown,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-radio,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-radio,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-amount,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-amount,.sc-stzh-fieldset-h.sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-radiogroup,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-row[span-small]>stzh-cell>stzh-radiogroup{margin-bottom:var(--stzh-space-xlarge)}}.stzh-fieldset.sc-stzh-fieldset{--stzh-description-min-height:var(--stzh-fieldset-description-min-height);margin:0;padding:0;border:none;min-inline-size:auto}.stzh-fieldset__wrapper.sc-stzh-fieldset{display:grid}.stzh-fieldset__legend.sc-stzh-fieldset{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-style:var(--stzh-font-style-title);font-size:var(--stzh-font-curve-h4-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-h4-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-h4-default-text-letter-spacing)}@media screen and (min-width: 600px){.stzh-fieldset__legend.sc-stzh-fieldset{font-size:var(--stzh-font-curve-h4-small-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h4-small-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-h4-small-text-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-fieldset__legend.sc-stzh-fieldset{font-size:var(--stzh-font-curve-h4-large-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h4-large-text-line-height, var(--stzh-font-deci-text-line-height));letter-spacing:var(--stzh-font-curve-h4-large-text-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-fieldset__legend.sc-stzh-fieldset{font-size:var(--stzh-font-curve-h4-ultra-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h4-ultra-text-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h4-ultra-text-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}.stzh-fieldset__legend.sc-stzh-fieldset{color:var(--stzh-color-primary70);padding:0;margin-bottom:var(--stzh-space-large)}.stzh-fieldset--hide-legend.sc-stzh-fieldset .stzh-fieldset__legend.sc-stzh-fieldset{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}`;
@@ -52,6 +52,6 @@ function defineCustomElement() {
 }
 export { StzhFieldset as S, defineCustomElement as d };
-//# sourceMappingURL=p-ChkFy7hA.js.map
+//# sourceMappingURL=p-DBStJk4p.js.map
-//# sourceMappingURL=p-ChkFy7hA.js.map
+//# sourceMappingURL=p-DBStJk4p.js.map

package/dist/components/{p-ChkFy7hA.js.map → p-DBStJk4p.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-ChkFy7hA.js","mappings":";;;AAAA,MAAM,eAAe,GAAG,MAAM,CAAC,y1wGAAy1wG,CAAC;;MCY52wG,YAAY,iBAAAA,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA;AALzB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AAOU,QAAA,IAAM,CAAA,MAAA,GAAW,EAAE;;AAGnB,QAAA,IAAU,CAAA,UAAA,GAAY,KAAK;;AAG3B,QAAA,IAAW,CAAA,WAAA,GAA+B,EAAE;;AAG5C,QAAA,IAAW,CAAA,WAAA,GAAyB,MAAM;AA6BnD;IA3BC,MAAM,GAAA;AACJ,QAAA,MAAM,OAAO,GAAG;AACd,YAAA,eAAe,EAAE,IAAI;YACrB,4BAA4B,EAAE,IAAI,CAAC,UAAU;SAC9C;QAED,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAU,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,OAAO,EAAA,EACrB,IAAI,CAAC,MAAM,KACV,CAAQ,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,uBAAuB,EAAA,EAClC,IAAI,CAAC,WAAW,IACf,CAAc,CAAA,cAAA,EAAA,EAAA,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,EAC3D,EAAA,IAAI,CAAC,MAAM,CACC,KAEf,IAAI,CAAC,MAAM,CACZ,CACM,CACV,EACD,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,wBAAwB,EAAA,EACjC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACT,CACG,CACN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/stzh-fieldset/stzh-fieldset.scss?tag=stzh-fieldset&encapsulation=scoped","src/components/stzh-fieldset/stzh-fieldset.tsx"],"sourcesContent":[":host {\n // default spacing for form and layout elements\n ::slotted(.layout_column > .stzh-fieldset-row > .stzh-fieldset-row),\n ::slotted(.stzh-fieldset-row > .stzh-fieldset-row),\n ::slotted(.layout_column > .stzh-fieldset-row),\n ::slotted(.stzh-fieldset-row),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-input),\n ::slotted(.stzh-fieldset-row > stzh-input),\n ::slotted(stzh-input),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-datepicker),\n ::slotted(.stzh-fieldset-row > stzh-datepicker),\n ::slotted(stzh-datepicker),\n ::slotted(.stzh-fieldset-row > stzh-dropdown),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-dropdown),\n ::slotted(stzh-dropdown),\n ::slotted(.stzh-fieldset-row > stzh-fieldset),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-fieldset),\n ::slotted(stzh-fieldset),\n ::slotted(.stzh-fieldset-row > stzh-upload),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-upload),\n ::slotted(stzh-upload),\n ::slotted(.stzh-fieldset-row > stzh-checkbox),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-checkbox),\n ::slotted(stzh-checkbox),\n ::slotted(.stzh-fieldset-row > stzh-checkboxgroup),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-checkboxgroup),\n ::slotted(stzh-checkboxgroup),\n ::slotted(.stzh-fieldset-row > stzh-radio),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-radio),\n ::slotted(stzh-radio),\n ::slotted(.stzh-fieldset-row > stzh-radiogroup),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-radiogroup),\n ::slotted(stzh-radiogroup),\n ::slotted(.stzh-fieldset-row > stzh-row),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-row),\n ::slotted(stzh-row),\n ::slotted(.stzh-fieldset-row > stzh-vspace),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-vspace),\n ::slotted(stzh-vspace),\n ::slotted(.stzh-fieldset-row > stzh-hspace),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-hspace),\n ::slotted(stzh-hspace),\n ::slotted(.stzh-fieldset-row > stzh-text),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-text),\n ::slotted(stzh-text) {\n @include spaceCurve(\"margin-bottom\", \"tiny\");\n @include mq($to: medium) {\n @include spaceCurve(\"margin-bottom\", \"small\");\n }\n }\n\n ::slotted(.stzh-fieldset-row > stzh-fieldset),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-fieldset),\n ::slotted(stzh-fieldset) {\n @include spaceCurve(\"margin-top\", \"regular\");\n\n .stzh-fieldset__legend {\n @include fontCurve(\"p1\", \"heading\");\n }\n }\n\n & > .section > stzh-chipgroup,\n & > stzh-chipgroup,\n & > .section > stzh-chipselect,\n & > stzh-chipselect {\n margin-bottom: space(\"xlarge\");\n }\n\n ::slotted(.stzh-fieldset-row > stzh-daterange),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-daterange),\n ::slotted(stzh-daterange) {\n @include spaceCurve(\"margin-bottom\", \"tiny\");\n @include mq($to: medium) {\n margin-bottom: calc(\n #{$fieldsetDescriptionMinHeight} + #{spaceCurveValue(\"tiny\")}\n );\n }\n }\n\n ::slotted(.stzh-fieldset-row > stzh-message),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-message),\n ::slotted(stzh-message) {\n @include spaceCurve(\"margin-bottom\", \"large\");\n }\n\n ::slotted(.stzh-fieldset-row > stzh-actions),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-actions),\n ::slotted(stzh-actions) {\n @include spaceCurve(\"margin-top\", \"medium\");\n @include spaceCurve(\"margin-bottom\", \"big\");\n }\n\n ::slotted() {\n stzh-checkboxgroup stzh-checkbox,\n stzh-radiogroup stzh-radio {\n --stzh-description-min-height: none;\n }\n }\n\n ::slotted(.stzh-fieldset-row > :last-child),\n ::slotted(.layout_column > .stzh-fieldset-row > :last-child),\n ::slotted(:last-child),\n ::slotted(.layout_column > .stzh-fieldset-row:has(cq) > :nth-last-child(2)),\n ::slotted(.stzh-fieldset-row:has(cq) > :nth-last-child(2)) {\n margin-bottom: 0;\n }\n\n ::slotted(stzh-row) {\n @include mq($to: small) {\n margin-bottom: 0;\n }\n @include mq($from: small, $to: medium) {\n margin-bottom: 0;\n }\n }\n\n / Slotted cells and rows /\n\n ::slotted(stzh-row > stzh-cell[span-large] > stzh-input),\n ::slotted(stzh-row > stzh-cell[span-large] > stzh-datepicker),\n ::slotted(stzh-row > stzh-cell[span-large] > stzh-upload),\n ::slotted(stzh-row > stzh-cell[span-large] > stzh-checkbox),\n ::slotted(stzh-row > stzh-cell[span-large] > stzh-checkboxgroup),\n ::slotted(stzh-row > stzh-cell[span-large] > stzh-dropdown),\n ::slotted(stzh-row > stzh-cell[span-large] > stzh-radio),\n ::slotted(stzh-row > stzh-cell[span-large] > stzh-amount),\n ::slotted(stzh-row > stzh-cell[span-large] > stzh-radiogroup) {\n @include mq($to: large) {\n @include spaceCurve(\"margin-bottom\", \"tiny\");\n }\n }\n\n ::slotted(stzh-row > stzh-cell[span-medium] > stzh-input),\n ::slotted(stzh-row > stzh-cell[span-medium] > stzh-datepicker),\n ::slotted(stzh-row > stzh-cell[span-medium] > stzh-upload),\n ::slotted(stzh-row > stzh-cell[span-medium] > stzh-checkbox),\n ::slotted(stzh-row > stzh-cell[span-medium] > stzh-checkboxgroup),\n ::slotted(stzh-row > stzh-cell[span-medium] > stzh-dropdown),\n ::slotted(stzh-row > stzh-cell[span-medium] > stzh-radio),\n ::slotted(stzh-row > stzh-cell[span-medium] > stzh-amount),\n ::slotted(stzh-row > stzh-cell[span-medium] > stzh-radiogroup) {\n @include mq($to: medium) {\n @include spaceCurve(\"margin-bottom\", \"tiny\");\n }\n }\n\n ::slotted(stzh-row > stzh-cell[span-small] > stzh-input),\n ::slotted(stzh-row > stzh-cell[span-small] > stzh-datepicker),\n ::slotted(stzh-row > stzh-cell[span-small] > stzh-upload),\n ::slotted(stzh-row > stzh-cell[span-small] > stzh-checkbox),\n ::slotted(stzh-row > stzh-cell[span-small] > stzh-checkboxgroup),\n ::slotted(stzh-row > stzh-cell[span-small] > stzh-dropdown),\n ::slotted(stzh-row > stzh-cell[span-small] > stzh-radio),\n ::slotted(stzh-row > stzh-cell[span-small] > stzh-amount),\n ::slotted(stzh-row > stzh-cell[span-small] > stzh-radiogroup) {\n @include mq($from: small, $to: medium) {\n @include spaceCurve(\"margin-bottom\", \"small\");\n }\n }\n\n ::slotted(stzh-row > stzh-cell[span-small] > stzh-input),\n ::slotted(stzh-row > stzh-cell[span-small] > stzh-datepicker),\n ::slotted(stzh-row > stzh-cell[span-small] > stzh-upload),\n ::slotted(stzh-row > stzh-cell[span-small] > stzh-checkbox),\n ::slotted(stzh-row > stzh-cell[span-small] > stzh-checkboxgroup),\n ::slotted(stzh-row > stzh-cell[span-small] > stzh-dropdown),\n ::slotted(stzh-row > stzh-cell[span-small] > stzh-radio),\n ::slotted(stzh-row > stzh-cell[span-small] > stzh-amount),\n ::slotted(stzh-row > stzh-cell[span-small] > stzh-radiogroup) {\n @include mq($to: small) {\n @include spaceCurve(\"margin-bottom\", \"small\");\n }\n }\n\n ::slotted(stzh-row[span-large] > stzh-cell > stzh-input),\n ::slotted(stzh-row[span-large] > stzh-cell > stzh-datepicker),\n ::slotted(stzh-row[span-large] > stzh-cell > stzh-upload),\n ::slotted(stzh-row[span-large] > stzh-cell > stzh-checkbox),\n ::slotted(stzh-row[span-large] > stzh-cell > stzh-checkboxgroup),\n ::slotted(stzh-row[span-large] > stzh-cell > stzh-dropdown),\n ::slotted(stzh-row[span-large] > stzh-cell > stzh-radio),\n ::slotted(stzh-row[span-large] > stzh-cell > stzh-amount),\n ::slotted(stzh-row[span-large] > stzh-cell > stzh-radiogroup) {\n @include mq($to: large) {\n @include spaceCurve(\"margin-bottom\", \"tiny\");\n }\n }\n\n ::slotted(stzh-row[span-medium] > stzh-cell > stzh-input),\n ::slotted(stzh-row[span-medium] > stzh-cell > stzh-datepicker),\n ::slotted(stzh-row[span-medium] > stzh-cell > stzh-upload),\n ::slotted(stzh-row[span-medium] > stzh-cell > stzh-checkbox),\n ::slotted(stzh-row[span-medium] > stzh-cell > stzh-checkboxgroup),\n ::slotted(stzh-row[span-medium] > stzh-cell > stzh-dropdown),\n ::slotted(stzh-row[span-medium] > stzh-cell > stzh-radio),\n ::slotted(stzh-row[span-medium] > stzh-cell > stzh-amount),\n ::slotted(stzh-row[span-medium] > stzh-cell > stzh-radiogroup) {\n @include mq($to: medium) {\n @include spaceCurve(\"margin-bottom\", \"tiny\");\n }\n }\n\n ::slotted(stzh-row[span-small] > stzh-cell > stzh-input),\n ::slotted(stzh-row[span-small] > stzh-cell > stzh-datepicker),\n ::slotted(stzh-row[span-small] > stzh-cell > stzh-upload),\n ::slotted(stzh-row[span-small] > stzh-cell > stzh-checkbox),\n ::slotted(stzh-row[span-small] > stzh-cell > stzh-checkboxgroup),\n ::slotted(stzh-row[span-small] > stzh-cell > stzh-dropdown),\n ::slotted(stzh-row[span-small] > stzh-cell > stzh-radio),\n ::slotted(stzh-row[span-small] > stzh-cell > stzh-amount),\n ::slotted(stzh-row[span-small] > stzh-cell > stzh-radiogroup) {\n @include mq($from: small, $to: medium) {\n @include spaceCurve(\"margin-bottom\", \"small\");\n }\n }\n\n ::slotted(stzh-row[span-small] > stzh-cell > stzh-input),\n ::slotted(stzh-row[span-small] > stzh-cell > stzh-datepicker),\n ::slotted(stzh-row[span-small] > stzh-cell > stzh-upload),\n ::slotted(stzh-row[span-small] > stzh-cell > stzh-checkbox),\n ::slotted(stzh-row[span-small] > stzh-cell > stzh-checkboxgroup),\n ::slotted(stzh-row[span-small] > stzh-cell > stzh-dropdown),\n ::slotted(stzh-row[span-small] > stzh-cell > stzh-radio),\n ::slotted(stzh-row[span-small] > stzh-cell > stzh-amount),\n ::slotted(stzh-row[span-small] > stzh-cell > stzh-radiogroup) {\n @include mq($to: small) {\n @include spaceCurve(\"margin-bottom\", \"small\");\n }\n }\n}\n\n.stzh-fieldset {\n //--stzh-row-row-gap: #{space('xsmall')};\n --stzh-description-min-height: #{$fieldsetDescriptionMinHeight};\n\n margin: 0;\n padding: 0;\n border: none;\n min-inline-size: auto;\n\n &__wrapper {\n display: grid;\n }\n\n &__legend {\n @include font(\"title\");\n @include fontCurve(\"h4\");\n color: $colorPrimary70;\n padding: 0;\n margin-bottom: space(\"large\");\n }\n\n &--hide-legend &__legend {\n @include visuallyhidden;\n }\n}\n","import { Component, Host, Prop, h } from \"@stencil/core\";\n\nimport { Font } from \"../../index\";\n\n/\n @slot - Slot for any (mostly form) elements\n /\n@Component({\n tag: \"stzh-fieldset\",\n styleUrl: \"stzh-fieldset.scss\",\n scoped: true,\n})\nexport class StzhFieldset {\n /* Legend describing the field group inside the fieldset /\n @Prop() legend: string = \"\";\n\n /* Hide legend to show only for screenreaders /\n @Prop() hideLegend: boolean = false;\n\n /* Heading level inside legend /\n @Prop() legendLevel: \"\" \| \"1\" \| \"2\" \| \"3\" \| \"4\" = \"\";\n\n /* Type of curve to overwrite the curve inherited from `level` attribute (see [Spacings docs page](/docs/tokens-typography--docs#curves) for more info). */\n @Prop() legendCurve: Font.Curves \| \"auto\" = \"auto\";\n\n render() {\n const classes = {\n \"stzh-fieldset\": true,\n \"stzh-fieldset--hide-legend\": this.hideLegend,\n };\n\n return (\n <Host>\n <fieldset class={classes}>\n {this.legend && (\n <legend class=\"stzh-fieldset__legend\">\n {this.legendLevel ? (\n <stzh-heading level={this.legendLevel} curve={this.legendCurve}>\n {this.legend}\n </stzh-heading>\n ) : (\n this.legend\n )}\n </legend>\n )}\n <div class=\"stzh-fieldset__wrapper\">\n <slot></slot>\n </div>\n </fieldset>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-DBStJk4p.js","mappings":";;;AAAA,MAAM,eAAe,GAAG,MAAM,CAAC,y1wGAAy1wG,CAAC;;MCY52wG,YAAY,iBAAAA,kBAAA,CAAA,MAAA,YAAA,SAAAC,CAAA,CAAA;AALzB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;AAOU,QAAA,IAAM,CAAA,MAAA,GAAW,EAAE;;AAGnB,QAAA,IAAU,CAAA,UAAA,GAAY,KAAK;;AAG3B,QAAA,IAAW,CAAA,WAAA,GAA+B,EAAE;;AAG5C,QAAA,IAAW,CAAA,WAAA,GAAyB,MAAM;AA6BnD;IA3BC,MAAM,GAAA;AACJ,QAAA,MAAM,OAAO,GAAG;AACd,YAAA,eAAe,EAAE,IAAI;YACrB,4BAA4B,EAAE,IAAI,CAAC,UAAU;SAC9C;QAED,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAU,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,OAAO,EAAA,EACrB,IAAI,CAAC,MAAM,KACV,CAAQ,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,uBAAuB,EAAA,EAClC,IAAI,CAAC,WAAW,IACf,CAAc,CAAA,cAAA,EAAA,EAAA,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,EAC3D,EAAA,IAAI,CAAC,MAAM,CACC,KAEf,IAAI,CAAC,MAAM,CACZ,CACM,CACV,EACD,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,wBAAwB,EAAA,EACjC,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACT,CACG,CACN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/stzh-fieldset/stzh-fieldset.scss?tag=stzh-fieldset&encapsulation=scoped","src/components/stzh-fieldset/stzh-fieldset.tsx"],"sourcesContent":[":host {\n // default spacing for form and layout elements\n ::slotted(.layout_column > .stzh-fieldset-row > .stzh-fieldset-row),\n ::slotted(.stzh-fieldset-row > .stzh-fieldset-row),\n ::slotted(.layout_column > .stzh-fieldset-row),\n ::slotted(.stzh-fieldset-row),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-input),\n ::slotted(.stzh-fieldset-row > stzh-input),\n ::slotted(stzh-input),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-datepicker),\n ::slotted(.stzh-fieldset-row > stzh-datepicker),\n ::slotted(stzh-datepicker),\n ::slotted(.stzh-fieldset-row > stzh-dropdown),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-dropdown),\n ::slotted(stzh-dropdown),\n ::slotted(.stzh-fieldset-row > stzh-fieldset),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-fieldset),\n ::slotted(stzh-fieldset),\n ::slotted(.stzh-fieldset-row > stzh-upload),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-upload),\n ::slotted(stzh-upload),\n ::slotted(.stzh-fieldset-row > stzh-checkbox),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-checkbox),\n ::slotted(stzh-checkbox),\n ::slotted(.stzh-fieldset-row > stzh-checkboxgroup),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-checkboxgroup),\n ::slotted(stzh-checkboxgroup),\n ::slotted(.stzh-fieldset-row > stzh-radio),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-radio),\n ::slotted(stzh-radio),\n ::slotted(.stzh-fieldset-row > stzh-radiogroup),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-radiogroup),\n ::slotted(stzh-radiogroup),\n ::slotted(.stzh-fieldset-row > stzh-row),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-row),\n ::slotted(stzh-row),\n ::slotted(.stzh-fieldset-row > stzh-vspace),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-vspace),\n ::slotted(stzh-vspace),\n ::slotted(.stzh-fieldset-row > stzh-hspace),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-hspace),\n ::slotted(stzh-hspace),\n ::slotted(.stzh-fieldset-row > stzh-text),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-text),\n ::slotted(stzh-text) {\n @include spaceCurve(\"margin-bottom\", \"tiny\");\n @include mq($to: medium) {\n @include spaceCurve(\"margin-bottom\", \"small\");\n }\n }\n\n ::slotted(.stzh-fieldset-row > stzh-fieldset),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-fieldset),\n ::slotted(stzh-fieldset) {\n @include spaceCurve(\"margin-top\", \"regular\");\n\n .stzh-fieldset__legend {\n @include fontCurve(\"p1\", \"heading\");\n }\n }\n\n & > .section > stzh-chipgroup,\n & > stzh-chipgroup,\n & > .section > stzh-chipselect,\n & > stzh-chipselect {\n margin-bottom: space(\"xlarge\");\n }\n\n ::slotted(.stzh-fieldset-row > stzh-daterange),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-daterange),\n ::slotted(stzh-daterange) {\n @include spaceCurve(\"margin-bottom\", \"tiny\");\n @include mq($to: medium) {\n margin-bottom: calc(\n #{$fieldsetDescriptionMinHeight} + #{spaceCurveValue(\"tiny\")}\n );\n }\n }\n\n ::slotted(.stzh-fieldset-row > stzh-message),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-message),\n ::slotted(stzh-message) {\n @include spaceCurve(\"margin-bottom\", \"large\");\n }\n\n ::slotted(.stzh-fieldset-row > stzh-actions),\n ::slotted(.layout_column > .stzh-fieldset-row > stzh-actions),\n ::slotted(stzh-actions) {\n @include spaceCurve(\"margin-top\", \"medium\");\n @include spaceCurve(\"margin-bottom\", \"big\");\n }\n\n ::slotted() {\n stzh-checkboxgroup stzh-checkbox,\n stzh-radiogroup stzh-radio {\n --stzh-description-min-height: none;\n }\n }\n\n ::slotted(.stzh-fieldset-row > :last-child),\n ::slotted(.layout_column > .stzh-fieldset-row > :last-child),\n ::slotted(:last-child),\n ::slotted(.layout_column > .stzh-fieldset-row:has(cq) > :nth-last-child(2)),\n ::slotted(.stzh-fieldset-row:has(cq) > :nth-last-child(2)) {\n margin-bottom: 0;\n }\n\n ::slotted(stzh-row) {\n @include mq($to: small) {\n margin-bottom: 0;\n }\n @include mq($from: small, $to: medium) {\n margin-bottom: 0;\n }\n }\n\n / Slotted cells and rows /\n\n ::slotted(stzh-row > stzh-cell[span-large] > stzh-input),\n ::slotted(stzh-row > stzh-cell[span-large] > stzh-datepicker),\n ::slotted(stzh-row > stzh-cell[span-large] > stzh-upload),\n ::slotted(stzh-row > stzh-cell[span-large] > stzh-checkbox),\n ::slotted(stzh-row > stzh-cell[span-large] > stzh-checkboxgroup),\n ::slotted(stzh-row > stzh-cell[span-large] > stzh-dropdown),\n ::slotted(stzh-row > stzh-cell[span-large] > stzh-radio),\n ::slotted(stzh-row > stzh-cell[span-large] > stzh-amount),\n ::slotted(stzh-row > stzh-cell[span-large] > stzh-radiogroup) {\n @include mq($to: large) {\n @include spaceCurve(\"margin-bottom\", \"tiny\");\n }\n }\n\n ::slotted(stzh-row > stzh-cell[span-medium] > stzh-input),\n ::slotted(stzh-row > stzh-cell[span-medium] > stzh-datepicker),\n ::slotted(stzh-row > stzh-cell[span-medium] > stzh-upload),\n ::slotted(stzh-row > stzh-cell[span-medium] > stzh-checkbox),\n ::slotted(stzh-row > stzh-cell[span-medium] > stzh-checkboxgroup),\n ::slotted(stzh-row > stzh-cell[span-medium] > stzh-dropdown),\n ::slotted(stzh-row > stzh-cell[span-medium] > stzh-radio),\n ::slotted(stzh-row > stzh-cell[span-medium] > stzh-amount),\n ::slotted(stzh-row > stzh-cell[span-medium] > stzh-radiogroup) {\n @include mq($to: medium) {\n @include spaceCurve(\"margin-bottom\", \"tiny\");\n }\n }\n\n ::slotted(stzh-row > stzh-cell[span-small] > stzh-input),\n ::slotted(stzh-row > stzh-cell[span-small] > stzh-datepicker),\n ::slotted(stzh-row > stzh-cell[span-small] > stzh-upload),\n ::slotted(stzh-row > stzh-cell[span-small] > stzh-checkbox),\n ::slotted(stzh-row > stzh-cell[span-small] > stzh-checkboxgroup),\n ::slotted(stzh-row > stzh-cell[span-small] > stzh-dropdown),\n ::slotted(stzh-row > stzh-cell[span-small] > stzh-radio),\n ::slotted(stzh-row > stzh-cell[span-small] > stzh-amount),\n ::slotted(stzh-row > stzh-cell[span-small] > stzh-radiogroup) {\n @include mq($from: small, $to: medium) {\n @include spaceCurve(\"margin-bottom\", \"small\");\n }\n }\n\n ::slotted(stzh-row > stzh-cell[span-small] > stzh-input),\n ::slotted(stzh-row > stzh-cell[span-small] > stzh-datepicker),\n ::slotted(stzh-row > stzh-cell[span-small] > stzh-upload),\n ::slotted(stzh-row > stzh-cell[span-small] > stzh-checkbox),\n ::slotted(stzh-row > stzh-cell[span-small] > stzh-checkboxgroup),\n ::slotted(stzh-row > stzh-cell[span-small] > stzh-dropdown),\n ::slotted(stzh-row > stzh-cell[span-small] > stzh-radio),\n ::slotted(stzh-row > stzh-cell[span-small] > stzh-amount),\n ::slotted(stzh-row > stzh-cell[span-small] > stzh-radiogroup) {\n @include mq($to: small) {\n @include spaceCurve(\"margin-bottom\", \"small\");\n }\n }\n\n ::slotted(stzh-row[span-large] > stzh-cell > stzh-input),\n ::slotted(stzh-row[span-large] > stzh-cell > stzh-datepicker),\n ::slotted(stzh-row[span-large] > stzh-cell > stzh-upload),\n ::slotted(stzh-row[span-large] > stzh-cell > stzh-checkbox),\n ::slotted(stzh-row[span-large] > stzh-cell > stzh-checkboxgroup),\n ::slotted(stzh-row[span-large] > stzh-cell > stzh-dropdown),\n ::slotted(stzh-row[span-large] > stzh-cell > stzh-radio),\n ::slotted(stzh-row[span-large] > stzh-cell > stzh-amount),\n ::slotted(stzh-row[span-large] > stzh-cell > stzh-radiogroup) {\n @include mq($to: large) {\n @include spaceCurve(\"margin-bottom\", \"tiny\");\n }\n }\n\n ::slotted(stzh-row[span-medium] > stzh-cell > stzh-input),\n ::slotted(stzh-row[span-medium] > stzh-cell > stzh-datepicker),\n ::slotted(stzh-row[span-medium] > stzh-cell > stzh-upload),\n ::slotted(stzh-row[span-medium] > stzh-cell > stzh-checkbox),\n ::slotted(stzh-row[span-medium] > stzh-cell > stzh-checkboxgroup),\n ::slotted(stzh-row[span-medium] > stzh-cell > stzh-dropdown),\n ::slotted(stzh-row[span-medium] > stzh-cell > stzh-radio),\n ::slotted(stzh-row[span-medium] > stzh-cell > stzh-amount),\n ::slotted(stzh-row[span-medium] > stzh-cell > stzh-radiogroup) {\n @include mq($to: medium) {\n @include spaceCurve(\"margin-bottom\", \"tiny\");\n }\n }\n\n ::slotted(stzh-row[span-small] > stzh-cell > stzh-input),\n ::slotted(stzh-row[span-small] > stzh-cell > stzh-datepicker),\n ::slotted(stzh-row[span-small] > stzh-cell > stzh-upload),\n ::slotted(stzh-row[span-small] > stzh-cell > stzh-checkbox),\n ::slotted(stzh-row[span-small] > stzh-cell > stzh-checkboxgroup),\n ::slotted(stzh-row[span-small] > stzh-cell > stzh-dropdown),\n ::slotted(stzh-row[span-small] > stzh-cell > stzh-radio),\n ::slotted(stzh-row[span-small] > stzh-cell > stzh-amount),\n ::slotted(stzh-row[span-small] > stzh-cell > stzh-radiogroup) {\n @include mq($from: small, $to: medium) {\n @include spaceCurve(\"margin-bottom\", \"small\");\n }\n }\n\n ::slotted(stzh-row[span-small] > stzh-cell > stzh-input),\n ::slotted(stzh-row[span-small] > stzh-cell > stzh-datepicker),\n ::slotted(stzh-row[span-small] > stzh-cell > stzh-upload),\n ::slotted(stzh-row[span-small] > stzh-cell > stzh-checkbox),\n ::slotted(stzh-row[span-small] > stzh-cell > stzh-checkboxgroup),\n ::slotted(stzh-row[span-small] > stzh-cell > stzh-dropdown),\n ::slotted(stzh-row[span-small] > stzh-cell > stzh-radio),\n ::slotted(stzh-row[span-small] > stzh-cell > stzh-amount),\n ::slotted(stzh-row[span-small] > stzh-cell > stzh-radiogroup) {\n @include mq($to: small) {\n @include spaceCurve(\"margin-bottom\", \"small\");\n }\n }\n}\n\n.stzh-fieldset {\n //--stzh-row-row-gap: #{space('xsmall')};\n --stzh-description-min-height: #{$fieldsetDescriptionMinHeight};\n\n margin: 0;\n padding: 0;\n border: none;\n min-inline-size: auto;\n\n &__wrapper {\n display: grid;\n }\n\n &__legend {\n @include font(\"title\");\n @include fontCurve(\"h4\");\n color: $colorPrimary70;\n padding: 0;\n margin-bottom: space(\"large\");\n }\n\n &--hide-legend &__legend {\n @include visuallyhidden;\n }\n}\n","import { Component, Host, Prop, h } from \"@stencil/core\";\n\nimport { Font } from \"../../index\";\n\n/\n @slot - Slot for any (mostly form) elements\n /\n@Component({\n tag: \"stzh-fieldset\",\n styleUrl: \"stzh-fieldset.scss\",\n scoped: true,\n})\nexport class StzhFieldset {\n /* Legend describing the field group inside the fieldset /\n @Prop() legend: string = \"\";\n\n /* Hide legend to show only for screenreaders /\n @Prop() hideLegend: boolean = false;\n\n /* Heading level inside legend /\n @Prop() legendLevel: \"\" \| \"1\" \| \"2\" \| \"3\" \| \"4\" = \"\";\n\n /* Type of curve to overwrite the curve inherited from `level` attribute (see [Spacings docs page](/docs/tokens-typography--docs#curves) for more info). */\n @Prop() legendCurve: Font.Curves \| \"auto\" = \"auto\";\n\n render() {\n const classes = {\n \"stzh-fieldset\": true,\n \"stzh-fieldset--hide-legend\": this.hideLegend,\n };\n\n return (\n <Host>\n <fieldset class={classes}>\n {this.legend && (\n <legend class=\"stzh-fieldset__legend\">\n {this.legendLevel ? (\n <stzh-heading level={this.legendLevel} curve={this.legendCurve}>\n {this.legend}\n </stzh-heading>\n ) : (\n this.legend\n )}\n </legend>\n )}\n <div class=\"stzh-fieldset__wrapper\">\n <slot></slot>\n </div>\n </fieldset>\n </Host>\n );\n }\n}\n"],"version":3}

package/dist/components/{p-DwP4TJHm.js → p-DbAtXrxG.js} RENAMED Viewed

@@ -1,10 +1,10 @@
-import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-CPibi_C6.js';
+import { p as proxyCustomElement, H, h, e as Host, t as transformTag } from './p-yUwaJCDo.js';
 import { d as abbreviateText, e as getMeta } from './p-CN5apKPb.js';
-import { d as defineCustomElement$5 } from './p-DpeJpDc8.js';
-import { d as defineCustomElement$4 } from './p-CiEcvFWc.js';
-import { d as defineCustomElement$3 } from './p-SbO4yTDL.js';
-import { d as defineCustomElement$2 } from './p-DT-jsCLe.js';
-import { d as defineCustomElement$1 } from './p-K2FhSkA6.js';
+import { d as defineCustomElement$5 } from './p-BUeBsyt_.js';
+import { d as defineCustomElement$4 } from './p-CNDhpOyA.js';
+import { d as defineCustomElement$3 } from './p-Dg5tBjNp.js';
+import { d as defineCustomElement$2 } from './p-CgxbnTIg.js';
+import { d as defineCustomElement$1 } from './p-CVZAxVYF.js';
 const stzhShareCss = () => `.sc-stzh-share-h{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block}[hidden].sc-stzh-share-h,[stzh-hidden].sc-stzh-share-h{display:none}.sc-stzh-share-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-share-h *.sc-stzh-share,.sc-stzh-share-h *.sc-stzh-share::before,.sc-stzh-share-h *.sc-stzh-share::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}.sc-stzh-share-h .has-focus.sc-stzh-share{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-share-h .stzh-fylingfocus-focused.sc-stzh-share{outline-style:none !important}.sc-stzh-share-h .stzh-fylingfocus-focused.sc-stzh-share::-moz-focus-inner{border:0 !important}.stzh-share__list.sc-stzh-share{list-style:none;margin:0;padding:0;display:flex}.stzh-share__item.sc-stzh-share:not(:last-child){margin-right:var(--stzh-space-xxsmall)}`;
@@ -147,6 +147,6 @@ function defineCustomElement() {
 }
 export { StzhShare as S, defineCustomElement as d };
-//# sourceMappingURL=p-DwP4TJHm.js.map
+//# sourceMappingURL=p-DbAtXrxG.js.map
-//# sourceMappingURL=p-DwP4TJHm.js.map
+//# sourceMappingURL=p-DbAtXrxG.js.map

package/dist/components/{p-DwP4TJHm.js.map → p-DbAtXrxG.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"p-~~DwP4TJHm~~.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/stzh-share/stzh-share.scss?tag=stzh-share&encapsulation=scoped","src/components/stzh-share/stzh-share.tsx"],"sourcesContent":[":host {\n}\n\n.stzh-share {\n &__list {\n list-style: none;\n margin: 0;\n padding: 0;\n display: flex;\n }\n\n &__item {\n &:not(:last-child) {\n margin-right: space(\"xxsmall\");\n }\n }\n}\n","import { Component, Host, h, Element, Prop, Watch } from \"@stencil/core\";\n\nimport { ShareService } from \"../../index\";\nimport { StzhShareLocalizedText } from \"./stzh-share.localization\";\nimport { getMeta } from \"../../utils/utils\";\nimport { abbreviateText } from \"../../utils/string-utils\";\n\n// 280 - URL (always 24) = 256\nconst MAX_TWEET_LENGTH = 256;\n\n/*\n /\n@Component({\n tag: \"stzh-share\",\n styleUrl: \"stzh-share.scss\",\n scoped: true,\n})\nexport class StzhShare {\n /** Translation strings /\n @Prop() localization: StzhShareLocalizedText;\n\n /* URL of current site (uses full URL by default) /\n @Prop() url: string = window.location.href;\n\n /* Overwrite mail subject translation /\n @Prop() mailSubject: string;\n\n /* Overwrite mail body translation /\n @Prop() mailBody: string;\n\n /\n Array of enabled share buttons.\n * Possible services: `facebook` / `twitter` / `linkedin` / `xing` / `mail`\n */\n @Prop() services: ShareService[] \| string = [\"mail\", \"facebook\", \"twitter\", \"linkedin\", \"xing\"];\n\n private _services: ShareService[] = [];\n\n @Watch(\"services\")\n servicesWatcher(newValue: ShareService[] \| string) {\n if (typeof newValue === \"string\") {\n this._services = JSON.parse(newValue);\n } else {\n this._services = newValue;\n }\n }\n\n @Element() element: HTMLStzhShareElement;\n\n private openPopup = (url, event) => {\n event.preventDefault();\n window.open(url, \"_blank\", \"width=600,height=460\");\n };\n\n async componentWillLoad() {\n this.servicesWatcher(this.services);\n\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"share\");\n }\n }\n\n render() {\n const classes = {\n \"stzh-share\": true,\n };\n\n const shareUrl = encodeURIComponent(this.url);\n const mailSubject = encodeURIComponent(this.mailSubject \|\| this.localization.mailSubject);\n const mailBody = encodeURIComponent(\n (this.mailBody \|\| this.localization.mailBody)?.replace(/\\{shareUrl\\}/gi, this.url),\n );\n\n const title = encodeURIComponent(document.title);\n const twitterTitle = encodeURIComponent(abbreviateText(title, MAX_TWEET_LENGTH));\n const description = encodeURIComponent(getMeta(\"description\"));\n\n const serviceData = {\n mail: {\n popup: false,\n blank: false,\n url: `mailto:?subject=${mailSubject}&body=${mailBody}`,\n text: this.localization.shareMail,\n icon: \"mail\",\n },\n facebook: {\n popup: true,\n blank: true,\n url: `https://www.facebook.com/sharer/sharer.php?u=${shareUrl}`,\n text: this.localization.shareFacebook,\n icon: \"facebook\",\n },\n twitter: {\n popup: true,\n blank: true,\n url: `https://twitter.com/intent/tweet?text=${twitterTitle}&url=${shareUrl}`,\n text: this.localization.shareTwitter,\n icon: \"twitter\",\n },\n linkedin: {\n popup: true,\n blank: true,\n url: `https://www.linkedin.com/shareArticle?mini=true&summary=${description}&title=${title}&url=${shareUrl}`,\n text: this.localization.shareLinkedin,\n icon: \"linkedin\",\n },\n xing: {\n popup: true,\n blank: true,\n url: `https://www.xing.com/spi/shares/new?url=${shareUrl}`,\n text: this.localization.shareXing,\n icon: \"xing\",\n },\n };\n\n return (\n <Host>\n <div class={classes}>\n <ul class=\"stzh-share__list\">\n {this._services.map(service => (\n <li class=\"stzh-share__item\">\n <stzh-tooltip content={serviceData[service].text} size=\"small\">\n <stzh-button\n class={`stzh-share__button is-${service}`}\n size=\"small\"\n variant=\"tertiary\"\n iconOnly={true}\n href={serviceData[service].url}\n rel={serviceData[service].blank ? \"nofollow noopener noreferrer\" : \"nofollow\"}\n target={serviceData[service].blank ? \"_blank\" : \"_self\"}\n onClick={serviceData[service].popup ? e => this.openPopup(serviceData[service].url, e) : null}\n analyticsId={serviceData[service].text}\n icon={serviceData[service].icon}\n ></stzh-button>\n </stzh-tooltip>\n </li>\n ))}\n </ul>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}
1	+ {"file":"p-DbAtXrxG.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/stzh-share/stzh-share.scss?tag=stzh-share&encapsulation=scoped","src/components/stzh-share/stzh-share.tsx"],"sourcesContent":[":host {\n}\n\n.stzh-share {\n &__list {\n list-style: none;\n margin: 0;\n padding: 0;\n display: flex;\n }\n\n &__item {\n &:not(:last-child) {\n margin-right: space(\"xxsmall\");\n }\n }\n}\n","import { Component, Host, h, Element, Prop, Watch } from \"@stencil/core\";\n\nimport { ShareService } from \"../../index\";\nimport { StzhShareLocalizedText } from \"./stzh-share.localization\";\nimport { getMeta } from \"../../utils/utils\";\nimport { abbreviateText } from \"../../utils/string-utils\";\n\n// 280 - URL (always 24) = 256\nconst MAX_TWEET_LENGTH = 256;\n\n/*\n /\n@Component({\n tag: \"stzh-share\",\n styleUrl: \"stzh-share.scss\",\n scoped: true,\n})\nexport class StzhShare {\n /** Translation strings /\n @Prop() localization: StzhShareLocalizedText;\n\n /* URL of current site (uses full URL by default) /\n @Prop() url: string = window.location.href;\n\n /* Overwrite mail subject translation /\n @Prop() mailSubject: string;\n\n /* Overwrite mail body translation /\n @Prop() mailBody: string;\n\n /\n Array of enabled share buttons.\n * Possible services: `facebook` / `twitter` / `linkedin` / `xing` / `mail`\n */\n @Prop() services: ShareService[] \| string = [\"mail\", \"facebook\", \"twitter\", \"linkedin\", \"xing\"];\n\n private _services: ShareService[] = [];\n\n @Watch(\"services\")\n servicesWatcher(newValue: ShareService[] \| string) {\n if (typeof newValue === \"string\") {\n this._services = JSON.parse(newValue);\n } else {\n this._services = newValue;\n }\n }\n\n @Element() element: HTMLStzhShareElement;\n\n private openPopup = (url, event) => {\n event.preventDefault();\n window.open(url, \"_blank\", \"width=600,height=460\");\n };\n\n async componentWillLoad() {\n this.servicesWatcher(this.services);\n\n if (!this.localization) {\n this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"share\");\n }\n }\n\n render() {\n const classes = {\n \"stzh-share\": true,\n };\n\n const shareUrl = encodeURIComponent(this.url);\n const mailSubject = encodeURIComponent(this.mailSubject \|\| this.localization.mailSubject);\n const mailBody = encodeURIComponent(\n (this.mailBody \|\| this.localization.mailBody)?.replace(/\\{shareUrl\\}/gi, this.url),\n );\n\n const title = encodeURIComponent(document.title);\n const twitterTitle = encodeURIComponent(abbreviateText(title, MAX_TWEET_LENGTH));\n const description = encodeURIComponent(getMeta(\"description\"));\n\n const serviceData = {\n mail: {\n popup: false,\n blank: false,\n url: `mailto:?subject=${mailSubject}&body=${mailBody}`,\n text: this.localization.shareMail,\n icon: \"mail\",\n },\n facebook: {\n popup: true,\n blank: true,\n url: `https://www.facebook.com/sharer/sharer.php?u=${shareUrl}`,\n text: this.localization.shareFacebook,\n icon: \"facebook\",\n },\n twitter: {\n popup: true,\n blank: true,\n url: `https://twitter.com/intent/tweet?text=${twitterTitle}&url=${shareUrl}`,\n text: this.localization.shareTwitter,\n icon: \"twitter\",\n },\n linkedin: {\n popup: true,\n blank: true,\n url: `https://www.linkedin.com/shareArticle?mini=true&summary=${description}&title=${title}&url=${shareUrl}`,\n text: this.localization.shareLinkedin,\n icon: \"linkedin\",\n },\n xing: {\n popup: true,\n blank: true,\n url: `https://www.xing.com/spi/shares/new?url=${shareUrl}`,\n text: this.localization.shareXing,\n icon: \"xing\",\n },\n };\n\n return (\n <Host>\n <div class={classes}>\n <ul class=\"stzh-share__list\">\n {this._services.map(service => (\n <li class=\"stzh-share__item\">\n <stzh-tooltip content={serviceData[service].text} size=\"small\">\n <stzh-button\n class={`stzh-share__button is-${service}`}\n size=\"small\"\n variant=\"tertiary\"\n iconOnly={true}\n href={serviceData[service].url}\n rel={serviceData[service].blank ? \"nofollow noopener noreferrer\" : \"nofollow\"}\n target={serviceData[service].blank ? \"_blank\" : \"_self\"}\n onClick={serviceData[service].popup ? e => this.openPopup(serviceData[service].url, e) : null}\n analyticsId={serviceData[service].text}\n icon={serviceData[service].icon}\n ></stzh-button>\n </stzh-tooltip>\n </li>\n ))}\n </ul>\n </div>\n </Host>\n );\n }\n}\n"],"version":3}