@oiz/stzh-components 3.8.0 → 3.8.2

package/dist/stzh-components/p-70390e50.entry.js

@@ -1,2 +0,0 @@
-import{r as a,h as t,a as i}from"./p-c7bfac7a.js";const e=":host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;}:host[hidden],:host[stzh-hidden]{display:none}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host *,:host *::before,:host *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}:host{--color:var(--stzh-color-black);--background-color:transparent;--heading-color:var(--stzh-section-heading-color, var(--stzh-heading-color));--heading-background-color:transparent;--padding-left:var(--stzh-section-padding-left, 0px);--padding-right:var(--stzh-section-padding-right, 0px);--padding-top:var(--stzh-section-padding-top, var(--stzh-space-large));--padding-bottom:var(--stzh-section-padding-bottom, var(--stzh-space-large));--margin-top:var(--stzh-section-margin-top, 0px);--margin-bottom:var(--stzh-section-margin-bottom, 0px);margin-top:var(--margin-top);margin-bottom:var(--margin-bottom)}@media screen and (min-width: 600px){:host{--padding-top:var(--stzh-section-padding-top, var(--stzh-space-xlarge));--padding-bottom:var(--stzh-section-padding-bottom, var(--stzh-space-xlarge))}}@media screen and (min-width: 1260px){:host{--padding-top:var(--stzh-section-padding-top, var(--stzh-space-xxxlarge));--padding-bottom:var(--stzh-section-padding-bottom, var(--stzh-space-xxxlarge))}}:host ::slotted(stzh-heading){margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xsmall);--stzh-heading-color:var(--heading-color)}@media screen and (min-width: 600px){:host ::slotted(stzh-heading){margin-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){:host ::slotted(stzh-heading){margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-heading){margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){:host ::slotted(stzh-heading){margin-bottom:var(--stzh-space-small)}}@media screen and (min-width: 900px){:host ::slotted(stzh-heading){margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-heading){margin-bottom:var(--stzh-space-xlarge)}}:host(:where([breakout]:not([breakout=default]))){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))}:host(:where([background]:not([background=default]))){--padding-top:var(--stzh-section-background-padding-top, var(--stzh-space-xlarge));--padding-bottom:var(--stzh-section-background-padding-bottom, var(--stzh-space-xlarge));--margin-top:var(--stzh-section-background-margin-top, var(--stzh-space-medium));--margin-bottom:var(--stzh-section-background-margin-bottom, var(--stzh-space-medium))}@media screen and (min-width: 600px){:host(:where([background]:not([background=default]))){--padding-top:var(--stzh-section-background-padding-top, var(--stzh-space-xxlarge));--padding-bottom:var(--stzh-section-background-padding-bottom, var(--stzh-space-xxlarge))}}@media screen and (min-width: 1260px){:host(:where([background]:not([background=default]))){--padding-top:var(--stzh-section-background-padding-top, var(--stzh-space-xxxxlarge));--padding-bottom:var(--stzh-section-background-padding-bottom, var(--stzh-space-xxxxlarge));--margin-top:var(--stzh-section-background-margin-top, var(--stzh-space-xxlarge));--margin-bottom:var(--stzh-section-background-margin-bottom, var(--stzh-space-xxlarge))}}:host([background=secondary]){--background-color:var(--stzh-color-secondary20)}:host([background=primary]){--background-color:var(--stzh-color-primary70)}:host([variant=highlight]){--padding-left:var(--stzh-space-xsmall);--padding-right:var(--stzh-space-xsmall);--padding-top:var(--stzh-space-large);--padding-bottom:var(--stzh-space-large);--color:var(--stzh-section-highlight-color);--background-color:var(--stzh-section-highlight-background-color);--heading-background-color:var(--stzh-color-secondary40);--stzh-section-padding-top:0px;--stzh-section-padding-bottom:0px;--stzh-section-margin-top:0px;--stzh-section-margin-bottom:0px}@media screen and (min-width: 600px){:host([variant=highlight]){--padding-left:var(--stzh-space-small)}}@media screen and (min-width: 900px){:host([variant=highlight]){--padding-left:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host([variant=highlight]){--padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){:host([variant=highlight]){--padding-right:var(--stzh-space-small)}}@media screen and (min-width: 900px){:host([variant=highlight]){--padding-right:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host([variant=highlight]){--padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 600px){:host([variant=highlight]){--padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){:host([variant=highlight]){--padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host([variant=highlight]){--padding-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){:host([variant=highlight]){--padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){:host([variant=highlight]){--padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host([variant=highlight]){--padding-bottom:var(--stzh-space-xxxlarge)}}:host([variant=contextbox]){--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--padding-top:var(--stzh-space-medium);--padding-bottom:var(--stzh-space-medium);--color:var(--stzh-section-highlight-color);--background-color:var(--stzh-section-highlight-background-color);--heading-background-color:var(--stzh-color-secondary40);--stzh-section-padding-top:0px;--stzh-section-padding-bottom:0px;--stzh-section-margin-top:0px;--stzh-section-margin-bottom:0px}@media screen and (min-width: 600px){:host([variant=contextbox]){--padding-left:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host([variant=contextbox]){--padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([variant=contextbox]){--padding-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){:host([variant=contextbox]){--padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host([variant=contextbox]){--padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([variant=contextbox]){--padding-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){:host([variant=contextbox]){--padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host([variant=contextbox]){--padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([variant=contextbox]){--padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){:host([variant=contextbox]){--padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host([variant=contextbox]){--padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([variant=contextbox]){--padding-bottom:var(--stzh-space-xxlarge)}}:host([variant=contextbox]):last-child{margin-bottom:0}:host([variant=greybox]){--background-color:var(--stzh-color-grey10);--padding-left:var(--stzh-space-xxlarge);--padding-right:var(--stzh-space-xxlarge);--padding-top:var(--stzh-space-medium);--padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 900px){:host([variant=greybox]){--padding-left:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host([variant=greybox]){--padding-left:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){:host([variant=greybox]){--padding-right:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host([variant=greybox]){--padding-right:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 600px){:host([variant=greybox]){--padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host([variant=greybox]){--padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([variant=greybox]){--padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){:host([variant=greybox]){--padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host([variant=greybox]){--padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([variant=greybox]){--padding-bottom:var(--stzh-space-xxlarge)}}:host([variant=greybox]):last-child{margin-bottom:0}:host([variant=poimax]){--background-color:var(--stzh-color-grey10);--padding-left:var(--stzh-space-medium);--padding-right:var(--stzh-space-medium);--padding-top:var(--stzh-space-medium);--padding-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){:host([variant=poimax]){--padding-left:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host([variant=poimax]){--padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([variant=poimax]){--padding-left:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){:host([variant=poimax]){--padding-right:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host([variant=poimax]){--padding-right:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([variant=poimax]){--padding-right:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){:host([variant=poimax]){--padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host([variant=poimax]){--padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([variant=poimax]){--padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){:host([variant=poimax]){--padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){:host([variant=poimax]){--padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){:host([variant=poimax]){--padding-bottom:var(--stzh-space-xxlarge)}}:host([variant=poimax]):last-child{margin-bottom:0}:host([margin-top=none]){--margin-top:0px}:host([margin-bottom=none]){--margin-bottom:0px}:host([padding-top=none]){--padding-top:0px}:host([padding-bottom=none]){--padding-bottom:0px}.stzh-section{background-color:var(--background-color)}.stzh-section__heading{display:flex;flex-direction:column;background-color:var(--heading-background-color);padding-left:var(--padding-left);padding-right:var(--padding-right)}.stzh-section__wrapper{padding-left:var(--padding-left);padding-right:var(--padding-right);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);--stzh-base-color:var(--color)}.stzh-section--is-breakout .stzh-section__outer{margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 600px){.stzh-section--is-breakout .stzh-section__outer{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-section--is-breakout .stzh-section__outer{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-section--is-breakout .stzh-section__outer{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-section--is-breakout .stzh-section__outer{margin-left:auto;margin-right:auto;max-width:84.25rem}}";const n=class{constructor(t){a(this,t);this.variant="default";this.background="default";this.marginTop="default";this.marginBottom="default";this.paddingTop="default";this.paddingBottom="default";this.breakout=false}render(){return t(i,null,t("section",{class:{"stzh-section":true,[`stzh-section--is-breakout`]:this.breakout,[`stzh-section--${this.variant}`]:!!this.variant,[`stzh-section--margin-bottom-${this.marginBottom}`]:!!this.marginBottom}},t("div",{class:"stzh-section__outer"},t("div",{class:"stzh-section__heading"},t("slot",{name:"heading"})),t("div",{class:"stzh-section__wrapper"},t("slot",null)))))}};n.style=e;export{n as stzh_section};
-//# sourceMappingURL=p-70390e50.entry.js.map

