@oiz/stzh-components 4.1.0 → 4.1.1-beta

package/dist/cjs/stzh-heading.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-870b4dee.js');
 
-const stzhHeadingCss = ".sc-stzh-heading-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-heading-h,[stzh-hidden].sc-stzh-heading-h{display:none}.sc-stzh-heading-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-heading-h *.sc-stzh-heading,.sc-stzh-heading-h *.sc-stzh-heading::before,.sc-stzh-heading-h *.sc-stzh-heading::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-heading-h .has-focus.sc-stzh-heading{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-heading-h .stzh-fylingfocus-focused.sc-stzh-heading{outline-style:none !important}.sc-stzh-heading-h .stzh-fylingfocus-focused.sc-stzh-heading::-moz-focus-inner{border:0 !important}.sc-stzh-heading-h{width:100%;--color:var(--stzh-heading-color);color:var(--color)}.sc-stzh-heading-h.sc-stzh-heading-s>a,.sc-stzh-heading-h .sc-stzh-heading-s>a,.sc-stzh-heading-h .sc-stzh-heading-s a{color:var(--stzh-link-color);transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius);text-underline-offset:var(--stzh-link-text-underline-offset);-webkit-text-decoration-line:var(--stzh-link-text-decoration-line);text-decoration-line:var(--stzh-link-text-decoration-line);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-heading-h.sc-stzh-heading-s>a,.sc-stzh-heading-h.sc-stzh-heading-s>a:hover,.sc-stzh-heading-h .sc-stzh-heading-s>a:hover,.sc-stzh-heading-h .sc-stzh-heading-s a:hover{color:var(--stzh-link-hover-color);-webkit-text-decoration-line:var(--stzh-link-hover-text-decoration-line);text-decoration-line:var(--stzh-link-hover-text-decoration-line)}.sc-stzh-heading-h.sc-stzh-heading-s>a,.sc-stzh-heading-h.sc-stzh-heading-s>a:hover,.sc-stzh-heading-h .sc-stzh-heading-s>a:hover,.sc-stzh-heading-h .sc-stzh-heading-s a:hover{color:var(--stzh-link-hover-color)}.stzh-heading.sc-stzh-heading{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-style:var(--stzh-font-style-title);font-size:var(--stzh-font-curve-h2-default-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h2-default-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h2-default-heading-letter-spacing);color:var(--color);margin:0}@media screen and (min-width: 600px){.stzh-heading.sc-stzh-heading{font-size:var(--stzh-font-curve-h2-small-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h2-small-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h2-small-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 900px){.stzh-heading.sc-stzh-heading{font-size:var(--stzh-font-curve-h2-medium-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h2-medium-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h2-medium-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-heading.sc-stzh-heading{font-size:var(--stzh-font-curve-h2-ultra-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h2-ultra-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h2-ultra-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}.stzh-heading--level-1.sc-stzh-heading{font-size:var(--stzh-font-curve-h1-default-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h1-default-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h1-default-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}@media screen and (min-width: 600px){.stzh-heading--level-1.sc-stzh-heading{font-size:var(--stzh-font-curve-h1-small-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h1-small-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h1-small-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 900px){.stzh-heading--level-1.sc-stzh-heading{font-size:var(--stzh-font-curve-h1-medium-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h1-medium-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h1-medium-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}@media screen and (min-width: 1260px){.stzh-heading--level-1.sc-stzh-heading{font-size:var(--stzh-font-curve-h1-large-font-size, var(--stzh-font-mega-font-size));line-height:var(--stzh-font-curve-h1-large-heading-line-height, var(--stzh-font-mega-text-line-height));letter-spacing:var(--stzh-font-curve-h1-large-heading-letter-spacing, var(--stzh-font-mega-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-heading--level-1.sc-stzh-heading{font-size:var(--stzh-font-curve-h1-ultra-font-size, var(--stzh-font-giga-font-size));line-height:var(--stzh-font-curve-h1-ultra-heading-line-height, var(--stzh-font-giga-text-line-height));letter-spacing:var(--stzh-font-curve-h1-ultra-heading-letter-spacing, var(--stzh-font-giga-text-letter-spacing))}}.stzh-heading--level-2.sc-stzh-heading{font-size:var(--stzh-font-curve-h2-default-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h2-default-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h2-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-heading--level-2.sc-stzh-heading{font-size:var(--stzh-font-curve-h2-small-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h2-small-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h2-small-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 900px){.stzh-heading--level-2.sc-stzh-heading{font-size:var(--stzh-font-curve-h2-medium-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h2-medium-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h2-medium-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-heading--level-2.sc-stzh-heading{font-size:var(--stzh-font-curve-h2-ultra-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h2-ultra-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h2-ultra-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}.stzh-heading--level-3.sc-stzh-heading{font-size:var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-heading--level-3.sc-stzh-heading{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-small-heading-letter-spacing)}}@media screen and (min-width: 900px){.stzh-heading--level-3.sc-stzh-heading{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h3-medium-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-heading--level-3.sc-stzh-heading{font-size:var(--stzh-font-curve-h3-ultra-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h3-ultra-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h3-ultra-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}.stzh-heading--level-4.sc-stzh-heading{font-size:var(--stzh-font-curve-h4-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-h4-default-heading-line-height, var(--stzh-font-milli-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-heading--level-4.sc-stzh-heading{font-size:var(--stzh-font-curve-h4-small-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h4-small-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-small-heading-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-heading--level-4.sc-stzh-heading{font-size:var(--stzh-font-curve-h4-large-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h4-large-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-large-heading-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-heading--level-4.sc-stzh-heading{font-size:var(--stzh-font-curve-h4-ultra-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h4-ultra-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h4-ultra-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}.stzh-heading--curve-caption.sc-stzh-heading{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-heading-line-height, var(--stzh-font-nano-heading-line-height));letter-spacing:var(--stzh-font-curve-caption-default-heading-letter-spacing, var(--stzh-font-nano-heading-letter-spacing))}@media screen and (min-width: 900px){.stzh-heading--curve-caption.sc-stzh-heading{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-heading-line-height, var(--stzh-font-micro-heading-line-height));letter-spacing:var(--stzh-font-curve-caption-medium-heading-letter-spacing, var(--stzh-font-micro-heading-letter-spacing))}}.stzh-heading--curve-lead.sc-stzh-heading{font-size:var(--stzh-font-curve-lead-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-lead-default-heading-line-height, var(--stzh-font-milli-heading-line-height));letter-spacing:var(--stzh-font-curve-lead-default-heading-letter-spacing)}@media screen and (min-width: 1260px){.stzh-heading--curve-lead.sc-stzh-heading{font-size:var(--stzh-font-curve-lead-large-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-lead-large-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-lead-large-heading-letter-spacing)}}.stzh-heading--curve-teaser.sc-stzh-heading{font-size:var(--stzh-font-curve-teaser-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-teaser-default-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-teaser-default-heading-letter-spacing)}@media screen and (min-width: 1260px){.stzh-heading--curve-teaser.sc-stzh-heading{font-size:var(--stzh-font-curve-teaser-large-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-teaser-large-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-teaser-large-heading-letter-spacing)}}.stzh-heading--curve-p2.sc-stzh-heading{font-size:var(--stzh-font-curve-p2-default-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-p2-default-heading-line-height, var(--stzh-font-micro-heading-line-height));letter-spacing:var(--stzh-font-curve-p2-default-heading-letter-spacing, var(--stzh-font-micro-heading-letter-spacing))}@media screen and (min-width: 900px){.stzh-heading--curve-p2.sc-stzh-heading{font-size:var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p2-medium-heading-line-height, var(--stzh-font-milli-heading-line-height));letter-spacing:var(--stzh-font-curve-p2-medium-heading-letter-spacing)}}.stzh-heading--curve-p1.sc-stzh-heading{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-heading-line-height, var(--stzh-font-milli-heading-line-height));letter-spacing:var(--stzh-font-curve-p1-default-heading-letter-spacing)}@media screen and (min-width: 900px){.stzh-heading--curve-p1.sc-stzh-heading{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-heading-letter-spacing)}}.stzh-heading--curve-h4.sc-stzh-heading{font-size:var(--stzh-font-curve-h4-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-h4-default-heading-line-height, var(--stzh-font-milli-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-heading--curve-h4.sc-stzh-heading{font-size:var(--stzh-font-curve-h4-small-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h4-small-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-small-heading-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-heading--curve-h4.sc-stzh-heading{font-size:var(--stzh-font-curve-h4-large-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h4-large-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-large-heading-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-heading--curve-h4.sc-stzh-heading{font-size:var(--stzh-font-curve-h4-ultra-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h4-ultra-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h4-ultra-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}.stzh-heading--curve-h3.sc-stzh-heading{font-size:var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-heading--curve-h3.sc-stzh-heading{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-small-heading-letter-spacing)}}@media screen and (min-width: 900px){.stzh-heading--curve-h3.sc-stzh-heading{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h3-medium-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-heading--curve-h3.sc-stzh-heading{font-size:var(--stzh-font-curve-h3-ultra-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h3-ultra-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h3-ultra-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}.stzh-heading--curve-h2.sc-stzh-heading{font-size:var(--stzh-font-curve-h2-default-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h2-default-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h2-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-heading--curve-h2.sc-stzh-heading{font-size:var(--stzh-font-curve-h2-small-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h2-small-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h2-small-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 900px){.stzh-heading--curve-h2.sc-stzh-heading{font-size:var(--stzh-font-curve-h2-medium-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h2-medium-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h2-medium-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-heading--curve-h2.sc-stzh-heading{font-size:var(--stzh-font-curve-h2-ultra-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h2-ultra-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h2-ultra-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}.stzh-heading--curve-h1.sc-stzh-heading{font-size:var(--stzh-font-curve-h1-default-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h1-default-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h1-default-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}@media screen and (min-width: 600px){.stzh-heading--curve-h1.sc-stzh-heading{font-size:var(--stzh-font-curve-h1-small-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h1-small-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h1-small-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 900px){.stzh-heading--curve-h1.sc-stzh-heading{font-size:var(--stzh-font-curve-h1-medium-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h1-medium-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h1-medium-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}@media screen and (min-width: 1260px){.stzh-heading--curve-h1.sc-stzh-heading{font-size:var(--stzh-font-curve-h1-large-font-size, var(--stzh-font-mega-font-size));line-height:var(--stzh-font-curve-h1-large-heading-line-height, var(--stzh-font-mega-text-line-height));letter-spacing:var(--stzh-font-curve-h1-large-heading-letter-spacing, var(--stzh-font-mega-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-heading--curve-h1.sc-stzh-heading{font-size:var(--stzh-font-curve-h1-ultra-font-size, var(--stzh-font-giga-font-size));line-height:var(--stzh-font-curve-h1-ultra-heading-line-height, var(--stzh-font-giga-text-line-height));letter-spacing:var(--stzh-font-curve-h1-ultra-heading-letter-spacing, var(--stzh-font-giga-text-letter-spacing))}}.stzh-heading--curve-hero.sc-stzh-heading{font-size:var(--stzh-font-curve-hero-default-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-hero-default-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-hero-default-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}@media screen and (min-width: 600px){.stzh-heading--curve-hero.sc-stzh-heading{font-size:var(--stzh-font-curve-hero-small-font-size, var(--stzh-font-mega-font-size));line-height:var(--stzh-font-curve-hero-small-heading-line-height, var(--stzh-font-mega-text-line-height));letter-spacing:var(--stzh-font-curve-hero-small-heading-letter-spacing, var(--stzh-font-mega-text-letter-spacing))}}@media screen and (min-width: 1260px){.stzh-heading--curve-hero.sc-stzh-heading{font-size:var(--stzh-font-curve-hero-large-font-size, var(--stzh-font-giga-font-size));line-height:var(--stzh-font-curve-hero-large-heading-line-height, var(--stzh-font-giga-text-line-height));letter-spacing:var(--stzh-font-curve-hero-large-heading-letter-spacing, var(--stzh-font-giga-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-heading--curve-hero.sc-stzh-heading{font-size:var(--stzh-font-curve-hero-ultra-font-size, var(--stzh-font-hero-font-size));line-height:var(--stzh-font-curve-hero-ultra-heading-line-height, var(--stzh-font-hero-text-line-height));letter-spacing:var(--stzh-font-curve-hero-ultra-heading-letter-spacing, var(--stzh-font-hero-text-letter-spacing))}}.stzh-heading--curve-h1home.sc-stzh-heading{font-size:var(--stzh-font-curve-h1home-default-font-size, var(--stzh-font-mega-font-size));line-height:var(--stzh-font-curve-h1home-default-heading-line-height, var(--stzh-font-mega-text-line-height));letter-spacing:var(--stzh-font-curve-h1home-default-heading-letter-spacing, var(--stzh-font-mega-text-letter-spacing))}@media screen and (min-width: 600px){.stzh-heading--curve-h1home.sc-stzh-heading{font-size:var(--stzh-font-curve-h1home-small-font-size, var(--stzh-font-giga-font-size));line-height:var(--stzh-font-curve-h1home-small-heading-line-height, var(--stzh-font-giga-text-line-height));letter-spacing:var(--stzh-font-curve-h1home-small-heading-letter-spacing, var(--stzh-font-giga-text-letter-spacing))}}@media screen and (min-width: 900px){.stzh-heading--curve-h1home.sc-stzh-heading{font-size:var(--stzh-font-curve-h1home-medium-font-size, var(--stzh-font-peta-font-size));line-height:var(--stzh-font-curve-h1home-medium-heading-line-height, var(--stzh-font-peta-text-line-height));letter-spacing:var(--stzh-font-curve-h1home-medium-heading-letter-spacing, var(--stzh-font-peta-text-letter-spacing))}}@media screen and (min-width: 1260px){.stzh-heading--curve-h1home.sc-stzh-heading{font-size:var(--stzh-font-curve-h1home-large-font-size, var(--stzh-font-exa-font-size));line-height:var(--stzh-font-curve-h1home-large-heading-line-height, var(--stzh-font-exa-text-line-height));letter-spacing:var(--stzh-font-curve-h1home-large-heading-letter-spacing, var(--stzh-font-exa-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-heading--curve-h1home.sc-stzh-heading{font-size:var(--stzh-font-curve-h1home-ultra-font-size, var(--stzh-font-zetta-font-size));line-height:var(--stzh-font-curve-h1home-ultra-heading-line-height, var(--stzh-font-zetta-text-line-height));letter-spacing:var(--stzh-font-curve-h1home-ultra-heading-letter-spacing, var(--stzh-font-zetta-text-letter-spacing))}}";
+const stzhHeadingCss = ".sc-stzh-heading-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-heading-h,[stzh-hidden].sc-stzh-heading-h{display:none}.sc-stzh-heading-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-heading-h *.sc-stzh-heading,.sc-stzh-heading-h *.sc-stzh-heading::before,.sc-stzh-heading-h *.sc-stzh-heading::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-heading-h .has-focus.sc-stzh-heading{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-heading-h .stzh-fylingfocus-focused.sc-stzh-heading{outline-style:none !important}.sc-stzh-heading-h .stzh-fylingfocus-focused.sc-stzh-heading::-moz-focus-inner{border:0 !important}.sc-stzh-heading-h{width:100%;--color:var(--stzh-heading-color);color:var(--color)}.sc-stzh-heading-h.sc-stzh-heading-s>a,.sc-stzh-heading-h .sc-stzh-heading-s>a,.sc-stzh-heading-h .sc-stzh-heading-s a{color:var(--stzh-link-color);transition:color var(--stzh-base-transition-animation-speed);border-radius:var(--stzh-button-border-radius);text-underline-offset:var(--stzh-link-text-underline-offset);-webkit-text-decoration-line:var(--stzh-link-text-decoration-line);text-decoration-line:var(--stzh-link-text-decoration-line);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-heading-h.sc-stzh-heading-s>a,.sc-stzh-heading-h.sc-stzh-heading-s>a:hover,.sc-stzh-heading-h .sc-stzh-heading-s>a:hover,.sc-stzh-heading-h .sc-stzh-heading-s a:hover{color:var(--stzh-link-hover-color);-webkit-text-decoration-line:var(--stzh-link-hover-text-decoration-line);text-decoration-line:var(--stzh-link-hover-text-decoration-line)}.sc-stzh-heading-h.sc-stzh-heading-s>a,.sc-stzh-heading-h.sc-stzh-heading-s>a:hover,.sc-stzh-heading-h .sc-stzh-heading-s>a:hover,.sc-stzh-heading-h .sc-stzh-heading-s a:hover{color:var(--stzh-link-hover-color)}.stzh-heading.sc-stzh-heading{font-family:var(--stzh-font-family-title);font-weight:var(--stzh-font-weight-title);font-style:var(--stzh-font-style-title);font-size:var(--stzh-font-curve-h2-default-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h2-default-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h2-default-heading-letter-spacing);color:var(--color);margin:0}@media screen and (min-width: 600px){.stzh-heading.sc-stzh-heading{font-size:var(--stzh-font-curve-h2-small-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h2-small-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h2-small-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 900px){.stzh-heading.sc-stzh-heading{font-size:var(--stzh-font-curve-h2-medium-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h2-medium-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h2-medium-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-heading.sc-stzh-heading{font-size:var(--stzh-font-curve-h2-ultra-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h2-ultra-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h2-ultra-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}.stzh-heading--level-1.sc-stzh-heading{font-size:var(--stzh-font-curve-h1-default-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h1-default-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h1-default-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}@media screen and (min-width: 600px){.stzh-heading--level-1.sc-stzh-heading{font-size:var(--stzh-font-curve-h1-small-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h1-small-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h1-small-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 900px){.stzh-heading--level-1.sc-stzh-heading{font-size:var(--stzh-font-curve-h1-medium-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h1-medium-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h1-medium-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}@media screen and (min-width: 1260px){.stzh-heading--level-1.sc-stzh-heading{font-size:var(--stzh-font-curve-h1-large-font-size, var(--stzh-font-mega-font-size));line-height:var(--stzh-font-curve-h1-large-heading-line-height, var(--stzh-font-mega-text-line-height));letter-spacing:var(--stzh-font-curve-h1-large-heading-letter-spacing, var(--stzh-font-mega-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-heading--level-1.sc-stzh-heading{font-size:var(--stzh-font-curve-h1-ultra-font-size, var(--stzh-font-giga-font-size));line-height:var(--stzh-font-curve-h1-ultra-heading-line-height, var(--stzh-font-giga-text-line-height));letter-spacing:var(--stzh-font-curve-h1-ultra-heading-letter-spacing, var(--stzh-font-giga-text-letter-spacing))}}.stzh-heading--level-2.sc-stzh-heading{font-size:var(--stzh-font-curve-h2-default-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h2-default-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h2-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-heading--level-2.sc-stzh-heading{font-size:var(--stzh-font-curve-h2-small-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h2-small-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h2-small-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 900px){.stzh-heading--level-2.sc-stzh-heading{font-size:var(--stzh-font-curve-h2-medium-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h2-medium-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h2-medium-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-heading--level-2.sc-stzh-heading{font-size:var(--stzh-font-curve-h2-ultra-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h2-ultra-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h2-ultra-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}.stzh-heading--level-3.sc-stzh-heading{font-size:var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-heading--level-3.sc-stzh-heading{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-small-heading-letter-spacing)}}@media screen and (min-width: 900px){.stzh-heading--level-3.sc-stzh-heading{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h3-medium-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-heading--level-3.sc-stzh-heading{font-size:var(--stzh-font-curve-h3-ultra-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h3-ultra-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h3-ultra-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}.stzh-heading--level-4.sc-stzh-heading{font-size:var(--stzh-font-curve-h4-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-h4-default-heading-line-height, var(--stzh-font-milli-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-heading--level-4.sc-stzh-heading{font-size:var(--stzh-font-curve-h4-small-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h4-small-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-small-heading-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-heading--level-4.sc-stzh-heading{font-size:var(--stzh-font-curve-h4-large-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h4-large-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-large-heading-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-heading--level-4.sc-stzh-heading{font-size:var(--stzh-font-curve-h4-ultra-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h4-ultra-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h4-ultra-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}.stzh-heading--curve-caption.sc-stzh-heading{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-heading-line-height, var(--stzh-font-nano-heading-line-height));letter-spacing:var(--stzh-font-curve-caption-default-heading-letter-spacing, var(--stzh-font-nano-heading-letter-spacing))}@media screen and (min-width: 900px){.stzh-heading--curve-caption.sc-stzh-heading{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-heading-line-height, var(--stzh-font-micro-heading-line-height));letter-spacing:var(--stzh-font-curve-caption-medium-heading-letter-spacing, var(--stzh-font-micro-heading-letter-spacing))}}.stzh-heading--curve-lead.sc-stzh-heading{font-size:var(--stzh-font-curve-lead-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-lead-default-heading-line-height, var(--stzh-font-milli-heading-line-height));letter-spacing:var(--stzh-font-curve-lead-default-heading-letter-spacing)}@media screen and (min-width: 1260px){.stzh-heading--curve-lead.sc-stzh-heading{font-size:var(--stzh-font-curve-lead-large-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-lead-large-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-lead-large-heading-letter-spacing)}}.stzh-heading--curve-teaser.sc-stzh-heading{font-size:var(--stzh-font-curve-teaser-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-teaser-default-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-teaser-default-heading-letter-spacing)}@media screen and (min-width: 1260px){.stzh-heading--curve-teaser.sc-stzh-heading{font-size:var(--stzh-font-curve-teaser-large-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-teaser-large-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-teaser-large-heading-letter-spacing)}}.stzh-heading--curve-p2.sc-stzh-heading{font-size:var(--stzh-font-curve-p2-default-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-p2-default-heading-line-height, var(--stzh-font-micro-heading-line-height));letter-spacing:var(--stzh-font-curve-p2-default-heading-letter-spacing, var(--stzh-font-micro-heading-letter-spacing))}@media screen and (min-width: 900px){.stzh-heading--curve-p2.sc-stzh-heading{font-size:var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p2-medium-heading-line-height, var(--stzh-font-milli-heading-line-height));letter-spacing:var(--stzh-font-curve-p2-medium-heading-letter-spacing)}}.stzh-heading--curve-p1.sc-stzh-heading{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-heading-line-height, var(--stzh-font-milli-heading-line-height));letter-spacing:var(--stzh-font-curve-p1-default-heading-letter-spacing)}@media screen and (min-width: 900px){.stzh-heading--curve-p1.sc-stzh-heading{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-heading-letter-spacing)}}.stzh-heading--curve-h4.sc-stzh-heading{font-size:var(--stzh-font-curve-h4-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-h4-default-heading-line-height, var(--stzh-font-milli-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-heading--curve-h4.sc-stzh-heading{font-size:var(--stzh-font-curve-h4-small-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h4-small-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-small-heading-letter-spacing)}}@media screen and (min-width: 1260px){.stzh-heading--curve-h4.sc-stzh-heading{font-size:var(--stzh-font-curve-h4-large-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h4-large-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h4-large-heading-letter-spacing)}}@media screen and (min-width: 1600px){.stzh-heading--curve-h4.sc-stzh-heading{font-size:var(--stzh-font-curve-h4-ultra-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h4-ultra-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h4-ultra-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}.stzh-heading--curve-h3.sc-stzh-heading{font-size:var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-h3-default-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-heading--curve-h3.sc-stzh-heading{font-size:var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h3-small-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h3-small-heading-letter-spacing)}}@media screen and (min-width: 900px){.stzh-heading--curve-h3.sc-stzh-heading{font-size:var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h3-medium-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h3-medium-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-heading--curve-h3.sc-stzh-heading{font-size:var(--stzh-font-curve-h3-ultra-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h3-ultra-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h3-ultra-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}.stzh-heading--curve-h2.sc-stzh-heading{font-size:var(--stzh-font-curve-h2-default-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h2-default-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h2-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-heading--curve-h2.sc-stzh-heading{font-size:var(--stzh-font-curve-h2-small-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h2-small-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h2-small-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 900px){.stzh-heading--curve-h2.sc-stzh-heading{font-size:var(--stzh-font-curve-h2-medium-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h2-medium-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h2-medium-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-heading--curve-h2.sc-stzh-heading{font-size:var(--stzh-font-curve-h2-ultra-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h2-ultra-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h2-ultra-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}.stzh-heading--curve-h1.sc-stzh-heading{font-size:var(--stzh-font-curve-h1-default-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h1-default-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h1-default-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}@media screen and (min-width: 600px){.stzh-heading--curve-h1.sc-stzh-heading{font-size:var(--stzh-font-curve-h1-small-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h1-small-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h1-small-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 900px){.stzh-heading--curve-h1.sc-stzh-heading{font-size:var(--stzh-font-curve-h1-medium-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h1-medium-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h1-medium-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}@media screen and (min-width: 1260px){.stzh-heading--curve-h1.sc-stzh-heading{font-size:var(--stzh-font-curve-h1-large-font-size, var(--stzh-font-mega-font-size));line-height:var(--stzh-font-curve-h1-large-heading-line-height, var(--stzh-font-mega-text-line-height));letter-spacing:var(--stzh-font-curve-h1-large-heading-letter-spacing, var(--stzh-font-mega-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-heading--curve-h1.sc-stzh-heading{font-size:var(--stzh-font-curve-h1-ultra-font-size, var(--stzh-font-giga-font-size));line-height:var(--stzh-font-curve-h1-ultra-heading-line-height, var(--stzh-font-giga-text-line-height));letter-spacing:var(--stzh-font-curve-h1-ultra-heading-letter-spacing, var(--stzh-font-giga-text-letter-spacing))}}.stzh-heading--curve-hero.sc-stzh-heading{font-size:var(--stzh-font-curve-hero-default-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-hero-default-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-hero-default-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}@media screen and (min-width: 600px){.stzh-heading--curve-hero.sc-stzh-heading{font-size:var(--stzh-font-curve-hero-small-font-size, var(--stzh-font-mega-font-size));line-height:var(--stzh-font-curve-hero-small-heading-line-height, var(--stzh-font-mega-text-line-height));letter-spacing:var(--stzh-font-curve-hero-small-heading-letter-spacing, var(--stzh-font-mega-text-letter-spacing))}}@media screen and (min-width: 1260px){.stzh-heading--curve-hero.sc-stzh-heading{font-size:var(--stzh-font-curve-hero-large-font-size, var(--stzh-font-giga-font-size));line-height:var(--stzh-font-curve-hero-large-heading-line-height, var(--stzh-font-giga-text-line-height));letter-spacing:var(--stzh-font-curve-hero-large-heading-letter-spacing, var(--stzh-font-giga-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-heading--curve-hero.sc-stzh-heading{font-size:var(--stzh-font-curve-hero-ultra-font-size, var(--stzh-font-hero-font-size));line-height:var(--stzh-font-curve-hero-ultra-heading-line-height, var(--stzh-font-hero-text-line-height));letter-spacing:var(--stzh-font-curve-hero-ultra-heading-letter-spacing, var(--stzh-font-hero-text-letter-spacing))}}.stzh-heading--curve-h1home.sc-stzh-heading{font-size:var(--stzh-font-curve-h1home-default-font-size, var(--stzh-font-mega-font-size));line-height:var(--stzh-font-curve-h1home-default-heading-line-height, var(--stzh-font-mega-text-line-height));letter-spacing:var(--stzh-font-curve-h1home-default-heading-letter-spacing, var(--stzh-font-mega-text-letter-spacing))}@media screen and (min-width: 600px){.stzh-heading--curve-h1home.sc-stzh-heading{font-size:var(--stzh-font-curve-h1home-small-font-size, var(--stzh-font-giga-font-size));line-height:var(--stzh-font-curve-h1home-small-heading-line-height, var(--stzh-font-giga-text-line-height));letter-spacing:var(--stzh-font-curve-h1home-small-heading-letter-spacing, var(--stzh-font-giga-text-letter-spacing))}}@media screen and (min-width: 900px){.stzh-heading--curve-h1home.sc-stzh-heading{font-size:var(--stzh-font-curve-h1home-medium-font-size, var(--stzh-font-peta-font-size));line-height:var(--stzh-font-curve-h1home-medium-heading-line-height, var(--stzh-font-peta-text-line-height));letter-spacing:var(--stzh-font-curve-h1home-medium-heading-letter-spacing, var(--stzh-font-peta-text-letter-spacing))}}@media screen and (min-width: 1260px){.stzh-heading--curve-h1home.sc-stzh-heading{font-size:var(--stzh-font-curve-h1home-large-font-size, var(--stzh-font-exa-font-size));line-height:var(--stzh-font-curve-h1home-large-heading-line-height, var(--stzh-font-exa-text-line-height));letter-spacing:var(--stzh-font-curve-h1home-large-heading-letter-spacing, var(--stzh-font-exa-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-heading--curve-h1home.sc-stzh-heading{font-size:var(--stzh-font-curve-h1home-ultra-font-size, var(--stzh-font-zetta-font-size));line-height:var(--stzh-font-curve-h1home-ultra-heading-line-height, var(--stzh-font-zetta-text-line-height));letter-spacing:var(--stzh-font-curve-h1home-ultra-heading-letter-spacing, var(--stzh-font-zetta-text-letter-spacing))}}.stzh-heading--curve-h1homesmall.sc-stzh-heading{font-size:var(--stzh-font-curve-h1homesmall-default-font-size, var(--stzh-font-mega-font-size));line-height:var(--stzh-font-curve-h1homesmall-default-heading-line-height, var(--stzh-font-mega-text-line-height));letter-spacing:var(--stzh-font-curve-h1homesmall-default-heading-letter-spacing, var(--stzh-font-mega-text-letter-spacing))}@media screen and (min-width: 600px){.stzh-heading--curve-h1homesmall.sc-stzh-heading{font-size:var(--stzh-font-curve-h1homesmall-small-font-size, var(--stzh-font-giga-font-size));line-height:var(--stzh-font-curve-h1homesmall-small-heading-line-height, var(--stzh-font-giga-text-line-height));letter-spacing:var(--stzh-font-curve-h1homesmall-small-heading-letter-spacing, var(--stzh-font-giga-text-letter-spacing))}}@media screen and (min-width: 900px){.stzh-heading--curve-h1homesmall.sc-stzh-heading{font-size:var(--stzh-font-curve-h1homesmall-medium-font-size, var(--stzh-font-peta-font-size));line-height:var(--stzh-font-curve-h1homesmall-medium-heading-line-height, var(--stzh-font-peta-text-line-height));letter-spacing:var(--stzh-font-curve-h1homesmall-medium-heading-letter-spacing, var(--stzh-font-peta-text-letter-spacing))}}@media screen and (min-width: 1260px){.stzh-heading--curve-h1homesmall.sc-stzh-heading{font-size:var(--stzh-font-curve-h1homesmall-large-font-size, var(--stzh-font-exa-font-size));line-height:var(--stzh-font-curve-h1homesmall-large-heading-line-height, var(--stzh-font-exa-text-line-height));letter-spacing:var(--stzh-font-curve-h1homesmall-large-heading-letter-spacing, var(--stzh-font-exa-text-letter-spacing))}}@media screen and (min-width: 1600px){.stzh-heading--curve-h1homesmall.sc-stzh-heading{font-size:var(--stzh-font-curve-h1homesmall-ultra-font-size, var(--stzh-font-exa-font-size));line-height:var(--stzh-font-curve-h1homesmall-ultra-heading-line-height, var(--stzh-font-exa-text-line-height));letter-spacing:var(--stzh-font-curve-h1homesmall-ultra-heading-letter-spacing, var(--stzh-font-exa-text-letter-spacing))}}";
 const StzhHeadingStyle0 = stzhHeadingCss;
 
 const StzhHeading = class {

package/dist/cjs/stzh-heading.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"stzh-heading.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,cAAc,GAAG,6ptBAA6ptB,CAAC;AACrrtB,0BAAe,cAAc;;MCWhB,WAAW;;;QASd,iBAAY,GAAW,EAAE,CAAC;qBAPsB,GAAG;qBAGJ,MAAM;;;IAO7D,kBAAkB,CAAC,QAAgB;QACjC,IAAI,CAAC,YAAY,GAAG,QAAQ,CAAC;KAC9B;IAED,iBAAiB;QACf,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;KAC3C;IAED,MAAM;QACJ,MAAM,OAAO,GAAG,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;QACjC,MAAM,OAAO,GAAG;YACd,cAAc,EAAE,IAAI;YACpB,CAAC,uBAAuB,IAAI,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK;YACnD,CAAC,uBAAuB,IAAI,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK;SACpD,CAAC;QAEF,QACEA,QAACC,UAAI,uDACHD,QAAC,OAAO,qDAAC,KAAK,EAAE,OAAO,IACrBA,oEAAa,EACZ,IAAI,CAAC,YAAY,IAAIA,kEAAK,SAAS,EAAE,IAAI,CAAC,YAAY,GAAQ,CACvD,CACL,EACP;KACH;;;;;;;;;","names":["h","Host"],"sources":["src/components/stzh-heading/stzh-heading.scss?tag=stzh-heading&encapsulation=scoped","src/components/stzh-heading/stzh-heading.tsx"],"sourcesContent":["/**\n * @prop --color: Color of heading\n *\n * @prop --stzh-heading-color: **Global**: Color of heading\n */\n\n:host {\n  width: 100%;\n\n  --color: #{$headingColor};\n  color: var(--color);\n\n  ::slotted(a),\n  ::slotted(* a) {\n    color: $linkColor;\n    transition: color $baseTransitionAnimationSpeed;\n    border-radius: $buttonBorderRadius;\n    text-underline-offset: $linkTextUnderlineOffset;\n    text-decoration-line: $linkTextDecorationLine;\n    text-decoration-thickness: $linkTextDecorationThickness;\n    text-decoration-skip-ink: $linkTextDecorationSkipInk;\n\n    &:hover {\n      color: $linkHoverColor;\n      text-decoration-line: $linkHoverTextDecorationLine;\n    }\n\n    &:hover {\n      color: $linkHoverColor;\n    }\n  }\n\n  // &[level=\"4\"],\n  // &[curve=\"h4\"] {\n  //   --color: #{$baseColor};\n  // }\n}\n\n.stzh-heading {\n  @include font('title');\n  @include fontCurve('h2', 'heading'); // default\n  color: var(--color);\n  margin: 0;\n\n  @for $i from 1 through 4 {\n    &--level-#{$i} {\n      @include fontCurve('h'+$i, 'heading');\n    }\n  }\n\n  @each $fontCurveName, $config in $fontCurves {\n    &--curve-#{$fontCurveName} {\n      @include fontCurve($fontCurveName, 'heading');\n    }\n  }\n}\n","import { Component, h, Host, Prop, Watch } from \"@stencil/core\";\n\nimport { Font } from \"../../index\";\n\n/**\n * @slot - Text content\n */\n@Component({\n  tag: \"stzh-heading\",\n  styleUrl: \"stzh-heading.scss\",\n  scoped: true,\n})\nexport class StzhHeading {\n  /** Heading level */\n  @Prop({ reflect: true }) level: \"1\" | \"2\" | \"3\" | \"4\" = \"2\";\n\n  /** Type of curve to overwrite the curve inherited from `level` attribute (see [Spacings docs page](/docs/tokens-typography--docs#curves) for more info). */\n  @Prop({ reflect: true }) curve: Font.Curves | \"auto\" = \"auto\";\n\n  /* HTML content (since innerHTML won't work when it's being changed after initial render) */\n  @Prop() htmlContent: string;\n  private _htmlContent: string = \"\";\n\n  @Watch(\"htmlContent\")\n  htmlContentWatcher(newValue: string) {\n    this._htmlContent = newValue;\n  }\n\n  componentWillLoad() {\n    this.htmlContentWatcher(this.htmlContent);\n  }\n\n  render() {\n    const Heading = `h${this.level}`;\n    const classes = {\n      \"stzh-heading\": true,\n      [`stzh-heading--level-${this.level}`]: !!this.level,\n      [`stzh-heading--curve-${this.curve}`]: !!this.curve,\n    };\n\n    return (\n      <Host>\n        <Heading class={classes}>\n          <slot></slot>\n          {this._htmlContent && <div innerHTML={this._htmlContent}></div>}\n        </Heading>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"stzh-heading.entry.cjs.js","mappings":";;;;;;AAAA,MAAM,cAAc,GAAG,4pxBAA4pxB,CAAC;AACprxB,0BAAe,cAAc;;MCWhB,WAAW;;;QASd,iBAAY,GAAW,EAAE,CAAC;qBAPsB,GAAG;qBAGJ,MAAM;;;IAO7D,kBAAkB,CAAC,QAAgB;QACjC,IAAI,CAAC,YAAY,GAAG,QAAQ,CAAC;KAC9B;IAED,iBAAiB;QACf,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;KAC3C;IAED,MAAM;QACJ,MAAM,OAAO,GAAG,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;QACjC,MAAM,OAAO,GAAG;YACd,cAAc,EAAE,IAAI;YACpB,CAAC,uBAAuB,IAAI,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK;YACnD,CAAC,uBAAuB,IAAI,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK;SACpD,CAAC;QAEF,QACEA,QAACC,UAAI,uDACHD,QAAC,OAAO,qDAAC,KAAK,EAAE,OAAO,IACrBA,oEAAa,EACZ,IAAI,CAAC,YAAY,IAAIA,kEAAK,SAAS,EAAE,IAAI,CAAC,YAAY,GAAQ,CACvD,CACL,EACP;KACH;;;;;;;;;","names":["h","Host"],"sources":["src/components/stzh-heading/stzh-heading.scss?tag=stzh-heading&encapsulation=scoped","src/components/stzh-heading/stzh-heading.tsx"],"sourcesContent":["/**\n * @prop --color: Color of heading\n *\n * @prop --stzh-heading-color: **Global**: Color of heading\n */\n\n:host {\n  width: 100%;\n\n  --color: #{$headingColor};\n  color: var(--color);\n\n  ::slotted(a),\n  ::slotted(* a) {\n    color: $linkColor;\n    transition: color $baseTransitionAnimationSpeed;\n    border-radius: $buttonBorderRadius;\n    text-underline-offset: $linkTextUnderlineOffset;\n    text-decoration-line: $linkTextDecorationLine;\n    text-decoration-thickness: $linkTextDecorationThickness;\n    text-decoration-skip-ink: $linkTextDecorationSkipInk;\n\n    &:hover {\n      color: $linkHoverColor;\n      text-decoration-line: $linkHoverTextDecorationLine;\n    }\n\n    &:hover {\n      color: $linkHoverColor;\n    }\n  }\n}\n\n.stzh-heading {\n  @include font('title');\n  @include fontCurve('h2', 'heading'); // default\n  color: var(--color);\n  margin: 0;\n\n  @for $i from 1 through 4 {\n    &--level-#{$i} {\n      @include fontCurve('h'+$i, 'heading');\n    }\n  }\n\n  @each $fontCurveName, $config in $fontCurves {\n    &--curve-#{$fontCurveName} {\n      @include fontCurve($fontCurveName, 'heading');\n    }\n  }\n}\n","import { Component, h, Host, Prop, Watch } from \"@stencil/core\";\n\nimport { Font } from \"../../index\";\n\n/**\n * @slot - Text content\n */\n@Component({\n  tag: \"stzh-heading\",\n  styleUrl: \"stzh-heading.scss\",\n  scoped: true,\n})\nexport class StzhHeading {\n  /** Heading level */\n  @Prop({ reflect: true }) level: \"1\" | \"2\" | \"3\" | \"4\" = \"2\";\n\n  /** Type of curve to overwrite the curve inherited from `level` attribute (see [Spacings docs page](/docs/tokens-typography--docs#curves) for more info). */\n  @Prop({ reflect: true }) curve: Font.Curves | \"auto\" = \"auto\";\n\n  /* HTML content (since innerHTML won't work when it's being changed after initial render) */\n  @Prop() htmlContent: string;\n  private _htmlContent: string = \"\";\n\n  @Watch(\"htmlContent\")\n  htmlContentWatcher(newValue: string) {\n    this._htmlContent = newValue;\n  }\n\n  componentWillLoad() {\n    this.htmlContentWatcher(this.htmlContent);\n  }\n\n  render() {\n    const Heading = `h${this.level}`;\n    const classes = {\n      \"stzh-heading\": true,\n      [`stzh-heading--level-${this.level}`]: !!this.level,\n      [`stzh-heading--curve-${this.curve}`]: !!this.curve,\n    };\n\n    return (\n      <Host>\n        <Heading class={classes}>\n          <slot></slot>\n          {this._htmlContent && <div innerHTML={this._htmlContent}></div>}\n        </Heading>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/stzh-homepage-service-highlights.cjs.entry.js

@@ -3,8 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-870b4dee.js');
+const utils = require('./utils-c0aaa7ec.js');
+require('./string-utils-45f764ac.js');
 
-const stzhHomepageServiceHighlightsCss = ".sc-stzh-homepage-service-highlights-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-homepage-service-highlights-h,[stzh-hidden].sc-stzh-homepage-service-highlights-h{display:none}.sc-stzh-homepage-service-highlights-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-homepage-service-highlights-h *.sc-stzh-homepage-service-highlights,.sc-stzh-homepage-service-highlights-h *.sc-stzh-homepage-service-highlights::before,.sc-stzh-homepage-service-highlights-h *.sc-stzh-homepage-service-highlights::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-homepage-service-highlights-h .has-focus.sc-stzh-homepage-service-highlights{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-homepage-service-highlights-h .stzh-fylingfocus-focused.sc-stzh-homepage-service-highlights{outline-style:none !important}.sc-stzh-homepage-service-highlights-h .stzh-fylingfocus-focused.sc-stzh-homepage-service-highlights::-moz-focus-inner{border:0 !important}.sc-stzh-homepage-service-highlights-h{--background-color-topnews:var(--stzh-topnews-background-color);--background-color-mostsearched:var(--stzh-mostsearched-background-color);--topnews-item-subtitle-font:var(--stzh-homepage-service-highlights-topnews-subtitle-font, var(--stzh-font-family-medium));--topnews-item-subtitle-color:var(--stzh-homepage-service-highlights-topnews-item-subtitle-color, var(--stzh-color-primary70));--topnews-item-subtitle-highlighted-color:var(--stzh-homepage-service-highlights-topnews-item-subtitle-highlighted-color, var(--stzh-color-primary60))}.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights{display:grid}.stzh-homepage-service-highlights__topnews.sc-stzh-homepage-service-highlights,.stzh-homepage-service-highlights__mostsearched.sc-stzh-homepage-service-highlights{display:flex;flex-direction:column}@media screen and (min-width: 900px){.stzh-homepage-service-highlights--has-topnews.sc-stzh-homepage-service-highlights{grid-template-columns:repeat(2, minmax(0, 1fr))}}.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item.sc-stzh-homepage-service-highlights{padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-medium);padding-left:var(--stzh-space-large);padding-right:var(--stzh-space-large);flex-grow:1;display:flex;flex-direction:column;justify-content:center}@media screen and (min-width: 600px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item.sc-stzh-homepage-service-highlights{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item.sc-stzh-homepage-service-highlights{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item.sc-stzh-homepage-service-highlights{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item.sc-stzh-homepage-service-highlights{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item.sc-stzh-homepage-service-highlights{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item.sc-stzh-homepage-service-highlights{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item.sc-stzh-homepage-service-highlights{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 900px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item.sc-stzh-homepage-service-highlights{padding-left:2.5rem;padding-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item.sc-stzh-homepage-service-highlights{padding-left:4rem;padding-right:4rem}}@media screen and (min-width: 1600px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item.sc-stzh-homepage-service-highlights{padding-left:calc((100vw - 84.25rem - var(--stzh-scrollbar-width, 0px)) / 2)}}.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item--has-link.sc-stzh-homepage-service-highlights{transition:background-color 150ms ease;text-decoration:none}.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item--has-link.sc-stzh-homepage-service-highlights:hover{background-color:var(--stzh-color-secondary40)}.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item--highlighted.sc-stzh-homepage-service-highlights{background-color:var(--stzh-color-lemonyellow50)}.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item--highlighted.stzh-topnews-item--has-link.sc-stzh-homepage-service-highlights:hover{background-color:var(--stzh-color-lemonyellow60)}.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item__subtitle.sc-stzh-homepage-service-highlights{--color:var(--topnews-item-subtitle-color);font-family:var(--topnews-item-subtitle-font)}.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item--highlighted.sc-stzh-homepage-service-highlights .stzh-topnews-item__subtitle.sc-stzh-homepage-service-highlights{--color:var(--topnews-item-subtitle-highlighted-color)}.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item.stzh-topnews-item--has-link.sc-stzh-homepage-service-highlights:not(.stzh-topnews-item--highlighted):hover .stzh-topnews-item__label.sc-stzh-homepage-service-highlights{--color:var(--stzh-color-primary80)}.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item--highlighted.sc-stzh-homepage-service-highlights:hover .stzh-topnews-item__subtitle.sc-stzh-homepage-service-highlights{--color:var(--stzh-color-primary70)}.stzh-homepage-service-highlights__topnews.sc-stzh-homepage-service-highlights{background-color:var(--background-color-topnews)}.stzh-homepage-service-highlights__mostsearched.sc-stzh-homepage-service-highlights{background-color:var(--background-color-mostsearched);padding-top:var(--stzh-space-medium);padding-right:var(--stzh-space-large);padding-bottom:var(--stzh-space-medium);padding-left:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-homepage-service-highlights__mostsearched.sc-stzh-homepage-service-highlights{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-homepage-service-highlights__mostsearched.sc-stzh-homepage-service-highlights{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-homepage-service-highlights__mostsearched.sc-stzh-homepage-service-highlights{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-homepage-service-highlights__mostsearched.sc-stzh-homepage-service-highlights{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-homepage-service-highlights__mostsearched.sc-stzh-homepage-service-highlights{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-homepage-service-highlights__mostsearched.sc-stzh-homepage-service-highlights{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-homepage-service-highlights__mostsearched.sc-stzh-homepage-service-highlights{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 900px){.stzh-homepage-service-highlights__mostsearched.sc-stzh-homepage-service-highlights{padding-left:2.5rem;padding-right:calc((100vw - 84.25rem - var(--stzh-scrollbar-width, 0px)) / 2)}}@media screen and (min-width: 900px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights:not(.stzh-homepage-service-highlights--has-topnews) .stzh-homepage-service-highlights__mostsearched.sc-stzh-homepage-service-highlights{display:grid;gap:0 var(--stzh-space-large);grid-template-columns:repeat(2, minmax(0, 1fr));padding-left:2.5rem;padding-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights:not(.stzh-homepage-service-highlights--has-topnews) .stzh-homepage-service-highlights__mostsearched.sc-stzh-homepage-service-highlights{padding-left:4rem;padding-right:4rem}}@media screen and (min-width: 1600px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights:not(.stzh-homepage-service-highlights--has-topnews) .stzh-homepage-service-highlights__mostsearched.sc-stzh-homepage-service-highlights{padding-left:calc((100vw - 84.25rem - var(--stzh-scrollbar-width, 0px)) / 2);padding-right:calc((100vw - 84.25rem - var(--stzh-scrollbar-width, 0px)) / 2)}}.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-mostsearched-item.sc-stzh-homepage-service-highlights{padding-top:var(--stzh-space-xxsmall);padding-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-mostsearched-item.sc-stzh-homepage-service-highlights{padding-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-mostsearched-item.sc-stzh-homepage-service-highlights{padding-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-mostsearched-item.sc-stzh-homepage-service-highlights{padding-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-mostsearched-item.sc-stzh-homepage-service-highlights{padding-bottom:var(--stzh-space-small)}}.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-mostsearched-item__link.sc-stzh-homepage-service-highlights{--text-decoration-line:none;--hover-text-decoration-line:none;--hover-color:$linkColor;transition:transform 150ms ease}.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-mostsearched-item__link.sc-stzh-homepage-service-highlights:hover{transform:translateX(0.625rem)}@media screen and (min-width: 900px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-mostsearched-item__link.sc-stzh-homepage-service-highlights:hover{transform:translateX(1.25rem)}}";
+const stzhHomepageServiceHighlightsCss = ".sc-stzh-homepage-service-highlights-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-homepage-service-highlights-h,[stzh-hidden].sc-stzh-homepage-service-highlights-h{display:none}.sc-stzh-homepage-service-highlights-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-homepage-service-highlights-h *.sc-stzh-homepage-service-highlights,.sc-stzh-homepage-service-highlights-h *.sc-stzh-homepage-service-highlights::before,.sc-stzh-homepage-service-highlights-h *.sc-stzh-homepage-service-highlights::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-homepage-service-highlights-h .has-focus.sc-stzh-homepage-service-highlights{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-homepage-service-highlights-h .stzh-fylingfocus-focused.sc-stzh-homepage-service-highlights{outline-style:none !important}.sc-stzh-homepage-service-highlights-h .stzh-fylingfocus-focused.sc-stzh-homepage-service-highlights::-moz-focus-inner{border:0 !important}.sc-stzh-homepage-service-highlights-h{--mostsearched-background-color:var(--stzh-homepage-service-highlights-mostsearched-background-color, var(--stzh-mostsearched-background-color));--mostsearched-item-font-size:var(--stzh-homepage-service-highlights-mostsearched-item-font-size, \"inherit\");--topnews-background-color:var(--stzh-homepage-service-highlights-topnews-background-color, var(--stzh-topnews-background-color));--topnews-background-color-hover:var(--stzh-homepage-service-highlights-topnews-background-color-hover, var(--stzh-color-secondary40));--topnews-color-hover:var(--stzh-homepage-service-highlights-topnews-hover, var(--stzh-color-primary70));--topnews-item-subtitle-color:var(--stzh-homepage-service-highlights-topnews-item-subtitle-color, var(--stzh-color-primary70));--topnews-item-subtitle-font:var(--stzh-homepage-service-highlights-topnews-subtitle-font, var(--stzh-font-family-medium));--topnews-item-subtitle-highlighted-color:var(--stzh-homepage-service-highlights-topnews-item-subtitle-highlighted-color, var(--stzh-color-primary60))}.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights{display:grid}.stzh-homepage-service-highlights__topnews.sc-stzh-homepage-service-highlights,.stzh-homepage-service-highlights__mostsearched.sc-stzh-homepage-service-highlights{display:flex;flex-direction:column}@media screen and (min-width: 900px){.stzh-homepage-service-highlights--has-topnews.sc-stzh-homepage-service-highlights{grid-template-columns:repeat(2, minmax(0, 1fr))}}.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item.sc-stzh-homepage-service-highlights{padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-medium);padding-left:var(--stzh-space-large);padding-right:var(--stzh-space-large);flex-grow:1;display:flex;flex-direction:column;justify-content:center}@media screen and (min-width: 600px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item.sc-stzh-homepage-service-highlights{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item.sc-stzh-homepage-service-highlights{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item.sc-stzh-homepage-service-highlights{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item.sc-stzh-homepage-service-highlights{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item.sc-stzh-homepage-service-highlights{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item.sc-stzh-homepage-service-highlights{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item.sc-stzh-homepage-service-highlights{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 900px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item.sc-stzh-homepage-service-highlights{padding-left:2.5rem;padding-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item.sc-stzh-homepage-service-highlights{padding-left:4rem;padding-right:4rem}}@media screen and (min-width: 1600px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item.sc-stzh-homepage-service-highlights{padding-left:calc((100vw - 84.25rem - var(--stzh-scrollbar-width, 0px)) / 2)}}.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item--has-link.sc-stzh-homepage-service-highlights{transition:background-color 150ms ease;text-decoration:none}.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item--has-link.sc-stzh-homepage-service-highlights:hover{background-color:var(--topnews-background-color-hover)}.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item--highlighted.sc-stzh-homepage-service-highlights{background-color:var(--stzh-color-lemonyellow50)}.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item--highlighted.stzh-topnews-item--has-link.sc-stzh-homepage-service-highlights:hover{background-color:var(--stzh-color-lemonyellow60)}.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item__subtitle.sc-stzh-homepage-service-highlights{--color:var(--topnews-item-subtitle-color);font-family:var(--topnews-item-subtitle-font)}.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item--highlighted.sc-stzh-homepage-service-highlights .stzh-topnews-item__subtitle.sc-stzh-homepage-service-highlights{--color:var(--topnews-item-subtitle-highlighted-color)}.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item.stzh-topnews-item--has-link.sc-stzh-homepage-service-highlights:not(.stzh-topnews-item--highlighted):hover .stzh-topnews-item__label.sc-stzh-homepage-service-highlights{--color:var(--stzh-color-primary80)}.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-topnews-item--highlighted.sc-stzh-homepage-service-highlights:hover .stzh-topnews-item__subtitle.sc-stzh-homepage-service-highlights{--color:var(--topnews-color-hover)}.stzh-homepage-service-highlights__topnews.sc-stzh-homepage-service-highlights{background-color:var(--topnews-background-color)}.stzh-homepage-service-highlights__mostsearched.sc-stzh-homepage-service-highlights{background-color:var(--mostsearched-background-color);padding-top:var(--stzh-space-medium);padding-right:var(--stzh-space-large);padding-bottom:var(--stzh-space-medium);padding-left:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-homepage-service-highlights__mostsearched.sc-stzh-homepage-service-highlights{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-homepage-service-highlights__mostsearched.sc-stzh-homepage-service-highlights{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-homepage-service-highlights__mostsearched.sc-stzh-homepage-service-highlights{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-homepage-service-highlights__mostsearched.sc-stzh-homepage-service-highlights{padding-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-homepage-service-highlights__mostsearched.sc-stzh-homepage-service-highlights{padding-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-homepage-service-highlights__mostsearched.sc-stzh-homepage-service-highlights{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 600px){.stzh-homepage-service-highlights__mostsearched.sc-stzh-homepage-service-highlights{padding-left:2rem;padding-right:2rem}}@media screen and (min-width: 900px){.stzh-homepage-service-highlights__mostsearched.sc-stzh-homepage-service-highlights{padding-left:2.5rem;padding-right:calc((100vw - 84.25rem - var(--stzh-scrollbar-width, 0px)) / 2)}}@media screen and (min-width: 900px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights:not(.stzh-homepage-service-highlights--has-topnews) .stzh-homepage-service-highlights__mostsearched.sc-stzh-homepage-service-highlights{display:grid;gap:0 var(--stzh-space-large);grid-template-columns:repeat(2, minmax(0, 1fr));padding-left:2.5rem;padding-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights:not(.stzh-homepage-service-highlights--has-topnews) .stzh-homepage-service-highlights__mostsearched.sc-stzh-homepage-service-highlights{padding-left:4rem;padding-right:4rem}}@media screen and (min-width: 1600px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights:not(.stzh-homepage-service-highlights--has-topnews) .stzh-homepage-service-highlights__mostsearched.sc-stzh-homepage-service-highlights{padding-left:calc((100vw - 84.25rem - var(--stzh-scrollbar-width, 0px)) / 2);padding-right:calc((100vw - 84.25rem - var(--stzh-scrollbar-width, 0px)) / 2)}}.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-mostsearched-item.sc-stzh-homepage-service-highlights{padding-top:var(--stzh-space-xxsmall);padding-bottom:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-mostsearched-item.sc-stzh-homepage-service-highlights{padding-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-mostsearched-item.sc-stzh-homepage-service-highlights{padding-top:var(--stzh-space-small)}}@media screen and (min-width: 900px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-mostsearched-item.sc-stzh-homepage-service-highlights{padding-bottom:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-mostsearched-item.sc-stzh-homepage-service-highlights{padding-bottom:var(--stzh-space-small)}}.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-mostsearched-item__link.sc-stzh-homepage-service-highlights{--text-decoration-line:none;--hover-text-decoration-line:none;--hover-color:$linkColor;transition:transform 150ms ease}@media screen and (min-width: 900px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-mostsearched-item__link.sc-stzh-homepage-service-highlights{--font-size:var(--mostsearched-item-font-size)}}.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-mostsearched-item__link.sc-stzh-homepage-service-highlights:hover{transform:translateX(0.625rem)}@media screen and (min-width: 900px){.stzh-homepage-service-highlights.sc-stzh-homepage-service-highlights .stzh-mostsearched-item__link.sc-stzh-homepage-service-highlights:hover{transform:translateX(1.25rem)}}";
 const StzhHomepageServiceHighlightsStyle0 = stzhHomepageServiceHighlightsCss;
 
 const StzhHomepageServiceHighlights = class {
@@ -15,9 +17,16 @@ const StzhHomepageServiceHighlights = class {
         this.init = () => {
             this.topnewsItemsWatcher(this.topnewsItems);
             this.mostsearchedItemsWatcher(this.mostsearchedItems);
+            const theme = utils.getTheme();
+            switch (theme) {
+                case "stzh-theme-pkzh":
+                    this.topnewsHeadingCurve = "h4";
+                    break;
+            }
         };
         this.topnewsItems = [];
         this.mostsearchedItems = [];
+        this.topnewsHeadingCurve = "h2";
     }
     topnewsItemsWatcher(newValue) {
         if (!newValue) {
@@ -72,22 +81,22 @@ const StzhHomepageServiceHighlights = class {
         this.init();
     }
     renderTopnewsItemInner(item) {
-        return (index.h(index.Fragment, null, !!item.subtitle && index.h("stzh-text", { class: "stzh-topnews-item__subtitle" }, item.subtitle), index.h("stzh-heading", { class: "stzh-topnews-item__label" }, item.label)));
+        return (index.h(index.Fragment, null, !!item.subtitle && index.h("stzh-text", { class: "stzh-topnews-item__subtitle" }, item.subtitle), index.h("stzh-heading", { class: "stzh-topnews-item__label", curve: this.topnewsHeadingCurve }, item.label)));
     }
     render() {
         const classes = {
             "stzh-homepage-service-highlights": true,
-            "stzh-homepage-service-highlights--has-topnews": this._topnewsItems.length > 0,
+            "stzh-homepage-service-highlights--has-topnews": this._topnewsItems.length > 0
         };
-        return (index.h(index.Host, { key: '0ff530f9d151a87452ce53e524f6ffaac22ac5d5' }, index.h("div", { key: '94f208511b2f642bc53e5149ab89bd7bf30af74e', class: classes }, this._topnewsItems.length > 0 && (index.h("div", { key: 'bb632e73ab27cf89a66e27a6b7a29465eba366d3', class: "stzh-homepage-service-highlights__topnews" }, this._topnewsItems.map(item => !!item.href ? (index.h("a", { href: item.href, class: {
+        return (index.h(index.Host, { key: '268db718f245653c55d5afbb9b9cdeb16f68f3f9' }, index.h("div", { key: 'b3f1b54295b4ff8ed4c17ce662b74d521fcef438', class: classes }, this._topnewsItems.length > 0 && (index.h("div", { key: 'f62881e40b7bd3b2c764a2fafd6fab22255b58ed', class: "stzh-homepage-service-highlights__topnews" }, this._topnewsItems.map(item => !!item.href ? (index.h("a", { href: item.href, class: {
                 "stzh-topnews-item": true,
                 "stzh-topnews-item--highlighted": item.isHighlighted,
-                "stzh-topnews-item--has-link": true,
+                "stzh-topnews-item--has-link": true
             } }, this.renderTopnewsItemInner(item))) : (index.h("div", { class: {
                 "stzh-topnews-item": true,
-                "stzh-topnews-item--highlighted": item.isHighlighted,
-            } }, this.renderTopnewsItemInner(item)))))), this._mostsearchedItems.length > 0 && (index.h("div", { key: '1b673b948e2205b459cd49b7d95cb3d5469c8b59', class: "stzh-homepage-service-highlights__mostsearched" }, this._mostsearchedItems.map(item => (index.h("div", { class: {
-                "stzh-mostsearched-item": true,
+                "stzh-topnews-item--highlighted": item.isHighlighted
+            } }, this.renderTopnewsItemInner(item)))))), this._mostsearchedItems.length > 0 && (index.h("div", { key: 'cae6ea53b1d32c456da18afd9e21e1f792dee6aa', class: "stzh-homepage-service-highlights__mostsearched" }, this._mostsearchedItems.map(item => (index.h("div", { class: {
+                "stzh-mostsearched-item": true
             } }, index.h("stzh-link", { class: "stzh-mostsearched-item__link", href: item.href, icon: "arrow-right" }, item.label)))))))));
     }
     get element() { return index.getElement(this); }

package/dist/cjs/stzh-homepage-service-highlights.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"stzh-homepage-service-highlights.entry.cjs.js","mappings":"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","names":["h","Fragment","Host"],"sources":["src/components/CMS/stzh-homepage-service-highlights/stzh-homepage-service-highlights.scss?tag=stzh-homepage-service-highlights&encapsulation=scoped","src/components/CMS/stzh-homepage-service-highlights/stzh-homepage-service-highlights.tsx"],"sourcesContent":["/**\n * @prop --background-color-topnews: Background color of top news section\n * @prop --background-color-mostsearched: Background color of top most searched section\n *\n * @prop --stzh-homepage-service-highlights-topnews-subtitle-font: **Global**: Font of the topnews subtitle\n * @prop --stzh-homepage-service-highlights-topnews-item-subtitle-color: **Global**: Color of the topnews subtitle\n * @prop --stzh-homepage-service-highlights-topnews-item-subtitle-highlighted-color: **Global**: Color of the topnews subtitle (highlighted variant)\n */\n\n:host {\n  --background-color-topnews: #{$topnewsBackgroundColor};\n  --background-color-mostsearched: #{$mostsearchedBackgroundColor};\n  --topnews-item-subtitle-font: var(--stzh-homepage-service-highlights-topnews-subtitle-font, #{$topnewsSubtitleFont});\n  --topnews-item-subtitle-color: var(--stzh-homepage-service-highlights-topnews-item-subtitle-color, #{$colorPrimary70});\n  --topnews-item-subtitle-highlighted-color: var(--stzh-homepage-service-highlights-topnews-item-subtitle-highlighted-color, #{$colorPrimary60});\n}\n\n.stzh-homepage-service-highlights {\n  display: grid;\n\n  &__topnews,\n  &__mostsearched {\n    display: flex;\n    flex-direction: column;\n  }\n\n  &--has-topnews {\n    @include mq($from: medium) {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n  }\n\n  /**\n   * Top news.\n   */\n\n  .stzh-topnews-item {\n    @include spaceCurve('padding-top', 'regular');\n    @include spaceCurve('padding-bottom', 'regular');\n    padding-left: space('large');\n    padding-right: space('large');\n    flex-grow: 1;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n\n    @include mq($from: small) {\n      padding-left: $containerMarginSmall;\n      padding-right: $containerMarginSmall;\n    }\n\n    @include mq($from: medium) {\n      padding-left: $containerMarginMedium;\n      padding-right: $containerMarginMedium;\n    }\n\n    @include mq($from: large) {\n      padding-left: $containerMarginLarge;\n      padding-right: $containerMarginLarge;\n    }\n\n    @include mq($from: ultra) {\n      padding-left: calc(((100vw - #{$containerMaxWidth} - var(--stzh-scrollbar-width, 0px)) / 2));\n    }\n  }\n\n  .stzh-topnews-item--has-link {\n    transition: background-color 150ms ease;\n    text-decoration: none;\n\n    &:hover {\n      background-color: var(--stzh-color-secondary40);\n    }\n  }\n\n  .stzh-topnews-item--highlighted {\n    background-color: var(--stzh-color-lemonyellow50);\n  }\n\n  .stzh-topnews-item--highlighted.stzh-topnews-item--has-link {\n    &:hover {\n      background-color: var(--stzh-color-lemonyellow60);\n    }\n  }\n\n  .stzh-topnews-item__subtitle {\n    --color: var(--topnews-item-subtitle-color);\n    font-family: var(--topnews-item-subtitle-font);\n  }\n\n  .stzh-topnews-item--highlighted .stzh-topnews-item__subtitle {\n    --color: var(--topnews-item-subtitle-highlighted-color);\n  }\n\n  .stzh-topnews-item.stzh-topnews-item--has-link:not(.stzh-topnews-item--highlighted):hover .stzh-topnews-item__label {\n    --color: var(--stzh-color-primary80);\n  }\n\n  .stzh-topnews-item--highlighted:hover .stzh-topnews-item__subtitle {\n    --color: var(--stzh-color-primary70);\n  }\n\n  &__topnews {\n    background-color: var(--background-color-topnews);\n  }\n\n  /**\n   * Most searched.\n   */\n  &__mostsearched {\n    background-color: var(--background-color-mostsearched);\n    @include spaceCurve('padding-top', 'regular');\n    padding-right: space('large');\n    @include spaceCurve('padding-bottom', 'regular');\n    padding-left: space('large');\n\n    @include mq($from: small) {\n      padding-left: $containerMarginSmall;\n      padding-right: $containerMarginSmall;\n    }\n\n    @include mq($from: medium) {\n      padding-left: $containerMarginMedium;\n      padding-right: calc(((100vw - #{$containerMaxWidth} - var(--stzh-scrollbar-width, 0px)) / 2));\n    }\n  }\n\n  &:not(&--has-topnews) &__mostsearched {\n    @include mq($from: medium) {\n      display: grid;\n      gap: 0 space('large');\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      padding-left: $containerMarginMedium;\n      padding-right: $containerMarginMedium;\n    }\n\n    @include mq($from: large) {\n      padding-left: $containerMarginLarge;\n      padding-right: $containerMarginLarge;\n    }\n\n    @include mq($from: ultra) {\n      padding-left: calc(((100vw - #{$containerMaxWidth} - var(--stzh-scrollbar-width, 0px)) / 2));\n      padding-right: calc(((100vw - #{$containerMaxWidth} - var(--stzh-scrollbar-width, 0px)) / 2));\n    }\n  }\n\n  .stzh-mostsearched-item {\n    @include spaceCurve('padding-top', 'tiny');\n    @include spaceCurve('padding-bottom', 'tiny');\n  }\n\n  .stzh-mostsearched-item__link {\n    --text-decoration-line: none;\n    --hover-text-decoration-line: none;\n    --hover-color: $linkColor;\n\n    transition: transform 150ms ease;\n\n    &:hover, {\n      transform: translateX(10px);\n\n      @include mq($from: medium) {\n        transform: translateX(20px);\n      }\n    }\n  }\n}\n","import { Component, Element, Fragment, h, Host, Prop, Watch } from \"@stencil/core\";\nimport { StzhMostsearchedItem, StzhTopnewsItem } from \"../../../index\";\n\n@Component({\n  tag: \"stzh-homepage-service-highlights\",\n  styleUrl: \"stzh-homepage-service-highlights.scss\",\n  scoped: true,\n})\nexport class StzhHomepageServiceHighlights {\n  @Element() element: HTMLStzhHomepageServiceHighlightsElement;\n\n  /** Top news items */\n  @Prop() topnewsItems: StzhTopnewsItem[] | string = [];\n  private _topnewsItems: StzhTopnewsItem[] = [];\n\n  /** Most searched items */\n  @Prop() mostsearchedItems: StzhMostsearchedItem[] | string = [];\n  private _mostsearchedItems: StzhMostsearchedItem[] = [];\n\n  @Watch(\"topnewsItems\")\n  topnewsItemsWatcher(newValue: StzhTopnewsItem[] | string) {\n    if (!newValue) {\n      this._topnewsItems = [];\n    } else if (typeof newValue === \"string\") {\n      try {\n        const parsed = JSON.parse(newValue);\n        this._topnewsItems = this.ensureSingleHighlight(parsed);\n      } catch (e) {\n        this._topnewsItems = [];\n      }\n    } else {\n      this._topnewsItems = this.ensureSingleHighlight(newValue);\n    }\n  }\n\n  @Watch(\"mostsearchedItems\")\n  mostsearchedItemsWatcher(newValue: StzhMostsearchedItem[] | string) {\n    if (!newValue) {\n      this._mostsearchedItems = [];\n    } else if (typeof newValue === \"string\") {\n      try {\n        this._mostsearchedItems = JSON.parse(newValue);\n      } catch (e) {\n        this._mostsearchedItems = [];\n      }\n    } else {\n      this._mostsearchedItems = newValue;\n    }\n  }\n\n  private ensureSingleHighlight(items: StzhTopnewsItem[]): StzhTopnewsItem[] {\n    let foundHighlighted = false;\n\n    return items.map(item => {\n      if (item.isHighlighted) {\n        if (!foundHighlighted) {\n          foundHighlighted = true;\n          return item;\n        } else {\n          // Remove highlight from subsequent items\n          return { ...item, isHighlighted: false };\n        }\n      }\n      return item;\n    });\n  }\n\n  private init = () => {\n    this.topnewsItemsWatcher(this.topnewsItems);\n    this.mostsearchedItemsWatcher(this.mostsearchedItems);\n  };\n\n  connectedCallback() {\n    this.init();\n  }\n\n  private renderTopnewsItemInner(item: StzhTopnewsItem): HTMLElement {\n    return (\n      <Fragment>\n        {!!item.subtitle && <stzh-text class=\"stzh-topnews-item__subtitle\">{item.subtitle}</stzh-text>}\n        <stzh-heading class=\"stzh-topnews-item__label\">{item.label}</stzh-heading>\n      </Fragment>\n    );\n  }\n\n  render() {\n    const classes = {\n      \"stzh-homepage-service-highlights\": true,\n      \"stzh-homepage-service-highlights--has-topnews\": this._topnewsItems.length > 0,\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          {this._topnewsItems.length > 0 && (\n            <div class=\"stzh-homepage-service-highlights__topnews\">\n              {this._topnewsItems.map(item =>\n                !!item.href ? (\n                  <a\n                    href={item.href}\n                    class={{\n                      \"stzh-topnews-item\": true,\n                      \"stzh-topnews-item--highlighted\": item.isHighlighted,\n                      \"stzh-topnews-item--has-link\": true,\n                    }}\n                  >\n                    {this.renderTopnewsItemInner(item)}\n                  </a>\n                ) : (\n                  <div\n                    class={{\n                      \"stzh-topnews-item\": true,\n                      \"stzh-topnews-item--highlighted\": item.isHighlighted,\n                    }}\n                  >\n                    {this.renderTopnewsItemInner(item)}\n                  </div>\n                )\n              )}\n            </div>\n          )}\n          {this._mostsearchedItems.length > 0 && (\n            <div class=\"stzh-homepage-service-highlights__mostsearched\">\n              {this._mostsearchedItems.map(item => (\n                <div\n                  class={{\n                    \"stzh-mostsearched-item\": true,\n                  }}\n                >\n                  <stzh-link class=\"stzh-mostsearched-item__link\" href={item.href} icon={\"arrow-right\"}>\n                    {item.label}\n                  </stzh-link>\n                </div>\n              ))}\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"stzh-homepage-service-highlights.entry.cjs.js","mappings":"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","names":["getTheme","h","Fragment","Host"],"sources":["src/components/CMS/stzh-homepage-service-highlights/stzh-homepage-service-highlights.scss?tag=stzh-homepage-service-highlights&encapsulation=scoped","src/components/CMS/stzh-homepage-service-highlights/stzh-homepage-service-highlights.tsx"],"sourcesContent":["/**\n * @prop --topnews-background-color: Background color of top news section\n * @prop --mostsearched-background-color: Background color of top most searched section\n *\n * @prop --stzh-homepage-service-highlights-topnews-subtitle-font: **Global**: Font of the topnews subtitle\n * @prop --stzh-homepage-service-highlights-topnews-item-subtitle-color: **Global**: Color of the topnews subtitle\n * @prop --stzh-homepage-service-highlights-topnews-item-subtitle-highlighted-color: **Global**: Color of the topnews subtitle (highlighted variant)\n */\n\n:host {\n  --mostsearched-background-color: var(--stzh-homepage-service-highlights-mostsearched-background-color, #{$mostsearchedBackgroundColor});\n  --mostsearched-item-font-size: var(--stzh-homepage-service-highlights-mostsearched-item-font-size, 'inherit');\n  --topnews-background-color: var(--stzh-homepage-service-highlights-topnews-background-color, #{$topnewsBackgroundColor});\n  --topnews-background-color-hover: var(--stzh-homepage-service-highlights-topnews-background-color-hover, #{$colorSecondary40});\n  --topnews-color-hover: var(--stzh-homepage-service-highlights-topnews-hover, #{$colorPrimary70});\n  --topnews-item-subtitle-color: var(--stzh-homepage-service-highlights-topnews-item-subtitle-color, #{$colorPrimary70});\n  --topnews-item-subtitle-font: var(--stzh-homepage-service-highlights-topnews-subtitle-font, #{$topnewsSubtitleFont});\n  --topnews-item-subtitle-highlighted-color: var(--stzh-homepage-service-highlights-topnews-item-subtitle-highlighted-color, #{$colorPrimary60});\n}\n\n.stzh-homepage-service-highlights {\n  display: grid;\n\n  &__topnews,\n  &__mostsearched {\n    display: flex;\n    flex-direction: column;\n  }\n\n  &--has-topnews {\n    @include mq($from: medium) {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n    }\n  }\n\n  /**\n   * Top news.\n   */\n\n  .stzh-topnews-item {\n    @include spaceCurve('padding-top', 'regular');\n    @include spaceCurve('padding-bottom', 'regular');\n    padding-left: space('large');\n    padding-right: space('large');\n    flex-grow: 1;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n\n    @include mq($from: small) {\n      padding-left: $containerMarginSmall;\n      padding-right: $containerMarginSmall;\n    }\n\n    @include mq($from: medium) {\n      padding-left: $containerMarginMedium;\n      padding-right: $containerMarginMedium;\n    }\n\n    @include mq($from: large) {\n      padding-left: $containerMarginLarge;\n      padding-right: $containerMarginLarge;\n    }\n\n    @include mq($from: ultra) {\n      padding-left: calc(((100vw - #{$containerMaxWidth} - var(--stzh-scrollbar-width, 0px)) / 2));\n    }\n  }\n\n  .stzh-topnews-item--has-link {\n    transition: background-color 150ms ease;\n    text-decoration: none;\n\n    &:hover {\n      background-color: var(--topnews-background-color-hover);\n    }\n  }\n\n  .stzh-topnews-item--highlighted {\n    background-color: var(--stzh-color-lemonyellow50);\n  }\n\n  .stzh-topnews-item--highlighted.stzh-topnews-item--has-link {\n    &:hover {\n      background-color: var(--stzh-color-lemonyellow60);\n    }\n  }\n\n  .stzh-topnews-item__subtitle {\n    --color: var(--topnews-item-subtitle-color);\n    font-family: var(--topnews-item-subtitle-font);\n  }\n\n  .stzh-topnews-item--highlighted .stzh-topnews-item__subtitle {\n    --color: var(--topnews-item-subtitle-highlighted-color);\n  }\n\n  .stzh-topnews-item__label {\n    //@include fontCurve('h4', 'heading'); // default\n  }\n\n  .stzh-topnews-item.stzh-topnews-item--has-link:not(.stzh-topnews-item--highlighted):hover .stzh-topnews-item__label {\n    --color: var(--stzh-color-primary80);\n  }\n\n  .stzh-topnews-item--highlighted:hover .stzh-topnews-item__subtitle {\n    --color: var(--topnews-color-hover);\n  }\n\n  &__topnews {\n    background-color: var(--topnews-background-color);\n  }\n\n  /**\n   * Most searched.\n   */\n  &__mostsearched {\n    background-color: var(--mostsearched-background-color);\n    @include spaceCurve('padding-top', 'regular');\n    padding-right: space('large');\n    @include spaceCurve('padding-bottom', 'regular');\n    padding-left: space('large');\n\n    @include mq($from: small) {\n      padding-left: $containerMarginSmall;\n      padding-right: $containerMarginSmall;\n    }\n\n    @include mq($from: medium) {\n      padding-left: $containerMarginMedium;\n      padding-right: calc(((100vw - #{$containerMaxWidth} - var(--stzh-scrollbar-width, 0px)) / 2));\n    }\n  }\n\n  &:not(&--has-topnews) &__mostsearched {\n    @include mq($from: medium) {\n      display: grid;\n      gap: 0 space('large');\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      padding-left: $containerMarginMedium;\n      padding-right: $containerMarginMedium;\n    }\n\n    @include mq($from: large) {\n      padding-left: $containerMarginLarge;\n      padding-right: $containerMarginLarge;\n    }\n\n    @include mq($from: ultra) {\n      padding-left: calc(((100vw - #{$containerMaxWidth} - var(--stzh-scrollbar-width, 0px)) / 2));\n      padding-right: calc(((100vw - #{$containerMaxWidth} - var(--stzh-scrollbar-width, 0px)) / 2));\n    }\n  }\n\n  .stzh-mostsearched-item {\n    @include spaceCurve('padding-top', 'tiny');\n    @include spaceCurve('padding-bottom', 'tiny');\n  }\n\n  .stzh-mostsearched-item__link {\n    --text-decoration-line: none;\n    --hover-text-decoration-line: none;\n    --hover-color: $linkColor;\n\n    @include mq($from: medium) {\n      --font-size: var(--mostsearched-item-font-size);\n    }\n\n    transition: transform 150ms ease;\n\n    &:hover, {\n      transform: translateX(10px);\n\n      @include mq($from: medium) {\n        transform: translateX(20px);\n      }\n    }\n  }\n}\n","import { Component, Element, Fragment, h, Host, Prop, State, Watch } from \"@stencil/core\";\nimport { Font, StzhMostsearchedItem, StzhTopnewsItem } from \"../../../index\";\nimport { getTheme } from \"../../../utils/utils\";\nimport Curves = Font.Curves;\n\n@Component({\n  tag: \"stzh-homepage-service-highlights\",\n  styleUrl: \"stzh-homepage-service-highlights.scss\",\n  scoped: true\n})\nexport class StzhHomepageServiceHighlights {\n  @Element() element: HTMLStzhHomepageServiceHighlightsElement;\n\n  /** Top news items */\n  @Prop() topnewsItems: StzhTopnewsItem[] | string = [];\n  private _topnewsItems: StzhTopnewsItem[] = [];\n\n  /** Most searched items */\n  @Prop() mostsearchedItems: StzhMostsearchedItem[] | string = [];\n  private _mostsearchedItems: StzhMostsearchedItem[] = [];\n\n  @State() topnewsHeadingCurve: Curves = \"h2\";\n\n  @Watch(\"topnewsItems\")\n  topnewsItemsWatcher(newValue: StzhTopnewsItem[] | string) {\n    if (!newValue) {\n      this._topnewsItems = [];\n    } else if (typeof newValue === \"string\") {\n      try {\n        const parsed = JSON.parse(newValue);\n        this._topnewsItems = this.ensureSingleHighlight(parsed);\n      } catch (e) {\n        this._topnewsItems = [];\n      }\n    } else {\n      this._topnewsItems = this.ensureSingleHighlight(newValue);\n    }\n  }\n\n  @Watch(\"mostsearchedItems\")\n  mostsearchedItemsWatcher(newValue: StzhMostsearchedItem[] | string) {\n    if (!newValue) {\n      this._mostsearchedItems = [];\n    } else if (typeof newValue === \"string\") {\n      try {\n        this._mostsearchedItems = JSON.parse(newValue);\n      } catch (e) {\n        this._mostsearchedItems = [];\n      }\n    } else {\n      this._mostsearchedItems = newValue;\n    }\n  }\n\n  private ensureSingleHighlight(items: StzhTopnewsItem[]): StzhTopnewsItem[] {\n    let foundHighlighted = false;\n\n    return items.map(item => {\n      if (item.isHighlighted) {\n        if (!foundHighlighted) {\n          foundHighlighted = true;\n          return item;\n        } else {\n          // Remove highlight from subsequent items\n          return { ...item, isHighlighted: false };\n        }\n      }\n      return item;\n    });\n  }\n\n  private init = () => {\n    this.topnewsItemsWatcher(this.topnewsItems);\n    this.mostsearchedItemsWatcher(this.mostsearchedItems);\n    const theme = getTheme();\n    switch (theme) {\n      case \"stzh-theme-pkzh\":\n        this.topnewsHeadingCurve = \"h4\";\n        break;\n    }\n  };\n\n  connectedCallback() {\n    this.init();\n  }\n\n  private renderTopnewsItemInner(item: StzhTopnewsItem): HTMLElement {\n    return (\n      <Fragment>\n        {!!item.subtitle && <stzh-text class=\"stzh-topnews-item__subtitle\">{item.subtitle}</stzh-text>}\n        <stzh-heading class=\"stzh-topnews-item__label\" curve={this.topnewsHeadingCurve}>{item.label}</stzh-heading>\n      </Fragment>\n    );\n  }\n\n  render() {\n    const classes = {\n      \"stzh-homepage-service-highlights\": true,\n      \"stzh-homepage-service-highlights--has-topnews\": this._topnewsItems.length > 0\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          {this._topnewsItems.length > 0 && (\n            <div class=\"stzh-homepage-service-highlights__topnews\">\n              {this._topnewsItems.map(item =>\n                !!item.href ? (\n                  <a\n                    href={item.href}\n                    class={{\n                      \"stzh-topnews-item\": true,\n                      \"stzh-topnews-item--highlighted\": item.isHighlighted,\n                      \"stzh-topnews-item--has-link\": true\n                    }}\n                  >\n                    {this.renderTopnewsItemInner(item)}\n                  </a>\n                ) : (\n                  <div\n                    class={{\n                      \"stzh-topnews-item\": true,\n                      \"stzh-topnews-item--highlighted\": item.isHighlighted\n                    }}\n                  >\n                    {this.renderTopnewsItemInner(item)}\n                  </div>\n                )\n              )}\n            </div>\n          )}\n          {this._mostsearchedItems.length > 0 && (\n            <div class=\"stzh-homepage-service-highlights__mostsearched\">\n              {this._mostsearchedItems.map(item => (\n                <div\n                  class={{\n                    \"stzh-mostsearched-item\": true\n                  }}\n                >\n                  <stzh-link class=\"stzh-mostsearched-item__link\" href={item.href} icon={\"arrow-right\"}>\n                    {item.label}\n                  </stzh-link>\n                </div>\n              ))}\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/stzh-input.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-870b4dee.js');
-const utils = require('./utils-5a53d7eb.js');
+const utils = require('./utils-c0aaa7ec.js');
 const stzhInputDescription = require('./stzh-input-description-d2d4a92b.js');
 require('./string-utils-45f764ac.js');
 

package/dist/cjs/stzh-link.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-870b4dee.js');
-const utils = require('./utils-5a53d7eb.js');
+const utils = require('./utils-c0aaa7ec.js');
 require('./string-utils-45f764ac.js');
 
 const stzhLinkCss = "@charset \"UTF-8\";.sc-stzh-link-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-link-h,[stzh-hidden].sc-stzh-link-h{display:none}.sc-stzh-link-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-link-h *.sc-stzh-link,.sc-stzh-link-h *.sc-stzh-link::before,.sc-stzh-link-h *.sc-stzh-link::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-link-h .has-focus.sc-stzh-link{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-link-h .stzh-fylingfocus-focused.sc-stzh-link{outline-style:none !important}.sc-stzh-link-h .stzh-fylingfocus-focused.sc-stzh-link::-moz-focus-inner{border:0 !important}.sc-stzh-link-h{--color:var(--stzh-link-color);--text-decoration-line:var(--stzh-link-text-decoration-line);--icon-wrapper-height:var(--stzh-link-icon-wrapper-height);--icon-size:var(--stzh-link-icon-size);--height:var(--stzh-link-height, 40px);--hover-color:var(--stzh-link-hover-color);--hover-text-decoration-line:var(--stzh-link-hover-text-decoration-line);color:var(--color);display:inline-grid;width:auto;min-height:var(--height);pointer-events:var(--stzh-link-pointer-events, auto)}@media screen and (min-width: 900px){.sc-stzh-link-h{--height:var(--stzh-link-height, auto)}}[height=auto].sc-stzh-link-h{--height:var(--stzh-link-auto-height, auto)}[fullwidth].sc-stzh-link-h:not([fullwidth=false]){width:100%;display:grid}[variant=secondary].sc-stzh-link-h{--color:var(--stzh-link-secondary-color);--hover-color:var(--stzh-link-secondary-hover-color)}[variant=back].sc-stzh-link-h{--text-decoration-line:none;--hover-color:var(--color)}[active].sc-stzh-link-h:not([active=false]){--color:var(--hover-color)}[disabled].sc-stzh-link-h:not([disabled=false]){--color:var(--stzh-color-grey60);--hover-color:var(--stzh-color-grey60)}.sc-stzh-link-h:where([size=small]){--font-size:var(--stzh-font-micro-font-size);--line-height:var(--stzh-font-micro-text-line-height);--letter-spacing:normal}.sc-stzh-link-h:where([size=inherit]){--font-size:inherit;--line-height:inherit;--letter-spacing:inherit}.stzh-link.sc-stzh-link{font-size:var(--font-size);line-height:var(--line-height);letter-spacing:var(--letter-spacing);font-family:inherit;position:relative;display:flex;align-items:center;justify-content:stretch;appearance:none;border:none;color:var(--color);transition:color var(--stzh-base-transition-animation-speed);cursor:pointer;width:100%;-webkit-text-decoration-line:none;text-decoration-line:none;background-color:transparent;padding:0;border-radius:var(--stzh-button-border-radius);text-align:left}.stzh-link.sc-stzh-link:hover{color:var(--hover-color)}@media (hover: none){.stzh-link.sc-stzh-link:hover{color:inherit}}.stzh-link.sc-stzh-link:hover .stzh-link__text.sc-stzh-link{-webkit-text-decoration-line:var(--hover-text-decoration-line);text-decoration-line:var(--hover-text-decoration-line)}.stzh-link__vhidden.sc-stzh-link{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-link__inner.sc-stzh-link{display:flex;align-items:center;justify-content:center;flex-grow:1}.stzh-link__icon-wrapper.sc-stzh-link{--stzh-icon-size:var(--icon-size);display:none;align-items:center;justify-content:center;flex-shrink:0;width:auto;height:var(--icon-wrapper-height)}.stzh-link__text.sc-stzh-link{--stzh-base-color:initial;-webkit-text-decoration-line:var(--text-decoration-line);text-decoration-line:var(--text-decoration-line)}.stzh-link__icon-wrapper.sc-stzh-link:not(:empty)+.stzh-link__text.sc-stzh-link:not(:empty),.stzh-link__text.sc-stzh-link:not(:empty)+.stzh-link__icon-wrapper.sc-stzh-link:not(:empty){margin-left:var(--stzh-space-xxsmall)}.stzh-link__badge.sc-stzh-link{position:absolute;z-index:1;top:0;right:0}.stzh-link--has-icon.sc-stzh-link .stzh-link__icon-wrapper.sc-stzh-link{display:inline-flex}.stzh-link--has-icon-only.sc-stzh-link .stzh-link__text.sc-stzh-link{border:0;clip:rect(0 0 0 0);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-link--badge-position-link.sc-stzh-link .stzh-link__icon-wrapper.sc-stzh-link{position:static}.stzh-link__badge.sc-stzh-link,.stzh-link--badge-position-link.sc-stzh-link .stzh-link__badge.sc-stzh-link{top:calc(var(--stzh-space-xxsmall) * -1);right:calc(var(--stzh-space-large) * -1)}.stzh-link--badge-position-icon.stzh-link--has-icon.sc-stzh-link .stzh-link__icon-wrapper.sc-stzh-link{position:relative}.stzh-link--badge-position-icon.stzh-link--has-icon.sc-stzh-link .stzh-link__badge.sc-stzh-link{top:calc(var(--stzh-space-xsmall) * -1);right:calc(var(--stzh-space-small) * -1)}.stzh-link--badge-position-icon.stzh-link--has-icon.stzh-link--has-badge.sc-stzh-link .stzh-link__icon-wrapper.sc-stzh-link+.stzh-link__text.sc-stzh-link:not(:empty){margin-left:var(--stzh-space-small)}.stzh-link--align-left.sc-stzh-link .stzh-link__inner.sc-stzh-link{justify-content:flex-start}.stzh-link--align-right.sc-stzh-link .stzh-link__inner.sc-stzh-link{justify-content:flex-end}.stzh-link--align-center.sc-stzh-link .stzh-link__inner.sc-stzh-link{justify-content:center}.stzh-link--align-space-between.sc-stzh-link .stzh-link__inner.sc-stzh-link{justify-content:space-between}.stzh-link--is-disabled.sc-stzh-link{cursor:not-allowed}";

package/dist/cjs/stzh-menu_2.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-870b4dee.js');
-const utils = require('./utils-5a53d7eb.js');
+const utils = require('./utils-c0aaa7ec.js');
 require('./string-utils-45f764ac.js');
 
 const stzhMenuCss = ".sc-stzh-menu-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-menu-h,[stzh-hidden].sc-stzh-menu-h{display:none}.sc-stzh-menu-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-menu-h *.sc-stzh-menu,.sc-stzh-menu-h *.sc-stzh-menu::before,.sc-stzh-menu-h *.sc-stzh-menu::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-menu-h .has-focus.sc-stzh-menu{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-menu-h .stzh-fylingfocus-focused.sc-stzh-menu{outline-style:none !important}.sc-stzh-menu-h .stzh-fylingfocus-focused.sc-stzh-menu::-moz-focus-inner{border:0 !important}.sc-stzh-menu-h.sc-stzh-menu-s>stzh-hr,.sc-stzh-menu-h .sc-stzh-menu-s>stzh-hr{margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xsmall)}.stzh-menu.sc-stzh-menu{display:flex;flex-direction:column}";

package/dist/cjs/stzh-pagecontent.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-870b4dee.js');
-const utils = require('./utils-5a53d7eb.js');
+const utils = require('./utils-c0aaa7ec.js');
 require('./string-utils-45f764ac.js');
 
 const stzhPagecontentCss = ".sc-stzh-pagecontent-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-pagecontent-h,[stzh-hidden].sc-stzh-pagecontent-h{display:none}.sc-stzh-pagecontent-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-pagecontent-h *.sc-stzh-pagecontent,.sc-stzh-pagecontent-h *.sc-stzh-pagecontent::before,.sc-stzh-pagecontent-h *.sc-stzh-pagecontent::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-pagecontent-h .has-focus.sc-stzh-pagecontent{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-pagecontent-h .stzh-fylingfocus-focused.sc-stzh-pagecontent{outline-style:none !important}.sc-stzh-pagecontent-h .stzh-fylingfocus-focused.sc-stzh-pagecontent::-moz-focus-inner{border:0 !important}.stzh-pagecontent.sc-stzh-pagecontent{column-gap:var(--stzh-grid-gutter);display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));grid-template-areas:\"aside-left aside-left aside-left aside-left\" \"content content content content\"}@media screen and (min-width: 600px){.stzh-pagecontent.sc-stzh-pagecontent{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-pagecontent.sc-stzh-pagecontent{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-pagecontent.sc-stzh-pagecontent{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-pagecontent.sc-stzh-pagecontent{column-gap:var(--stzh-grid-gutter-ultra)}}@media screen and (min-width: 900px){.stzh-pagecontent.sc-stzh-pagecontent{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-pagecontent.sc-stzh-pagecontent{grid-template-columns:repeat(12, minmax(0, 1fr))}}@media screen and (min-width: 900px){.stzh-pagecontent.sc-stzh-pagecontent{grid-template-areas:\"aside-left aside-left aside-left aside-left aside-left aside-left aside-left aside-left\" \"content content content content content content content content\"}}@media screen and (min-width: 1260px){.stzh-pagecontent.sc-stzh-pagecontent{grid-template-areas:\"aside-left aside-left aside-left aside-left aside-left aside-left aside-left aside-left aside-left aside-left aside-left aside-left\" \"content content content content content content content content content content content content\"}}.stzh-pagecontent__aside-left.sc-stzh-pagecontent{grid-area:aside-left}.stzh-pagecontent__content.sc-stzh-pagecontent{grid-area:content}@media screen and (max-width: 1259px){.stzh-pagecontent__anchornav.sc-stzh-pagecontent{position:relative;top:0px;left:50%;right:50%;margin-left:calc(-50vw + var(--stzh-scrollbar-width) / 2);margin-right:calc(-50vw + var(--stzh-scrollbar-width) / 2);width:calc(100vw - var(--stzh-scrollbar-width));max-width:calc(100vw - var(--stzh-scrollbar-width))}}@media screen and (min-width: 1260px){.stzh-pagecontent__anchornav.sc-stzh-pagecontent{position:sticky;top:calc(var(--stzh-header-metabar-height, 0px) * var(--stzh-header-is-stuck, 0) + var(--stzh-space-medium));transition:top var(--stzh-base-transition-animation-speed);width:calc(100% + var(--stzh-grid-gutter-large) - var(--stzh-space-xxxxlarge))}}@media screen and (min-width: 1600px){.stzh-pagecontent__anchornav.sc-stzh-pagecontent{width:calc(100% + var(--stzh-grid-gutter-ultra) - var(--stzh-space-xxxxlarge))}}@media screen and (min-width: 1260px){.stzh-pagecontent--has-aside-left.sc-stzh-pagecontent{--stzh-content-grid-template-areas:\"content content content content content content content content content content content content\";grid-template-areas:\"aside-left aside-left aside-left aside-left content content content content content content content content\"}}.stzh-pagecontent--has-aside-left.sc-stzh-pagecontent .stzh-pagecontent__aside-left.sc-stzh-pagecontent{margin-bottom:var(--stzh-space-large)}@media screen and (min-width: 600px){.stzh-pagecontent--has-aside-left.sc-stzh-pagecontent .stzh-pagecontent__aside-left.sc-stzh-pagecontent{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 900px){.stzh-pagecontent--has-aside-left.sc-stzh-pagecontent .stzh-pagecontent__aside-left.sc-stzh-pagecontent{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-pagecontent--has-aside-left.sc-stzh-pagecontent .stzh-pagecontent__aside-left.sc-stzh-pagecontent{margin-bottom:var(--stzh-space-xxxlarge)}}";

package/dist/cjs/stzh-pagetitle-hero.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-870b4dee.js');
-const utils = require('./utils-5a53d7eb.js');
+const utils = require('./utils-c0aaa7ec.js');
 const mediaUtils = require('./media-utils-c9f38eab.js');
 require('./string-utils-45f764ac.js');
 

package/dist/cjs/stzh-pagetitle-home.cjs.entry.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-870b4dee.js');
-const utils = require('./utils-5a53d7eb.js');
+const utils = require('./utils-c0aaa7ec.js');
 const mediaUtils = require('./media-utils-c9f38eab.js');
 require('./string-utils-45f764ac.js');
 
-const stzhPagetitleHomeCss = ".sc-stzh-pagetitle-home-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-pagetitle-home-h,[stzh-hidden].sc-stzh-pagetitle-home-h{display:none}.sc-stzh-pagetitle-home-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-pagetitle-home-h *.sc-stzh-pagetitle-home,.sc-stzh-pagetitle-home-h *.sc-stzh-pagetitle-home::before,.sc-stzh-pagetitle-home-h *.sc-stzh-pagetitle-home::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-pagetitle-home-h .has-focus.sc-stzh-pagetitle-home{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-pagetitle-home-h .stzh-fylingfocus-focused.sc-stzh-pagetitle-home{outline-style:none !important}.sc-stzh-pagetitle-home-h .stzh-fylingfocus-focused.sc-stzh-pagetitle-home::-moz-focus-inner{border:0 !important}.sc-stzh-pagetitle-home-h.sc-stzh-pagetitle-home-s>[slot=image],.sc-stzh-pagetitle-home-h .sc-stzh-pagetitle-home-s>[slot=image]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.sc-stzh-pagetitle-home-h.sc-stzh-pagetitle-home-s>[slot=heading],.sc-stzh-pagetitle-home-h .sc-stzh-pagetitle-home-s>[slot=heading]{--color:var(--stzh-pagetitle-home-heading-color, var(--stzh-color-secondary50))}.sc-stzh-pagetitle-home-h.sc-stzh-pagetitle-home-s>[slot=subheading],.sc-stzh-pagetitle-home-h .sc-stzh-pagetitle-home-s>[slot=subheading]{--color:var(--stzh-pagetitle-home-heading-color, var(--stzh-heading-color))}.sc-stzh-pagetitle-home-h.sc-stzh-pagetitle-home-s>[slot=readspeaker] *,.sc-stzh-pagetitle-home-h .sc-stzh-pagetitle-home-s>[slot=readspeaker] *{--color:var(--stzh-pagetitle-home-subheading-color, var(--stzh-heading-color));--hover-color:var(--stzh-pagetitle-home-subheading-color, var(--stzh-heading-color))}.sc-stzh-pagetitle-home-h[has-image].sc-stzh-pagetitle-home-s>[slot=readspeaker] *,.sc-stzh-pagetitle-home-h[has-image] .sc-stzh-pagetitle-home-s>[slot=readspeaker] *{--color:var(--stzh-pagetitle-home-subheading-color, var(--stzh-color-white));--hover-color:var(--stzh-pagetitle-home-subheading-color, var(--stzh-color-white))}.sc-stzh-pagetitle-home-h[has-image].sc-stzh-pagetitle-home-s>[slot=heading],.sc-stzh-pagetitle-home-h[has-image] .sc-stzh-pagetitle-home-s>[slot=heading]{--color:var(--stzh-pagetitle-home-heading-color, var(--stzh-color-lemonyellow50))}.sc-stzh-pagetitle-home-h[has-image].sc-stzh-pagetitle-home-s>[slot=subheading],.sc-stzh-pagetitle-home-h[has-image] .sc-stzh-pagetitle-home-s>[slot=subheading]{--color:var(--stzh-pagetitle-home-subheading-color, var(--stzh-color-white))}.stzh-pagetitle-home.sc-stzh-pagetitle-home{position:relative;padding-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-pagetitle-home.sc-stzh-pagetitle-home{padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home.sc-stzh-pagetitle-home{padding-bottom:var(--stzh-space-xxxxlarge)}}.stzh-pagetitle-home__container.sc-stzh-pagetitle-home{margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 600px){.stzh-pagetitle-home__container.sc-stzh-pagetitle-home{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-pagetitle-home__container.sc-stzh-pagetitle-home{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-pagetitle-home__container.sc-stzh-pagetitle-home{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-pagetitle-home__container.sc-stzh-pagetitle-home{margin-left:auto;margin-right:auto;max-width:84.25rem}}.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xxlarge);padding-bottom:var(--stzh-space-xxlarge);column-gap:var(--stzh-grid-gutter);display:grid;grid-template-columns:repeat(4, minmax(0, 1fr))}@media screen and (min-width: 600px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xbig)}}@media screen and (min-width: 600px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-bottom:var(--stzh-space-xbig)}}@media screen and (min-width: 600px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{column-gap:var(--stzh-grid-gutter-ultra)}}@media screen and (min-width: 900px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{grid-template-columns:repeat(12, minmax(0, 1fr))}}.stzh-pagetitle-home__image-wrapper.sc-stzh-pagetitle-home{position:relative}.stzh-pagetitle-home__image-inner-wrapper.sc-stzh-pagetitle-home{position:absolute;inset:0;height:100%;margin-left:calc(1.25rem / -1);margin-right:calc(1.25rem / -1)}@media screen and (min-width: 600px){.stzh-pagetitle-home__image-inner-wrapper.sc-stzh-pagetitle-home{margin-left:calc(2rem / -1);margin-right:calc(2rem / -1)}}@media screen and (min-width: 900px){.stzh-pagetitle-home__image-inner-wrapper.sc-stzh-pagetitle-home{margin-left:0;margin-right:0;width:calc(100% + 2.5rem)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home__image-inner-wrapper.sc-stzh-pagetitle-home{width:calc(100% + 4rem)}}@media screen and (min-width: 1600px){.stzh-pagetitle-home__image-inner-wrapper.sc-stzh-pagetitle-home{width:calc(100% + (100rem - 84.25rem) / 2)}}.stzh-pagetitle-home__image-gradient.sc-stzh-pagetitle-home{position:absolute;background:linear-gradient(1.21deg, rgba(0, 0, 0, 0) 31.71%, rgba(0, 0, 0, 0.5) 83.84%);top:0;right:0;bottom:0;left:0;z-index:1}@media screen and (min-width: 600px){.stzh-pagetitle-home__image-gradient.sc-stzh-pagetitle-home{background:linear-gradient(270deg, rgba(0, 0, 0, 0) 31.21%, rgba(0, 0, 0, 0.5) 91.45%)}}@media screen and (min-width: 1600px){.stzh-pagetitle-home__image-gradient.sc-stzh-pagetitle-home{left:calc((100vw - 84.25rem) / 2)}.stzh-pagetitle-home__image-gradient.sc-stzh-pagetitle-home:before{content:\"\";position:absolute;background:rgba(0, 0, 0, 0.5);top:0;right:calc((100vw - 84.25rem) / 2 + 84.25rem - var(--stzh-scrollbar-width, 0px));bottom:0;left:calc((100vw - 84.25rem) / 2 * -1 - var(--stzh-scrollbar-width, 0px));z-index:1}}.stzh-pagetitle-home__meta.sc-stzh-pagetitle-home{display:flex;flex-direction:column-reverse;row-gap:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pagetitle-home__meta.sc-stzh-pagetitle-home{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pagetitle-home__meta.sc-stzh-pagetitle-home{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home__meta.sc-stzh-pagetitle-home{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-pagetitle-home__meta.sc-stzh-pagetitle-home{flex-direction:row}}@media screen and (min-width: 600px) and (max-width: 899px){.stzh-pagetitle-home__readspeaker.sc-stzh-pagetitle-home{--stzh-readspeaker-dropdown-position:relative;--stzh-readspeaker-dropdown-top:auto}}.stzh-pagetitle-home__subheading.sc-stzh-pagetitle-home{--stzh-base-lead-color:var(--stzh-heading-color)}.stzh-pagetitle-home__heading.sc-stzh-pagetitle-home:not(:empty)+.stzh-pagetitle-home__subheading.sc-stzh-pagetitle-home:not(:empty){margin-top:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-pagetitle-home__heading.sc-stzh-pagetitle-home:not(:empty)+.stzh-pagetitle-home__subheading.sc-stzh-pagetitle-home:not(:empty){margin-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home__heading.sc-stzh-pagetitle-home:not(:empty)+.stzh-pagetitle-home__subheading.sc-stzh-pagetitle-home:not(:empty){margin-top:var(--stzh-space-small)}}.stzh-pagetitle-home__heading.sc-stzh-pagetitle-home,.stzh-pagetitle-home__subheading.sc-stzh-pagetitle-home,.stzh-pagetitle-home__meta.sc-stzh-pagetitle-home{grid-column:1/span 4}@media screen and (min-width: 900px){.stzh-pagetitle-home__heading.sc-stzh-pagetitle-home,.stzh-pagetitle-home__subheading.sc-stzh-pagetitle-home,.stzh-pagetitle-home__meta.sc-stzh-pagetitle-home{grid-column:1/span 10}}.stzh-pagetitle-home__ratio.sc-stzh-pagetitle-home{--max-height:42.5rem;--overflow:hidden}.stzh-pagetitle-home--has-no-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__ratio.sc-stzh-pagetitle-home{display:none}.stzh-pagetitle-home--has-no-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pagetitle-home--has-no-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pagetitle-home--has-no-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home--has-no-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xxlarge)}}.stzh-pagetitle-home--has-image.sc-stzh-pagetitle-home{padding-bottom:0}.stzh-pagetitle-home--has-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__container.sc-stzh-pagetitle-home{position:absolute;top:0;right:0;left:0;z-index:1}.stzh-pagetitle-home--has-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-pagetitle-home--has-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home--has-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xxxxlarge)}}.stzh-pagetitle-home--hyphens.sc-stzh-pagetitle-home .stzh-pagetitle-home__heading.sc-stzh-pagetitle-home{hyphens:auto}";
+const stzhPagetitleHomeCss = ".sc-stzh-pagetitle-home-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-pagetitle-home-h,[stzh-hidden].sc-stzh-pagetitle-home-h{display:none}.sc-stzh-pagetitle-home-h::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}.sc-stzh-pagetitle-home-h *.sc-stzh-pagetitle-home,.sc-stzh-pagetitle-home-h *.sc-stzh-pagetitle-home::before,.sc-stzh-pagetitle-home-h *.sc-stzh-pagetitle-home::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-pagetitle-home-h .has-focus.sc-stzh-pagetitle-home{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}.sc-stzh-pagetitle-home-h .stzh-fylingfocus-focused.sc-stzh-pagetitle-home{outline-style:none !important}.sc-stzh-pagetitle-home-h .stzh-fylingfocus-focused.sc-stzh-pagetitle-home::-moz-focus-inner{border:0 !important}.sc-stzh-pagetitle-home-h.sc-stzh-pagetitle-home-s>[slot=image],.sc-stzh-pagetitle-home-h .sc-stzh-pagetitle-home-s>[slot=image]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.sc-stzh-pagetitle-home-h.sc-stzh-pagetitle-home-s>[slot=heading],.sc-stzh-pagetitle-home-h .sc-stzh-pagetitle-home-s>[slot=heading]{--color:var(--stzh-pagetitle-home-heading-color, var(--stzh-color-secondary50))}.sc-stzh-pagetitle-home-h.sc-stzh-pagetitle-home-s>[slot=subheading],.sc-stzh-pagetitle-home-h .sc-stzh-pagetitle-home-s>[slot=subheading]{--color:var(--stzh-pagetitle-home-heading-color, var(--stzh-heading-color))}.sc-stzh-pagetitle-home-h.sc-stzh-pagetitle-home-s>[slot=readspeaker] *,.sc-stzh-pagetitle-home-h .sc-stzh-pagetitle-home-s>[slot=readspeaker] *{--color:var(--stzh-pagetitle-home-readspeaker-color, var(--stzh-heading-color));--hover-color:var(--stzh-pagetitle-home-readspeaker-color, var(--stzh-heading-color))}.sc-stzh-pagetitle-home-h[has-image].sc-stzh-pagetitle-home-s>[slot=readspeaker] *,.sc-stzh-pagetitle-home-h[has-image] .sc-stzh-pagetitle-home-s>[slot=readspeaker] *{--color:var(--stzh-pagetitle-home-readspeaker-color, var(--stzh-color-white));--hover-color:var(--stzh-pagetitle-home-readspeaker-color, var(--stzh-color-white))}.sc-stzh-pagetitle-home-h[has-image].sc-stzh-pagetitle-home-s>[slot=heading],.sc-stzh-pagetitle-home-h[has-image] .sc-stzh-pagetitle-home-s>[slot=heading]{--color:var(--stzh-pagetitle-home-heading-color, var(--stzh-color-lemonyellow50))}.sc-stzh-pagetitle-home-h[has-image].sc-stzh-pagetitle-home-s>[slot=subheading],.sc-stzh-pagetitle-home-h[has-image] .sc-stzh-pagetitle-home-s>[slot=subheading]{--color:var(--stzh-pagetitle-home-subheading-color, var(--stzh-color-white))}.stzh-pagetitle-home.sc-stzh-pagetitle-home{position:relative;padding-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-pagetitle-home.sc-stzh-pagetitle-home{padding-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home.sc-stzh-pagetitle-home{padding-bottom:var(--stzh-space-xxxxlarge)}}.stzh-pagetitle-home__container.sc-stzh-pagetitle-home{margin-left:1.25rem;margin-right:1.25rem}@media screen and (min-width: 600px){.stzh-pagetitle-home__container.sc-stzh-pagetitle-home{margin-left:2rem;margin-right:2rem}}@media screen and (min-width: 900px){.stzh-pagetitle-home__container.sc-stzh-pagetitle-home{margin-left:2.5rem;margin-right:2.5rem}}@media screen and (min-width: 1260px){.stzh-pagetitle-home__container.sc-stzh-pagetitle-home{margin-left:4rem;margin-right:4rem}}@media screen and (min-width: 1600px){.stzh-pagetitle-home__container.sc-stzh-pagetitle-home{margin-left:auto;margin-right:auto;max-width:84.25rem}}.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xxlarge);padding-bottom:var(--stzh-space-xxlarge);column-gap:var(--stzh-grid-gutter);display:grid;grid-template-columns:repeat(4, minmax(0, 1fr))}@media screen and (min-width: 600px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xbig)}}@media screen and (min-width: 600px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 900px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-bottom:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-bottom:var(--stzh-space-xbig)}}@media screen and (min-width: 600px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{column-gap:var(--stzh-grid-gutter-small)}}@media screen and (min-width: 900px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{column-gap:var(--stzh-grid-gutter-medium)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{column-gap:var(--stzh-grid-gutter-large)}}@media screen and (min-width: 1600px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{column-gap:var(--stzh-grid-gutter-ultra)}}@media screen and (min-width: 900px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{grid-template-columns:repeat(8, minmax(0, 1fr))}}@media screen and (min-width: 1260px){.stzh-pagetitle-home__text.sc-stzh-pagetitle-home{grid-template-columns:repeat(12, minmax(0, 1fr))}}.stzh-pagetitle-home__image-wrapper.sc-stzh-pagetitle-home{position:relative}.stzh-pagetitle-home__image-inner-wrapper.sc-stzh-pagetitle-home{position:absolute;inset:0;height:100%;margin-left:calc(1.25rem / -1);margin-right:calc(1.25rem / -1)}@media screen and (min-width: 600px){.stzh-pagetitle-home__image-inner-wrapper.sc-stzh-pagetitle-home{margin-left:calc(2rem / -1);margin-right:calc(2rem / -1)}}@media screen and (min-width: 900px){.stzh-pagetitle-home__image-inner-wrapper.sc-stzh-pagetitle-home{margin-left:0;margin-right:0;width:calc(100% + 2.5rem)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home__image-inner-wrapper.sc-stzh-pagetitle-home{width:calc(100% + 4rem)}}@media screen and (min-width: 1600px){.stzh-pagetitle-home__image-inner-wrapper.sc-stzh-pagetitle-home{width:calc(100% + (100rem - 84.25rem) / 2)}}.stzh-pagetitle-home__image-gradient.sc-stzh-pagetitle-home{position:absolute;background:linear-gradient(1.21deg, rgba(0, 0, 0, 0) 31.71%, rgba(0, 0, 0, 0.5) 83.84%);top:0;right:0;bottom:0;left:0;z-index:1}@media screen and (min-width: 600px){.stzh-pagetitle-home__image-gradient.sc-stzh-pagetitle-home{background:linear-gradient(270deg, rgba(0, 0, 0, 0) 31.21%, rgba(0, 0, 0, 0.5) 91.45%)}}@media screen and (min-width: 1600px){.stzh-pagetitle-home__image-gradient.sc-stzh-pagetitle-home{left:calc((100vw - 84.25rem) / 2)}.stzh-pagetitle-home__image-gradient.sc-stzh-pagetitle-home:before{content:\"\";position:absolute;background:rgba(0, 0, 0, 0.5);top:0;right:calc((100vw - 84.25rem) / 2 + 84.25rem - var(--stzh-scrollbar-width, 0px));bottom:0;left:calc((100vw - 84.25rem) / 2 * -1 - var(--stzh-scrollbar-width, 0px));z-index:1}}.stzh-pagetitle-home__meta.sc-stzh-pagetitle-home{display:flex;flex-direction:column-reverse;row-gap:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pagetitle-home__meta.sc-stzh-pagetitle-home{margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pagetitle-home__meta.sc-stzh-pagetitle-home{margin-bottom:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home__meta.sc-stzh-pagetitle-home{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 900px){.stzh-pagetitle-home__meta.sc-stzh-pagetitle-home{flex-direction:row}}@media screen and (min-width: 600px) and (max-width: 899px){.stzh-pagetitle-home__readspeaker.sc-stzh-pagetitle-home{--stzh-readspeaker-dropdown-position:relative;--stzh-readspeaker-dropdown-top:auto}}.stzh-pagetitle-home__subheading.sc-stzh-pagetitle-home{--stzh-base-lead-color:var(--stzh-heading-color)}.stzh-pagetitle-home__heading.sc-stzh-pagetitle-home:not(:empty)+.stzh-pagetitle-home__subheading.sc-stzh-pagetitle-home:not(:empty){margin-top:var(--stzh-space-xxsmall)}@media screen and (min-width: 900px){.stzh-pagetitle-home__heading.sc-stzh-pagetitle-home:not(:empty)+.stzh-pagetitle-home__subheading.sc-stzh-pagetitle-home:not(:empty){margin-top:var(--stzh-space-xsmall)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home__heading.sc-stzh-pagetitle-home:not(:empty)+.stzh-pagetitle-home__subheading.sc-stzh-pagetitle-home:not(:empty){margin-top:var(--stzh-space-small)}}.stzh-pagetitle-home__heading.sc-stzh-pagetitle-home,.stzh-pagetitle-home__subheading.sc-stzh-pagetitle-home,.stzh-pagetitle-home__meta.sc-stzh-pagetitle-home{grid-column:1/span 4}@media screen and (min-width: 900px){.stzh-pagetitle-home__heading.sc-stzh-pagetitle-home,.stzh-pagetitle-home__subheading.sc-stzh-pagetitle-home,.stzh-pagetitle-home__meta.sc-stzh-pagetitle-home{grid-column:1/span 10}}.stzh-pagetitle-home__ratio.sc-stzh-pagetitle-home{--max-height:42.5rem;--overflow:hidden}.stzh-pagetitle-home--has-no-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__ratio.sc-stzh-pagetitle-home{display:none}.stzh-pagetitle-home--has-no-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-medium)}@media screen and (min-width: 600px){.stzh-pagetitle-home--has-no-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-pagetitle-home--has-no-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home--has-no-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xxlarge)}}.stzh-pagetitle-home--has-image.sc-stzh-pagetitle-home{padding-bottom:0}.stzh-pagetitle-home--has-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__container.sc-stzh-pagetitle-home{position:absolute;top:0;right:0;left:0;z-index:1}.stzh-pagetitle-home--has-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 900px){.stzh-pagetitle-home--has-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-pagetitle-home--has-image.sc-stzh-pagetitle-home .stzh-pagetitle-home__text.sc-stzh-pagetitle-home{padding-top:var(--stzh-space-xxxxlarge)}}.stzh-pagetitle-home--hyphens.sc-stzh-pagetitle-home .stzh-pagetitle-home__heading.sc-stzh-pagetitle-home{hyphens:auto}";
 const StzhPagetitleHomeStyle0 = stzhPagetitleHomeCss;
 
 const StzhPagetitleHome = class {
@@ -17,13 +17,23 @@ const StzhPagetitleHome = class {
             this.isSmall = mediaUtils.media("small").matches;
         };
         this.init = () => {
-            const heading = this.element.querySelector('stzh-heading[slot="heading"], [slot="heading"] stzh-heading');
-            const subheading = this.element.querySelector('stzh-text[slot="subheading"], [slot="subheading"] stzh-text');
-            const readspeakerButton = this.element.querySelector('[slot="readspeaker"] stzh-button');
+            const heading = this.element.querySelector("stzh-heading[slot=\"heading\"], [slot=\"heading\"] stzh-heading");
+            const subheading = this.element.querySelector("stzh-text[slot=\"subheading\"], [slot=\"subheading\"] stzh-text");
+            const readspeakerButton = this.element.querySelector("[slot=\"readspeaker\"] stzh-button");
+            const theme = utils.getTheme();
+            // Base config
+            let headingCurve = "h1home";
+            let subheadingCurve = "hero";
+            switch (theme) {
+                case "stzh-theme-pkzh":
+                    headingCurve = "h1homesmall";
+                    subheadingCurve = "h2";
+                    break;
+            }
             if (heading) {
                 utils.setPropsIfNull(heading, {
-                    curve: "h1home",
-                    level: "1",
+                    curve: headingCurve,
+                    level: "1"
                 });
             }
             if (readspeakerButton) {
@@ -33,13 +43,13 @@ const StzhPagetitleHome = class {
                     noPaddingRight: true,
                     size: "small",
                     sizeMedium: "tiny",
-                    buttonAccesskey: "L",
+                    buttonAccesskey: "L"
                 });
             }
             if (subheading) {
                 utils.setPropsIfNull(subheading, {
-                    curve: "hero",
-                    lead: true,
+                    curve: subheadingCurve,
+                    lead: true
                 });
             }
         };
@@ -65,9 +75,9 @@ const StzhPagetitleHome = class {
             "stzh-pagetitle-home--has-no-image": !imageSlotUsed,
             "stzh-pagetitle-home--has-subheading": subheadingSlotUsed,
             "stzh-pagetitle-home--hyphens": this.hyphensEnabled,
-            "stzh-pagetitle-home--has-meta": readspeakerSlotUsed,
+            "stzh-pagetitle-home--has-meta": readspeakerSlotUsed
         };
-        return (index.h(index.Host, { key: 'a7e76ca4a9ee89beeaef14c9bee6b34756a8ea70', "has-image": imageSlotUsed }, index.h("div", { key: 'bea420e60b3902b5d372b675bebf1bfc9304e755', class: classes }, index.h("div", { key: 'd02a78188375c62bbe9de3e6117db7b55cfff96b', class: "stzh-pagetitle-home__image-wrapper" }, index.h("stzh-ratio", { key: '2e1fb9d107abd671a20b28a9f8d9197f07fe2b9f', ratio: "1:1", ratioSmall: "16:9", ratioMedium: "2:1", ratioLarge: "21:9", class: "stzh-pagetitle-home__ratio" }), index.h("div", { key: '17eb9d3a6079980c6a2678f9242b9d1139b75d89', class: "stzh-pagetitle-home__image-gradient" }), index.h("div", { key: 'f0b56741b9eade8a383907d87c4aaaeee098afc8', class: "stzh-pagetitle-home__image-inner-wrapper" }, index.h("slot", { key: 'f26c6d3f98d9c5bc1743547e5ef884317f23fd86', name: "image" }))), index.h("div", { key: '687757d6d23fff7ec07c34f7d4a273d22b990188', class: "stzh-pagetitle-home__container" }, index.h("div", { key: '8e4bfecc07271bb5beda7339bca73af9ee6b57fd', class: "stzh-pagetitle-home__wrapper" }, index.h("div", { key: 'a6429e57815d633eb5ee13b5621ecce5f719b163', class: "stzh-pagetitle-home__text" }, index.h("div", { key: 'c92f6c72cc1e278cc75a67ca11a83a670113ea32', class: "stzh-pagetitle-home__meta" }, index.h("div", { key: '55e6f831510c0506bc7b516b2466cdbe8b8f369b', class: "stzh-pagetitle-home__readspeaker" }, index.h("slot", { key: '151aae40e2bf7b49448294d3eb233677c9d3aa23', name: "readspeaker" }))), index.h("div", { key: 'd2829141894bbfd69460d70c5c61fd0c89863853', class: "stzh-pagetitle-home__heading" }, index.h("slot", { key: 'eb6460b898d330c36e8e184b01579bf90793832d', name: "heading" })), index.h("div", { key: 'a646ce4b1bb826e8a9323f336f6a4109fada7c32', class: "stzh-pagetitle-home__subheading" }, index.h("slot", { key: 'efaebfd5802ea9e9d6720ef4c4906738a838a6af', name: "subheading" }))))))));
+        return (index.h(index.Host, { key: '28222b9dcbf38617ddd061bf4bd61dbfc8b422e8', "has-image": imageSlotUsed }, index.h("div", { key: '60102f19cc608e58123f4454e75e74c747ac50f7', class: classes }, index.h("div", { key: '6d9f0e68cd781e067b22c17fd57640ffba6dc39e', class: "stzh-pagetitle-home__image-wrapper" }, index.h("stzh-ratio", { key: '597d7f30f854a288e484dadf5f06a5efa97b9a50', ratio: "1:1", ratioSmall: "16:9", ratioMedium: "2:1", ratioLarge: "21:9", class: "stzh-pagetitle-home__ratio" }), index.h("div", { key: '0331aca53fc854aeb288b35d91e6fd8eed36bd86', class: "stzh-pagetitle-home__image-gradient" }), index.h("div", { key: 'c0c3c89d844bb3ff9e659eda509bad01e73bceab', class: "stzh-pagetitle-home__image-inner-wrapper" }, index.h("slot", { key: '20375f98cd00ba74c5da41c49f4eb90e0f23101a', name: "image" }))), index.h("div", { key: '3e120667008896afe9a4b92bc49091d6db123e9f', class: "stzh-pagetitle-home__container" }, index.h("div", { key: '04d3efcc4301a7d103993fb49acb0a972e7c4bbc', class: "stzh-pagetitle-home__wrapper" }, index.h("div", { key: 'd974e083ff43924e1952407f279ee0b85dd4651d', class: "stzh-pagetitle-home__text" }, index.h("div", { key: '8434e16fb26078b1e5a4e5ca4b4924520c9c5018', class: "stzh-pagetitle-home__meta" }, index.h("div", { key: 'f7b5e0279d6672eb2e8e580e4326ebd88d1a1746', class: "stzh-pagetitle-home__readspeaker" }, index.h("slot", { key: 'aa8d41a5dcaa336ccd278cc453d9521f9d788eb4', name: "readspeaker" }))), index.h("div", { key: 'd925128907deeea6882cb9edff581f86ef126514', class: "stzh-pagetitle-home__heading" }, index.h("slot", { key: '91b54d94ba286f781a67cf20b275761f5f6023bf', name: "heading" })), index.h("div", { key: '4644887eedae9f0fd875f75b06c43ba5be9d1094', class: "stzh-pagetitle-home__subheading" }, index.h("slot", { key: '6525df6fe9a447fc482f39f79ffeed556798b08f', name: "subheading" }))))))));
     }
     get element() { return index.getElement(this); }
 };

package/dist/cjs/stzh-pagetitle-home.cjs.entry.js.map

@@ -1 +1 @@
-{"file":"stzh-pagetitle-home.entry.cjs.js","mappings":"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","names":["media","setPropsIfNull","addMediaChangeListener","removeMediaChangeListener","hasSlot","h","Host"],"sources":["src/components/CMS/stzh-pagetitle-home/stzh-pagetitle-home.scss?tag=stzh-pagetitle-home&encapsulation=scoped","src/components/CMS/stzh-pagetitle-home/stzh-pagetitle-home.tsx"],"sourcesContent":["/**\n   * @prop --stzh-pagetitle-home-heading-color: Color of the heading\n   * @prop --stzh-pagetitle-home-subheading-color: Color of the subheading and readspeaker slot\n */\n\n:host {\n  ::slotted([slot=\"image\"]) {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  ::slotted([slot=\"heading\"]) {\n    --color: var(--stzh-pagetitle-home-heading-color, #{$colorSecondary50});\n  }\n\n  ::slotted([slot=\"subheading\"]) {\n    --color: var(--stzh-pagetitle-home-heading-color, #{$headingColor});\n  }\n\n  ::slotted([slot=\"readspeaker\"]) * {\n    --color: var(--stzh-pagetitle-home-subheading-color, #{$headingColor});\n    --hover-color: var(--stzh-pagetitle-home-subheading-color, #{$headingColor});\n  }\n\n  &[has-image] ::slotted([slot=\"readspeaker\"]) * {\n    --color: var(--stzh-pagetitle-home-subheading-color, #{$colorWhite});\n    --hover-color: var(--stzh-pagetitle-home-subheading-color, #{$colorWhite});\n  }\n\n  &[has-image] ::slotted([slot=\"heading\"]) {\n    --color: var(--stzh-pagetitle-home-heading-color, #{$colorLemonyellow50});\n  }\n\n  &[has-image] ::slotted([slot=\"subheading\"]) {\n    --color: var(--stzh-pagetitle-home-subheading-color, #{$colorWhite});\n  }\n}\n\n.stzh-pagetitle-home {\n  position: relative;\n  @include spaceCurve('padding-bottom', 'large');\n\n  &__container {\n    @include container;\n  }\n\n  &__text {\n    @include spaceCurve('padding-top', 'big');\n    @include spaceCurve('padding-bottom', 'big');\n    @include grid;\n  }\n\n\n  &__image-wrapper {\n    position: relative;\n  }\n\n  &__image-inner-wrapper {\n    position: absolute;\n    inset: 0;\n    height: 100%;\n    margin-left: calc(#{$containerMargin} / -1);\n    margin-right: calc(#{$containerMargin} / -1);\n\n    @include mq($from: small) {\n      margin-left: calc(#{$containerMarginSmall} / -1);\n      margin-right: calc(#{$containerMarginSmall} / -1);\n    }\n\n    @include mq($from: medium) {\n      margin-left: 0;\n      margin-right: 0;\n      width: calc(100% + #{$containerMarginMedium});\n    }\n\n    @include mq($from: large) {\n      width: calc(100% + #{$containerMarginLarge});\n    }\n\n    @include mq($from: ultra) {\n      width: calc(100% + ((#{map-get($breakpoints, 'ultra')} - #{$containerMaxWidth}) / 2));\n    }\n  }\n\n  &__image-gradient {\n    position: absolute;\n    background: linear-gradient(1.21deg, rgba(0, 0, 0, 0) 31.71%, rgba(0, 0, 0, 0.5) 83.84%);\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 1;\n\n    @include mq($from: small) {\n      background: linear-gradient(270deg, rgba(0, 0, 0, 0) 31.21%, rgba(0, 0, 0, 0.5) 91.45%);\n    }\n\n    @include mq($from: ultra) {\n      left: calc((100vw - #{$containerMaxWidth}) / 2);\n\n      &:before {\n        content: '';\n        position: absolute;\n        background: rgba(0, 0, 0, 0.5);\n        top: 0;\n        right: calc((100vw - #{$containerMaxWidth}) / 2 + #{$containerMaxWidth} - var(--stzh-scrollbar-width, 0px));\n        bottom: 0;\n        left: calc((100vw - #{$containerMaxWidth}) / 2 * -1 - var(--stzh-scrollbar-width, 0px));\n        z-index: 1;\n      }\n    }\n  }\n\n\n  &__meta {\n    display: flex;\n    flex-direction: column-reverse;\n    row-gap: space('xsmall');\n    @include spaceCurve('margin-bottom', 'regular');\n\n    @include mq($from: medium) {\n      flex-direction: row;\n    }\n  }\n\n  &__readspeaker {\n    @include mq($from: small, $to: medium) {\n      --stzh-readspeaker-dropdown-position: relative;\n      --stzh-readspeaker-dropdown-top: auto;\n    }\n  }\n\n  &__subheading {\n    --stzh-base-lead-color: #{$headingColor};\n  }\n\n  &__heading:not(:empty) + &__subheading:not(:empty) {\n    @include spaceCurve('margin-top', 'tiny');\n  }\n\n  &__heading,\n  &__subheading,\n  &__meta {\n    grid-column: 1 / span 4;\n\n    @include mq($from: medium) {\n      grid-column: 1 / span 10;\n    }\n  }\n\n  &__ratio {\n    --max-height: 680px;\n    --overflow: hidden;\n  }\n\n  /* Has no image variant */\n\n  &--has-no-image &__ratio {\n    display: none;\n  }\n\n  &--has-no-image &__text {\n    @include spaceCurve('padding-top', 'regular');\n  }\n\n  /* Has image variant */\n\n  &--has-image {\n    padding-bottom: 0;\n  }\n\n  &--has-image &__container {\n    position: absolute;\n    top: 0;\n    right: 0;\n    left: 0;\n    z-index: 1;\n  }\n\n  &--has-image &__text {\n    @include spaceCurve('padding-top', 'large');\n  }\n\n  /* Hyphens */\n  &--hyphens &__heading {\n    hyphens: auto;\n  }\n}\n","import { Component, Element, h, Host, Prop, State } from \"@stencil/core\";\n\nimport { hasSlot, setPropsIfNull } from \"../../../utils/utils\";\nimport { addMediaChangeListener, media, removeMediaChangeListener } from \"../../../utils/media-utils\";\n\n/**\n * @slot heading - Slot for `stzh-heading` element\n * @slot image - Slot for `stzh-figure` or `img` element\n * @slot subheading - Slot for `stzh-text` element\n * @slot readspeaker - Slot for `stzh-readspeaker` element\n */\n@Component({\n  tag: \"stzh-pagetitle-home\",\n  styleUrl: \"stzh-pagetitle-home.scss\",\n  scoped: true,\n})\nexport class StzhPagetitleHome {\n  /** Automatic Hyphens */\n  @Prop({ reflect: true }) hyphensEnabled: boolean = false;\n\n  @Element() element: HTMLStzhPagetitleHomeElement;\n\n  @State() isSmall: boolean;\n\n  private mediaChangeHandler = () => {\n    this.isSmall = media(\"small\").matches;\n  };\n\n  private init = () => {\n    const heading = this.element.querySelector('stzh-heading[slot=\"heading\"], [slot=\"heading\"] stzh-heading');\n    const subheading = this.element.querySelector('stzh-text[slot=\"subheading\"], [slot=\"subheading\"] stzh-text');\n    const readspeakerButton = this.element.querySelector('[slot=\"readspeaker\"] stzh-button');\n\n    if (heading) {\n      setPropsIfNull(heading, {\n        curve: \"h1home\",\n        level: \"1\",\n      } as HTMLStzhHeadingElement);\n    }\n\n    if (readspeakerButton) {\n      setPropsIfNull(readspeakerButton, {\n        variant: \"tertiary-plain\",\n        noPaddingLeft: true,\n        noPaddingRight: true,\n        size: \"small\",\n        sizeMedium: \"tiny\",\n        buttonAccesskey: \"L\",\n      } as HTMLStzhButtonElement);\n    }\n\n    if (subheading) {\n      setPropsIfNull(subheading, {\n        curve: \"hero\",\n        lead: true,\n      } as HTMLStzhTextElement);\n    }\n  };\n\n  componentDidRender() {}\n\n  connectedCallback() {\n    this.init();\n    this.mediaChangeHandler();\n    addMediaChangeListener(this.mediaChangeHandler);\n  }\n\n  disconnectedCallback() {\n    removeMediaChangeListener(this.mediaChangeHandler);\n  }\n\n  render() {\n    const imageSlotUsed = hasSlot(this.element, \"image\");\n    const subheadingSlotUsed = hasSlot(this.element, \"subheading\");\n    const readspeakerSlotUsed = hasSlot(this.element, \"readspeaker\");\n\n    const classes = {\n      \"stzh-pagetitle-home\": true,\n      \"stzh-pagetitle-home--has-image\": imageSlotUsed,\n      \"stzh-pagetitle-home--has-no-image\": !imageSlotUsed,\n      \"stzh-pagetitle-home--has-subheading\": subheadingSlotUsed,\n      \"stzh-pagetitle-home--hyphens\": this.hyphensEnabled,\n      \"stzh-pagetitle-home--has-meta\": readspeakerSlotUsed,\n    };\n\n    return (\n      <Host has-image={imageSlotUsed}>\n        <div class={classes}>\n          <div class=\"stzh-pagetitle-home__image-wrapper\">\n            <stzh-ratio\n              ratio={\"1:1\"}\n              ratioSmall={\"16:9\"}\n              ratioMedium={\"2:1\"}\n              ratioLarge={\"21:9\"}\n              class=\"stzh-pagetitle-home__ratio\"\n            ></stzh-ratio>\n            <div class=\"stzh-pagetitle-home__image-gradient\"></div>\n            <div class=\"stzh-pagetitle-home__image-inner-wrapper\">\n              <slot name=\"image\"></slot>\n            </div>\n          </div>\n          <div class=\"stzh-pagetitle-home__container\">\n            <div class=\"stzh-pagetitle-home__wrapper\">\n              <div class=\"stzh-pagetitle-home__text\">\n                <div class=\"stzh-pagetitle-home__meta\">\n                  <div class=\"stzh-pagetitle-home__readspeaker\">\n                    <slot name=\"readspeaker\"></slot>\n                  </div>\n                </div>\n\n                <div class=\"stzh-pagetitle-home__heading\">\n                  <slot name=\"heading\"></slot>\n                </div>\n\n                <div class=\"stzh-pagetitle-home__subheading\">\n                  <slot name=\"subheading\"></slot>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"stzh-pagetitle-home.entry.cjs.js","mappings":"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","names":["media","getTheme","setPropsIfNull","addMediaChangeListener","removeMediaChangeListener","hasSlot","h","Host"],"sources":["src/components/CMS/stzh-pagetitle-home/stzh-pagetitle-home.scss?tag=stzh-pagetitle-home&encapsulation=scoped","src/components/CMS/stzh-pagetitle-home/stzh-pagetitle-home.tsx"],"sourcesContent":["/**\n   * @prop --stzh-pagetitle-home-heading-color: Color of the heading\n   * @prop --stzh-pagetitle-home-subheading-color: Color of the subheading and readspeaker slot\n */\n\n:host {\n  ::slotted([slot=\"image\"]) {\n    position: absolute;\n    inset: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  ::slotted([slot=\"heading\"]) {\n    --color: var(--stzh-pagetitle-home-heading-color, #{$colorSecondary50});\n  }\n\n  ::slotted([slot=\"subheading\"]) {\n    --color: var(--stzh-pagetitle-home-heading-color, #{$headingColor});\n  }\n\n  ::slotted([slot=\"readspeaker\"]) * {\n    --color: var(--stzh-pagetitle-home-readspeaker-color, #{$headingColor});\n    --hover-color: var(--stzh-pagetitle-home-readspeaker-color, #{$headingColor});\n  }\n\n  &[has-image] ::slotted([slot=\"readspeaker\"]) * {\n    --color: var(--stzh-pagetitle-home-readspeaker-color, #{$colorWhite});\n    --hover-color: var(--stzh-pagetitle-home-readspeaker-color, #{$colorWhite});\n  }\n\n  &[has-image] ::slotted([slot=\"heading\"]) {\n    --color: var(--stzh-pagetitle-home-heading-color, #{$colorLemonyellow50});\n  }\n\n  &[has-image] ::slotted([slot=\"subheading\"]) {\n    --color: var(--stzh-pagetitle-home-subheading-color, #{$colorWhite});\n  }\n}\n\n.stzh-pagetitle-home {\n  position: relative;\n  @include spaceCurve('padding-bottom', 'large');\n\n  &__container {\n    @include container;\n  }\n\n  &__text {\n    @include spaceCurve('padding-top', 'big');\n    @include spaceCurve('padding-bottom', 'big');\n    @include grid;\n  }\n\n  &__image-wrapper {\n    position: relative;\n  }\n\n  &__image-inner-wrapper {\n    position: absolute;\n    inset: 0;\n    height: 100%;\n    margin-left: calc(#{$containerMargin} / -1);\n    margin-right: calc(#{$containerMargin} / -1);\n\n    @include mq($from: small) {\n      margin-left: calc(#{$containerMarginSmall} / -1);\n      margin-right: calc(#{$containerMarginSmall} / -1);\n    }\n\n    @include mq($from: medium) {\n      margin-left: 0;\n      margin-right: 0;\n      width: calc(100% + #{$containerMarginMedium});\n    }\n\n    @include mq($from: large) {\n      width: calc(100% + #{$containerMarginLarge});\n    }\n\n    @include mq($from: ultra) {\n      width: calc(100% + ((#{map-get($breakpoints, 'ultra')} - #{$containerMaxWidth}) / 2));\n    }\n  }\n\n  &__image-gradient {\n    position: absolute;\n    background: linear-gradient(1.21deg, rgba(0, 0, 0, 0) 31.71%, rgba(0, 0, 0, 0.5) 83.84%);\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 1;\n\n    @include mq($from: small) {\n      background: linear-gradient(270deg, rgba(0, 0, 0, 0) 31.21%, rgba(0, 0, 0, 0.5) 91.45%);\n    }\n\n    @include mq($from: ultra) {\n      left: calc((100vw - #{$containerMaxWidth}) / 2);\n\n      &:before {\n        content: '';\n        position: absolute;\n        background: rgba(0, 0, 0, 0.5);\n        top: 0;\n        right: calc((100vw - #{$containerMaxWidth}) / 2 + #{$containerMaxWidth} - var(--stzh-scrollbar-width, 0px));\n        bottom: 0;\n        left: calc((100vw - #{$containerMaxWidth}) / 2 * -1 - var(--stzh-scrollbar-width, 0px));\n        z-index: 1;\n      }\n    }\n  }\n\n\n  &__meta {\n    display: flex;\n    flex-direction: column-reverse;\n    row-gap: space('xsmall');\n    @include spaceCurve('margin-bottom', 'regular');\n\n    @include mq($from: medium) {\n      flex-direction: row;\n    }\n  }\n\n  &__readspeaker {\n    @include mq($from: small, $to: medium) {\n      --stzh-readspeaker-dropdown-position: relative;\n      --stzh-readspeaker-dropdown-top: auto;\n    }\n  }\n\n  &__subheading {\n    --stzh-base-lead-color: #{$headingColor};\n  }\n\n  &__heading:not(:empty) + &__subheading:not(:empty) {\n    @include spaceCurve('margin-top', 'tiny');\n  }\n\n  &__heading,\n  &__subheading,\n  &__meta {\n    grid-column: 1 / span 4;\n\n    @include mq($from: medium) {\n      grid-column: 1 / span 10;\n    }\n  }\n\n  &__ratio {\n    --max-height: 680px;\n    --overflow: hidden;\n  }\n\n  /* Has no image variant */\n\n  &--has-no-image &__ratio {\n    display: none;\n  }\n\n  &--has-no-image &__text {\n    @include spaceCurve('padding-top', 'regular');\n  }\n\n  /* Has image variant */\n\n  &--has-image {\n    padding-bottom: 0;\n  }\n\n  &--has-image &__container {\n    position: absolute;\n    top: 0;\n    right: 0;\n    left: 0;\n    z-index: 1;\n  }\n\n  &--has-image &__text {\n    @include spaceCurve('padding-top', 'large');\n  }\n\n  /* Hyphens */\n  &--hyphens &__heading {\n    hyphens: auto;\n  }\n}\n","import { Component, Element, h, Host, Prop, State } from \"@stencil/core\";\n\nimport { getTheme, hasSlot, setPropsIfNull } from \"../../../utils/utils\";\nimport { addMediaChangeListener, media, removeMediaChangeListener } from \"../../../utils/media-utils\";\n\n/**\n * @slot heading - Slot for `stzh-heading` element\n * @slot image - Slot for `stzh-figure` or `img` element\n * @slot subheading - Slot for `stzh-text` element\n * @slot readspeaker - Slot for `stzh-readspeaker` element\n */\n@Component({\n  tag: \"stzh-pagetitle-home\",\n  styleUrl: \"stzh-pagetitle-home.scss\",\n  scoped: true\n})\nexport class StzhPagetitleHome {\n  /** Automatic Hyphens */\n  @Prop({ reflect: true }) hyphensEnabled: boolean = false;\n\n  @Element() element: HTMLStzhPagetitleHomeElement;\n\n  @State() isSmall: boolean;\n\n  private mediaChangeHandler = () => {\n    this.isSmall = media(\"small\").matches;\n  };\n\n  private init = () => {\n    const heading = this.element.querySelector(\"stzh-heading[slot=\\\"heading\\\"], [slot=\\\"heading\\\"] stzh-heading\");\n    const subheading = this.element.querySelector(\"stzh-text[slot=\\\"subheading\\\"], [slot=\\\"subheading\\\"] stzh-text\");\n    const readspeakerButton = this.element.querySelector(\"[slot=\\\"readspeaker\\\"] stzh-button\");\n    const theme = getTheme();\n\n    // Base config\n    let headingCurve = \"h1home\";\n    let subheadingCurve = \"hero\";\n\n    switch (theme) {\n      case \"stzh-theme-pkzh\":\n        headingCurve = \"h1homesmall\";\n        subheadingCurve = \"h2\";\n        break;\n    }\n\n    if (heading) {\n      setPropsIfNull(heading, {\n        curve: headingCurve,\n        level: \"1\"\n      } as HTMLStzhHeadingElement);\n    }\n\n    if (readspeakerButton) {\n      setPropsIfNull(readspeakerButton, {\n        variant: \"tertiary-plain\",\n        noPaddingLeft: true,\n        noPaddingRight: true,\n        size: \"small\",\n        sizeMedium: \"tiny\",\n        buttonAccesskey: \"L\"\n      } as HTMLStzhButtonElement);\n    }\n\n    if (subheading) {\n      setPropsIfNull(subheading, {\n        curve: subheadingCurve,\n        lead: true\n      } as HTMLStzhTextElement);\n    }\n  };\n\n  componentDidRender() {}\n\n  connectedCallback() {\n    this.init();\n    this.mediaChangeHandler();\n    addMediaChangeListener(this.mediaChangeHandler);\n  }\n\n  disconnectedCallback() {\n    removeMediaChangeListener(this.mediaChangeHandler);\n  }\n\n  render() {\n    const imageSlotUsed = hasSlot(this.element, \"image\");\n    const subheadingSlotUsed = hasSlot(this.element, \"subheading\");\n    const readspeakerSlotUsed = hasSlot(this.element, \"readspeaker\");\n\n    const classes = {\n      \"stzh-pagetitle-home\": true,\n      \"stzh-pagetitle-home--has-image\": imageSlotUsed,\n      \"stzh-pagetitle-home--has-no-image\": !imageSlotUsed,\n      \"stzh-pagetitle-home--has-subheading\": subheadingSlotUsed,\n      \"stzh-pagetitle-home--hyphens\": this.hyphensEnabled,\n      \"stzh-pagetitle-home--has-meta\": readspeakerSlotUsed\n    };\n\n    return (\n      <Host has-image={imageSlotUsed}>\n        <div class={classes}>\n          <div class=\"stzh-pagetitle-home__image-wrapper\">\n            <stzh-ratio\n              ratio={\"1:1\"}\n              ratioSmall={\"16:9\"}\n              ratioMedium={\"2:1\"}\n              ratioLarge={\"21:9\"}\n              class=\"stzh-pagetitle-home__ratio\"\n            ></stzh-ratio>\n            <div class=\"stzh-pagetitle-home__image-gradient\"></div>\n            <div class=\"stzh-pagetitle-home__image-inner-wrapper\">\n              <slot name=\"image\"></slot>\n            </div>\n          </div>\n          <div class=\"stzh-pagetitle-home__container\">\n            <div class=\"stzh-pagetitle-home__wrapper\">\n              <div class=\"stzh-pagetitle-home__text\">\n                <div class=\"stzh-pagetitle-home__meta\">\n                  <div class=\"stzh-pagetitle-home__readspeaker\">\n                    <slot name=\"readspeaker\"></slot>\n                  </div>\n                </div>\n\n                <div class=\"stzh-pagetitle-home__heading\">\n                  <slot name=\"heading\"></slot>\n                </div>\n\n                <div class=\"stzh-pagetitle-home__subheading\">\n                  <slot name=\"subheading\"></slot>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}