@oiz/stzh-components 3.0.0-beta5 → 3.0.0

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

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

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

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

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

@@ -1,2 +0,0 @@
-import{r as t,c as s,h as e,F as i,a as r,g as a}from"./p-c7bfac7a.js";const o=".sc-stzh-breadcrumb-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-breadcrumb-h{display:none}.sc-stzh-breadcrumb-h::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-breadcrumb-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-breadcrumb-h *.sc-stzh-breadcrumb,.sc-stzh-breadcrumb-h *.sc-stzh-breadcrumb::before,.sc-stzh-breadcrumb-h *.sc-stzh-breadcrumb::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-breadcrumb-h .has-focus.sc-stzh-breadcrumb{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-breadcrumb-h .stzh-fylingfocus-focused.sc-stzh-breadcrumb{outline-style:none !important}.sc-stzh-breadcrumb-h .stzh-fylingfocus-focused.sc-stzh-breadcrumb::-moz-focus-inner{border:0 !important}.sc-stzh-breadcrumb-h{overflow:hidden;--color:var(--stzh-color-primary70)}[variant=teaser].sc-stzh-breadcrumb-h{--color:var(--stzh-color-grey80)}.stzh-breadcrumb.sc-stzh-breadcrumb{font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing);color:var(--color)}.stzh-breadcrumb__list.sc-stzh-breadcrumb,.stzh-breadcrumb__item.sc-stzh-breadcrumb,.stzh-breadcrumb__item-link.sc-stzh-breadcrumb{display:flex;align-items:center}.stzh-breadcrumb__list.sc-stzh-breadcrumb{list-style:none;margin:0;padding:0;white-space:nowrap}.stzh-breadcrumb__item.is-expand.sc-stzh-breadcrumb .stzh-breadcrumb__item-link.sc-stzh-breadcrumb{cursor:pointer}.stzh-breadcrumb__item.is-hidden.sc-stzh-breadcrumb{position:absolute;visibility:hidden}.stzh-breadcrumb__item.is-last.sc-stzh-breadcrumb .stzh-breadcrumb__item-link.sc-stzh-breadcrumb{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-breadcrumb__item.is-first.sc-stzh-breadcrumb .stzh-breadcrumb__item-label.sc-stzh-breadcrumb{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-breadcrumb__item-link.sc-stzh-breadcrumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;text-decoration:none;color:inherit}.stzh-breadcrumb__item-link.is-link.sc-stzh-breadcrumb{cursor:pointer;transition:color var(--stzh-base-transition-animation-speed)}.stzh-breadcrumb__item-link.is-link.sc-stzh-breadcrumb:hover{color:var(--stzh-color-primary90)}.stzh-breadcrumb__item-icon.sc-stzh-breadcrumb{margin-right:var(--stzh-space-xxsmall)}.stzh-breadcrumb__item-icon.is-separator.sc-stzh-breadcrumb{--size:var(--stzh-icon-size-small)}.stzh-breadcrumb__item-label-hidden.sc-stzh-breadcrumb{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-breadcrumb--is-expanded.sc-stzh-breadcrumb .stzh-breadcrumb__list.sc-stzh-breadcrumb{flex-wrap:wrap;white-space:initial}.stzh-breadcrumb--teaser.sc-stzh-breadcrumb{font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height)}";const h=1;const n=1;const c=class{constructor(e){t(this,e);this.stzhItemClick=s(this,"stzhItemClick",7);this.updateContainer=()=>{if(!this.navElement||!this.itemSizes){return}const t=this.navElement.clientWidth;const s=this.itemSizes.reduce(((t,s,e)=>{if(e===h){return t}else{return t+s[1]}}),0);if(s>=t&&this.itemSizes.length>2&&!this.expanded){const e=[];const i=this.itemSizes[h][1];let r=h+n;let a=s;do{const t=this.itemSizes[r];e.push(t[0]);a=a-t[1];r=r+n}while(a+i>=t&&r<this.itemSizes.length);this.hasHiddenItems=true;this.itemSizes.forEach((([t],s)=>{if(s===h){t.classList.remove("is-hidden")}else{t.classList.toggle("is-hidden",e.includes(t))}}))}else{this.hasHiddenItems=false;this.itemSizes.forEach((([t],s)=>{if(s===h){t.classList.add("is-hidden")}else{t.classList.remove("is-hidden")}}))}};this.updateItems=()=>{if(!this.navElement){return}const t=Array.from(this.navElement.querySelectorAll(".stzh-breadcrumb__item"));this.itemSizes=[];t.forEach((t=>{const{width:s}=t.getBoundingClientRect();this.itemSizes.push([t,s])}));this.updateContainer()};this.handleContainerResize=()=>{if(this.debounceResize){window.cancelAnimationFrame(this.debounceResize)}this.debounceResize=requestAnimationFrame(this.updateContainer)};this.handleItemResize=()=>{if(this.debounceResizeItems){window.cancelAnimationFrame(this.debounceResizeItems)}this.debounceResizeItems=requestAnimationFrame(this.updateItems)};this.handleExpandClick=()=>{this.expanded=true;const t=Array.from(this.navElement.querySelectorAll(".stzh-breadcrumb__item-link"));t[2].focus()};this.localization=undefined;this.variant="default";this.items=[];this.expanded=false;this.hasHiddenItems=false}itemsWatcher(t){if(!t){this._items=[]}else if(typeof t==="string"){try{this._items=JSON.parse(t)}catch(t){this._items=[]}}else{this._items=t}}expandedWatcher(){this.updateContainer()}handleClick(t,s){this.stzhItemClick.emit({component:"stzh-breadcrumb",item:t,originalEvent:s})}async componentWillLoad(){this.itemsWatcher(this.items);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"breadcrumb")}}componentDidRender(){this.resizeObserver.observe(this.navElement);const t=this.navElement.querySelectorAll(".stzh-breadcrumb__item");t.forEach((t=>{this.resizeItemsObserver.observe(t)}))}connectedCallback(){this.resizeObserver=new ResizeObserver(this.handleContainerResize);this.resizeItemsObserver=new ResizeObserver(this.handleItemResize)}disconnectedCallback(){if(this.resizeObserver){this.resizeObserver.disconnect()}if(this.resizeItemsObserver){this.resizeItemsObserver.disconnect()}}render(){const t={"stzh-breadcrumb":true,"stzh-breadcrumb--is-expanded":this.expanded,"stzh-breadcrumb--has-hidden-items":this.hasHiddenItems,[`stzh-breadcrumb--${this.variant}`]:!!this.variant,rs_skip:true};return e(r,null,e("div",{class:t},e("nav",{ref:t=>this.navElement=t,class:"stzh-breadcrumb__nav",role:"navigation","aria-label":this.localization.title},e("ol",{class:"stzh-breadcrumb__list"},this._items.map(((t,s)=>e(i,null,e("li",{class:{"stzh-breadcrumb__item":true,"is-last":s+1===this._items.length,"is-first":s===0}},e("a",{"aria-current":s+1===this._items.length?"page":null,href:t.href,onClick:s=>this.handleClick(t,s),class:{"stzh-breadcrumb__item-link":true,"is-link":!!t.href}},s===0?e("stzh-icon",{class:"stzh-breadcrumb__item-icon",name:"home"}):e("stzh-icon",{class:"stzh-breadcrumb__item-icon is-separator",name:"angle-right"}),e("span",{class:"stzh-breadcrumb__item-label"},t.label))),s===0&&e("li",{class:"stzh-breadcrumb__item is-expand"},e("button",{class:"stzh-breadcrumb__item-link",onClick:this.handleExpandClick},e("stzh-icon",{class:"stzh-breadcrumb__item-icon is-separator",name:"angle-right"}),e("span",{class:"stzh-breadcrumb__item-label"},e("span",{"aria-hdiden":"true"},this.localization.expandLabel),e("span",{class:"stzh-breadcrumb__item-label-hidden"},this.localization.expandHiddenLabel)))))))))))}get element(){return a(this)}static get watchers(){return{items:["itemsWatcher"],expanded:["expandedWatcher"]}}};c.style=o;const l=".sc-stzh-tag-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-tag-h{display:none}.sc-stzh-tag-h::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-tag-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-tag-h *.sc-stzh-tag,.sc-stzh-tag-h *.sc-stzh-tag::before,.sc-stzh-tag-h *.sc-stzh-tag::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-tag-h .has-focus.sc-stzh-tag{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-tag-h .stzh-fylingfocus-focused.sc-stzh-tag{outline-style:none !important}.sc-stzh-tag-h .stzh-fylingfocus-focused.sc-stzh-tag::-moz-focus-inner{border:0 !important}.sc-stzh-tag-h{--color:var(--stzh-tag-color, var(--stzh-color-secondary50));--height:1.5rem;--padding-top:0;--padding-bottom:0;--padding-left:var(--stzh-space-small);--padding-right:var(--stzh-space-small);--background-color:var(--stzh-tag-background-color, var(--stzh-color-grey20));--hover-color:var(--stzh-tag-hover-color, var(--stzh-color-secondary60));--hover-background-color:var(--stzh-tag-hover-background-color, var(--background-color));display:inline-flex}[size=large].sc-stzh-tag-h{--height:2rem}[type=secondary].sc-stzh-tag-h{--color:var(--stzh-tag-secondary-color, var(--stzh-color-white));--background-color:var(--stzh-tag-secondary-background-color, var(--stzh-color-secondary50));--hover-color:var(--stzh-tag-secondary-hover-color, var(--stzh-color-white));--hover-background-color:var(--stzh-tag-secondary-hover-background-color, var(--background-color))}[non-interactive].sc-stzh-tag-h:not([non-interactive=false]){--hover-color:var(--color);--hover-background-color:var(--background-color)}[disabled].sc-stzh-tag-h:not([disabled=false]){--color:var(--stzh-tag-disabled-color, var(--stzh-color-grey70));--background-color:var(--stzh-tag-disabled-background-color, var(--stzh-color-grey20));--hover-color:var(--color);--hover-background-color:var(--background-color)}.stzh-tag.sc-stzh-tag{position:relative}.stzh-tag__button.sc-stzh-tag{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height);font-family:inherit;height:var(--height);display:flex;flex-direction:row;align-items:center;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);padding-left:var(--padding-left);padding-right:var(--padding-right);color:var(--color);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background-color:var(--background-color);transition-duration:var(--stzh-base-transition-animation-speed);transition-property:color, background-color;-webkit-text-decoration-line:none;text-decoration-line:none}.stzh-tag__button.is-button.sc-stzh-tag,.stzh-tag__button.is-link.sc-stzh-tag{cursor:pointer}.stzh-tag__label.sc-stzh-tag{text-align:left}.stzh-tag__button.sc-stzh-tag:hover{color:var(--hover-color);background-color:var(--hover-background-color)}.stzh-tag--size-large.sc-stzh-tag .stzh-tag__button.sc-stzh-tag{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-milli-font-size);line-height:var(--stzh-font-milli-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}.stzh-tag--is-disabled.sc-stzh-tag .stzh-tag__button.sc-stzh-tag{cursor:not-allowed}";const d=class{constructor(e){t(this,e);this.stzhClick=s(this,"stzhClick",7);this.stzhFocus=s(this,"stzhFocus",7);this.stzhBlur=s(this,"stzhBlur",7);this.focusedByInput=false;this.onRootFocus=()=>{if(!this.focusedByInput){this.tag.focus()}this.focusedByInput=false};this.onFocus=t=>{this.focusedByInput=true;const s=new FocusEvent("focus",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(s);this.stzhFocus.emit({component:"stzh-tag",originalEvent:t})};this.onBlur=t=>{const s=new FocusEvent("blur",{view:window,bubbles:false,cancelable:false});this.element.dispatchEvent(s);this.stzhBlur.emit({component:"stzh-tag",originalEvent:t})};this.onClick=t=>{this.stzhClick.emit({component:"stzh-tag",originalEvent:t,href:this.href})};this.label="";this.href="";this.target="";this.nonInteractive=false;this.type="default";this.size="default";this.disabled=false;this.a11yTabindex=undefined;this.a11yLabel=undefined;this.a11yDescribedby="";this.analyticsId=undefined;this.removeAnalyticsId=undefined}componentDidRender(){requestAnimationFrame((()=>{var t;if(!this.nonInteractive){(t=this.tag)===null||t===void 0?void 0:t.setAttribute("s-object-id",this.analyticsId||this.text.innerText)}}))}renderInner(){return e(i,null,e("stzh-clamp",{lines:1,class:"stzh-tag__label",ref:t=>this.text=t},this.label?this.label:e("slot",null)))}render(){const t={"stzh-tag":true,"stzh-tag--is-disabled":this.disabled,[`stzh-tag--size-${this.size}`]:!!this.size,[`stzh-tag--${this.type}`]:!!this.type};const s=this.nonInteractive?"div":this.href?"a":"button";return e(r,{tabindex:this.disabled?null:"-1",onFocus:this.onRootFocus},e("div",{class:t},this.href?e(s,{ref:t=>this.tag=t,class:{"stzh-tag__button":true,"is-button":!this.nonInteractive&&!this.href,"is-link":!this.nonInteractive&&!!this.href},href:this.disabled?null:this.href,target:this.target,tabindex:this.a11yTabindex,"aria-label":this.a11yLabel||null,"aria-describedby":this.a11yDescribedby||null,onClick:this.onClick,onFocus:this.onFocus,onBlur:this.onBlur},this.renderInner()):e(s,{ref:t=>this.tag=t,class:{"stzh-tag__button":true,"is-button":!this.nonInteractive&&!this.href,"is-link":!this.nonInteractive&&!!this.href},disabled:this.disabled,type:"button",tabindex:this.a11yTabindex,"aria-label":this.a11yLabel||null,"aria-describedby":this.a11yDescribedby||null,onClick:this.onClick,onFocus:this.onFocus,onBlur:this.onBlur},this.renderInner())))}get element(){return a(this)}};d.style=l;export{c as stzh_breadcrumb,d as stzh_tag};
-//# sourceMappingURL=p-bd2a2c30.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["stzhBreadcrumbCss","ITEM_EXPAND_INDEX","SHRINK_DIRECTION","StzhBreadcrumb","this","updateContainer","navElement","itemSizes","containerWidth","clientWidth","totalItemsWidthWithoutExpandItem","reduce","previous","item","index","length","expanded","hideItems","expandItemWidth","currentIndexToHide","totalItemsShownWidthWithoutExpandItem","current","push","hasHiddenItems","forEach","classList","remove","toggle","includes","add","updateItems","items","Array","from","querySelectorAll","width","getBoundingClientRect","handleContainerResize","debounceResize","window","cancelAnimationFrame","requestAnimationFrame","handleItemResize","debounceResizeItems","handleExpandClick","itemLinks","focus","itemsWatcher","newValue","_items","JSON","parse","e","expandedWatcher","handleClick","originalEvent","stzhItemClick","emit","component","componentWillLoad","localization","stzhComponents","utils","fetchTranslations","element","componentDidRender","resizeObserver","observe","resizeItemsObserver","connectedCallback","ResizeObserver","disconnectedCallback","disconnect","render","classes","variant","rs_skip","h","Host","class","ref","el","role","title","map","Fragment","href","onClick","name","label","expandLabel","expandHiddenLabel","stzhTagCss","StzhTag","focusedByInput","onRootFocus","tag","onFocus","event","focusEvent","FocusEvent","view","bubbles","cancelable","dispatchEvent","stzhFocus","onBlur","blurEvent","stzhBlur","stzhClick","nonInteractive","_a","setAttribute","analyticsId","text","innerText","renderInner","lines","disabled","size","type","Tag","tabindex","target","a11yTabindex","a11yLabel","a11yDescribedby"],"sources":["src/components/stzh-breadcrumb/stzh-breadcrumb.scss?tag=stzh-breadcrumb&encapsulation=scoped","src/components/stzh-breadcrumb/stzh-breadcrumb.tsx","src/components/stzh-tag/stzh-tag.scss?tag=stzh-tag&encapsulation=scoped","src/components/stzh-tag/stzh-tag.tsx"],"sourcesContent":[":host {\n  overflow: hidden;\n  --color: #{$colorPrimary70};\n\n  &[variant=\"teaser\"] {\n    --color: #{$colorGrey80};\n  }\n}\n\n.stzh-breadcrumb {\n  @include fontSize('milli');\n  color: var(--color);\n\n  &__list,\n  &__item,\n  &__item-link {\n    display: flex;\n    align-items: center;\n  }\n\n  &__list {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    white-space: nowrap;\n  }\n\n  &__item.is-expand &__item-link {\n    cursor: pointer;\n  }\n\n  &__item.is-hidden {\n    position: absolute;\n    visibility: hidden;\n  }\n\n  &__item.is-last &__item-link {\n    @include font('heavy');\n  }\n\n  &__item.is-first &__item-label {\n    @include visuallyhidden;\n  }\n\n  &__item-link {\n    appearance: none;\n    background-color: transparent;\n    border: none;\n    text-decoration: none;\n    color: inherit;\n  }\n\n  &__item-link.is-link {\n    cursor: pointer;\n    transition: color $baseTransitionAnimationSpeed;\n\n    &:hover {\n      color: $colorPrimary90;\n    }\n  }\n\n  &__item-icon {\n    margin-right: space('xxsmall');\n\n    &.is-separator {\n      --size: #{iconSize('small')};\n    }\n  }\n\n  &__item-label-hidden {\n    @include visuallyhidden;\n  }\n\n  /* Expanded variant */\n\n  &--is-expanded &__list {\n    flex-wrap: wrap;\n    white-space: initial;\n  }\n\n  /* Teaser variant */\n\n  &--teaser {\n    @include fontSize('micro');\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n  Watch,\n  State,\n  Fragment, Event, EventEmitter,\n} from \"@stencil/core\";\n\nimport { StzhBreadcrumbItem, StzhBreadcrumbItemClickEvent } from \"../../index\";\n\nimport { StzhBreadcrumbLocalizedText } from \"./stzh-breadcrumb.localization\";\n\nconst ITEM_EXPAND_INDEX = 1;\nconst SHRINK_DIRECTION = 1; // 1 = removes item to the right / -1 = removes item to the left\n\n/**\n * @slot - Slot for e.g. image or video\n */\n@Component({\n  tag: \"stzh-breadcrumb\",\n  styleUrl: \"stzh-breadcrumb.scss\",\n  scoped: true\n})\nexport class StzhBreadcrumb {\n  /** Translation strings */\n  @Prop() localization: StzhBreadcrumbLocalizedText;\n\n  /** Variant */\n  @Prop({ reflect: true }) variant: \"default\" | \"teaser\" = \"default\";\n\n  /** Breadcrumb items */\n  @Prop() items: StzhBreadcrumbItem[] | string = [];\n  private _items: StzhBreadcrumbItem[];\n\n  /** Whether all items are shown (true) or everything should fit into one line and not wrap (false, default) */\n  @Prop({ mutable: true, reflect: true }) expanded: boolean = false;\n\n  @Element() element: HTMLStzhBreadcrumbElement;\n\n  @Watch(\"items\")\n  itemsWatcher(newValue: StzhBreadcrumbItem[] | string) {\n    if (!newValue) {\n      this._items = [];\n    } else if (typeof newValue === \"string\") {\n      try {\n        this._items = JSON.parse(newValue);\n      } catch (e) {\n        this._items = [];\n      }\n    } else {\n      this._items = newValue;\n    }\n  }\n\n  @Watch(\"expanded\")\n  expandedWatcher() {\n    this.updateContainer();\n  }\n\n  /** Item click event */\n  @Event() stzhItemClick: EventEmitter<StzhBreadcrumbItemClickEvent>;\n\n  @State() hasHiddenItems: boolean = false;\n\n  private navElement: HTMLElement;\n  private itemSizes: [HTMLElement, number][];\n\n  private debounceResize: number;\n  private resizeObserver: ResizeObserver;\n  private debounceResizeItems: number;\n  private resizeItemsObserver: ResizeObserver;\n\n  private handleClick(item: StzhBreadcrumbItem, originalEvent: MouseEvent) {\n    this.stzhItemClick.emit({\n      component: \"stzh-breadcrumb\",\n      item,\n      originalEvent\n    })\n  }\n\n  private updateContainer = () => {\n    if (!this.navElement || !this.itemSizes) {\n      return;\n    }\n\n    const containerWidth = this.navElement.clientWidth;\n\n    const totalItemsWidthWithoutExpandItem = this.itemSizes\n      .reduce((previous, item, index) => {\n        if (index === ITEM_EXPAND_INDEX) {\n          return previous;\n        } else {\n          return previous + item[1];\n        }\n      }, 0);\n\n    if (totalItemsWidthWithoutExpandItem >= containerWidth && this.itemSizes.length > 2 && !this.expanded) {\n      const hideItems = [];\n\n      const expandItemWidth = this.itemSizes[ITEM_EXPAND_INDEX][1];\n      let currentIndexToHide = ITEM_EXPAND_INDEX + SHRINK_DIRECTION;\n      let totalItemsShownWidthWithoutExpandItem = totalItemsWidthWithoutExpandItem;\n\n      do {\n        const current = this.itemSizes[currentIndexToHide];\n        hideItems.push(current[0]);\n        totalItemsShownWidthWithoutExpandItem = totalItemsShownWidthWithoutExpandItem - current[1];\n        currentIndexToHide = currentIndexToHide + SHRINK_DIRECTION;\n      } while (\n        totalItemsShownWidthWithoutExpandItem + expandItemWidth >= containerWidth\n        && currentIndexToHide < this.itemSizes.length\n      );\n\n      this.hasHiddenItems = true;\n\n      this.itemSizes.forEach(([item], index) => {\n        if (index === ITEM_EXPAND_INDEX) {\n          item.classList.remove('is-hidden');\n        } else {\n          item.classList.toggle('is-hidden', hideItems.includes(item));\n        }\n      });\n    } else {\n      this.hasHiddenItems = false;\n\n      this.itemSizes.forEach(([item], index) => {\n        if (index === ITEM_EXPAND_INDEX) {\n          item.classList.add('is-hidden');\n        } else {\n          item.classList.remove('is-hidden');\n        }\n      });\n    }\n  }\n\n  private updateItems = () => {\n    if (!this.navElement) {\n      return;\n    }\n\n    // TODO: current updates all item sizes, but could be optimized only to update really resized items with using passed ResizeObserver entries\n    const items = Array.from(this.navElement.querySelectorAll('.stzh-breadcrumb__item')) as HTMLElement[];\n    this.itemSizes = [];\n\n    items.forEach((item) => {\n      const { width } = item.getBoundingClientRect();\n      this.itemSizes.push([item, width]);\n    })\n\n    this.updateContainer();\n  }\n\n  private handleContainerResize = () => {\n    if (this.debounceResize) {\n      window.cancelAnimationFrame(this.debounceResize);\n    }\n\n    this.debounceResize = requestAnimationFrame(this.updateContainer);\n  }\n\n  private handleItemResize = () => {\n    if (this.debounceResizeItems) {\n      window.cancelAnimationFrame(this.debounceResizeItems);\n    }\n\n    this.debounceResizeItems = requestAnimationFrame(this.updateItems);\n  }\n\n  private handleExpandClick = () => {\n    this.expanded = true;\n\n    const itemLinks = Array.from(this.navElement.querySelectorAll('.stzh-breadcrumb__item-link')) as HTMLElement[];\n    itemLinks[2].focus();\n  }\n\n  async componentWillLoad() {\n    this.itemsWatcher(this.items);\n\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"breadcrumb\");\n    }\n  }\n\n  componentDidRender() {\n    this.resizeObserver.observe(this.navElement);\n\n    const items = this.navElement.querySelectorAll('.stzh-breadcrumb__item');\n    items.forEach((item) => {\n      this.resizeItemsObserver.observe(item);\n    });\n  }\n\n  connectedCallback() {\n    this.resizeObserver = new ResizeObserver(this.handleContainerResize);\n    this.resizeItemsObserver = new ResizeObserver(this.handleItemResize);\n  }\n\n  disconnectedCallback() {\n    if (this.resizeObserver) {\n      this.resizeObserver.disconnect();\n    }\n\n    if (this.resizeItemsObserver) {\n      this.resizeItemsObserver.disconnect();\n    }\n  }\n\n  render() {\n    const classes = {\n      \"stzh-breadcrumb\": true,\n      \"stzh-breadcrumb--is-expanded\": this.expanded,\n      \"stzh-breadcrumb--has-hidden-items\": this.hasHiddenItems,\n      [`stzh-breadcrumb--${this.variant}`]: !!this.variant,\n      \"rs_skip\": true // will prevent component being read by readspeaker\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <nav\n            ref={(el) => (this.navElement = el as HTMLElement)}\n            class=\"stzh-breadcrumb__nav\"\n            role=\"navigation\"\n            aria-label={this.localization.title}\n          >\n            <ol class=\"stzh-breadcrumb__list\">\n              {this._items.map((item, index) =>\n                <Fragment>\n                  <li\n                    class={{\n                      \"stzh-breadcrumb__item\": true,\n                      \"is-last\": index + 1 === this._items.length,\n                      \"is-first\": index === 0,\n                    }}\n                  >\n                    <a\n                      aria-current={index + 1 === this._items.length ? \"page\" : null}\n                      href={item.href}\n                      onClick={(e) => this.handleClick(item, e)}\n                      class={{\n                        \"stzh-breadcrumb__item-link\": true,\n                        \"is-link\": !!item.href\n                      }}\n                    >\n                      {index === 0 ?\n                        <stzh-icon\n                          class=\"stzh-breadcrumb__item-icon\"\n                          name=\"home\"\n                        ></stzh-icon>\n                      :\n                        <stzh-icon\n                          class=\"stzh-breadcrumb__item-icon is-separator\"\n                          name=\"angle-right\"\n                        ></stzh-icon>\n                      }\n                      <span class=\"stzh-breadcrumb__item-label\">\n                        {item.label}\n                      </span>\n                    </a>\n                  </li>\n                  {index === 0 &&\n                    <li class=\"stzh-breadcrumb__item is-expand\">\n                      <button class=\"stzh-breadcrumb__item-link\" onClick={this.handleExpandClick}>\n                        <stzh-icon\n                          class=\"stzh-breadcrumb__item-icon is-separator\"\n                          name=\"angle-right\"\n                        ></stzh-icon>\n                        <span class=\"stzh-breadcrumb__item-label\">\n                          <span aria-hdiden=\"true\">\n                            {this.localization.expandLabel}\n                          </span>\n                          <span class=\"stzh-breadcrumb__item-label-hidden\">\n                            {this.localization.expandHiddenLabel}\n                          </span>\n                        </span>\n                      </button>\n                    </li>\n                  }\n                </Fragment>\n              )}\n            </ol>\n          </nav>\n        </div>\n      </Host>\n    );\n  }\n}\n",":host {\n  --color: var(--stzh-tag-color, #{$colorSecondary50});\n  --height: 24px;\n  --padding-top: 0;\n  --padding-bottom: 0;\n  --padding-left: #{space('small')};\n  --padding-right: #{space('small')};\n  --background-color: var(--stzh-tag-background-color, #{$colorGrey20});\n\n  --hover-color: var(--stzh-tag-hover-color, #{$colorSecondary60});\n  --hover-background-color: var(--stzh-tag-hover-background-color, var(--background-color));\n\n  display: inline-flex;\n\n  &[size=\"large\"] {\n    --height: 32px;\n  }\n\n  &[type=\"secondary\"] {\n    --color: var(--stzh-tag-secondary-color, #{$colorWhite});\n    --background-color: var(--stzh-tag-secondary-background-color, #{$colorSecondary50});\n\n    --hover-color: var(--stzh-tag-secondary-hover-color, #{$colorWhite});\n    --hover-background-color: var(--stzh-tag-secondary-hover-background-color, var(--background-color));\n  }\n\n  &[non-interactive]:not([non-interactive=\"false\"]) {\n    --hover-color: var(--color);\n    --hover-background-color: var(--background-color);\n  }\n\n  &[disabled]:not([disabled=\"false\"]) {\n    --color: var(--stzh-tag-disabled-color, #{$colorGrey70});\n    --background-color: var(--stzh-tag-disabled-background-color, #{$colorGrey20});\n\n    --hover-color: var(--color);\n    --hover-background-color: var(--background-color);\n  }\n}\n\n.stzh-tag {\n  position: relative;\n\n  &__button {\n    @include fontSize('nano');\n    font-family: inherit;\n    height: var(--height);\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    padding-top: var(--padding-top);\n    padding-bottom: var(--padding-bottom);\n    padding-left: var(--padding-left);\n    padding-right: var(--padding-right);\n    color: var(--color);\n    appearance: none;\n    border: none;\n    background-color: var(--background-color);\n    transition-duration: $baseTransitionAnimationSpeed;\n    transition-property: color, background-color;\n    text-decoration-line: none;\n\n    &.is-button,\n    &.is-link {\n      cursor: pointer;\n    }\n  }\n\n  &__label {\n    text-align: left;\n  }\n\n  &__button:hover {\n    color: var(--hover-color);\n    background-color: var(--hover-background-color);\n  }\n\n  /* Size */\n\n  &--size-large &__button {\n    @include font('heavy');\n    @include fontSize('milli');\n  }\n\n  /* Disabled */\n\n  &--is-disabled &__button {\n    cursor: not-allowed;\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Event,\n  EventEmitter,\n  Element,\n  Fragment\n} from \"@stencil/core\";\n\nimport {\n  StzhTagType,\n  StzhTagSize,\n  StzhTagClickEvent,\n  StzhTagFocusEvent,\n  StzhTagBlurEvent\n} from \"../../index\";\n\n/**\n * @slot - Slot for label\n */\n@Component({\n  tag: \"stzh-tag\",\n  styleUrl: \"stzh-tag.scss\",\n  scoped: true\n})\nexport class StzhTag {\n  /** Label */\n  @Prop() label: string = \"\";\n\n  /** `href` if the tag should be used as link  */\n  @Prop() href: string = \"\";\n\n  /** Target if the button is used as link (if `href` used)  */\n  @Prop() target: string = \"\";\n\n  /** Whether tag is not interactive */\n  @Prop({ reflect: true }) nonInteractive: boolean = false;\n\n  /** Type */\n  @Prop({ reflect: true }) type: StzhTagType = \"default\";\n\n  /** Size */\n  @Prop({ reflect: true }) size: StzhTagSize = \"default\";\n\n  /** Disabled */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /** Tabindex of link/button */\n  @Prop({ attribute: \"a11y-tabindex\" }) a11yTabindex: string;\n\n  /** Accessible label for screen readers to replace visible text */\n  @Prop({ attribute: \"a11y-label\" }) a11yLabel: string;\n\n  /** Id for element which describes the link/button */\n  @Prop({ attribute: \"a11y-describedby\" }) a11yDescribedby: string = \"\";\n\n  /**\n   * For Adobe Analytics.\n   * Will be rendered as value of `s-object-id` attribute to the link/button element.\n   * Default value will be taken from `label` prop or default slot.\n   */\n  @Prop() analyticsId: string;\n\n  /**\n   * For Adobe Analytics.\n   * Will be rendered as value of `s-object-id` attribute to the remove button element.\n   * Default value will be taken from `removeLabel` prop.\n   */\n  @Prop() removeAnalyticsId: string;\n\n  @Element() element: HTMLStzhTagElement;\n\n  /** Click event */\n  @Event() stzhClick: EventEmitter<StzhTagClickEvent>;\n\n  /** Focus event */\n  @Event() stzhFocus: EventEmitter<StzhTagFocusEvent>;\n\n  /** Input blur event */\n  @Event() stzhBlur: EventEmitter<StzhTagBlurEvent>;\n\n  private tag: HTMLButtonElement | HTMLAnchorElement | HTMLDivElement;\n  private text: HTMLElement;\n  private focusedByInput: boolean = false;\n\n  componentDidRender() {\n    requestAnimationFrame(() => {\n      if (!this.nonInteractive) {\n        this.tag?.setAttribute(\"s-object-id\", this.analyticsId || this.text.innerText);\n      }\n    });\n  }\n\n  private renderInner(): DocumentFragment {\n    return (\n      <Fragment>\n        <stzh-clamp\n          lines={1}\n          class=\"stzh-tag__label\"\n          ref={(el) => (this.text = el as HTMLElement)}\n        >\n          {this.label ? this.label : <slot></slot>}\n        </stzh-clamp>\n      </Fragment>\n    );\n  }\n\n  private onRootFocus = () => {\n    if (!this.focusedByInput) {\n      this.tag.focus();\n    }\n\n    this.focusedByInput = false;\n  }\n\n  private onFocus = (event: FocusEvent) => {\n    this.focusedByInput = true;\n\n    const focusEvent = new FocusEvent(\"focus\", {\n      view: window,\n      bubbles: false,\n      cancelable: false\n    });\n\n    this.element.dispatchEvent(focusEvent);\n    this.stzhFocus.emit({\n      component: \"stzh-tag\",\n      originalEvent: event\n    });\n  }\n\n  private onBlur = (event: FocusEvent) => {\n    const blurEvent = new FocusEvent(\"blur\", {\n      view: window,\n      bubbles: false,\n      cancelable: false\n    });\n\n    this.element.dispatchEvent(blurEvent);\n    this.stzhBlur.emit({\n      component: \"stzh-tag\",\n      originalEvent: event\n    });\n  }\n\n  private onClick = (event: MouseEvent) => {\n    this.stzhClick.emit({\n      component: \"stzh-tag\",\n      originalEvent: event,\n      href: this.href\n    });\n  }\n\n  render() {\n    const classes = {\n      \"stzh-tag\": true,\n      \"stzh-tag--is-disabled\": this.disabled,\n      [`stzh-tag--size-${this.size}`]: !!this.size,\n      [`stzh-tag--${this.type}`]: !!this.type\n    };\n\n    const Tag = this.nonInteractive ? \"div\" :\n      this.href ? \"a\" : \"button\";\n\n    return (\n      <Host tabindex={this.disabled ? null : \"-1\"} onFocus={this.onRootFocus}>\n        <div class={classes}>\n          {this.href ?\n            <Tag\n              ref={(el) => (this.tag = el as HTMLAnchorElement)}\n              class={{\n                \"stzh-tag__button\": true,\n                \"is-button\": !this.nonInteractive && !this.href,\n                \"is-link\": !this.nonInteractive && !!this.href\n              }}\n              href={this.disabled ? null : this.href}\n              target={this.target}\n              tabindex={this.a11yTabindex}\n              aria-label={this.a11yLabel || null}\n              aria-describedby={this.a11yDescribedby || null}\n              onClick={this.onClick}\n              onFocus={this.onFocus}\n              onBlur={this.onBlur}\n            >\n              {this.renderInner()}\n            </Tag>\n            :\n            <Tag\n              ref={(el) => (this.tag = el as HTMLButtonElement | HTMLDivElement)}\n              class={{\n                \"stzh-tag__button\": true,\n                \"is-button\": !this.nonInteractive && !this.href,\n                \"is-link\": !this.nonInteractive && !!this.href\n              }}\n              disabled={this.disabled}\n              type=\"button\"\n              tabindex={this.a11yTabindex}\n              aria-label={this.a11yLabel || null}\n              aria-describedby={this.a11yDescribedby || null}\n              onClick={this.onClick}\n              onFocus={this.onFocus}\n              onBlur={this.onBlur}\n            >\n              {this.renderInner()}\n            </Tag>\n          }\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

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

@@ -1,2 +0,0 @@
-import{r as s,h as t,a as o,g as c}from"./p-c7bfac7a.js";import{s as i}from"./p-7e304ea3.js";import"./p-9b063923.js";const n=".sc-stzh-actions-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-actions-h{display:none}.sc-stzh-actions-h::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-actions-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-actions-h *.sc-stzh-actions,.sc-stzh-actions-h *.sc-stzh-actions::before,.sc-stzh-actions-h *.sc-stzh-actions::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-actions-h .has-focus.sc-stzh-actions{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-actions-h .stzh-fylingfocus-focused.sc-stzh-actions{outline-style:none !important}.sc-stzh-actions-h .stzh-fylingfocus-focused.sc-stzh-actions::-moz-focus-inner{border:0 !important}.sc-stzh-actions-h .sc-stzh-actions-s>[slot=primary],.sc-stzh-actions-h .sc-stzh-actions-s>[slot=secondary]{flex-grow:1;margin:calc(var(--stzh-space-medium) / 2)}.stzh-actions__actions.sc-stzh-actions{display:flex;flex-direction:column;margin:calc(var(--stzh-space-medium) / -2)}@media screen and (min-width: 600px){.stzh-actions__actions.sc-stzh-actions{flex-direction:row}}.stzh-actions__primary-actions.sc-stzh-actions,.stzh-actions__secondary-actions.sc-stzh-actions{display:flex}.stzh-actions--process.sc-stzh-actions .stzh-actions__actions.sc-stzh-actions{justify-content:space-between}.stzh-actions--search.sc-stzh-actions .stzh-actions__actions.sc-stzh-actions{justify-content:flex-end}";const a=class{constructor(t){s(this,t);this.init=()=>{const s=this.element.querySelectorAll('stzh-button[slot="secondary"], [slot="secondary"] stzh-button');s.forEach((s=>{i(s,{variant:"secondary"})}))};this.variant="form"}connectedCallback(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}render(){const s={"stzh-actions":true,[`stzh-actions--${this.variant}`]:!!this.variant};return t(o,null,t("div",{class:s},t("div",{class:"stzh-actions__actions",role:"group"},t("div",{class:"stzh-actions__secondary-actions"},t("slot",{name:"secondary"})),t("div",{class:"stzh-actions__primary-actions"},t("slot",{name:"primary"})))))}get element(){return c(this)}};a.style=n;export{a as stzh_actions};
-//# sourceMappingURL=p-beec9a0a.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["stzhActionsCss","StzhActions","this","init","secondaryButtons","element","querySelectorAll","forEach","button","setPropsIfNull","variant","connectedCallback","observer","MutationObserver","observe","childList","subtree","disconnectedCallback","disconnect","render","classes","h","Host","class","role","name"],"sources":["src/components/stzh-actions/stzh-actions.scss?tag=stzh-actions&encapsulation=scoped","src/components/stzh-actions/stzh-actions.tsx"],"sourcesContent":[":host {\n  ::slotted([slot=\"primary\"]),\n  ::slotted([slot=\"secondary\"]) {\n    flex-grow: 1;\n    margin: calc(#{space('medium')} / 2);\n  }\n\n  // &[variant=\"cta\"] ::slotted([slot=\"primary\"]),\n  // &[variant=\"cta\"] ::slotted([slot=\"secondary\"]) {\n  //   flex-grow: 0;\n  // }\n}\n\n.stzh-actions {\n  &__actions {\n    display: flex;\n    flex-direction: column;\n    margin: calc(#{space('medium')} / -2);\n\n    @include mq($from: small) {\n      flex-direction: row;\n    }\n  }\n\n  &__primary-actions,\n  &__secondary-actions {\n    display: flex;\n  }\n\n  // &--dialog &__actions {\n  //   justify-content: flex-end;\n  // }\n\n  &--process &__actions {\n    justify-content: space-between;\n  }\n\n  &--search &__actions {\n    justify-content: flex-end;\n  }\n}\n","import {\n  Component,\n  Host,\n  Prop,\n  h,\n  Element\n} from \"@stencil/core\";\n\nimport { setPropsIfNull } from \"../../utils/utils\";\n\n/**\n * @slot primary - Slot for primary button\n * @slot secondary - Slot for secondary button\n */\n@Component({\n  tag: \"stzh-actions\",\n  styleUrl: \"stzh-actions.scss\",\n  scoped: true\n})\nexport class StzhActions {\n  /** Variant determining what position the action buttons are */\n  @Prop({ reflect: true }) variant: \"form\" | \"dialog\" | \"process\" | \"cta\" = \"form\";\n\n  @Element() element: HTMLStzhActionsElement;\n\n  private observer: MutationObserver;\n\n  private init = () => {\n    const secondaryButtons = this.element.querySelectorAll(\n      'stzh-button[slot=\"secondary\"], [slot=\"secondary\"] stzh-button'\n    );\n\n    secondaryButtons.forEach((button) => {\n      setPropsIfNull(button, {\n        variant: \"secondary\"\n      } as HTMLStzhButtonElement)\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 classes = {\n      \"stzh-actions\": true,\n      [`stzh-actions--${this.variant}`]: !!this.variant\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <div class=\"stzh-actions__actions\" role=\"group\">\n            <div class=\"stzh-actions__secondary-actions\">\n              <slot name=\"secondary\"></slot>\n            </div>\n            <div class=\"stzh-actions__primary-actions\">\n              <slot name=\"primary\"></slot>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"qHAAA,MAAMA,EAAiB,s4D,MCmBVC,EAAW,M,yBAQdC,KAAAC,KAAO,KACb,MAAMC,EAAmBF,KAAKG,QAAQC,iBACpC,iEAGFF,EAAiBG,SAASC,IACxBC,EAAeD,EAAQ,CACrBE,QAAS,aACgB,GAC3B,E,aAfsE,M,CAkB1E,iBAAAC,GACET,KAAKC,OAELD,KAAKU,SAAW,IAAIC,iBAAiBX,KAAKC,MAC1CD,KAAKU,SAASE,QAAQZ,KAAKG,QAAS,CAClCU,UAAW,KACXC,QAAS,M,CAIb,oBAAAC,GACE,GAAIf,KAAKU,SAAU,CACjBV,KAAKU,SAASM,Y,EAIlB,MAAAC,GACE,MAAMC,EAAU,CACd,eAAgB,KAChB,CAAC,iBAAiBlB,KAAKQ,aAAcR,KAAKQ,SAG5C,OACEW,EAACC,EAAI,KACHD,EAAA,OAAKE,MAAOH,GACVC,EAAA,OAAKE,MAAM,wBAAwBC,KAAK,SACtCH,EAAA,OAAKE,MAAM,mCACTF,EAAA,QAAMI,KAAK,eAEbJ,EAAA,OAAKE,MAAM,iCACTF,EAAA,QAAMI,KAAK,e"}

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

@@ -1,2 +0,0 @@
-import{r as t,c as s,h as e,a as o,g as i}from"./p-c7bfac7a.js";import{h}from"./p-7e304ea3.js";import{c}from"./p-9b063923.js";import{S as r}from"./p-fc692303.js";const n=".sc-stzh-checkboxgroup-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-checkboxgroup-h{display:none}.sc-stzh-checkboxgroup-h::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-checkboxgroup-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-checkboxgroup-h *.sc-stzh-checkboxgroup,.sc-stzh-checkboxgroup-h *.sc-stzh-checkboxgroup::before,.sc-stzh-checkboxgroup-h *.sc-stzh-checkboxgroup::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-checkboxgroup-h .has-focus.sc-stzh-checkboxgroup{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-checkboxgroup-h .stzh-fylingfocus-focused.sc-stzh-checkboxgroup{outline-style:none !important}.sc-stzh-checkboxgroup-h .stzh-fylingfocus-focused.sc-stzh-checkboxgroup::-moz-focus-inner{border:0 !important}[disabled].sc-stzh-checkboxgroup-h:not([disabled=false]){--description-color:var(--stzh-color-grey70)}.stzh-checkboxgroup.sc-stzh-checkboxgroup{margin:0;padding:0;border:none}.stzh-checkboxgroup__marker-symbol.sc-stzh-checkboxgroup{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium)}.stzh-checkboxgroup__marker-text.sc-stzh-checkboxgroup{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-checkboxgroup__description-wrapper.sc-stzh-checkboxgroup{display:flex;flex-direction:column-reverse;min-height:var(--description-min-height, var(--stzh-description-min-height, none))}.stzh-checkboxgroup__error.sc-stzh-checkboxgroup,.stzh-checkboxgroup__description.sc-stzh-checkboxgroup{font-size:var(--stzh-font-nano-font-size);line-height:var(--stzh-font-nano-text-line-height)}.stzh-checkboxgroup__error.sc-stzh-checkboxgroup{color:var(--stzh-color-error60)}.stzh-checkboxgroup__error-list.sc-stzh-checkboxgroup{list-style:none;margin:0;padding:0}.stzh-checkboxgroup__description.sc-stzh-checkboxgroup{display:flex;align-items:flex-start;color:var(--stzh-input-description-color, var(--description-color, var(--stzh-color-coolgrey70)));transition:color var(--stzh-base-transition-animation-speed)}.stzh-checkboxgroup__description-long.sc-stzh-checkboxgroup{margin-right:var(--stzh-space-xxsmall);margin-top:0.125rem}@supports (font: -apple-system-body) and (-webkit-appearance: none){.stzh-checkboxgroup__description-long.sc-stzh-checkboxgroup{margin-top:0}}.stzh-checkboxgroup__description-long-popover.sc-stzh-checkboxgroup{--width:auto;--max-width:27.3125rem}.stzh-checkboxgroup__description-long-button.sc-stzh-checkboxgroup{display:flex;justify-content:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:inherit;padding:0;border:none;background-color:transparent;border-radius:0.5rem;cursor:pointer}.stzh-checkboxgroup.sc-stzh-checkboxgroup stzh-icon.stzh-checkboxgroup__description-long-icon.sc-stzh-checkboxgroup{--size:var(--stzh-icon-size-xsmall)}.stzh-checkboxgroup--has-error.sc-stzh-checkboxgroup .stzh-checkboxgroup__error.sc-stzh-checkboxgroup,.stzh-checkboxgroup--has-description.sc-stzh-checkboxgroup .stzh-checkboxgroup__description.sc-stzh-checkboxgroup{margin-top:var(--stzh-space-xxxsmall)}.stzh-checkboxgroup__fields.sc-stzh-checkboxgroup{display:flex;align-items:flex-start;flex-direction:column;gap:var(--stzh-space-medium)}.stzh-checkboxgroup__legend.sc-stzh-checkboxgroup{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy);font-size:var(--stzh-font-micro-font-size);line-height:var(--stzh-font-micro-text-line-height);color:var(--stzh-heading-color);padding:0;margin-bottom:var(--stzh-space-xsmall)}.stzh-checkboxgroup--hide-legend.sc-stzh-checkboxgroup .stzh-checkboxgroup__legend.sc-stzh-checkboxgroup{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-checkboxgroup--direction-horizontal.sc-stzh-checkboxgroup .stzh-checkboxgroup__fields.sc-stzh-checkboxgroup{flex-wrap:wrap;flex-direction:row;row-gap:var(--stzh-space-medium);-moz-column-gap:var(--stzh-space-xxlarge);column-gap:var(--stzh-space-xxlarge)}";let a=0;const p=class{constructor(e){t(this,e);this.stzhChange=s(this,"stzhChange",7);this._value=[];this._preventUpdateProperties=[];this.handleReset=async()=>{this.value=[...this.defaultValue]};this.init=()=>{this.checkboxes=Array.from(this.element.querySelectorAll("stzh-checkbox"));this.updateCheckboxesProperty("a11y-describedby",`${this.checkboxgroupId}-description`);this.watchValue(this.value);this.watchName(this.name);this.watchDisabled(this.disabled);this.watchInvalid(this.invalid);this.watchHideOptional(this.hideOptional)};this.localization=undefined;this.disabled=false;this.name=undefined;this.legend=undefined;this.hideLegend=false;this.invalid=false;this.hideOptional=false;this.value="";this.defaultValue=[];this.direction="vertical";this.description=undefined;this.descriptionLong=undefined;this.descriptionLongTitle=undefined;this.error=undefined;this.checkedCheckbox=null;this.preventUpdateProperties=[]}watchName(t){this.updateCheckboxesProperty("name",t)}watchDisabled(t){this.updateCheckboxesProperty("disabled",t)}watchInvalid(t){this.updateCheckboxesProperty("invalid",t)}watchHideOptional(t){this.updateCheckboxesProperty("hideOptional",t)}watchValue(t){if(typeof t==="string"){this._value=JSON.parse(t)}else{this._value=t}if(JSON.stringify(this._value)!==JSON.stringify(this.value)){this.value=this._value}this.updateCheckedCheckboxByValue(this._value)}errorWatcher(t){if(typeof t==="string"){try{this._error=JSON.parse(t)}catch(s){if(t){this._error=[t]}else{this._error=[]}}}else if(t){this._error=t}else{this._error=[]}}preventUpdatePropertiesWatcher(t){if(typeof t==="string"){this._preventUpdateProperties=JSON.parse(t)}else{this._preventUpdateProperties=t}}resetListener(t){if(t.target.contains(this.element)){requestAnimationFrame((()=>{this.handleReset()}))}}onChange(t){if(t.detail.component==="stzh-checkbox"){if(t.detail.checked){this._value.push(t.detail.value)}else{this._value=this._value.filter((s=>s!==t.detail.value))}t.stopPropagation();this.value=this._value;this.stzhChange.emit({component:"stzh-checkboxgroup",value:this._value})}}updateCheckboxesProperty(t,s){this.checkboxes.forEach((e=>{if(t==="name"||this._preventUpdateProperties.indexOf(t)===-1){e[c(t)]=s}}))}updateCheckedCheckboxByValue(t){this.checkedCheckbox=this.checkboxes.filter((s=>t.indexOf(s.value)>-1));this.checkboxes.forEach((s=>s.checked=t.indexOf(s.value)>-1))}async componentWillLoad(){this.checkboxgroupId=`stzh-checkboxgroup-${a++}`;this.errorWatcher(this.error);this.preventUpdatePropertiesWatcher(this.preventUpdateProperties);if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"checkboxgroup")}}componentShouldUpdate(t,s,e){return e!=="checkedCheckbox"}componentDidRender(){this.init()}componentDidLoad(){this.defaultValue=this.defaultValue.length>0?this.defaultValue:[...this._value]}connectedCallback(){if(!this.value.length){this.checkboxes=Array.from(this.element.querySelectorAll("stzh-checkbox"));this.value=this.checkboxes.filter((t=>t.checked)).map((t=>t.value))}this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){if(this.observer){this.observer.disconnect()}}render(){var t;const s=h(this.element,"description")||!!this.description;const i=h(this.element,"description-long")||!!this.descriptionLong;const c=h(this.element,"error")||((t=this._error)===null||t===void 0?void 0:t.length)>0;const n={"stzh-checkboxgroup":true,"stzh-checkboxgroup--has-description":s,"stzh-checkboxgroup--has-description-long":i,"stzh-checkboxgroup--has-error":c,"stzh-checkboxgroup--is-disabled":this.disabled,"stzh-checkboxgroup--is-invalid":this.invalid||c,"stzh-checkboxgroup--hide-legend":this.hideLegend,[`stzh-checkboxgroup--direction-${this.direction}`]:!!this.direction};return e(o,{"is-invalid":this.invalid||c},e("fieldset",{class:n},this.legend&&e("legend",{class:"stzh-checkboxgroup__legend"},this.legend),e("div",{class:"stzh-checkboxgroup__fields"},e("slot",null)),e(r,{classPrefix:"stzh-checkboxgroup",id:`${this.checkboxgroupId}-description`,error:this._error,description:this.description,descriptionLong:this.descriptionLong,descriptionLongTitle:this.descriptionLongTitle,descriptionLongUsed:i,moreInfoButtonLabel:this.localization.$globals.moreInfoButtonLabel})))}get element(){return i(this)}static get watchers(){return{name:["watchName"],disabled:["watchDisabled"],invalid:["watchInvalid"],hideOptional:["watchHideOptional"],value:["watchValue"],error:["errorWatcher"],preventUpdateProperties:["preventUpdatePropertiesWatcher"]}}};p.style=n;export{p as stzh_checkboxgroup};
-//# sourceMappingURL=p-c774915c.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["stzhCheckboxgroupCss","checkboxgroupCounter","StzhCheckboxgroup","this","_value","_preventUpdateProperties","handleReset","async","value","defaultValue","init","checkboxes","Array","from","element","querySelectorAll","updateCheckboxesProperty","checkboxgroupId","watchValue","watchName","name","watchDisabled","disabled","watchInvalid","invalid","watchHideOptional","hideOptional","newValue","JSON","parse","stringify","updateCheckedCheckboxByValue","errorWatcher","_error","e","preventUpdatePropertiesWatcher","resetListener","event","target","contains","requestAnimationFrame","onChange","detail","component","checked","push","filter","stopPropagation","stzhChange","emit","prop","forEach","checkbox","indexOf","camelCase","checkedCheckbox","componentWillLoad","error","preventUpdateProperties","localization","window","stzhComponents","utils","fetchTranslations","componentShouldUpdate","_newValue","_oldValue","componentDidRender","componentDidLoad","length","connectedCallback","map","observer","MutationObserver","observe","childList","subtree","disconnectedCallback","disconnect","render","descriptionUsed","hasSlot","description","descriptionLongUsed","descriptionLong","errorUsed","_a","classes","hideLegend","direction","h","Host","class","legend","StzhInputDescription","classPrefix","id","descriptionLongTitle","moreInfoButtonLabel","$globals"],"sources":["src/components/stzh-checkboxgroup/stzh-checkboxgroup.scss?tag=stzh-checkboxgroup&encapsulation=scoped","src/components/stzh-checkboxgroup/stzh-checkboxgroup.tsx"],"sourcesContent":[":host {\n  &[disabled]:not([disabled=\"false\"]) {\n    --description-color: #{$formDisabledColor};\n  }\n}\n\n.stzh-checkboxgroup {\n  @include input-description;\n  margin: 0;\n  padding: 0;\n  border: none;\n\n  &__fields {\n    display: flex;\n    align-items: flex-start;\n    flex-direction: column;\n    gap: space('medium');\n  }\n\n  &__legend {\n    @include font('heavy');\n    @include fontSize('micro');\n    color: $headingColor;\n    padding: 0;\n    margin-bottom: space('xsmall');\n  }\n\n  &--hide-legend &__legend {\n    @include visuallyhidden;\n  }\n\n  &--direction-horizontal &__fields {\n    flex-wrap: wrap;\n    flex-direction: row;\n    row-gap: space('medium');\n    column-gap: space('xxlarge');\n  }\n}\n","import {\n  Host,\n  Component,\n  Prop,\n  Element,\n  Watch,\n  Event,\n  h,\n  Listen,\n  EventEmitter,\n} from \"@stencil/core\";\n\nimport { hasSlot } from \"../../utils/utils\";\n\nimport { StzhCheckboxChangeEvent, StzhCheckboxgroupChangeEvent } from \"../../index\";\nimport { camelCase } from \"../../utils/string-utils\";\nimport { StzhLocaleComponent } from \"../../utils/translation-utils\";\n\nimport { StzhInputDescription } from \"../stzh-input/stzh-input-description\";\n\nlet checkboxgroupCounter = 0;\n\n/**\n * @slot - Slot for `stzh-checkbox` elements\n * @slot description - Slot for description\n * @slot description-long - Slot for long description (in popover)\n * @slot description-long-title - Slot for long description title (in popover) / instead of descriptionLongTitle or description property\n * @slot error - Slot for error\n */\n@Component({\n  tag: \"stzh-checkboxgroup\",\n  styleUrl: \"stzh-checkboxgroup.scss\",\n  scoped: true\n})\nexport class StzhCheckboxgroup {\n  /** Translation strings */\n  @Prop() localization: StzhLocaleComponent;\n\n  /** Whether the element is disabled or not */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /** The name of the input checkbox elements */\n  @Prop({ reflect: true }) name: string;\n\n  /** The legend */\n  @Prop() legend: string;\n\n  /** Hide legend to show only for screenreaders */\n  @Prop({ reflect: true }) hideLegend: boolean = false;\n\n  /** Invalid status */\n  @Prop({ reflect: true }) invalid: boolean = false;\n\n  /** Hide `(optional)` label (or use `required` inside form ot hide it) */\n  @Prop({ reflect: true }) hideOptional: boolean = false;\n\n  /** The selected values of the checkboxgroup  */\n  @Prop({ mutable: true }) value: string[] | string = \"\";\n  private _value: string[] = [];\n\n  /** Default value (used by reset) */\n  @Prop({ mutable: true }) defaultValue: string[] = [];\n\n  /** Direction */\n  @Prop({ reflect: true }) direction: \"vertical\" | \"horizontal\" = \"vertical\";\n\n  /** Description message (use description slot as alternative) */\n  @Prop() description: string;\n\n  /** Long description message appearing in a popover (use description-long slot as alternative) */\n  @Prop() descriptionLong: string;\n\n  /** Long description title appearing in a popover (use description-long-title slot as or description property alternative) */\n  @Prop() descriptionLongTitle: string;\n\n  /** One or multiple error message (use error slot as alternative) */\n  @Prop() error: string | string[];\n  private _error: string[];\n\n  /** Current checked checkbox elements (readonly) */\n  @Prop() checkedCheckbox: HTMLStzhCheckboxElement[] | null = null;\n\n  /** Prevent updating certain properties of radio elements (possible values inside array: disabled, invalid) */\n  @Prop() preventUpdateProperties: string[] | string = [];\n  private _preventUpdateProperties: string[] = [];\n\n  /** Host element */\n  @Element() element: HTMLElement;\n\n  @Watch(\"name\")\n  watchName(newValue: string) {\n    this.updateCheckboxesProperty(\"name\", newValue);\n  }\n\n  @Watch(\"disabled\")\n  watchDisabled(newValue: boolean) {\n    this.updateCheckboxesProperty(\"disabled\", newValue);\n  }\n\n  @Watch(\"invalid\")\n  watchInvalid(newValue: boolean) {\n    this.updateCheckboxesProperty(\"invalid\", newValue);\n  }\n\n  @Watch(\"hideOptional\")\n  watchHideOptional(newValue: boolean) {\n    this.updateCheckboxesProperty(\"hideOptional\", newValue)\n  }\n\n  @Watch(\"value\")\n  watchValue(newValue: string[] | string) {\n    if (typeof newValue === \"string\") {\n      this._value = JSON.parse(newValue);\n    } else {\n      this._value = newValue;\n    }\n\n    if (JSON.stringify(this._value) !== JSON.stringify(this.value)) {\n      this.value = this._value;\n    }\n\n    this.updateCheckedCheckboxByValue(this._value);\n  }\n\n  @Watch(\"error\")\n  errorWatcher(newValue: string | string[]) {\n    if (typeof newValue === \"string\") {\n      try {\n        this._error = JSON.parse(newValue);\n      } catch (e) {\n        if (newValue) {\n          this._error = [newValue];\n        } else {\n          this._error = [];\n        }\n      }\n    } else if (newValue) {\n      this._error = newValue;\n    } else {\n      this._error = [];\n    }\n  }\n\n  @Watch(\"preventUpdateProperties\")\n  preventUpdatePropertiesWatcher(newValue: string[] | string) {\n    if (typeof newValue === \"string\") {\n      this._preventUpdateProperties = JSON.parse(newValue);\n    } else {\n      this._preventUpdateProperties = newValue;\n    }\n  }\n\n  /** Change event */\n  @Event() stzhChange: EventEmitter<StzhCheckboxgroupChangeEvent>;\n\n  @Listen(\"reset\", { target: \"document\" })\n  resetListener(event: Event) {\n    if ((event.target as HTMLElement).contains(this.element)) {\n      requestAnimationFrame(() => {\n        this.handleReset();\n      });\n    }\n  }\n\n  @Listen(\"stzhChange\", {capture: true})\n  onChange(event: CustomEvent<StzhCheckboxChangeEvent>) {\n    if (event.detail.component === \"stzh-checkbox\") {\n      if (event.detail.checked) {\n        this._value.push(event.detail.value);\n      } else {\n        this._value = this._value.filter(value => value !== event.detail.value);\n      }\n      // stop propagating checkbox change event otherwise angular control value accessor won't work\n      event.stopPropagation();\n      this.value = this._value;\n      this.stzhChange.emit({\n        component: \"stzh-checkboxgroup\",\n        value: this._value,\n      });\n    }\n  }\n\n  /** Checkbox elements */\n  private checkboxes: HTMLStzhCheckboxElement[];\n  private checkboxgroupId: string;\n  private observer: MutationObserver;\n\n  private updateCheckboxesProperty(prop: string, value: any) {\n    this.checkboxes.forEach((checkbox: HTMLStzhCheckboxElement) => {\n      if (prop === \"name\" || (this._preventUpdateProperties.indexOf(prop) === -1)) {\n        checkbox[camelCase(prop)] = value;\n      }\n    });\n  }\n\n  private updateCheckedCheckboxByValue(value: string[]) {\n    this.checkedCheckbox = this.checkboxes.filter(checkbox => value.indexOf(checkbox.value) > -1);\n    this.checkboxes.forEach(checkbox => checkbox.checked = value.indexOf(checkbox.value) > -1);\n  }\n\n  private handleReset = async () => {\n    this.value = [...this.defaultValue];\n  }\n\n  private init = () => {\n    this.checkboxes = Array.from(this.element.querySelectorAll(\"stzh-checkbox\"));\n    this.updateCheckboxesProperty(\"a11y-describedby\", `${this.checkboxgroupId}-description`);\n\n    this.watchValue(this.value);\n    this.watchName(this.name);\n    this.watchDisabled(this.disabled);\n    this.watchInvalid(this.invalid);\n    this.watchHideOptional(this.hideOptional);\n  }\n\n  async componentWillLoad() {\n    this.checkboxgroupId = `stzh-checkboxgroup-${checkboxgroupCounter++}`;\n    this.errorWatcher(this.error);\n    this.preventUpdatePropertiesWatcher(this.preventUpdateProperties);\n\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, 'checkboxgroup');\n    }\n  }\n\n  componentShouldUpdate(_newValue, _oldValue, prop: string) {\n    return prop !== \"checkedCheckbox\";\n  }\n\n  componentDidRender() {\n    this.init();\n  }\n\n  componentDidLoad() {\n    this.defaultValue = this.defaultValue.length > 0 ? this.defaultValue : [...this._value];\n  }\n\n  connectedCallback() {\n    if (!this.value.length) {\n      this.checkboxes = Array.from(this.element.querySelectorAll(\"stzh-checkbox\"));\n\n      // try to find checkboxes that might have checked set to true\n      this.value = this.checkboxes\n        .filter(checkbox => checkbox.checked)\n        .map(checkbox => checkbox.value);\n    }\n\n    this.observer = new MutationObserver(this.init);\n    this.observer.observe(this.element, {\n      childList: true,\n      subtree: true\n    });\n  }\n\n  disconnectedCallback() {\n    if (this.observer) {\n      this.observer.disconnect();\n    }\n  }\n\n  render() {\n    const descriptionUsed = hasSlot(this.element, 'description') || !!this.description;\n    const descriptionLongUsed = hasSlot(this.element, 'description-long') || !!this.descriptionLong;\n    const errorUsed = hasSlot(this.element, 'error') || this._error?.length > 0;\n\n    const classes = {\n      \"stzh-checkboxgroup\": true,\n      \"stzh-checkboxgroup--has-description\": descriptionUsed,\n      \"stzh-checkboxgroup--has-description-long\": descriptionLongUsed,\n      \"stzh-checkboxgroup--has-error\": errorUsed,\n      \"stzh-checkboxgroup--is-disabled\": this.disabled,\n      \"stzh-checkboxgroup--is-invalid\": this.invalid || errorUsed,\n      \"stzh-checkboxgroup--hide-legend\": this.hideLegend,\n      [`stzh-checkboxgroup--direction-${this.direction}`]: !!this.direction\n    };\n\n    return (\n      <Host is-invalid={this.invalid || errorUsed}>\n        <fieldset class={classes}>\n          {this.legend &&\n            <legend class=\"stzh-checkboxgroup__legend\">\n              {this.legend}\n            </legend>\n          }\n          <div class=\"stzh-checkboxgroup__fields\">\n            <slot></slot>\n          </div>\n          <StzhInputDescription\n            classPrefix=\"stzh-checkboxgroup\"\n            id={`${this.checkboxgroupId}-description`}\n            error={this._error}\n            description={this.description}\n            descriptionLong={this.descriptionLong}\n            descriptionLongTitle={this.descriptionLongTitle}\n            descriptionLongUsed={descriptionLongUsed}\n            moreInfoButtonLabel={this.localization.$globals.moreInfoButtonLabel}\n          />\n        </fieldset>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}