package/dist/stzh-components/p-70390e50.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stzhSectionCss","StzhSection","render","h","Host","class","this","breakout","variant","marginBottom","name"],"sources":["src/components/stzh-section/stzh-section.scss?tag=stzh-section&encapsulation=shadow","src/components/stzh-section/stzh-section.tsx"],"sourcesContent":["/**\n * @prop --color: Color of section\n * @prop --background-color: Background color of section\n * @prop --padding-left: Left padding of section\n * @prop --padding-right: Right padding of section\n * @prop --padding-top: Top padding of section\n * @prop --padding-bottom: Bottom padding section\n *\n * @prop --stzh-section-highlight-color: **Global**: Color of section when highlight variant is used\n * @prop --stzh-section-highlight-background-color: **Global**: Background color of section when highlight variant is used\n */\n\n:host {\n  --color: #{$colorBlack};\n  --background-color: transparent;\n  --heading-color: var(--stzh-section-heading-color, #{$headingColor});\n  --heading-background-color: transparent;\n\n  --padding-left: var(--stzh-section-padding-left, 0px);\n  --padding-right: var(--stzh-section-padding-right, 0px);\n  --padding-top: var(--stzh-section-padding-top, #{spaceCurveValue('section-inner')});\n  --padding-bottom: var(--stzh-section-padding-bottom, #{spaceCurveValue('section-inner')});\n\n  --margin-top: var(--stzh-section-margin-top, 0px);\n  --margin-bottom: var(--stzh-section-margin-bottom, 0px);\n\n  @include mq($from: small) {\n    --padding-top: var(--stzh-section-padding-top, #{spaceCurveValue('section-inner', 'small')});\n    --padding-bottom: var(--stzh-section-padding-bottom, #{spaceCurveValue('section-inner', 'small')});\n  }\n\n  @include mq($from: large) {\n    --padding-top: var(--stzh-section-padding-top, #{spaceCurveValue('section-inner', 'large')});\n    --padding-bottom: var(--stzh-section-padding-bottom, #{spaceCurveValue('section-inner', 'large')});\n  }\n\n  margin-top: var(--margin-top);\n  margin-bottom: var(--margin-bottom);\n\n  ::slotted(stzh-heading) {\n    @include spaceCurve('margin-top', 'small');\n    @include spaceCurve('margin-bottom', 'small');\n    --stzh-heading-color: var(--heading-color);\n  }\n}\n\n/* Breakout */\n\n:host(:where([breakout]:not([breakout=\"default\"]))) {\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/* Background variants */\n\n:host(:where([background]:not([background=\"default\"]))) {\n  --padding-top: var(--stzh-section-background-padding-top, #{spaceCurveValue('background-section-inner')});\n  --padding-bottom: var(--stzh-section-background-padding-bottom, #{spaceCurveValue('background-section-inner')});\n\n  --margin-top: var(--stzh-section-background-margin-top, #{spaceCurveValue('background-section-outer')});\n  --margin-bottom: var(--stzh-section-background-margin-bottom, #{spaceCurveValue('background-section-outer')});\n\n  @include mq($from: small) {\n    --padding-top: var(--stzh-section-background-padding-top, #{spaceCurveValue('background-section-inner', 'small')});\n    --padding-bottom: var(--stzh-section-background-padding-bottom, #{spaceCurveValue('background-section-inner', 'small')});\n  }\n\n  @include mq($from: large) {\n    --padding-top: var(--stzh-section-background-padding-top, #{spaceCurveValue('background-section-inner', 'large')});\n    --padding-bottom: var(--stzh-section-background-padding-bottom, #{spaceCurveValue('background-section-inner', 'large')});\n\n    --margin-top: var(--stzh-section-background-margin-top, #{spaceCurveValue('background-section-outer', 'large')});\n    --margin-bottom: var(--stzh-section-background-margin-bottom, #{spaceCurveValue('background-section-outer', 'large')});\n  }\n}\n\n:host([background=\"secondary\"]) {\n  --background-color: #{$colorSecondary20};\n}\n\n:host([background=\"primary\"]) {\n  --background-color: #{$colorPrimary70};\n}\n\n/* Highlight variant */\n\n:host([variant=\"highlight\"]) {\n  @include spaceCurve('--padding-left', 'small');\n  @include spaceCurve('--padding-right', 'small');\n  @include spaceCurve('--padding-top', 'medium');\n  @include spaceCurve('--padding-bottom', 'medium');\n\n  --color: #{$sectionHighlightColor};\n  --background-color: #{$sectionHighlightBackgroundColor};\n  --heading-background-color: #{$colorSecondary40};\n\n  // disable nested section paddings and margins\n  --stzh-section-padding-top: 0px;\n  --stzh-section-padding-bottom: 0px;\n  --stzh-section-margin-top: 0px;\n  --stzh-section-margin-bottom: 0px;\n}\n\n/* Contextbox variant */\n\n:host([variant=\"contextbox\"]) {\n  @include spaceCurve('--padding-left', 'regular');\n  @include spaceCurve('--padding-right', 'regular');\n  @include spaceCurve('--padding-top', 'regular');\n  @include spaceCurve('--padding-bottom', 'regular');\n\n  --color: #{$sectionHighlightColor};\n  --background-color: #{$sectionHighlightBackgroundColor};\n  --heading-background-color: #{$colorSecondary40};\n\n  // disable nested section paddings and margins\n  --stzh-section-padding-top: 0px;\n  --stzh-section-padding-bottom: 0px;\n  --stzh-section-margin-top: 0px;\n  --stzh-section-margin-bottom: 0px;\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n}\n\n/* Greybox variant */\n\n:host([variant=\"greybox\"]) {\n  --background-color: #{$colorGrey10};\n  @include spaceCurve('--padding-left', 'large');\n  @include spaceCurve('--padding-right', 'large');\n  @include spaceCurve('--padding-top', 'regular');\n  @include spaceCurve('--padding-bottom', 'regular');\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n}\n\n:host([variant=\"poimax\"]) {\n  --background-color: #{$colorGrey10};\n  @include spaceCurve('--padding-left', 'regular');\n  @include spaceCurve('--padding-right', 'regular');\n  @include spaceCurve('--padding-top', 'regular');\n  @include spaceCurve('--padding-bottom', 'regular');\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n}\n\n/* Margin variants */\n\n:host([margin-top=\"none\"]) {\n  --margin-top: 0px;\n}\n\n:host([margin-bottom=\"none\"]) {\n  --margin-bottom: 0px;\n}\n\n/* Padding variants */\n\n:host([padding-top=\"none\"]) {\n  --padding-top: 0px;\n}\n\n:host([padding-bottom=\"none\"]) {\n  --padding-bottom: 0px;\n}\n\n.stzh-section {\n  background-color: var(--background-color);\n\n  &__heading {\n    display: flex;\n    flex-direction: column;\n    background-color: var(--heading-background-color);\n    padding-left: var(--padding-left);\n    padding-right: var(--padding-right);\n  }\n\n  &__wrapper {\n    padding-left: var(--padding-left);\n    padding-right: var(--padding-right);\n    padding-top: var(--padding-top);\n    padding-bottom: var(--padding-bottom);\n\n    --stzh-base-color: var(--color);\n  }\n\n  &--is-breakout &__outer {\n    @include container;\n  }\n}\n","import { Component, Host, Prop, h } from \"@stencil/core\";\n\n/**\n * @slot - Slot for any content\n * @slot heading - Slot for `stzh-heading` element\n */\n@Component({\n  tag: \"stzh-section\",\n  styleUrl: \"stzh-section.scss\",\n  shadow: true,\n})\nexport class StzhSection {\n  /** Variant */\n  @Prop({ reflect: true }) variant: \"default\" | \"highlight\" | \"contextbox\" | \"greybox\" | \"poimax\" = \"default\";\n\n  /** Background color */\n  @Prop({ reflect: true }) background: \"default\" | \"secondary\" = \"default\";\n\n  /** Margin top spacing */\n  @Prop({ reflect: true }) marginTop: \"default\" | \"none\" = \"default\";\n\n  /** Margin bottom spacing */\n  @Prop({ reflect: true }) marginBottom: \"default\" | \"none\" = \"default\";\n\n  /** Padding top spacing */\n  @Prop({ reflect: true }) paddingTop: \"default\" | \"none\" = \"default\";\n\n  /** Padding bottom spacing */\n  @Prop({ reflect: true }) paddingBottom: \"default\" | \"none\" = \"default\";\n\n  /** Whether to breakout container */\n  @Prop({ reflect: true }) breakout: boolean = false;\n\n  render() {\n    return (\n      <Host>\n        <section\n          class={{\n            \"stzh-section\": true,\n            [`stzh-section--is-breakout`]: this.breakout,\n            [`stzh-section--${this.variant}`]: !!this.variant,\n            [`stzh-section--margin-bottom-${this.marginBottom}`]: !!this.marginBottom,\n          }}\n        >\n          <div class=\"stzh-section__outer\">\n            <div class=\"stzh-section__heading\">\n              <slot name=\"heading\"></slot>\n            </div>\n            <div class=\"stzh-section__wrapper\">\n              <slot></slot>\n            </div>\n          </div>\n        </section>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAiB,4mX,MCWVC,EAAW,M,sCAE4E,U,gBAGnC,U,eAGN,U,kBAGG,U,gBAGF,U,mBAGG,U,cAGhB,K,CAE7C,MAAAC,GACE,OACEC,EAACC,EAAI,KACHD,EAAA,WACEE,MAAO,CACL,eAAgB,KAChB,CAAC,6BAA8BC,KAAKC,SACpC,CAAC,iBAAiBD,KAAKE,aAAcF,KAAKE,QAC1C,CAAC,+BAA+BF,KAAKG,kBAAmBH,KAAKG,eAG/DN,EAAA,OAAKE,MAAM,uBACTF,EAAA,OAAKE,MAAM,yBACTF,EAAA,QAAMO,KAAK,aAEbP,EAAA,OAAKE,MAAM,yBACTF,EAAA,gB"}

package/dist/stzh-components/p-b348bac5.entry.js

@@ -1,2 +0,0 @@
-import{r as s,h as t,a as e}from"./p-c7bfac7a.js";const h=".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>.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>.stzh-fieldset-row>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>.stzh-fieldset-row>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>.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-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-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-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-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-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-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-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-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-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-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{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>.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>.stzh-fieldset-row>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>.stzh-fieldset-row>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>.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-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-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-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-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-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-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-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-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-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-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{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>.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>.stzh-fieldset-row>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>.stzh-fieldset-row>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>.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-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-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-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-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-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-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-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-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-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-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{margin-bottom:var(--stzh-space-small)}}.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>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{margin-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.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>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>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{margin-bottom:var(--stzh-space-small)}}@media screen and (max-width: 899px){.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>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>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{margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.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>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>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{margin-bottom:var(--stzh-space-xxxxlarge)}}.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>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-actions{margin-top:var(--stzh-space-large);margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 600px){.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>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>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{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.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>stzh-actions,.sc-stzh-fieldset-h .sc-stzh-fieldset-s>stzh-actions{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 600px){.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>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>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{margin-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.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>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>: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>.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){margin-bottom:0}@media screen and (max-width: 599px){.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>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-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-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-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-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>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-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-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-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-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>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-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-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-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-radiogroup{margin-bottom:var(--stzh-space-small)}}@media screen and (max-width: 899px){.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-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-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-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-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>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-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-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-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-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>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-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-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-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-radiogroup{margin-bottom:var(--stzh-space-small)}}@media screen and (max-width: 599px){.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-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-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-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-radiogroup{margin-bottom:var(--stzh-space-xxsmall)}}@media screen and (max-width: 599px) and (min-width: 900px){.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-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-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-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-radiogroup{margin-bottom:var(--stzh-space-xsmall)}}@media screen and (max-width: 599px) and (min-width: 1260px){.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-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-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-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-radiogroup{margin-bottom:var(--stzh-space-small)}}@media screen and (max-width: 1259px){.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-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-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-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-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[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-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-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-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-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[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-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-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-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-radiogroup{margin-bottom:var(--stzh-space-small)}}@media screen and (max-width: 899px){.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-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-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-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-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[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-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-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-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-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[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-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-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-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-radiogroup{margin-bottom:var(--stzh-space-small)}}@media screen and (max-width: 599px){.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-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-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-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-radiogroup{margin-bottom:var(--stzh-space-xxsmall)}}@media screen and (max-width: 599px) and (min-width: 900px){.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-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-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-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-radiogroup{margin-bottom:var(--stzh-space-xsmall)}}@media screen and (max-width: 599px) and (min-width: 1260px){.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-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-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-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-radiogroup{margin-bottom:var(--stzh-space-small)}}.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);color:var(--stzh-color-primary70);padding:0;margin-bottom:var(--stzh-space-large)}@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--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}";const l=class{constructor(t){s(this,t);this.legend="";this.hideLegend=false;this.legendLevel="";this.legendCurve="auto"}render(){const s={"stzh-fieldset":true,"stzh-fieldset--hide-legend":this.hideLegend};return t(e,null,t("fieldset",{class:s},this.legend&&t("legend",{class:"stzh-fieldset__legend"},this.legendLevel?t("stzh-heading",{level:this.legendLevel,curve:this.legendCurve},this.legend):this.legend),t("div",{class:"stzh-fieldset__wrapper"},t("slot",null))))}};l.style=h;export{l as stzh_fieldset};
-//# sourceMappingURL=p-b348bac5.entry.js.map

package/dist/stzh-components/p-b348bac5.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stzhFieldsetCss","StzhFieldset","render","classes","this","hideLegend","h","Host","class","legend","legendLevel","level","curve","legendCurve"],"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  }\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(#{$fieldsetDescriptionMinHeight} + #{spaceCurveValue('tiny')});\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  }\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($to: small) {\n      @include spaceCurve('margin-bottom', 'tiny');\n    }\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($to: small) {\n      @include spaceCurve('margin-bottom', 'tiny');\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 {\n  Component,\n  Host,\n  Prop,\n  h,\n} 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\n                  level={this.legendLevel}\n                  curve={this.legendCurve}\n                >\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"],"mappings":"kDAAA,MAAMA,EAAkB,ywgC,MCiBXC,EAAY,M,qCAEE,G,gBAGK,M,iBAGoB,G,iBAGN,M,CAE5C,MAAAC,GACE,MAAMC,EAAU,CACd,gBAAiB,KACjB,6BAA8BC,KAAKC,YAGrC,OACEC,EAACC,EAAI,KACHD,EAAA,YAAUE,MAAOL,GACdC,KAAKK,QACJH,EAAA,UAAQE,MAAM,yBACXJ,KAAKM,YACJJ,EAAA,gBACEK,MAAOP,KAAKM,YACZE,MAAOR,KAAKS,aAEXT,KAAKK,QAGRL,KAAKK,QAIXH,EAAA,OAAKE,MAAM,0BACTF,EAAA,e"}

package/dist/stzh-components/p-ebd6dda5.js

@@ -1,2 +0,0 @@
-import{d as t}from"./p-9b063923.js";function e(t,e){if(e){return t.querySelector(`[slot="${e}"]`)!==null}return Array.from(s(t)).some((t=>{if(t.nodeType===t.TEXT_NODE&&t.textContent.trim()!==""){return true}if(t.nodeType===t.ELEMENT_NODE){const e=t;if(!e.hasAttribute("slot")){return true}}return false}))}function n(e,n){Object.keys(n).forEach((r=>{if(e.getAttribute(t(r))===null){e[r]=n[r]}}))}function r(t){if(!t||t.nodeType!==1){return false}return t.tagName.toLowerCase().indexOf("stzh-")===0}function i(t){const e=document.querySelector(`meta[name="${t}"],[property="${t}"]`);return e?e.getAttribute("content"):""}function s(t){const e=t.childNodes;if(t["s-sc"]){const t=[];for(let n=0;n<e.length;n++){const r=e[n]["s-nr"];if(r){t.push(r)}}return t}return Array.from(e)}function u(t){if(typeof t.checkVisibility!=="undefined"){return t.checkVisibility({checkOpacity:false,checkVisibilityCSS:false})}else{return!!(t.offsetWidth||t.offsetHeight||t.getClientRects().length)}}function c(t){if(!t.getClientRects().length){return{top:0,left:0}}let e=t.getBoundingClientRect();let n=t.ownerDocument.defaultView;return{top:e.top+n.pageYOffset,left:e.left+n.pageXOffset}}async function o(){return new Promise((t=>{requestAnimationFrame((()=>{t()}))}))}var f;(function(t){t["UNKNOWN"]="UNKNOWN";t["DEV"]="DEV";t["UAT"]="UAT";t["PROD"]="PROD"})(f||(f={}));function a(){const t=window.location.href;if(t.includes("test.stadt-zuerich.loc")||t.match(/\.dev\.cmp\.szh\.loc/)){return f.DEV}else if(t.includes("integ.stadt-zuerich.ch")||t.includes("stzh-desi-unic-preview.netlify.app")||t.match(/\.uat\.cmp\.szh\.loc/)){return f.UAT}else if(t.includes("https://www.stadt-zuerich.ch")||t.includes("designsystem.stadt-zuerich.ch")||t.match(/\.cmp\.szh\.loc/)){return f.PROD}else{return f.UNKNOWN}}function l(t){t.forEach((t=>{var e;if((e=t.textContent)===null||e===void 0?void 0:e.includes("_")){t.innerHTML=t.textContent.replace(/_/g,"_<wbr>")}}))}export{i as a,u as b,l as c,a as g,e as h,r as i,c as o,o as r,n as s};
-//# sourceMappingURL=p-ebd6dda5.js.map

package/dist/stzh-components/p-ebd6dda5.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["hasSlot","el","name","querySelector","Array","from","childNodes","some","node","nodeType","TEXT_NODE","textContent","trim","ELEMENT_NODE","hasAttribute","setPropsIfNull","element","attributes","Object","keys","forEach","attribute","getAttribute","dashCase","isStzhElement","tagName","toLowerCase","indexOf","getMeta","meta","document","result","i","length","slot","push","isVisible","checkVisibility","checkOpacity","checkVisibilityCSS","offsetWidth","offsetHeight","getClientRects","offset","top","left","rect","getBoundingClientRect","win","ownerDocument","defaultView","pageYOffset","pageXOffset","async","raf","Promise","resolve","requestAnimationFrame","StzhEnvironmentEnum","getStzhEnvironment","url","window","location","href","includes","match","DEV","UAT","PROD","UNKNOWN","addWordBreakToLinks","links","link","_a","innerHTML","replace"],"sources":["src/utils/utils.ts"],"sourcesContent":["import { dashCase } from \"./string-utils\";\n\n// Determines whether an element has a slot. If name is specified, the function will look for a corresponding named\n// slot, otherwise it will look for a \"default\" slot (e.g. a non-empty text node or an element with no slot attribute).\nexport function hasSlot(el: HTMLElement, name?: string) {\n  // Look for a named slot\n  if (name) {\n    return el.querySelector(`[slot=\"${name}\"]`) !== null;\n  }\n\n  // Look for a default slot\n  return Array.from(childNodes(el)).some((node) => {\n    if (node.nodeType === node.TEXT_NODE && node.textContent.trim() !== \"\") {\n      return true;\n    }\n\n    if (node.nodeType === node.ELEMENT_NODE) {\n      const el = node as HTMLElement;\n      if (!el.hasAttribute(\"slot\")) {\n        return true;\n      }\n    }\n\n    return false;\n  });\n}\n\nexport function setPropsIfNull(element: Element, attributes: any) {\n  Object.keys(attributes).forEach((attribute) => {\n    if (element.getAttribute(dashCase(attribute)) === null) {\n      element[attribute] = attributes[attribute];\n    }\n  });\n}\n\nexport function isStzhElement(element: Element) {\n  if (!element || element.nodeType !== 1) {\n    return false;\n  }\n\n  return element.tagName.toLowerCase().indexOf(\"stzh-\") === 0;\n}\n\n// returns content of <meta name=\"\" content=\"\"> tags or '' if empty/non existant\nexport function getMeta(name) {\n  const meta = document.querySelector(\n    `meta[name=\"${name}\"],[property=\"${name}\"]`\n  );\n  return meta ? meta.getAttribute(\"content\") : \"\";\n}\n\nexport function parents(node: Element | Node) {\n  const parents = [];\n\n  while (node) {\n    parents.unshift(node);\n    node = node.parentNode;\n  }\n\n  return parents;\n}\n\nexport function childNodes(node: Element) {\n  const childNodes = node.childNodes;\n\n  // check if element is stencil element without shadow dom\n  // and then detect elements that were slotted into the element\n  if (node[\"s-sc\"]) {\n    const result = [];\n\n    for (let i = 0; i < childNodes.length; i++) {\n      const slot = childNodes[i][\"s-nr\"];\n\n      if (slot) {\n        result.push(slot);\n      }\n    }\n\n    return result;\n  }\n\n  return Array.from(childNodes);\n}\n\nexport function isVisible(element: HTMLElement): boolean {\n  // @ts-ignore\n  if (typeof element.checkVisibility !== \"undefined\") {\n    // @ts-ignore\n    return element.checkVisibility({\n      checkOpacity: false,\n      checkVisibilityCSS: false,\n    });\n  } else {\n    return !!(\n      element.offsetWidth ||\n      element.offsetHeight ||\n      element.getClientRects().length\n    );\n  }\n}\n\nexport function offset(element): { top: number; left: number } {\n  if (!element.getClientRects().length) {\n    return { top: 0, left: 0 };\n  }\n\n  let rect = element.getBoundingClientRect();\n  let win = element.ownerDocument.defaultView;\n\n  return {\n    top: rect.top + win.pageYOffset,\n    left: rect.left + win.pageXOffset,\n  };\n}\n\nexport async function raf() {\n  return new Promise<void>((resolve) => {\n    requestAnimationFrame(() => {\n      resolve();\n    });\n  });\n}\n\nexport async function setTimeout(time: number) {\n  return new Promise<void>((resolve) => {\n    window.setTimeout(() => {\n      resolve();\n    }, time);\n  });\n}\n\nexport enum StzhEnvironmentEnum {\n  UNKNOWN = \"UNKNOWN\",\n  DEV = \"DEV\",\n  UAT = \"UAT\",\n  PROD = \"PROD\",\n}\n\nexport function getStzhEnvironment(): StzhEnvironmentEnum {\n  const url = window.location.href;\n  if (\n    url.includes(\"test.stadt-zuerich.loc\") ||\n    url.match(/\\.dev\\.cmp\\.szh\\.loc/)\n  ) {\n    return StzhEnvironmentEnum.DEV;\n  } else if (\n    url.includes(\"integ.stadt-zuerich.ch\") ||\n    url.includes(\"stzh-desi-unic-preview.netlify.app\") ||\n    url.match(/\\.uat\\.cmp\\.szh\\.loc/)\n  ) {\n    return StzhEnvironmentEnum.UAT;\n  } else if (\n    url.includes(\"https://www.stadt-zuerich.ch\") ||\n    url.includes(\"designsystem.stadt-zuerich.ch\") ||\n    url.match(/\\.cmp\\.szh\\.loc/)\n  ) {\n    return StzhEnvironmentEnum.PROD;\n  } else {\n    return StzhEnvironmentEnum.UNKNOWN;\n  }\n}\n\nexport function addWordBreakToLinks(links: HTMLElement[]) {\n  links.forEach((link) => {\n    if (link.textContent?.includes(\"_\")) {\n      link.innerHTML = link.textContent.replace(/_/g, \"_<wbr>\");\n    }\n  });\n}\n\n// `extras.experimentalSlotFixes` stencil config flag resolves cloning light dom elements\n// so our own cloneElement / cloneWrappedStzhElement helpers are not needed right now\n// (used before in cardlist and sortable component).\n\n// export function children(node: Element) {\n//   return childNodes(node).map((n: any) => n.nodeType === 1);\n// }\n\n// const nativeCloneNodeFn = Node.prototype.cloneNode;\n\n// export function cloneElement(node: Element, deep: boolean) {\n//   const clonedNode = nativeCloneNodeFn.call(node, false);\n//   const srcChildNodes = childNodes(node);\n\n//   if (deep) {\n//     for (let i = 0; i < srcChildNodes.length; i++) {\n//       if (srcChildNodes[i].nodeType !== 2) {\n//         const childClone = cloneElement(srcChildNodes[i], true);\n//         clonedNode.appendChild(childClone);\n//       }\n//     }\n//   }\n\n//   return clonedNode;\n// }\n\n// // Clone an stzh-* element that is using stencil polyfilled slots (no shadow dom)\n// // and potentially wrapped in normal elements (e.g. angular component)\n// export function cloneWrappedStzhElement(elementToClone: Element): [Element, Element, Element] {\n//   let clonedElement: Element;\n//   let clonedStzhElement: Element;\n//   let originalStzhElement: Element;\n\n//   if (isStzhElement(elementToClone)) {\n//     clonedElement = cloneElement(elementToClone, true);\n//     clonedStzhElement = clonedElement;\n//     originalStzhElement = elementToClone;\n//   } else {\n//     clonedElement = elementToClone.cloneNode() as Element;\n\n//     let clonedInnerElementLast: Element = clonedElement;\n//     let originalInnerElementLast: Element = elementToClone;\n\n//     // clone inner root elements separately until we find a stzh element\n//     while (originalInnerElementLast.children.length === 1 && !isStzhElement(originalInnerElementLast.children[0])) {\n//       originalInnerElementLast = originalInnerElementLast.children[0];\n//       const clonedInnerElementCurrent = originalInnerElementLast.cloneNode() as Element;\n\n//       clonedInnerElementLast.appendChild(clonedInnerElementCurrent);\n//       clonedInnerElementLast = clonedInnerElementCurrent;\n//     }\n\n//     if (isStzhElement(originalInnerElementLast.children[0])) {\n//       clonedStzhElement = cloneElement(originalInnerElementLast.children[0], true);\n//       originalStzhElement = originalInnerElementLast.children[0];\n//       clonedInnerElementLast.appendChild(clonedStzhElement);\n//     } else {\n//       // no root stzh element found, so we give up and just deep clone the root\n//       clonedElement = cloneElement(elementToClone, true);\n//     }\n//   }\n\n//   return [clonedElement, clonedStzhElement, originalStzhElement];\n// }\n"],"mappings":"6CAIgBA,EAAQC,EAAiBC,GAEvC,GAAIA,EAAM,CACR,OAAOD,EAAGE,cAAc,UAAUD,SAAc,I,CAIlD,OAAOE,MAAMC,KAAKC,EAAWL,IAAKM,MAAMC,IACtC,GAAIA,EAAKC,WAAaD,EAAKE,WAAaF,EAAKG,YAAYC,SAAW,GAAI,CACtE,OAAO,I,CAGT,GAAIJ,EAAKC,WAAaD,EAAKK,aAAc,CACvC,MAAMZ,EAAKO,EACX,IAAKP,EAAGa,aAAa,QAAS,CAC5B,OAAO,I,EAIX,OAAO,KAAK,GAEhB,C,SAEgBC,EAAeC,EAAkBC,GAC/CC,OAAOC,KAAKF,GAAYG,SAASC,IAC/B,GAAIL,EAAQM,aAAaC,EAASF,MAAgB,KAAM,CACtDL,EAAQK,GAAaJ,EAAWI,E,IAGtC,C,SAEgBG,EAAcR,GAC5B,IAAKA,GAAWA,EAAQP,WAAa,EAAG,CACtC,OAAO,K,CAGT,OAAOO,EAAQS,QAAQC,cAAcC,QAAQ,WAAa,CAC5D,C,SAGgBC,EAAQ1B,GACtB,MAAM2B,EAAOC,SAAS3B,cACpB,cAAcD,kBAAqBA,OAErC,OAAO2B,EAAOA,EAAKP,aAAa,WAAa,EAC/C,C,SAagBhB,EAAWE,GACzB,MAAMF,EAAaE,EAAKF,WAIxB,GAAIE,EAAK,QAAS,CAChB,MAAMuB,EAAS,GAEf,IAAK,IAAIC,EAAI,EAAGA,EAAI1B,EAAW2B,OAAQD,IAAK,CAC1C,MAAME,EAAO5B,EAAW0B,GAAG,QAE3B,GAAIE,EAAM,CACRH,EAAOI,KAAKD,E,EAIhB,OAAOH,C,CAGT,OAAO3B,MAAMC,KAAKC,EACpB,C,SAEgB8B,EAAUpB,GAExB,UAAWA,EAAQqB,kBAAoB,YAAa,CAElD,OAAOrB,EAAQqB,gBAAgB,CAC7BC,aAAc,MACdC,mBAAoB,O,KAEjB,CACL,SACEvB,EAAQwB,aACRxB,EAAQyB,cACRzB,EAAQ0B,iBAAiBT,O,CAG/B,C,SAEgBU,EAAO3B,GACrB,IAAKA,EAAQ0B,iBAAiBT,OAAQ,CACpC,MAAO,CAAEW,IAAK,EAAGC,KAAM,E,CAGzB,IAAIC,EAAO9B,EAAQ+B,wBACnB,IAAIC,EAAMhC,EAAQiC,cAAcC,YAEhC,MAAO,CACLN,IAAKE,EAAKF,IAAMI,EAAIG,YACpBN,KAAMC,EAAKD,KAAOG,EAAII,YAE1B,CAEOC,eAAeC,IACpB,OAAO,IAAIC,SAAeC,IACxBC,uBAAsB,KACpBD,GAAS,GACT,GAEN,CAUA,IAAYE,GAAZ,SAAYA,GACVA,EAAA,qBACAA,EAAA,aACAA,EAAA,aACAA,EAAA,cACD,EALD,CAAYA,MAAmB,K,SAOfC,IACd,MAAMC,EAAMC,OAAOC,SAASC,KAC5B,GACEH,EAAII,SAAS,2BACbJ,EAAIK,MAAM,wBACV,CACA,OAAOP,EAAoBQ,G,MACtB,GACLN,EAAII,SAAS,2BACbJ,EAAII,SAAS,uCACbJ,EAAIK,MAAM,wBACV,CACA,OAAOP,EAAoBS,G,MACtB,GACLP,EAAII,SAAS,iCACbJ,EAAII,SAAS,kCACbJ,EAAIK,MAAM,mBACV,CACA,OAAOP,EAAoBU,I,KACtB,CACL,OAAOV,EAAoBW,O,CAE/B,C,SAEgBC,EAAoBC,GAClCA,EAAMnD,SAASoD,I,MACb,IAAIC,EAAAD,EAAK7D,eAAW,MAAA8D,SAAA,SAAAA,EAAET,SAAS,KAAM,CACnCQ,EAAKE,UAAYF,EAAK7D,YAAYgE,QAAQ,KAAM,S,IAGtD,Q"}