@oiz/stzh-components 2.10.0-beta → 2.10.0

package/dist/stzh-components/p-346b8599.entry.js

@@ -1,2 +0,0 @@
-import{r as n,h as t,a as e}from"./p-c92165bd.js";const a='@charset "UTF-8";\n/**\n * Colors\n */\n/*\n * Base\n */\n/**\n * Flyingfocus\n */\n/**\n * Link\n */\n/**\n * Text\n */\n/**\n * Richtext\n */\n/**\n * Section\n */\n/**\n * Header\n */\n/**\n * Appnav\n */\n/**\n * Progressbar\n */\n/**\n * Loader\n */\n/**\n * Table\n */\n/**\n * Heading\n */\n/**\n * Menu (Item)\n */\n/**\n * Form Elements (Input / Checkbox / Radio / Select / Datepicker)\n */\n/**\n * Popover\n */\n/**\n * Tooltips\n */\n/**\n * Overlays / Dialogs\n */\n/**\n * Accordions\n */\n/**\n * Buttons\n */\n/* Ratios */\n/**\n * Box Shadows\n */\n/**\n * Z-Indexes\n * Inspired by https://www.duetds.com/tokens/#z-index\n */\n/**\n * Icon sizes\n */\n/**\n * Grid\n */\n/**\n * Breakpoints\n */\n/**\n * Container\n */\n/**\n * Spaces\n */\n/**\n * Fonts\n */\n/* Global css (mainly used to provide sensible defaults and helper classes) */\n\nhtml {\n  /* Enable font smoothing */\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\nbody {\n  /* Remove default body spacing */\n  margin: 0;\n  padding: 0;\n}\n\n[hidden] {\n  display: none !important;\n}\n\n/* Sticky footer layout */\n\n.stzh-layout-sticky-footer {\n  display: grid;\n  grid-template-rows: auto 1fr auto;\n  grid-template-columns: 100%;\n  min-height: 100vh;\n}\n\n/* Helper class when dialog components are opened */\n\n.stzh-dialog-open,\n.stzh-overlay-open {\n  -ms-touch-action: none;\n  touch-action: none;\n  -webkit-overflow-scrolling: none;\n  overflow: hidden;\n  padding-right: var(--stzh-scrollbar-width);\n  -ms-scroll-chaining: none;\n  overscroll-behavior: none;\n}\n\n@media screen and (max-width: 599px) {\n  .stzh-popover-open {\n    -ms-touch-action: none;\n    touch-action: none;\n    -webkit-overflow-scrolling: none;\n    overflow: hidden;\n    padding-right: var(--stzh-scrollbar-width);\n    -ms-scroll-chaining: none;\n    overscroll-behavior: none;\n  }\n}\n\n/* Flying Focus */\n\n/* default outline value, which will be applied to all elements receiving focus\nthe .has-focus class is used by the focus target */\n.has-focus {\n  outline: var(--stzh-flyingfocus-color) solid 0.125rem;\n  outline-offset: 0.3125rem;\n}\n\n.stzh-fylingfocus-focused {\n  outline-style: none !important;\n}\n\n.stzh-fylingfocus-focused::-moz-focus-inner {\n  border: 0 !important;\n}\n\n/* AEM/STZH Website specifix css */\n\n.section.has-invert {\n  /* Font curve: big */\n  margin-top: var(--stzh-space-xxxlarge);\n  margin-bottom: var(--stzh-space-xxxlarge);\n}\n\n@media screen and (min-width: 600px) {\n  .section.has-invert {\n    margin-top: var(--stzh-space-xxxxlarge);\n    margin-bottom: var(--stzh-space-xxxxlarge);\n  }\n}\n\n@media screen and (min-width: 1024px) {\n  .section.has-invert {\n    margin-top: var(--stzh-space-big);\n    margin-bottom: var(--stzh-space-big);\n  }\n}\n\n@media screen and (min-width: 1260) {\n  .section.has-invert {\n    margin-top: var(--stzh-space-xbig);\n    margin-bottom: var(--stzh-space-xbig);\n  }\n}\n\n.section.has-invert stzh-invert stzh-container {\n  /* Font curve: large */\n  padding-top: var(--stzh-space-xxlarge);\n  padding-bottom: var(--stzh-space-xxlarge);\n}\n\n@media screen and (min-width: 1024px) {\n  .section.has-invert stzh-invert stzh-container {\n    padding-top: var(--stzh-space-xxxlarge);\n    padding-bottom: var(--stzh-space-xxxlarge);\n  }\n}\n\n@media screen and (min-width: 1260) {\n  .section.has-invert stzh-invert stzh-container {\n    padding-top: var(--stzh-space-xxxxlarge);\n    padding-bottom: var(--stzh-space-xxxxlarge);\n  }\n}\n\n.section.has-sticky {\n  display: contents;\n}\n\n/* Global CSS properties */\n\n:root {\n  /* Colors */\n  --stzh-color-zueriblue: #0F05A0;\n\n  --stzh-color-zueriblue60op: #6F69C6;\n  --stzh-color-zueriblue88: rgba(15, 5, 160, 0.88);\n  --stzh-color-zueriblue72: rgba(15, 5, 160, 0.72);\n  --stzh-color-zueriblue64: rgba(15, 5, 160, 0.64);\n  --stzh-color-zueriblue56: rgba(15, 5, 160, 0.56);\n  --stzh-color-zueriblue48: rgba(15, 5, 160, 0.48);\n  --stzh-color-zueriblue32: rgba(15, 5, 160, 0.32);\n  --stzh-color-zueriblue16: rgba(15, 5, 160, 0.16);\n  --stzh-color-zueriblue8: rgba(15, 5, 160, 0.08);\n  --stzh-color-zueriblue4: rgba(15, 5, 160, 0.04);\n\n  --stzh-color-zueribluedark: #070250;\n\n  --stzh-color-white: #FFFFFF;\n  --stzh-color-white88: rgba(255, 255, 255, 0.88);\n  --stzh-color-white72: rgba(255, 255, 255, 0.72);\n  --stzh-color-white64: rgba(255, 255, 255, 0.64);\n  --stzh-color-white56: rgba(255, 255, 255, 0.56);\n  --stzh-color-white48: rgba(255, 255, 255, 0.48);\n  --stzh-color-white32: rgba(255, 255, 255, 0.32);\n  --stzh-color-white16: rgba(255, 255, 255, 0.16);\n  --stzh-color-white8: rgba(255, 255, 255, 0.08);\n\n  --stzh-color-black: #000000;\n  --stzh-color-black88: rgba(0, 0, 0, 0.88);\n  --stzh-color-black72: rgba(0, 0, 0, 0.72);\n  --stzh-color-black64: rgba(0, 0, 0, 0.64);\n  --stzh-color-black56: rgba(0, 0, 0, 0.56);\n  --stzh-color-black48: rgba(0, 0, 0, 0.48);\n  --stzh-color-black32: rgba(0, 0, 0, 0.32);\n  --stzh-color-black16: rgba(0, 0, 0, 0.16);\n  --stzh-color-black8: rgba(0, 0, 0, 0.08);\n\n  --stzh-color-cucumber: #80ad52;\n  --stzh-color-truegreen: #008000;\n  --stzh-color-shiraz: #c00d23;\n  --stzh-color-error: #d0021b;\n  --stzh-color-warning: #DB7E00;\n  --stzh-color-active: #a4c400;\n\n  --stzh-color-grey5: #F2F2F2;\n  --stzh-color-grey13: #DEDEDE;\n  --stzh-color-grey25: #BFBFBF;\n  --stzh-color-grey40: #999999;\n  --stzh-color-grey55: #737373;\n  --stzh-color-grey61: #646464;\n  --stzh-color-grey70: #4D4D4D;\n  --stzh-color-grey87: #222222;\n\n  --stzh-color-aoz-agenda: #2f8e87;\n  --stzh-color-aoz-agenda-hover: #216664;\n  --stzh-color-cool-grey60: #5C7781;\n  --stzh-color-cool-grey60-hover: #344F59;\n  --stzh-color-cobalt-blue60: #0353DC;\n  --stzh-color-cobalt-blue60-hover: #00338D;\n  --stzh-color-shamrock-green70: #06751E;\n  --stzh-color-shamrock-green70-hover: #054D14;\n  --stzh-color-lime-green80: #3A6413;\n  --stzh-color-lime-green80-hover: #26410C;\n  --stzh-color-magenta70: #960055;\n  --stzh-color-magenta70-hover: #660033;\n  --stzh-color-ocher70: #9A5B01;\n  --stzh-color-ocher70-hover: #5A3600;\n  --stzh-color-orange: #F28B00;\n  --stzh-color-orange-hover: #915300;\n  --stzh-color-orange70: #B23A01;\n  --stzh-color-orange70-hover: #6F261F;\n  --stzh-color-red: #A51A0F;\n  --stzh-color-red-hover: #630F09;\n  --stzh-color-red60: #DC030E;\n  --stzh-color-red60-hover: #A20309;\n  --stzh-color-violet70: #512380;\n  --stzh-color-violet70-hover: #2d1348;\n  --stzh-color-winered: #89072A;\n  --stzh-color-winered-hover: #520419;\n\n  --stzh-color-primary: var(--stzh-color-zueriblue);\n  --stzh-color-primary-hover: var(--stzh-color-zueribluedark);\n\n  --stzh-color-primary60op: var(--stzh-color-zueriblue60op);\n  --stzh-color-primary88: var(--stzh-color-zueriblue88);\n  --stzh-color-primary72: var(--stzh-color-zueriblue72);\n  --stzh-color-primary64: var(--stzh-color-zueriblue64);\n  --stzh-color-primary56: var(--stzh-color-zueriblue56);\n  --stzh-color-primary48: var(--stzh-color-zueriblue48);\n  --stzh-color-primary32: var(--stzh-color-zueriblue32);\n  --stzh-color-primary16: var(--stzh-color-zueriblue16);\n  --stzh-color-primary8: var(--stzh-color-zueriblue8);\n  --stzh-color-primary4: var(--stzh-color-zueriblue4);\n\n    /* AOZ */\n    --stzh-color-tabasco: #A51A0F;\n    --stzh-color-mahogany: #630F09;\n\n    /* UVZ */\n    --stzh-color-monza: #C30024;\n    --stzh-color-venetianred: #750015;\n    --stzh-color-scienceblue: #006DC5;\n\n    /* VBZ */\n    --stzh-color-deepcerulean: #057FAC;\n    --stzh-color-regalblue: #034C67;\n    --stzh-color-coral: #E4694C;\n\n    /* PKZH */\n    --stzh-color-shakespeare: #4A96C8;\n    --stzh-color-chambray: #2C5A78;\n\n  /* Font */\n  --stzh-font-family-light: \'HelveticaNeueLTW01_41488878\', \'Helvetica Neue\', Helvetica, Arial, sans-serif;\n  --stzh-font-family-regular: \'HelveticaNeueLTW01_55Roman\', \'Helvetica Neue\', Helvetica, Arial, sans-serif;\n  --stzh-font-family-medium: \'HelveticaNeueLTW05_65Medium\', \'Helvetica Neue\', Helvetica, Arial, sans-serif;\n  --stzh-font-family-bold: \'HelveticaNeueLTW01_71488914\', \'Helvetica Neue\', Helvetica, Arial, sans-serif;\n  --stzh-font-family-heavy: \'HelveticaNeueLTW05_85Heavy\', \'Helvetica Neue\', Helvetica, Arial, sans-serif;\n  --stzh-font-family-title: var(--stzh-font-family-heavy);\n\n  --stzh-font-weight-light: normal;\n  --stzh-font-weight-regular: normal;\n  --stzh-font-weight-medium: normal;\n  --stzh-font-weight-bold: normal;\n  --stzh-font-weight-heavy: normal;\n  --stzh-font-weight-title: normal;\n\n  --stzh-font-femto-font-size: 0.625rem;\n  --stzh-font-femto-text-line-height: 1;\n\n  --stzh-font-pico-font-size: 0.75rem;\n  --stzh-font-pico-text-line-height: 1.6;\n  --stzh-font-pico-heading-letter-spacing: 0.01em;\n\n  --stzh-font-nano-font-size: 0.8125rem;\n  --stzh-font-nano-text-line-height: 1.6;\n  --stzh-font-nano-heading-line-height: 1.4;\n  --stzh-font-nano-heading-letter-spacing: 0.01em;\n\n  --stzh-font-micro-font-size: 0.875rem;\n  --stzh-font-micro-text-line-height: 1.6;\n  --stzh-font-micro-heading-line-height: 1.4;\n  --stzh-font-micro-heading-letter-spacing: 0.01em;\n\n  --stzh-font-milli-font-size: 1rem;\n  --stzh-font-milli-text-line-height: 1.6;\n  --stzh-font-milli-heading-line-height: 1.4;\n\n  --stzh-font-centi-font-size: 1.125rem;\n  --stzh-font-centi-text-line-height: 1.6;\n  --stzh-font-centi-heading-line-height: 1.4;\n\n  --stzh-font-deci-font-size: 1.25rem;\n  --stzh-font-deci-text-line-height: 1.6;\n  --stzh-font-deci-heading-line-height: 1.4;\n\n  --stzh-font-regular-font-size: 1.375rem;\n  --stzh-font-regular-text-line-height: 1.6;\n  --stzh-font-regular-heading-line-height: 1.4;\n\n  --stzh-font-deca-font-size: 1.5rem;\n  --stzh-font-deca-text-line-height: 1.2;\n  --stzh-font-deca-text-letter-spacing: -0.01em;\n\n  --stzh-font-hecto-font-size: 1.75rem;\n  --stzh-font-hecto-text-line-height: 1.2;\n  --stzh-font-hecto-text-letter-spacing: -0.01em;\n\n  --stzh-font-kilo-font-size: 2rem;\n  --stzh-font-kilo-text-line-height: 1.2;\n  --stzh-font-kilo-text-letter-spacing: -0.01em;\n\n  --stzh-font-mega-font-size: 2.5rem;\n  --stzh-font-mega-text-line-height: 1.2;\n  --stzh-font-mega-text-letter-spacing: -0.01em;\n\n  --stzh-font-giga-font-size: 2.8125rem;\n  --stzh-font-giga-text-line-height: 1.2;\n  --stzh-font-giga-text-letter-spacing: -0.01em;\n\n  --stzh-font-hero-font-size: 3.75rem;\n  --stzh-font-hero-text-line-height: 1.1;\n  --stzh-font-hero-text-letter-spacing: -0.01em;\n\n  /* Z-Index */\n  --stzh-z-index-deep: -999999;\n  --stzh-z-index-default: 1;\n  --stzh-z-index-masked: 100;\n  --stzh-z-index-mask: 200;\n  --stzh-z-index-sticky: 300;\n  --stzh-z-index-header: 400;\n  --stzh-z-index-toast: 500;\n  --stzh-z-index-popover: 600;\n  --stzh-z-index-dialog: 700;\n  --stzh-z-index-popup: 800;\n  --stzh-z-index-overlay: 900;\n\n  /* Spaces */\n  --stzh-space-xxxsmall: 0.125rem;\n  --stzh-space-xxsmall: 0.25rem;\n  --stzh-space-xsmall: 0.5rem;\n  --stzh-space-small: 0.75rem;\n  --stzh-space-medium: 1rem;\n  --stzh-space-large: 1.25rem;\n  --stzh-space-xlarge: 1.5rem;\n  --stzh-space-xxlarge: 2rem;\n  --stzh-space-xxxlarge: 2.5rem;\n  --stzh-space-xxxxlarge: 3rem;\n  --stzh-space-big: 3.5rem;\n  --stzh-space-xbig: 4rem;\n  --stzh-space-huge: 5rem;\n  --stzh-space-xhuge: 6rem;\n\n  --stzh-space-none: 0.0001px;\n\n  --stzh-space-default: var(--stzh-space-medium);\n\n  /* Box Shadows */\n  --stzh-box-shadow-header: 0px -0.125rem 1rem rgba(0, 0, 0, 0.16);\n  --stzh-box-shadow-popover: 0px 0px 0.25rem rgba(0, 0, 0, 0.24);\n  --stzh-box-shadow-message: 0px 0px 0.5rem rgba(0, 0, 0, 0.24);\n  --stzh-box-shadow-overlay: 0px 0.25rem 0.9375rem rgba(0, 0, 0, 0.32);\n\n  /* Icon sizes */\n  --stzh-icon-size-xxsmall: 0.75rem;\n  --stzh-icon-size-xsmall: 1rem;\n  --stzh-icon-size-small: 1.25rem;\n  --stzh-icon-size-medium: 1.5rem;\n  --stzh-icon-size-large: 2.25rem;\n  --stzh-icon-size-xlarge: 3rem;\n\n  --stzh-icon-size-default: var(--stzh-icon-size-small);\n\n  /* Gutter */\n  --stzh-grid-gutter: 1rem;\n  --stzh-grid-gutter-small: 1.25rem;\n  --stzh-grid-gutter-medium: 1.5rem;\n\n  /* Base */\n  --stzh-base-color: var(--stzh-color-grey61);\n  --stzh-base-invert-color: var(--stzh-color-white);\n  --stzh-base-invert-color72: var(--stzh-color-white72);\n  --stzh-base-invert-color32: var(--stzh-color-white32);\n  --stzh-base-invert-color16: var(--stzh-color-white16);\n  --stzh-base-invert-background-color: var(--stzh-color-primary);\n\n  --stzh-base-lead-color: var(--stzh-color-grey70);\n  --stzh-base-border-color: var(--stzh-color-grey13);\n  --stzh-base-transition-animation-speed: 0.3s;\n\n  /* Flyingfocus */\n  --stzh-flyingfocus-color: var(--stzh-color-primary);\n\n  /* Links */\n  --stzh-link-color: var(--stzh-color-primary);\n  --stzh-link-hover-color: var(--stzh-color-primary-hover);\n  --stzh-link-text-decoration-thickness: calc(1em / 16);\n  --stzh-link-text-underline-offset: calc(2.5em / 16);\n  --stzh-link-icon-wrapper-height: 1em;\n\n  /* Buttons */\n  --stzh-button-border-radius: 0.1875rem;\n  --stzh-button-text-hover-background: rgba(15, 5, 160, 0.08);\n\n  /* Richttext */\n  --stzh-richtext-blockquote-color: var(--stzh-color-primary);\n  --stzh-richtext-blockquote-line-color: var(--stzh-color-primary);\n  --stzh-richtext-blockquote-footer-color: var(--stzh-color-grey55);\n\n  /* Section */\n  --stzh-section-highlight-color: var(--stzh-color-grey61);\n  --stzh-section-highlight-background-color: var(--stzh-color-grey5);\n  --stzh-section-highlight-horizontal-padding: var(--stzh-space-medium);\n\n  /* Heading */\n  --stzh-heading-color: var(--stzh-color-primary);\n\n  /* Table */\n  --stzh-table-max-height: none;\n  --stzh-table-min-width: 43.75rem;\n  --stzh-table-cell-padding: var(--stzh-space-small) var(--stzh-space-medium);\n  --stzh-table-search-input-width: 11rem;\n\n  /* Menu Item */\n  --stzh-menu-item-height: 2.375rem;\n\n  /* Inputs / Buttons / Select */\n  --stzh-form-input-border-radius: 0.125rem;\n  --stzh-form-input-height: 3rem;\n  --stzh-form-input-small-height: 2.5rem;\n  --stzh-form-input-tiny-height: 2rem;\n\n  /* Popover */\n  --stzh-popover-width: 13.9375rem;\n  --stzh-popover-min-width: initial;\n  --stzh-popover-max-width: initial;\n  --stzh-popover-padding: 0px;\n  --stzh-popover-border-radius: 0.1875rem;\n\n  /* Tooltips */\n  --stzh-tooltip-width: auto;\n  --stzh-tooltip-min-width: initial;\n  --stzh-tooltip-max-width: 20.875rem;\n  --stzh-tooltip-padding: var(--stzh-space-small);\n  --stzh-tooltip-border-radius: 0.1875rem;\n  --stzh-tooltip-drop-shadow: drop-shadow(0px 0.125rem 0.625rem rgba(0, 0, 0, 0.16));\n\n  /* Accordion */\n  --stzh-accordion-content-background: var(--stzh-color-grey5);\n\n  /* Overlays / Dialogs */\n  --stzh-overlay-backdrop-opacity: 0.8;\n\n  /* Ratios */\n  --stzh-ratio-background-color: var(--stzh-color-grey13);\n}\n\n/* High Retina Mode Color Overwrites */\n\n:root {\n  @media (forced-colors: active), (-ms-high-contrast: active) {\n    --stzh-base-border-color: CanvasText;\n  }\n}\n\n.stzh-theme-aoz {\n  --stzh-color-primary: var(--stzh-color-tabasco);\n  --stzh-color-primary-hover: var(--stzh-color-mahogany);\n\n  --stzh-color-primary60op: #CB7A73;\n  --stzh-color-primary88: rgba(165, 26, 15, 0.88);\n  --stzh-color-primary72: rgba(165, 26, 15, 0.72);\n  --stzh-color-primary64: rgba(165, 26, 15, 0.64);\n  --stzh-color-primary56: rgba(165, 26, 15, 0.56);\n  --stzh-color-primary48: rgba(165, 26, 15, 0.48);\n  --stzh-color-primary32: rgba(165, 26, 15, 0.32);\n  --stzh-color-primary16: rgba(165, 26, 15, 0.16);\n  --stzh-color-primary8: rgba(165, 26, 15, 0.08);\n  --stzh-color-primary4: rgba(165, 26, 15, 0.04);\n\n  --stzh-button-text-hover-background: rgba(165, 26, 15, 0.08);\n}\n\n.stzh-theme-vbz {\n  --stzh-color-primary: var(--stzh-color-deepcerulean);\n  --stzh-color-primary-hover: var(--stzh-color-regalblue);\n\n  --stzh-color-primary60op: #7BB2CE;\n  --stzh-color-primary88: rgba(5, 127, 172, 0.88);\n  --stzh-color-primary72: rgba(5, 127, 172, 0.72);\n  --stzh-color-primary64: rgba(5, 127, 172, 0.64);\n  --stzh-color-primary56: rgba(5, 127, 172, 0.56);\n  --stzh-color-primary48: rgba(5, 127, 172, 0.48);\n  --stzh-color-primary32: rgba(5, 127, 172, 0.32);\n  --stzh-color-primary16: rgba(5, 127, 172, 0.16);\n  --stzh-color-primary8: rgba(5, 127, 172, 0.08);\n  --stzh-color-primary4: rgba(5, 127, 172, 0.04);\n\n  --stzh-font-family-heavy: var(--stzh-font-family-bold);\n  --stzh-font-family-title: var(--stzh-font-family-light);\n\n  --stzh-button-text-hover-background: rgba(5, 127, 172, 0.08);\n}\n\n.stzh-theme-uvz {\n  --stzh-color-primary: var(--stzh-color-monza);\n  --stzh-color-primary-hover: var(--stzh-color-venetianred);\n\n  --stzh-color-primary60op: #DF777E;\n  --stzh-color-primary88: rgba(195, 0, 36, 0.88);\n  --stzh-color-primary72: rgba(195, 0, 36, 0.72);\n  --stzh-color-primary64: rgba(195, 0, 36, 0.64);\n  --stzh-color-primary56: rgba(195, 0, 36, 0.56);\n  --stzh-color-primary48: rgba(195, 0, 36, 0.48);\n  --stzh-color-primary32: rgba(195, 0, 36, 0.32);\n  --stzh-color-primary16: rgba(195, 0, 36, 0.16);\n  --stzh-color-primary8: rgba(195, 0, 36, 0.08);\n  --stzh-color-primary4: rgba(195, 0, 36, 0.04);\n\n  --stzh-button-text-hover-background: rgba(195, 0, 36, 0.08);\n  --stzh-link-color: var(--stzh-color-scienceblue);\n  --stzh-heading-color: var(--stzh-color-grey70);\n}\n\n.stzh-theme-pkzh {\n  --stzh-pkzh-font-family: Verdana, \'Geneva\', \'Helvetica Neue\', Helvetica, Arial, sans-serif;\n\n  --stzh-color-primary: var(--stzh-color-shakespeare);\n  --stzh-color-primary-hover: var(--stzh-color-chambray);\n\n  --stzh-color-primary60op: #95C0DE;\n  --stzh-color-primary88: rgba(74, 150, 200, 0.88);\n  --stzh-color-primary72: rgba(74, 150, 200, 0.72);\n  --stzh-color-primary64: rgba(74, 150, 200, 0.64);\n  --stzh-color-primary56: rgba(74, 150, 200, 0.56);\n  --stzh-color-primary48: rgba(74, 150, 200, 0.48);\n  --stzh-color-primary32: rgba(74, 150, 200, 0.32);\n  --stzh-color-primary16: rgba(74, 150, 200, 0.16);\n  --stzh-color-primary8: rgba(74, 150, 200, 0.08);\n  --stzh-color-primary4: rgba(74, 150, 200, 0.04);\n\n  --stzh-font-family-light: var(--stzh-pkzh-font-family);\n  --stzh-font-family-regular: var(--stzh-pkzh-font-family);\n  --stzh-font-family-medium: var(--stzh-pkzh-font-family);\n  --stzh-font-family-bold: var(--stzh-pkzh-font-family);\n  --stzh-font-family-heavy: var(--stzh-pkzh-font-family);\n\n  --stzh-font-weight-light: 300;\n  --stzh-font-weight-regular: normal;\n  --stzh-font-weight-medium: 500;\n  --stzh-font-weight-bold: 700;\n  --stzh-font-weight-heavy: 800;\n\n  --stzh-button-text-hover-background: rgba(74, 150, 200, 0.08);\n}\n\n.stzh-theme-ms-aoz-agenda {\n  --stzh-color-primary: var(--stzh-color-aoz-agenda);\n  --stzh-color-primary-hover: var(--stzh-color-aoz-agenda-hover);\n\n  --stzh-color-primary60op: #88BBB8;\n  --stzh-color-primary88: rgba(47, 142, 135, 0.88);\n  --stzh-color-primary72: rgba(47, 142, 135, 0.72);\n  --stzh-color-primary64: rgba(47, 142, 135, 0.64);\n  --stzh-color-primary56: rgba(47, 142, 135, 0.56);\n  --stzh-color-primary48: rgba(47, 142, 135, 0.48);\n  --stzh-color-primary32: rgba(47, 142, 135, 0.32);\n  --stzh-color-primary16: rgba(47, 142, 135, 0.16);\n  --stzh-color-primary8: rgba(47, 142, 135, 0.08);\n  --stzh-color-primary4: rgba(47, 142, 135, 0.04);\n}\n\n.stzh-theme-ms-cool-grey60 {\n  --stzh-color-primary: var(--stzh-color-cool-grey60);\n  --stzh-color-primary-hover: var(--stzh-color-cool-grey60-hover);\n\n  --stzh-color-primary60op: #9DAEB4;\n  --stzh-color-primary88: rgba(92, 119, 129, 0.88);\n  --stzh-color-primary72: rgba(92, 119, 129, 0.72);\n  --stzh-color-primary64: rgba(92, 119, 129, 0.64);\n  --stzh-color-primary56: rgba(92, 119, 129, 0.56);\n  --stzh-color-primary48: rgba(92, 119, 129, 0.48);\n  --stzh-color-primary32: rgba(92, 119, 129, 0.32);\n  --stzh-color-primary16: rgba(92, 119, 129, 0.16);\n  --stzh-color-primary8: rgba(92, 119, 129, 0.08);\n  --stzh-color-primary4: rgba(92, 119, 129, 0.04);\n}\n\n.stzh-theme-ms-cobalt-blue60 {\n  --stzh-color-primary: var(--stzh-color-cobalt-blue60);\n  --stzh-color-primary-hover: var(--stzh-color-cobalt-blue60-hover);\n\n  --stzh-color-primary60op: #7298EB;\n  --stzh-color-primary88: rgba(3, 83, 220, 0.88);\n  --stzh-color-primary72: rgba(3, 83, 220, 0.72);\n  --stzh-color-primary64: rgba(3, 83, 220, 0.64);\n  --stzh-color-primary56: rgba(3, 83, 220, 0.56);\n  --stzh-color-primary48: rgba(3, 83, 220, 0.48);\n  --stzh-color-primary32: rgba(3, 83, 220, 0.32);\n  --stzh-color-primary16: rgba(3, 83, 220, 0.16);\n  --stzh-color-primary8: rgba(3, 83, 220, 0.08);\n  --stzh-color-primary4: rgba(3, 83, 220, 0.04);\n}\n\n.stzh-theme-ms-shamrock-green70 {\n  --stzh-color-primary: var(--stzh-color-shamrock-green70);\n  --stzh-color-primary-hover: var(--stzh-color-shamrock-green70-hover);\n\n  --stzh-color-primary60op: #7AAC7C;\n  --stzh-color-primary88: rgba(6, 117, 30, 0.88);\n  --stzh-color-primary72: rgba(6, 117, 30, 0.72);\n  --stzh-color-primary64: rgba(6, 117, 30, 0.64);\n  --stzh-color-primary56: rgba(6, 117, 30, 0.56);\n  --stzh-color-primary48: rgba(6, 117, 30, 0.48);\n  --stzh-color-primary32: rgba(6, 117, 30, 0.32);\n  --stzh-color-primary16: rgba(6, 117, 30, 0.16);\n  --stzh-color-primary8: rgba(6, 117, 30, 0.08);\n  --stzh-color-primary4: rgba(6, 117, 30, 0.04);\n}\n\n.stzh-theme-ms-lime-green80 {\n  --stzh-color-primary: var(--stzh-color-lime-green80);\n  --stzh-color-primary-hover: var(--stzh-color-lime-green80-hover);\n\n  --stzh-color-primary60op: #8BA276;\n  --stzh-color-primary88: rgba(58, 100, 19, 0.88);\n  --stzh-color-primary72: rgba(58, 100, 19, 0.72);\n  --stzh-color-primary64: rgba(58, 100, 19, 0.64);\n  --stzh-color-primary56: rgba(58, 100, 19, 0.56);\n  --stzh-color-primary48: rgba(58, 100, 19, 0.48);\n  --stzh-color-primary32: rgba(58, 100, 19, 0.32);\n  --stzh-color-primary16: rgba(58, 100, 19, 0.16);\n  --stzh-color-primary8: rgba(58, 100, 19, 0.08);\n  --stzh-color-primary4: rgba(58, 100, 19, 0.04);\n}\n\n.stzh-theme-ms-magenta70 {\n  --stzh-color-primary: var(--stzh-color-magenta70);\n  --stzh-color-primary-hover: var(--stzh-color-magenta70-hover);\n\n  --stzh-color-primary60op: #C3719B;\n  --stzh-color-primary88: rgba(150, 0, 85, 0.88);\n  --stzh-color-primary72: rgba(150, 0, 85, 0.72);\n  --stzh-color-primary64: rgba(150, 0, 85, 0.64);\n  --stzh-color-primary56: rgba(150, 0, 85, 0.56);\n  --stzh-color-primary48: rgba(150, 0, 85, 0.48);\n  --stzh-color-primary32: rgba(150, 0, 85, 0.32);\n  --stzh-color-primary16: rgba(150, 0, 85, 0.16);\n  --stzh-color-primary8: rgba(150, 0, 85, 0.08);\n  --stzh-color-primary4: rgba(150, 0, 85, 0.04);\n}\n\n.stzh-theme-ms-ocher70 {\n  --stzh-color-primary: var(--stzh-color-ocher70);\n  --stzh-color-primary-hover: var(--stzh-color-ocher70-hover);\n\n  --stzh-color-primary60op: #C39D72;\n  --stzh-color-primary88: rgba(154, 91, 1, 0.88);\n  --stzh-color-primary72: rgba(154, 91, 1, 0.72);\n  --stzh-color-primary64: rgba(154, 91, 1, 0.64);\n  --stzh-color-primary56: rgba(154, 91, 1, 0.56);\n  --stzh-color-primary48: rgba(154, 91, 1, 0.48);\n  --stzh-color-primary32: rgba(154, 91, 1, 0.32);\n  --stzh-color-primary16: rgba(154, 91, 1, 0.16);\n  --stzh-color-primary8: rgba(154, 91, 1, 0.08);\n  --stzh-color-primary4: rgba(154, 91, 1, 0.04);\n}\n\n.stzh-theme-ms-orange {\n  --stzh-color-primary: var(--stzh-color-orange);\n  --stzh-color-primary-hover: var(--stzh-color-orange-hover);\n\n  --stzh-color-primary60op: #F9B97D;\n  --stzh-color-primary88: rgba(242, 139, 0, 0.88);\n  --stzh-color-primary72: rgba(242, 139, 0, 0.72);\n  --stzh-color-primary64: rgba(242, 139, 0, 0.64);\n  --stzh-color-primary56: rgba(242, 139, 0, 0.56);\n  --stzh-color-primary48: rgba(242, 139, 0, 0.48);\n  --stzh-color-primary32: rgba(242, 139, 0, 0.32);\n  --stzh-color-primary16: rgba(242, 139, 0, 0.16);\n  --stzh-color-primary8: rgba(242, 139, 0, 0.08);\n  --stzh-color-primary4: rgba(242, 139, 0, 0.04);\n}\n\n.stzh-theme-ms-orange70 {\n  --stzh-color-primary: var(--stzh-color-orange70);\n  --stzh-color-primary-hover: var(--stzh-color-orange70-hover);\n\n  --stzh-color-primary60op: #D38B71;\n  --stzh-color-primary88: rgba(178, 58, 1, 0.88);\n  --stzh-color-primary72: rgba(178, 58, 1, 0.72);\n  --stzh-color-primary64: rgba(178, 58, 1, 0.64);\n  --stzh-color-primary56: rgba(178, 58, 1, 0.56);\n  --stzh-color-primary48: rgba(178, 58, 1, 0.48);\n  --stzh-color-primary32: rgba(178, 58, 1, 0.32);\n  --stzh-color-primary16: rgba(178, 58, 1, 0.16);\n  --stzh-color-primary8: rgba(178, 58, 1, 0.08);\n  --stzh-color-primary4: rgba(178, 58, 1, 0.04);\n}\n\n.stzh-theme-ms-red {\n  --stzh-color-primary: var(--stzh-color-red);\n  --stzh-color-primary-hover: var(--stzh-color-red-hover);\n\n  --stzh-color-primary60op: #CC7B74;\n  --stzh-color-primary88: rgba(165, 26, 15, 0.88);\n  --stzh-color-primary72: rgba(165, 26, 15, 0.72);\n  --stzh-color-primary64: rgba(165, 26, 15, 0.64);\n  --stzh-color-primary56: rgba(165, 26, 15, 0.56);\n  --stzh-color-primary48: rgba(165, 26, 15, 0.48);\n  --stzh-color-primary32: rgba(165, 26, 15, 0.32);\n  --stzh-color-primary16: rgba(165, 26, 15, 0.16);\n  --stzh-color-primary8: rgba(165, 26, 15, 0.08);\n  --stzh-color-primary4: rgba(165, 26, 15, 0.04);\n}\n\n.stzh-theme-ms-red60 {\n  --stzh-color-primary: var(--stzh-color-red60);\n  --stzh-color-primary-hover: var(--stzh-color-red60-hover);\n\n  --stzh-color-primary60op: #ED7A78;\n  --stzh-color-primary88: rgba(220, 3, 14, 0.88);\n  --stzh-color-primary72: rgba(220, 3, 14, 0.72);\n  --stzh-color-primary64: rgba(220, 3, 14, 0.64);\n  --stzh-color-primary56: rgba(220, 3, 14, 0.56);\n  --stzh-color-primary48: rgba(220, 3, 14, 0.48);\n  --stzh-color-primary32: rgba(220, 3, 14, 0.32);\n  --stzh-color-primary16: rgba(220, 3, 14, 0.16);\n  --stzh-color-primary8: rgba(220, 3, 14, 0.08);\n  --stzh-color-primary4: rgba(220, 3, 14, 0.04);\n}\n\n.stzh-theme-ms-violet70 {\n  --stzh-color-primary: var(--stzh-color-violet70);\n  --stzh-color-primary-hover: var(--stzh-color-violet70-hover);\n\n  --stzh-color-primary60op: #977CB4;\n  --stzh-color-primary88: rgba(81, 35, 128, 0.88);\n  --stzh-color-primary72: rgba(81, 35, 128, 0.72);\n  --stzh-color-primary64: rgba(81, 35, 128, 0.64);\n  --stzh-color-primary56: rgba(81, 35, 128, 0.56);\n  --stzh-color-primary48: rgba(81, 35, 128, 0.48);\n  --stzh-color-primary32: rgba(81, 35, 128, 0.32);\n  --stzh-color-primary16: rgba(81, 35, 128, 0.16);\n  --stzh-color-primary8: rgba(81, 35, 128, 0.08);\n  --stzh-color-primary4: rgba(81, 35, 128, 0.04);\n}\n\n.stzh-theme-ms-winered {\n  --stzh-color-primary: var(--stzh-color-winered);\n  --stzh-color-primary-hover: var(--stzh-color-winered-hover);\n\n  --stzh-color-primary60op: #BB7380;\n  --stzh-color-primary88: rgba(137, 7, 42, 0.88);\n  --stzh-color-primary72: rgba(137, 7, 42, 0.72);\n  --stzh-color-primary64: rgba(137, 7, 42, 0.64);\n  --stzh-color-primary56: rgba(137, 7, 42, 0.56);\n  --stzh-color-primary48: rgba(137, 7, 42, 0.48);\n  --stzh-color-primary32: rgba(137, 7, 42, 0.32);\n  --stzh-color-primary16: rgba(137, 7, 42, 0.16);\n  --stzh-color-primary8: rgba(137, 7, 42, 0.08);\n  --stzh-color-primary4: rgba(137, 7, 42, 0.04);\n}\n\n.stzh-theme-ma {\n  --stzh-section-highlight-background-color: var(--stzh-color-white);\n\n  background-color: var(--stzh-color-grey5);\n}\n\n:host {\n  font-family: var(--stzh-font-family-regular);\n  font-weight: var(--stzh-font-weight-regular);\n  font-style: normal;\n  color: var(--stzh-base-color);\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  display: block;\n  /* default outline value, which will be applied to all elements receiving focus\n  the .has-focus class is used by the focus target */\n}\n:host[hidden] {\n  display: none;\n}\n:host *,\n:host *::before,\n:host *::after {\n  -webkit-box-sizing: border-box;\n  box-sizing: border-box;\n  text-underline-offset: var(--stzh-link-text-underline-offset);\n  text-decoration-thickness: var(--stzh-link-text-decoration-thickness);\n}\n:host .has-focus {\n  outline: var(--stzh-flyingfocus-color) solid 0.125rem;\n  outline-offset: 0.3125rem;\n}\n:host .stzh-fylingfocus-focused {\n  outline-style: none !important;\n}\n:host .stzh-fylingfocus-focused::-moz-focus-inner {\n  border: 0 !important;\n}\n\n:root {\n  --stzh-color-primary: var(--stzh-color-deepcerulean);\n  --stzh-color-primary-hover: var(--stzh-color-regalblue);\n  --stzh-color-primary48: rgba(5, 127, 172, 0.48);\n  --stzh-color-primary32: rgba(5, 127, 172, 0.32);\n  --stzh-color-primary16: rgba(5, 127, 172, 0.16);\n  --stzh-color-primary8: rgba(5, 127, 172, 0.08);\n  --stzh-font-family-heavy: var(--stzh-font-family-bold);\n  --stzh-font-family-title: var(--stzh-font-family-light);\n  --stzh-button-text-hover-background: rgba(5, 127, 172, 0.08);\n}\n\nmain,\n.reveal-overlay,\n.mod_header {\n  --primary: var(--stzh-color-primary);\n  --secondary: var(--stzh-color-primary);\n  --success: var(--stzh-color-truegreen);\n  --warning: var(--stzh-color-warning);\n  --alert: var(--stzh-color-error);\n  --highlight: var(--stzh-color-coral);\n  --highlight_alternative: var(--stzh-color-coral);\n}\n\nmain a.muted,\nmain .inline-filters button.muted[data-toggle],\n.reveal-overlay a.muted,\n.reveal-overlay .inline-filters button.muted[data-toggle] {\n  color: var(--stzh-color-white);\n  background-color: var(--stzh-color-grey13);\n  border-color: var(--stzh-color-grey13);\n}\nmain a.muted:hover, main a.muted:focus,\nmain .inline-filters button.muted[data-toggle]:hover,\nmain .inline-filters button.muted[data-toggle]:focus,\n.reveal-overlay a.muted:hover,\n.reveal-overlay a.muted:focus,\n.reveal-overlay .inline-filters button.muted[data-toggle]:hover,\n.reveal-overlay .inline-filters button.muted[data-toggle]:focus {\n  color: var(--stzh-color-white);\n  background-color: var(--stzh-color-grey13);\n  border-color: var(--stzh-color-grey13);\n}\n\n.reveal-overlay {\n  background-color: rgba(5, 127, 172, 0.8);\n  /* Dialog */\n}\n.reveal-overlay .reveal__title {\n  margin-top: 0;\n}\n.reveal-overlay .reveal {\n  -webkit-box-shadow: var(--stzh-box-shadow-overlay);\n  box-shadow: var(--stzh-box-shadow-overlay);\n}\n.reveal-overlay .close-button {\n  color: var(--stzh-base-lead-color);\n}\n\n.mod_header .mod_header__logobar-logo img {\n  background: url(https://www.stadt-zuerich.ch/content/dam/stzh/corpdesign/wortbildmarken/logo_stzh_vbz_pos_2-1.svg) no-repeat;\n  width: 0;\n  padding-left: 13rem;\n}\n\nmain {\n  accent-color: var(--stzh-color-primary, var(--stzh-color-zueriblue));\n  /* Resets */\n  --color: var(--stzh-base-color);\n  --richtext-blockquote-color: var(--stzh-richtext-blockquote-color);\n  --richtext-blockquote-line-color: var(--stzh-richtext-blockquote-line-color);\n  --richtext-blockquote-footer-color: var(--stzh-richtext-blockquote-footer-color);\n  color: var(--color);\n  /* Font weights */\n  /* Coloring */\n  /* Fon sizings & Spacings */\n  /* Lists */\n  /* Figure */\n  /* Blockquote */\n  /* Table */\n  /* Links */\n  /* Process Header */\n  /* Links */\n  /* Buttons */\n  /* Wrapper / Layout */\n  /* Headings */\n  /* Section */\n  /* Dropdown */\n  /* Comments */\n  /* Process Nav */\n  /* Statistics */\n  /* Richtext */\n  /* Accountability */\n  /* Breadrumb */\n  /* Lead */\n  /* Message / Callout / Floating Helper */\n  /* Sidebar */\n  /* Filters */\n  /* Mini Title */\n  /* Tags */\n  /* Card */\n  /* Blog */\n  /* Budget */\n  /* Survey */\n}\nmain h1, main h2, main h3, main h4 {\n  font-family: var(--stzh-font-family-title);\n  font-weight: var(--stzh-font-weight-title);\n  margin: 0;\n}\nmain b, main strong {\n  font-family: var(--stzh-font-family-heavy);\n  font-weight: var(--stzh-font-weight-heavy);\n  font-style: normal;\n}\nmain i, main em {\n  font-family: var(--stzh-font-family-regular);\n  font-weight: var(--stzh-font-weight-regular);\n  font-style: normal;\n}\nmain h1, main h2, main h3 {\n  color: var(--stzh-heading-color);\n}\nmain,\nmain p,\nmain stzh-text {\n  font-size: var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));\n  line-height: var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));\n  letter-spacing: var(--stzh-font-curve-p1-default-text-letter-spacing);\n}\n@media screen and (min-width: 1024px) {\n  main,\nmain p,\nmain stzh-text {\n    font-size: var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));\n    line-height: var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));\n    letter-spacing: var(--stzh-font-curve-p1-medium-text-letter-spacing);\n  }\n}\nmain h1 {\n  font-size: var(--stzh-font-curve-h1-default-font-size, var(--stzh-font-deca-font-size));\n  line-height: var(--stzh-font-curve-h1-default-heading-line-height, var(--stzh-font-deca-text-line-height));\n  letter-spacing: var(--stzh-font-curve-h1-default-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing));\n}\n@media screen and (min-width: 600px) {\n  main h1 {\n    font-size: var(--stzh-font-curve-h1-small-font-size, var(--stzh-font-kilo-font-size));\n    line-height: var(--stzh-font-curve-h1-small-heading-line-height, var(--stzh-font-kilo-text-line-height));\n    letter-spacing: var(--stzh-font-curve-h1-small-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing));\n  }\n}\n@media screen and (min-width: 1024px) {\n  main h1 {\n    font-size: var(--stzh-font-curve-h1-medium-font-size, var(--stzh-font-mega-font-size));\n    line-height: var(--stzh-font-curve-h1-medium-heading-line-height, var(--stzh-font-mega-text-line-height));\n    letter-spacing: var(--stzh-font-curve-h1-medium-heading-letter-spacing, var(--stzh-font-mega-text-letter-spacing));\n  }\n}\n@media screen and (min-width: 1440px) {\n  main h1 {\n    font-size: var(--stzh-font-curve-h1-ultra-font-size, var(--stzh-font-giga-font-size));\n    line-height: var(--stzh-font-curve-h1-ultra-heading-line-height, var(--stzh-font-giga-text-line-height));\n    letter-spacing: var(--stzh-font-curve-h1-ultra-heading-letter-spacing, var(--stzh-font-giga-text-letter-spacing));\n  }\n}\nmain h2 {\n  font-size: var(--stzh-font-curve-h2-default-font-size, var(--stzh-font-deci-font-size));\n  line-height: var(--stzh-font-curve-h2-default-heading-line-height, var(--stzh-font-deci-heading-line-height));\n  letter-spacing: var(--stzh-font-curve-h2-default-heading-letter-spacing);\n}\n@media screen and (min-width: 600px) {\n  main h2 {\n    font-size: var(--stzh-font-curve-h2-small-font-size, var(--stzh-font-deca-font-size));\n    line-height: var(--stzh-font-curve-h2-small-heading-line-height, var(--stzh-font-deca-text-line-height));\n    letter-spacing: var(--stzh-font-curve-h2-small-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing));\n  }\n}\n@media screen and (min-width: 1024px) {\n  main h2 {\n    font-size: var(--stzh-font-curve-h2-medium-font-size, var(--stzh-font-hecto-font-size));\n    line-height: var(--stzh-font-curve-h2-medium-heading-line-height, var(--stzh-font-hecto-text-line-height));\n    letter-spacing: var(--stzh-font-curve-h2-medium-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing));\n  }\n}\n@media screen and (min-width: 1440px) {\n  main h2 {\n    font-size: var(--stzh-font-curve-h2-ultra-font-size, var(--stzh-font-kilo-font-size));\n    line-height: var(--stzh-font-curve-h2-ultra-heading-line-height, var(--stzh-font-kilo-text-line-height));\n    letter-spacing: var(--stzh-font-curve-h2-ultra-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing));\n  }\n}\nmain h3 {\n  font-size: var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));\n  line-height: var(--stzh-font-curve-h3-default-heading-line-height, var(--stzh-font-centi-heading-line-height));\n  letter-spacing: var(--stzh-font-curve-h3-default-heading-letter-spacing);\n}\n@media screen and (min-width: 600px) {\n  main h3 {\n    font-size: var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));\n    line-height: var(--stzh-font-curve-h3-small-heading-line-height, var(--stzh-font-deci-heading-line-height));\n    letter-spacing: var(--stzh-font-curve-h3-small-heading-letter-spacing);\n  }\n}\n@media screen and (min-width: 1024px) {\n  main h3 {\n    font-size: var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-regular-font-size));\n    line-height: var(--stzh-font-curve-h3-medium-heading-line-height, var(--stzh-font-regular-heading-line-height));\n    letter-spacing: var(--stzh-font-curve-h3-medium-heading-letter-spacing);\n  }\n}\nmain h4 {\n  font-size: var(--stzh-font-curve-h4-default-font-size, var(--stzh-font-milli-font-size));\n  line-height: var(--stzh-font-curve-h4-default-heading-line-height, var(--stzh-font-milli-heading-line-height));\n  letter-spacing: var(--stzh-font-curve-h4-default-heading-letter-spacing);\n}\n@media screen and (min-width: 1024px) {\n  main h4 {\n    font-size: var(--stzh-font-curve-h4-medium-font-size, var(--stzh-font-centi-font-size));\n    line-height: var(--stzh-font-curve-h4-medium-heading-line-height, var(--stzh-font-centi-heading-line-height));\n    letter-spacing: var(--stzh-font-curve-h4-medium-heading-letter-spacing);\n  }\n}\nmain h1,\nmain h2,\nmain stzh-heading[level="1"],\nmain stzh-heading[level="2"] {\n  margin-bottom: var(--stzh-space-xlarge);\n}\n@media screen and (min-width: 1024px) {\n  main h1,\nmain h2,\nmain stzh-heading[level="1"],\nmain stzh-heading[level="2"] {\n    margin-bottom: var(--stzh-space-xxlarge);\n  }\n}\n@media screen and (min-width: 1260px) {\n  main h1,\nmain h2,\nmain stzh-heading[level="1"],\nmain stzh-heading[level="2"] {\n    margin-bottom: var(--stzh-space-xxxlarge);\n  }\n}\nmain h1, main h2 {\n  padding-bottom: var(--stzh-space-xsmall);\n  border-bottom: 0.0625rem solid var(--stzh-base-border-color);\n}\n@media screen and (min-width: 1024px) {\n  main h1, main h2 {\n    padding-bottom: var(--stzh-space-small);\n  }\n}\n@media screen and (min-width: 1260px) {\n  main h1, main h2 {\n    padding-bottom: var(--stzh-space-medium);\n  }\n}\nmain h1,\nmain stzh-heading[level="1"],\nmain h2,\nmain stzh-heading[level="2"] {\n  margin-top: var(--stzh-space-xxlarge);\n}\n@media screen and (min-width: 1024px) {\n  main h1,\nmain stzh-heading[level="1"],\nmain h2,\nmain stzh-heading[level="2"] {\n    margin-top: var(--stzh-space-xxxlarge);\n  }\n}\n@media screen and (min-width: 1260px) {\n  main h1,\nmain stzh-heading[level="1"],\nmain h2,\nmain stzh-heading[level="2"] {\n    margin-top: var(--stzh-space-xxxxlarge);\n  }\n}\nmain h3,\nmain stzh-heading[level="3"],\nmain h4,\nmain stzh-heading[level="4"] {\n  margin-top: var(--stzh-space-xlarge);\n}\n@media screen and (min-width: 1024px) {\n  main h3,\nmain stzh-heading[level="3"],\nmain h4,\nmain stzh-heading[level="4"] {\n    margin-top: var(--stzh-space-xxlarge);\n  }\n}\n@media screen and (min-width: 1260px) {\n  main h3,\nmain stzh-heading[level="3"],\nmain h4,\nmain stzh-heading[level="4"] {\n    margin-top: var(--stzh-space-xxxlarge);\n  }\n}\nmain p,\nmain stzh-text,\nmain ul,\nmain ol,\nmain dl,\nmain stzh-list {\n  margin-top: var(--stzh-space-small);\n  margin-bottom: var(--stzh-space-small);\n}\n@media screen and (min-width: 1024px) {\n  main p,\nmain stzh-text,\nmain ul,\nmain ol,\nmain dl,\nmain stzh-list {\n    margin-top: var(--stzh-space-medium);\n  }\n}\n@media screen and (min-width: 1260px) {\n  main p,\nmain stzh-text,\nmain ul,\nmain ol,\nmain dl,\nmain stzh-list {\n    margin-top: var(--stzh-space-large);\n  }\n}\n@media screen and (min-width: 1024px) {\n  main p,\nmain stzh-text,\nmain ul,\nmain ol,\nmain dl,\nmain stzh-list {\n    margin-bottom: var(--stzh-space-medium);\n  }\n}\n@media screen and (min-width: 1260px) {\n  main p,\nmain stzh-text,\nmain ul,\nmain ol,\nmain dl,\nmain stzh-list {\n    margin-bottom: var(--stzh-space-large);\n  }\n}\nmain ul ul,\nmain ul ol,\nmain ul dl,\nmain ul stzh-list,\nmain ol ul,\nmain ol ol,\nmain ol dl,\nmain ol stzh-list,\nmain dl ul,\nmain dl ol,\nmain dl dl,\nmain dl stzh-list,\nmain stzh-list ul,\nmain stzh-list ol,\nmain stzh-list dl,\nmain stzh-list stzh-list {\n  margin-top: 0;\n  margin-bottom: 0;\n}\nmain stzh-text[curve=hero],\nmain stzh-heading[curve=hero] {\n  margin-bottom: var(--stzh-space-xlarge);\n}\n@media screen and (min-width: 1024px) {\n  main stzh-text[curve=hero],\nmain stzh-heading[curve=hero] {\n    margin-bottom: var(--stzh-space-xxlarge);\n  }\n}\n@media screen and (min-width: 1260px) {\n  main stzh-text[curve=hero],\nmain stzh-heading[curve=hero] {\n    margin-bottom: var(--stzh-space-xxxlarge);\n  }\n}\nmain stzh-text[curve=h1],\nmain stzh-heading[curve=h1],\nmain stzh-text[curve=h2],\nmain stzh-heading[curve=h2] {\n  margin-bottom: var(--stzh-space-xlarge);\n}\n@media screen and (min-width: 1024px) {\n  main stzh-text[curve=h1],\nmain stzh-heading[curve=h1],\nmain stzh-text[curve=h2],\nmain stzh-heading[curve=h2] {\n    margin-bottom: var(--stzh-space-xxlarge);\n  }\n}\n@media screen and (min-width: 1260px) {\n  main stzh-text[curve=h1],\nmain stzh-heading[curve=h1],\nmain stzh-text[curve=h2],\nmain stzh-heading[curve=h2] {\n    margin-bottom: var(--stzh-space-xxxlarge);\n  }\n}\nmain stzh-text[curve=h1],\nmain stzh-heading[curve=h1] {\n  margin-top: var(--stzh-space-xxlarge);\n}\n@media screen and (min-width: 1024px) {\n  main stzh-text[curve=h1],\nmain stzh-heading[curve=h1] {\n    margin-top: var(--stzh-space-xxxlarge);\n  }\n}\n@media screen and (min-width: 1260px) {\n  main stzh-text[curve=h1],\nmain stzh-heading[curve=h1] {\n    margin-top: var(--stzh-space-xxxxlarge);\n  }\n}\nmain stzh-text[curve=h2],\nmain stzh-heading[curve=h2] {\n  margin-top: var(--stzh-space-xxxlarge);\n}\n@media screen and (min-width: 600px) {\n  main stzh-text[curve=h2],\nmain stzh-heading[curve=h2] {\n    margin-top: var(--stzh-space-xxxxlarge);\n  }\n}\n@media screen and (min-width: 1024px) {\n  main stzh-text[curve=h2],\nmain stzh-heading[curve=h2] {\n    margin-top: var(--stzh-space-big);\n  }\n}\n@media screen and (min-width: 1260px) {\n  main stzh-text[curve=h2],\nmain stzh-heading[curve=h2] {\n    margin-top: var(--stzh-space-xbig);\n  }\n}\nmain stzh-text[curve=h3],\nmain stzh-heading[curve=h3] {\n  margin-top: var(--stzh-space-xlarge);\n}\n@media screen and (min-width: 1024px) {\n  main stzh-text[curve=h3],\nmain stzh-heading[curve=h3] {\n    margin-top: var(--stzh-space-xxlarge);\n  }\n}\n@media screen and (min-width: 1260px) {\n  main stzh-text[curve=h3],\nmain stzh-heading[curve=h3] {\n    margin-top: var(--stzh-space-xxxlarge);\n  }\n}\nmain stzh-text[curve=h4],\nmain stzh-heading[curve=h4] {\n  margin-top: var(--stzh-space-xlarge);\n}\n@media screen and (min-width: 1024px) {\n  main stzh-text[curve=h4],\nmain stzh-heading[curve=h4] {\n    margin-top: var(--stzh-space-xxlarge);\n  }\n}\n@media screen and (min-width: 1260px) {\n  main stzh-text[curve=h4],\nmain stzh-heading[curve=h4] {\n    margin-top: var(--stzh-space-xxxlarge);\n  }\n}\nmain stzh-text[curve=p1],\nmain stzh-text[curve=p2],\nmain stzh-heading[curve=p1],\nmain stzh-heading[curve=p2] {\n  margin-top: var(--stzh-space-small);\n  margin-bottom: var(--stzh-space-small);\n}\n@media screen and (min-width: 1024px) {\n  main stzh-text[curve=p1],\nmain stzh-text[curve=p2],\nmain stzh-heading[curve=p1],\nmain stzh-heading[curve=p2] {\n    margin-top: var(--stzh-space-medium);\n  }\n}\n@media screen and (min-width: 1260px) {\n  main stzh-text[curve=p1],\nmain stzh-text[curve=p2],\nmain stzh-heading[curve=p1],\nmain stzh-heading[curve=p2] {\n    margin-top: var(--stzh-space-large);\n  }\n}\n@media screen and (min-width: 1024px) {\n  main stzh-text[curve=p1],\nmain stzh-text[curve=p2],\nmain stzh-heading[curve=p1],\nmain stzh-heading[curve=p2] {\n    margin-bottom: var(--stzh-space-medium);\n  }\n}\n@media screen and (min-width: 1260px) {\n  main stzh-text[curve=p1],\nmain stzh-text[curve=p2],\nmain stzh-heading[curve=p1],\nmain stzh-heading[curve=p2] {\n    margin-bottom: var(--stzh-space-large);\n  }\n}\nmain stzh-figure {\n  margin-top: var(--stzh-space-xxlarge);\n  margin-bottom: var(--stzh-space-xxlarge);\n}\nmain blockquote {\n  font-family: var(--stzh-font-family-heavy);\n  font-weight: var(--stzh-font-weight-heavy);\n  font-style: normal;\n  font-size: var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));\n  line-height: var(--stzh-font-curve-h3-default-text-line-height, var(--stzh-font-centi-text-line-height));\n  letter-spacing: var(--stzh-font-curve-h3-default-text-letter-spacing);\n  padding-left: var(--stzh-space-medium);\n  padding-right: var(--stzh-space-medium);\n  margin: var(--stzh-space-xxlarge);\n  color: var(--richtext-blockquote-color);\n  position: relative;\n  overflow: hidden;\n}\n@media screen and (min-width: 600px) {\n  main blockquote {\n    font-size: var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));\n    line-height: var(--stzh-font-curve-h3-small-text-line-height, var(--stzh-font-deci-text-line-height));\n    letter-spacing: var(--stzh-font-curve-h3-small-text-letter-spacing);\n  }\n}\n@media screen and (min-width: 1024px) {\n  main blockquote {\n    font-size: var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-regular-font-size));\n    line-height: var(--stzh-font-curve-h3-medium-text-line-height, var(--stzh-font-regular-text-line-height));\n    letter-spacing: var(--stzh-font-curve-h3-medium-text-letter-spacing);\n  }\n}\n@media screen and (min-width: 1024px) {\n  main blockquote {\n    padding-left: var(--stzh-space-large);\n  }\n}\n@media screen and (min-width: 1260px) {\n  main blockquote {\n    padding-left: var(--stzh-space-xlarge);\n  }\n}\n@media screen and (min-width: 1024px) {\n  main blockquote {\n    padding-right: var(--stzh-space-large);\n  }\n}\n@media screen and (min-width: 1260px) {\n  main blockquote {\n    padding-right: var(--stzh-space-xlarge);\n  }\n}\n@media screen and (min-width: 1024px) {\n  main blockquote {\n    margin: var(--stzh-space-xxxlarge);\n  }\n}\n@media screen and (min-width: 1260px) {\n  main blockquote {\n    margin: var(--stzh-space-xxxxlarge);\n  }\n}\nmain blockquote:before {\n  background: var(--richtext-blockquote-line-color);\n  height: calc(100% - var(--stzh-space-xsmall) * 2);\n  width: 0.1875rem;\n  content: " ";\n  display: block;\n  position: absolute;\n  left: 0;\n  top: var(--stzh-space-xsmall);\n}\nmain blockquote p {\n  margin-top: 0;\n  margin-bottom: var(--stzh-space-small);\n}\n@media screen and (min-width: 1024px) {\n  main blockquote p {\n    margin-bottom: var(--stzh-space-medium);\n  }\n}\n@media screen and (min-width: 1260px) {\n  main blockquote p {\n    margin-bottom: var(--stzh-space-large);\n  }\n}\nmain blockquote p::before, main blockquote p::after {\n  display: inline-block;\n}\nmain blockquote p::before {\n  content: "«";\n}\nmain blockquote p::after {\n  content: "»";\n}\nmain blockquote footer {\n  font-size: var(--stzh-font-curve-p2-default-font-size, var(--stzh-font-micro-font-size));\n  line-height: var(--stzh-font-curve-p2-default-text-line-height, var(--stzh-font-micro-text-line-height));\n  color: var(--richtext-blockquote-footer-color);\n}\n@media screen and (min-width: 1024px) {\n  main blockquote footer {\n    font-size: var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));\n    line-height: var(--stzh-font-curve-p2-medium-text-line-height, var(--stzh-font-milli-text-line-height));\n    letter-spacing: var(--stzh-font-curve-p2-medium-text-letter-spacing);\n  }\n}\nmain blockquote footer::before {\n  content: "–";\n  display: inline-block;\n  margin-right: var(--stzh-space-xxxsmall);\n}\nmain table {\n  --min-width: none;\n  --cell-padding: var(--stzh-table-cell-padding);\n  width: 100%;\n  border-spacing: 0;\n  min-width: var(--min-width);\n  /* Fixed layout */\n}\nmain table.has-layout-fixed {\n  table-layout: fixed;\n}\nmain thead {\n  position: -webkit-sticky;\n  position: sticky;\n  top: 0;\n  z-index: 3;\n}\nmain tr:hover td,\nmain tr:hover th {\n  background-color: var(--stzh-color-grey5);\n}\nmain td,\nmain th {\n  font-size: var(--stzh-font-milli-font-size);\n  line-height: var(--stzh-font-milli-text-line-height);\n  letter-spacing: var(--stzh-font-curve---text-letter-spacing);\n  text-align: left;\n  border: none;\n  vertical-align: top;\n  border: none;\n  border-bottom: 0.0625rem solid var(--stzh-base-border-color);\n  background-color: var(--stzh-color-white);\n  -webkit-transition: background-color var(--stzh-base-transition-animation-speed);\n  transition: background-color var(--stzh-base-transition-animation-speed);\n  padding: var(--cell-padding);\n  /* Horizontal alignment */\n  /* Vertical alignment */\n  /* Nowrap */\n  /* Sticky */\n}\nmain td a,\nmain th a {\n  color: var(--stzh-link-color);\n  -webkit-transition: color var(--stzh-base-transition-animation-speed);\n  transition: color var(--stzh-base-transition-animation-speed);\n  border-radius: var(--stzh-button-border-radius);\n}\nmain td a:hover, main td a:focus,\nmain th a:hover,\nmain th a:focus {\n  color: var(--stzh-link-hover-color);\n}\nmain td b, main td strong,\nmain th b,\nmain th strong {\n  font-family: var(--stzh-font-family-heavy);\n  font-weight: var(--stzh-font-weight-heavy);\n  font-style: normal;\n}\nmain td i, main td em,\nmain th i,\nmain th em {\n  font-family: var(--stzh-font-family-regular);\n  font-weight: var(--stzh-font-weight-regular);\n  font-style: normal;\n}\nmain td.align-left,\nmain th.align-left {\n  text-align: left;\n}\nmain td.align-right,\nmain th.align-right {\n  text-align: right;\n}\nmain td.align-center,\nmain th.align-center {\n  text-align: center;\n}\nmain td.valign-auto,\nmain th.valign-auto {\n  vertical-align: auto;\n}\nmain td.valign-middle,\nmain th.valign-middle {\n  vertical-align: middle;\n}\nmain td.valign-bottom,\nmain th.valign-bottom {\n  vertical-align: bottom;\n}\nmain td.nowrap,\nmain th.nowrap {\n  white-space: nowrap;\n}\nmain td.is-sticky-left, main td.is-sticky-right,\nmain th.is-sticky-left,\nmain th.is-sticky-right {\n  position: -webkit-sticky;\n  position: sticky;\n  z-index: 1;\n}\nmain td.has-sticked,\nmain th.has-sticked {\n  z-index: 2;\n}\nmain td.is-sticky-left,\nmain th.is-sticky-left {\n  left: 0;\n}\nmain td.is-sticky-right,\nmain th.is-sticky-right {\n  right: 0;\n}\nmain td.is-sticky-left::after, main td.is-sticky-right::after,\nmain th.is-sticky-left::after,\nmain th.is-sticky-right::after {\n  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.16)), to(rgba(0, 0, 0, 0)));\n  background: linear-gradient(90deg, rgba(0, 0, 0, 0.16) 0%, rgba(0, 0, 0, 0) 100%);\n  content: "";\n  pointer-events: none;\n  position: absolute;\n  top: 0;\n  height: 100%;\n  width: 0.375rem;\n  -webkit-transform: translate(100%);\n  transform: translate(100%);\n  opacity: 0;\n  -webkit-transition: opacity var(--stzh-base-transition-animation-speed);\n  transition: opacity var(--stzh-base-transition-animation-speed);\n}\nmain td.is-sticky-left::after,\nmain th.is-sticky-left::after {\n  right: 0;\n}\nmain td.is-sticky-right::after,\nmain th.is-sticky-right::after {\n  left: 0;\n  -webkit-transform: rotate(-180deg) translate(100%);\n  transform: rotate(-180deg) translate(100%);\n}\nmain td.has-sticked.is-sticky-left::after, main td.has-sticked.is-sticky-right::after,\nmain th.has-sticked.is-sticky-left::after,\nmain th.has-sticked.is-sticky-right::after {\n  opacity: 1;\n}\nmain th {\n  font-family: var(--stzh-font-family-heavy);\n  font-weight: var(--stzh-font-weight-heavy);\n  font-style: normal;\n  color: var(--stzh-color-primary, var(--stzh-color-zueriblue));\n}\nmain th.is-sortable {\n  padding: 0;\n}\nmain a {\n  color: var(--stzh-link-color);\n  -webkit-transition: color var(--stzh-base-transition-animation-speed);\n  transition: color var(--stzh-base-transition-animation-speed);\n  border-radius: var(--stzh-button-border-radius);\n  text-underline-offset: var(--stzh-link-text-underline-offset);\n  text-decoration-thickness: var(--stzh-link-text-decoration-thickness);\n}\nmain a:hover {\n  color: var(--stzh-link-hover-color);\n}\nmain .stzh-richtext__external-link {\n  position: relative;\n}\nmain .stzh-richtext__external-vhidden {\n  border: 0;\n  clip: rect(0 0 0 0);\n  -webkit-clip-path: inset(100%);\n          clip-path: inset(100%);\n  width: 0.0625rem;\n  height: 0.0625rem;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n}\nmain .stzh-richtext__external-icon-wrapper {\n  position: relative;\n  display: inline-block;\n  width: var(--stzh-icon-size-default);\n  height: var(--stzh-link-icon-wrapper-height);\n  margin-left: var(--stzh-space-xxsmall);\n}\nmain .stzh-richtext__external-icon {\n  --icon: var(--stzh-icon-size-default);\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  -webkit-transform: translate(-50%, -50%);\n  transform: translate(-50%, -50%);\n  margin-top: 0.0625rem;\n  width: var(--stzh-icon-size-default);\n  height: var(--stzh-icon-size-default);\n}\nmain, main label, main tfoot, main thead {\n  color: var(--stzh-base-color);\n}\nmain svg {\n  overflow: visible;\n}\nmain label {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-align: center;\n  align-items: center;\n}\nmain .field label {\n  font-family: var(--stzh-font-family-heavy);\n  font-weight: var(--stzh-font-weight-heavy);\n  font-style: normal;\n  display: block;\n}\nmain input[type=checkbox],\nmain input[type=radio] {\n  width: 1.5rem;\n  height: 1.5rem;\n}\nmain label > [type=checkbox],\nmain label > [type=radio] {\n  margin-right: var(--stzh-space-small);\n}\nmain .filters__section--general label,\nmain .filters__section label {\n  font-size: var(--stzh-font-milli-font-size);\n  line-height: var(--stzh-font-milli-text-line-height);\n  letter-spacing: var(--stzh-font-curve---text-letter-spacing);\n  display: -ms-flexbox;\n  display: flex;\n  line-height: 1.5rem;\n  -webkit-transition: color var(--stzh-base-transition-animation-speed);\n  transition: color var(--stzh-base-transition-animation-speed);\n  color: var(--stzh-base-color);\n  margin-bottom: var(--stzh-space-small);\n}\nmain .filters__has-subfilters {\n  -ms-flex-align: center;\n  align-items: center;\n}\nmain .filters__has-subfilters [data-toggle] {\n  margin-bottom: var(--stzh-space-small);\n}\nmain .form-input-extra-before,\nmain .form-error {\n  font-family: var(--stzh-font-family-regular);\n  font-weight: var(--stzh-font-weight-regular);\n  font-style: normal;\n  font-size: var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));\n  line-height: var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height));\n}\n@media screen and (min-width: 1024px) {\n  main .form-input-extra-before,\nmain .form-error {\n    font-size: var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));\n    line-height: var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height));\n  }\n}\nmain .form-error,\nmain .is-invalid-label {\n  color: var(--stzh-color-error);\n}\nmain [type=color],\nmain [type=date],\nmain [type=datetime-local],\nmain [type=datetime],\nmain [type=email],\nmain [type=month],\nmain [type=number],\nmain [type=password],\nmain [type=search],\nmain [type=tel],\nmain [type=text],\nmain [type=time],\nmain [type=url],\nmain [type=week],\nmain textarea,\nmain .inline-filters button[data-toggle],\nmain select,\nmain .data-picker .picker-prompt a,\nmain .data-picker.picker-single .picker-values div a {\n  font-family: var(--stzh-font-family-regular);\n  font-weight: var(--stzh-font-weight-regular);\n  font-style: normal;\n  font-size: var(--stzh-font-milli-font-size);\n  line-height: var(--stzh-font-milli-text-line-height);\n  letter-spacing: var(--stzh-font-curve---text-letter-spacing);\n  border: 0.0625rem solid var(--stzh-color-grey61);\n  -webkit-transition-property: color, border-color;\n  transition-property: color, border-color;\n  -webkit-transition-duration: var(--stzh-base-transition-animation-speed);\n  transition-duration: var(--stzh-base-transition-animation-speed);\n  border-radius: var(--stzh-form-input-border-radius);\n  padding: var(--stzh-space-xsmall) var(--stzh-space-medium);\n  width: 100%;\n  height: var(--stzh-form-input-height);\n  color: var(--stzh-color-primary, var(--stzh-color-zueriblue));\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  margin-bottom: var(--stzh-space-medium);\n  -webkit-text-decoration-line: none;\n          text-decoration-line: none;\n}\nmain [type=color]::-webkit-input-placeholder,\nmain [type=date]::-webkit-input-placeholder,\nmain [type=datetime-local]::-webkit-input-placeholder,\nmain [type=datetime]::-webkit-input-placeholder,\nmain [type=email]::-webkit-input-placeholder,\nmain [type=month]::-webkit-input-placeholder,\nmain [type=number]::-webkit-input-placeholder,\nmain [type=password]::-webkit-input-placeholder,\nmain [type=search]::-webkit-input-placeholder,\nmain [type=tel]::-webkit-input-placeholder,\nmain [type=text]::-webkit-input-placeholder,\nmain [type=time]::-webkit-input-placeholder,\nmain [type=url]::-webkit-input-placeholder,\nmain [type=week]::-webkit-input-placeholder,\nmain textarea::-webkit-input-placeholder,\nmain .inline-filters button[data-toggle]::-webkit-input-placeholder,\nmain select::-webkit-input-placeholder,\nmain .data-picker .picker-prompt a::-webkit-input-placeholder,\nmain .data-picker.picker-single .picker-values div a::-webkit-input-placeholder {\n  color: var(--stzh-color-grey61);\n}\nmain [type=color]:-moz-placeholder,\nmain [type=date]:-moz-placeholder,\nmain [type=datetime-local]:-moz-placeholder,\nmain [type=datetime]:-moz-placeholder,\nmain [type=email]:-moz-placeholder,\nmain [type=month]:-moz-placeholder,\nmain [type=number]:-moz-placeholder,\nmain [type=password]:-moz-placeholder,\nmain [type=search]:-moz-placeholder,\nmain [type=tel]:-moz-placeholder,\nmain [type=text]:-moz-placeholder,\nmain [type=time]:-moz-placeholder,\nmain [type=url]:-moz-placeholder,\nmain [type=week]:-moz-placeholder,\nmain textarea:-moz-placeholder,\nmain .inline-filters button[data-toggle]:-moz-placeholder,\nmain select:-moz-placeholder,\nmain .data-picker .picker-prompt a:-moz-placeholder,\nmain .data-picker.picker-single .picker-values div a:-moz-placeholder {\n  color: var(--stzh-color-grey61);\n}\nmain [type=color]::-moz-placeholder,\nmain [type=date]::-moz-placeholder,\nmain [type=datetime-local]::-moz-placeholder,\nmain [type=datetime]::-moz-placeholder,\nmain [type=email]::-moz-placeholder,\nmain [type=month]::-moz-placeholder,\nmain [type=number]::-moz-placeholder,\nmain [type=password]::-moz-placeholder,\nmain [type=search]::-moz-placeholder,\nmain [type=tel]::-moz-placeholder,\nmain [type=text]::-moz-placeholder,\nmain [type=time]::-moz-placeholder,\nmain [type=url]::-moz-placeholder,\nmain [type=week]::-moz-placeholder,\nmain textarea::-moz-placeholder,\nmain .inline-filters button[data-toggle]::-moz-placeholder,\nmain select::-moz-placeholder,\nmain .data-picker .picker-prompt a::-moz-placeholder,\nmain .data-picker.picker-single .picker-values div a::-moz-placeholder {\n  color: var(--stzh-color-grey61);\n}\nmain [type=color]:-ms-input-placeholder,\nmain [type=date]:-ms-input-placeholder,\nmain [type=datetime-local]:-ms-input-placeholder,\nmain [type=datetime]:-ms-input-placeholder,\nmain [type=email]:-ms-input-placeholder,\nmain [type=month]:-ms-input-placeholder,\nmain [type=number]:-ms-input-placeholder,\nmain [type=password]:-ms-input-placeholder,\nmain [type=search]:-ms-input-placeholder,\nmain [type=tel]:-ms-input-placeholder,\nmain [type=text]:-ms-input-placeholder,\nmain [type=time]:-ms-input-placeholder,\nmain [type=url]:-ms-input-placeholder,\nmain [type=week]:-ms-input-placeholder,\nmain textarea:-ms-input-placeholder,\nmain .inline-filters button[data-toggle]:-ms-input-placeholder,\nmain select:-ms-input-placeholder,\nmain .data-picker .picker-prompt a:-ms-input-placeholder,\nmain .data-picker.picker-single .picker-values div a:-ms-input-placeholder {\n  color: var(--stzh-color-grey61);\n}\nmain [type=color]:hover, main [type=color]:focus,\nmain [type=date]:hover,\nmain [type=date]:focus,\nmain [type=datetime-local]:hover,\nmain [type=datetime-local]:focus,\nmain [type=datetime]:hover,\nmain [type=datetime]:focus,\nmain [type=email]:hover,\nmain [type=email]:focus,\nmain [type=month]:hover,\nmain [type=month]:focus,\nmain [type=number]:hover,\nmain [type=number]:focus,\nmain [type=password]:hover,\nmain [type=password]:focus,\nmain [type=search]:hover,\nmain [type=search]:focus,\nmain [type=tel]:hover,\nmain [type=tel]:focus,\nmain [type=text]:hover,\nmain [type=text]:focus,\nmain [type=time]:hover,\nmain [type=time]:focus,\nmain [type=url]:hover,\nmain [type=url]:focus,\nmain [type=week]:hover,\nmain [type=week]:focus,\nmain textarea:hover,\nmain textarea:focus,\nmain .inline-filters button[data-toggle]:hover,\nmain .inline-filters button[data-toggle]:focus,\nmain select:hover,\nmain select:focus,\nmain .data-picker .picker-prompt a:hover,\nmain .data-picker .picker-prompt a:focus,\nmain .data-picker.picker-single .picker-values div a:hover,\nmain .data-picker.picker-single .picker-values div a:focus {\n  color: var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));\n  border-color: var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));\n}\nmain [type=color]::-ms-clear,\nmain [type=date]::-ms-clear,\nmain [type=datetime-local]::-ms-clear,\nmain [type=datetime]::-ms-clear,\nmain [type=email]::-ms-clear,\nmain [type=month]::-ms-clear,\nmain [type=number]::-ms-clear,\nmain [type=password]::-ms-clear,\nmain [type=search]::-ms-clear,\nmain [type=tel]::-ms-clear,\nmain [type=text]::-ms-clear,\nmain [type=time]::-ms-clear,\nmain [type=url]::-ms-clear,\nmain [type=week]::-ms-clear,\nmain textarea::-ms-clear,\nmain .inline-filters button[data-toggle]::-ms-clear,\nmain select::-ms-clear,\nmain .data-picker .picker-prompt a::-ms-clear,\nmain .data-picker.picker-single .picker-values div a::-ms-clear {\n  display: none;\n}\nmain [type=color]:-webkit-autofill,\nmain [type=date]:-webkit-autofill,\nmain [type=datetime-local]:-webkit-autofill,\nmain [type=datetime]:-webkit-autofill,\nmain [type=email]:-webkit-autofill,\nmain [type=month]:-webkit-autofill,\nmain [type=number]:-webkit-autofill,\nmain [type=password]:-webkit-autofill,\nmain [type=search]:-webkit-autofill,\nmain [type=tel]:-webkit-autofill,\nmain [type=text]:-webkit-autofill,\nmain [type=time]:-webkit-autofill,\nmain [type=url]:-webkit-autofill,\nmain [type=week]:-webkit-autofill,\nmain textarea:-webkit-autofill,\nmain .inline-filters button[data-toggle]:-webkit-autofill,\nmain select:-webkit-autofill,\nmain .data-picker .picker-prompt a:-webkit-autofill,\nmain .data-picker.picker-single .picker-values div a:-webkit-autofill {\n  -webkit-background-clip: text;\n          background-clip: text;\n}\nmain [type=color]:-moz-placeholder-shown, main [type=date]:-moz-placeholder-shown, main [type=datetime-local]:-moz-placeholder-shown, main [type=datetime]:-moz-placeholder-shown, main [type=email]:-moz-placeholder-shown, main [type=month]:-moz-placeholder-shown, main [type=number]:-moz-placeholder-shown, main [type=password]:-moz-placeholder-shown, main [type=search]:-moz-placeholder-shown, main [type=tel]:-moz-placeholder-shown, main [type=text]:-moz-placeholder-shown, main [type=time]:-moz-placeholder-shown, main [type=url]:-moz-placeholder-shown, main [type=week]:-moz-placeholder-shown, main textarea:-moz-placeholder-shown, main .inline-filters button[data-toggle]:-moz-placeholder-shown, main select:-moz-placeholder-shown, main .data-picker .picker-prompt a:-moz-placeholder-shown, main .data-picker.picker-single .picker-values div a:-moz-placeholder-shown {\n  text-overflow: ellipsis;\n}\nmain [type=color]:-ms-input-placeholder, main [type=date]:-ms-input-placeholder, main [type=datetime-local]:-ms-input-placeholder, main [type=datetime]:-ms-input-placeholder, main [type=email]:-ms-input-placeholder, main [type=month]:-ms-input-placeholder, main [type=number]:-ms-input-placeholder, main [type=password]:-ms-input-placeholder, main [type=search]:-ms-input-placeholder, main [type=tel]:-ms-input-placeholder, main [type=text]:-ms-input-placeholder, main [type=time]:-ms-input-placeholder, main [type=url]:-ms-input-placeholder, main [type=week]:-ms-input-placeholder, main textarea:-ms-input-placeholder, main .inline-filters button[data-toggle]:-ms-input-placeholder, main select:-ms-input-placeholder, main .data-picker .picker-prompt a:-ms-input-placeholder, main .data-picker.picker-single .picker-values div a:-ms-input-placeholder {\n  text-overflow: ellipsis;\n}\nmain [type=color]:placeholder-shown,\nmain [type=date]:placeholder-shown,\nmain [type=datetime-local]:placeholder-shown,\nmain [type=datetime]:placeholder-shown,\nmain [type=email]:placeholder-shown,\nmain [type=month]:placeholder-shown,\nmain [type=number]:placeholder-shown,\nmain [type=password]:placeholder-shown,\nmain [type=search]:placeholder-shown,\nmain [type=tel]:placeholder-shown,\nmain [type=text]:placeholder-shown,\nmain [type=time]:placeholder-shown,\nmain [type=url]:placeholder-shown,\nmain [type=week]:placeholder-shown,\nmain textarea:placeholder-shown,\nmain .inline-filters button[data-toggle]:placeholder-shown,\nmain select:placeholder-shown,\nmain .data-picker .picker-prompt a:placeholder-shown,\nmain .data-picker.picker-single .picker-values div a:placeholder-shown {\n  text-overflow: ellipsis;\n}\nmain .data-picker .picker-prompt a,\nmain .data-picker.picker-single .picker-values div a {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-pack: justify;\n  justify-content: space-between;\n  -ms-flex-align: center;\n  align-items: center;\n}\nmain .data-picker .picker-prompt a::after,\nmain .data-picker.picker-single .picker-values div a::after {\n  float: none;\n  margin-top: 0;\n}\nmain .inline-filters button[data-toggle],\nmain select {\n  padding-right: var(--stzh-space-xxlarge);\n}\nmain textarea {\n  min-height: var(--stzh-form-input-height);\n  resize: vertical;\n}\nmain textarea[rows] {\n  height: auto;\n}\nmain .input-group .input-group-field {\n  margin-bottom: 0;\n}\nmain .section > p,\nmain .floating-helper__content p {\n  margin-top: 0;\n}\nmain .section > p:last-child,\nmain .floating-helper__content p:last-child {\n  margin-bottom: 0;\n}\nmain .add-message,\nmain .card,\nmain .chart-tooltip,\nmain .comment-thread,\nmain .conference-registration,\nmain .conference-speaker .speaker-bio {\n  margin-bottom: var(--stzh-space-xxlarge);\n  border-color: var(--stzh-base-border-color);\n  background-color: var(--stzh-color-white);\n}\nmain .ql-editor ol,\nmain .ql-editor ul {\n  padding-left: 0;\n}\nmain .badge-card__content ul li:not(.card-data__item),\nmain .card__content ul li:not(.card-data__item),\nmain .card__text--paragraph ul li:not(.card-data__item),\nmain .floating-helper__content-inner ul li:not(.card-data__item),\nmain .lead ul li:not(.card-data__item),\nmain .process-header + .wrapper .section ul li:not(.card-data__item),\nmain .timeline__content ul li:not(.card-data__item) {\n  padding-left: var(--stzh-space-large);\n}\nmain .badge-card__content ul li:not(.card-data__item)::before,\nmain .card__content ul li:not(.card-data__item)::before,\nmain .card__text--paragraph ul li:not(.card-data__item)::before,\nmain .floating-helper__content-inner ul li:not(.card-data__item)::before,\nmain .lead ul li:not(.card-data__item)::before,\nmain .process-header + .wrapper .section ul li:not(.card-data__item)::before,\nmain .timeline__content ul li:not(.card-data__item)::before {\n  content: "–";\n  margin-left: 0;\n  margin-right: 0;\n  text-align: left;\n  width: auto;\n}\nmain .badge-card__content ul.tags li:not(.card-data__item),\nmain .card__content ul.tags li:not(.card-data__item),\nmain .card__text--paragraph ul.tags li:not(.card-data__item),\nmain .floating-helper__content-inner ul.tags li:not(.card-data__item),\nmain .lead ul.tags li:not(.card-data__item),\nmain .process-header + .wrapper .section ul.tags li:not(.card-data__item),\nmain .timeline__content ul.tags li:not(.card-data__item) {\n  padding-left: 0;\n}\nmain .badge-card__content ul.tags li:not(.card-data__item)::before,\nmain .card__content ul.tags li:not(.card-data__item)::before,\nmain .card__text--paragraph ul.tags li:not(.card-data__item)::before,\nmain .floating-helper__content-inner ul.tags li:not(.card-data__item)::before,\nmain .lead ul.tags li:not(.card-data__item)::before,\nmain .process-header + .wrapper .section ul.tags li:not(.card-data__item)::before,\nmain .timeline__content ul.tags li:not(.card-data__item)::before {\n  content: none;\n}\nmain .m-bottom {\n  margin-bottom: var(--stzh-space-medium);\n}\nmain .mb-sm {\n  margin-bottom: var(--stzh-space-xxlarge);\n}\nmain p {\n  color: var(--stzh-base-color);\n}\nmain tfoot td,\nmain tfoot th,\nmain thead td,\nmain thead th {\n  font-family: var(--stzh-font-family-heavy);\n  font-weight: var(--stzh-font-weight-heavy);\n  font-style: normal;\n}\nmain table,\nmain td,\nmain tr,\nmain .questionnaire-question-matrix table,\nmain .questionnaire-question-matrix td,\nmain .questionnaire-question-matrix tr,\nmain .questionnaire-question-matrix tr:nth-child(2n) {\n  border-color: var(--stzh-base-border-color);\n}\nmain .process-header .process-header__inner {\n  background-color: var(--stzh-color-primary, var(--stzh-color-zueriblue));\n}\nmain .card--full .process-header .process-header__container .process-header__info .card__title,\nmain .process-header .process-header__container .process-header__info .card--full .card__title,\nmain .process-header .process-header__container .process-header__info .heading2 {\n  font-family: var(--stzh-font-family-title);\n  font-weight: var(--stzh-font-weight-title);\n  font-size: var(--stzh-font-curve-hero-default-font-size, var(--stzh-font-hecto-font-size));\n  line-height: var(--stzh-font-curve-hero-default-heading-line-height, var(--stzh-font-hecto-text-line-height));\n  letter-spacing: var(--stzh-font-curve-hero-default-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing));\n  margin-bottom: var(--stzh-space-xlarge);\n  margin-top: 0;\n  border-bottom: none;\n  padding-bottom: 0;\n}\n@media screen and (min-width: 600px) {\n  main .card--full .process-header .process-header__container .process-header__info .card__title,\nmain .process-header .process-header__container .process-header__info .card--full .card__title,\nmain .process-header .process-header__container .process-header__info .heading2 {\n    font-size: var(--stzh-font-curve-hero-small-font-size, var(--stzh-font-kilo-font-size));\n    line-height: var(--stzh-font-curve-hero-small-heading-line-height, var(--stzh-font-kilo-text-line-height));\n    letter-spacing: var(--stzh-font-curve-hero-small-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing));\n  }\n}\n@media screen and (min-width: 1024px) {\n  main .card--full .process-header .process-header__container .process-header__info .card__title,\nmain .process-header .process-header__container .process-header__info .card--full .card__title,\nmain .process-header .process-header__container .process-header__info .heading2 {\n    font-size: var(--stzh-font-curve-hero-medium-font-size, var(--stzh-font-giga-font-size));\n    line-height: var(--stzh-font-curve-hero-medium-heading-line-height, var(--stzh-font-giga-text-line-height));\n    letter-spacing: var(--stzh-font-curve-hero-medium-heading-letter-spacing, var(--stzh-font-giga-text-letter-spacing));\n  }\n}\n@media screen and (min-width: 1260px) {\n  main .card--full .process-header .process-header__container .process-header__info .card__title,\nmain .process-header .process-header__container .process-header__info .card--full .card__title,\nmain .process-header .process-header__container .process-header__info .heading2 {\n    font-size: var(--stzh-font-curve-hero-large-font-size, var(--stzh-font-hero-font-size));\n    line-height: var(--stzh-font-curve-hero-large-heading-line-height, var(--stzh-font-hero-text-line-height));\n    letter-spacing: var(--stzh-font-curve-hero-large-heading-letter-spacing, var(--stzh-font-hero-text-letter-spacing));\n  }\n}\n@media screen and (min-width: 1024px) {\n  main .card--full .process-header .process-header__container .process-header__info .card__title,\nmain .process-header .process-header__container .process-header__info .card--full .card__title,\nmain .process-header .process-header__container .process-header__info .heading2 {\n    margin-bottom: var(--stzh-space-xxlarge);\n  }\n}\n@media screen and (min-width: 1260px) {\n  main .card--full .process-header .process-header__container .process-header__info .card__title,\nmain .process-header .process-header__container .process-header__info .card--full .card__title,\nmain .process-header .process-header__container .process-header__info .heading2 {\n    margin-bottom: var(--stzh-space-xxxlarge);\n  }\n}\nmain .process-header .process-header__container {\n  padding: 0 var(--stzh-space-xxxxlarge);\n}\n@media screen and (max-width: 1023px) {\n  main .process-header .process-header__container {\n    padding: var(--stzh-space-xxxxlarge);\n    padding-bottom: var(--stzh-space-big);\n  }\n}\n@media screen and (max-width: 599px) {\n  main .process-header .process-header__container {\n    padding: var(--stzh-space-xxlarge) 1.25rem var(--stzh-space-xxxlarge);\n  }\n}\nmain .process-header__info {\n  padding: 0;\n}\nmain .process-header .process-header__container .process-header__info .heading-small {\n  font-size: var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));\n  line-height: var(--stzh-font-curve-h3-default-heading-line-height, var(--stzh-font-centi-heading-line-height));\n  letter-spacing: var(--stzh-font-curve-h3-default-heading-letter-spacing);\n  color: var(--stzh-base-invert-color);\n  margin-top: 0;\n}\n@media screen and (min-width: 600px) {\n  main .process-header .process-header__container .process-header__info .heading-small {\n    font-size: var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));\n    line-height: var(--stzh-font-curve-h3-small-heading-line-height, var(--stzh-font-deci-heading-line-height));\n    letter-spacing: var(--stzh-font-curve-h3-small-heading-letter-spacing);\n  }\n}\n@media screen and (min-width: 1024px) {\n  main .process-header .process-header__container .process-header__info .heading-small {\n    font-size: var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-regular-font-size));\n    line-height: var(--stzh-font-curve-h3-medium-heading-line-height, var(--stzh-font-regular-heading-line-height));\n    letter-spacing: var(--stzh-font-curve-h3-medium-heading-letter-spacing);\n  }\n}\nmain .process-header__hashtag a {\n  color: var(--stzh-base-invert-color);\n  -webkit-text-decoration-line: none;\n          text-decoration-line: none;\n}\nmain .process-header__hashtag a:hover {\n  color: var(--stzh-base-invert-color);\n}\nmain .process-header__hashtag a .external-link-indicator {\n  background: var(--stzh-base-invert-color);\n  padding: var(--stzh-space-xxsmall);\n  -webkit-box-sizing: content-box;\n  box-sizing: content-box;\n  border-radius: var(--stzh-button-border-radius);\n  margin: 0;\n  margin-bottom: -0.25rem;\n  margin-left: 0.25rem;\n}\nmain .phase-subtitle--initiatives,\nmain .phase-title,\nmain .phase-title--initiatives {\n  font-family: var(--stzh-font-family-heavy);\n  font-weight: var(--stzh-font-weight-heavy);\n  font-style: normal;\n  font-size: var(--stzh-font-curve-h4-default-font-size, var(--stzh-font-milli-font-size));\n  line-height: var(--stzh-font-curve-h4-default-text-line-height, var(--stzh-font-milli-text-line-height));\n  letter-spacing: var(--stzh-font-curve-h4-default-text-letter-spacing);\n  color: var(--stzh-base-lead-color);\n}\n@media screen and (min-width: 1024px) {\n  main .phase-subtitle--initiatives,\nmain .phase-title,\nmain .phase-title--initiatives {\n    font-size: var(--stzh-font-curve-h4-medium-font-size, var(--stzh-font-centi-font-size));\n    line-height: var(--stzh-font-curve-h4-medium-text-line-height, var(--stzh-font-centi-text-line-height));\n    letter-spacing: var(--stzh-font-curve-h4-medium-text-letter-spacing);\n  }\n}\nmain .process-header__progress {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-align: center;\n  align-items: center;\n}\nmain .process-header__phase {\n  padding: var(--stzh-space-medium);\n  margin-top: var(--stzh-space-medium);\n  margin-bottom: 0;\n}\nmain .phase-date {\n  font-family: var(--stzh-font-family-regular);\n  font-weight: var(--stzh-font-weight-regular);\n  font-style: normal;\n  font-size: var(--stzh-font-curve-p2-default-font-size, var(--stzh-font-micro-font-size));\n  line-height: var(--stzh-font-curve-p2-default-text-line-height, var(--stzh-font-micro-text-line-height));\n  color: var(--stzh-base-color);\n}\n@media screen and (min-width: 1024px) {\n  main .phase-date {\n    font-size: var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));\n    line-height: var(--stzh-font-curve-p2-medium-text-line-height, var(--stzh-font-milli-text-line-height));\n    letter-spacing: var(--stzh-font-curve-p2-medium-text-letter-spacing);\n  }\n}\nmain .phase-current {\n  font-size: var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));\n  line-height: var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height));\n  margin-left: var(--stzh-space-xxsmall);\n  color: var(--stzh-base-color);\n}\n@media screen and (min-width: 1024px) {\n  main .phase-current {\n    font-size: var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));\n    line-height: var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height));\n  }\n}\nmain .process-header__progress {\n  margin-bottom: var(--stzh-space-xsmall);\n}\nmain .process-header__phase .button,\nmain .process-header__phase .meeting-polls__button,\nmain .process-phase .button,\nmain .process-phase .meeting-polls__button {\n  margin-top: var(--stzh-space-xsmall);\n}\nmain a,\nmain .link {\n  -webkit-text-decoration-line: underline;\n          text-decoration-line: underline;\n  -webkit-transition: var(--stzh-base-transition-animation-speed);\n  transition: var(--stzh-base-transition-animation-speed);\n}\nmain a:hover,\nmain .link:hover {\n  color: var(--stzh-link-hover-color);\n}\nmain .button {\n  font-size: var(--stzh-font-milli-font-size);\n  line-height: var(--stzh-font-milli-text-line-height);\n  letter-spacing: var(--stzh-font-curve---text-letter-spacing);\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  -ms-flex-align: center;\n  align-items: center;\n  height: auto;\n  min-height: var(--stzh-form-input-height);\n  line-height: var(--stzh-form-input-height)-0.125rem;\n  line-height: inherit;\n  margin: 0;\n  -webkit-text-decoration-line: none;\n          text-decoration-line: none;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  border: 0.0625rem solid var(--stzh-color-primary, var(--stzh-color-zueriblue));\n  padding: var(--stzh-space-xsmall) var(--stzh-space-xlarge);\n  -webkit-transition: all var(--stzh-base-transition-animation-speed);\n  transition: all var(--stzh-base-transition-animation-speed);\n}\nmain .button.small {\n  font-size: var(--stzh-font-micro-font-size);\n  line-height: var(--stzh-font-micro-text-line-height);\n  min-height: var(--stzh-form-input-small-height);\n  line-height: var(--stzh-form-input-small-height)-0.125rem;\n}\nmain .button.tiny {\n  font-size: var(--stzh-font-micro-font-size);\n  line-height: var(--stzh-font-micro-text-line-height);\n  min-height: 2rem;\n}\nmain .button.process-nav__more i {\n  background-color: currentColor;\n  margin-bottom: 0;\n}\nmain .button.process-nav__more i:first-child {\n  margin-left: var(--stzh-space-xsmall);\n}\nmain .button--icon .icon-wrap {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-align: center;\n  align-items: center;\n}\nmain .button--icon .icon-wrap .icon {\n  margin-right: var(--stzh-space-xxsmall);\n}\nmain .button--icon.meeting-polls__button .icon,\nmain .button--icon.small .icon {\n  width: var(--stzh-icon-size-xxsmall);\n  height: var(--stzh-icon-size-xxsmall);\n}\nmain .extra .button.follow-button {\n  margin-top: 0;\n}\nmain .button-group.meeting-polls__button .button,\nmain .button-group.meeting-polls__button .meeting-polls__button,\nmain .button-group.small .button,\nmain .button-group.small .meeting-polls__button,\nmain .button-group.tiny .button,\nmain .button-group.tiny .meeting-polls__button {\n  font-size: var(--stzh-font-micro-font-size);\n  line-height: var(--stzh-font-micro-text-line-height);\n}\nmain .button.primary,\nmain .button.primary.disabled,\nmain .button.primary.disabled:focus,\nmain .button.primary.disabled:hover,\nmain .button.primary[disabled],\nmain .button.primary[disabled]:focus,\nmain .button.primary[disabled]:hover,\nmain .primary.meeting-polls__button {\n  background-color: var(--stzh-color-primary, var(--stzh-color-zueriblue));\n}\nmain .button.primary:hover, main .button.primary:focus,\nmain .button.primary.disabled:hover,\nmain .button.primary.disabled:focus,\nmain .button.primary.disabled:focus:hover,\nmain .button.primary.disabled:focus:focus,\nmain .button.primary.disabled:hover:hover,\nmain .button.primary.disabled:hover:focus,\nmain .button.primary[disabled]:hover,\nmain .button.primary[disabled]:focus,\nmain .button.primary[disabled]:focus:hover,\nmain .button.primary[disabled]:focus:focus,\nmain .button.primary[disabled]:hover:hover,\nmain .button.primary[disabled]:hover:focus,\nmain .primary.meeting-polls__button:hover,\nmain .primary.meeting-polls__button:focus {\n  background-color: var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));\n}\nmain .button.budget-vote-button {\n  font-family: var(--stzh-font-family-regular);\n  font-weight: var(--stzh-font-weight-regular);\n  font-style: normal;\n  color: var(--stzh-color-primary, var(--stzh-color-zueriblue));\n  background-color: var(--stzh-color-white);\n  margin-bottom: var(--stzh-space-medium);\n}\nmain .button.budget-vote-button:hover, main .button.budget-vote-button:focus {\n  color: var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));\n  background-color: var(--stzh-color-white);\n}\nmain .button--vote-button {\n  margin-bottom: var(--stzh-space-large);\n}\nmain .view-side > .button {\n  margin-bottom: var(--stzh-space-medium);\n}\nmain .button.clear,\nmain .button.clear.disabled,\nmain .button.clear.disabled:focus,\nmain .button.clear.disabled:hover,\nmain .button.clear[disabled],\nmain .button.clear[disabled]:focus,\nmain .button.clear[disabled]:hover,\nmain .clear.meeting-polls__button {\n  color: var(--stzh-color-error);\n}\nmain .wrapper {\n  padding-top: var(--stzh-space-xxxlarge);\n  padding-bottom: var(--stzh-space-xxxlarge);\n  padding-left: 1.25rem;\n  padding-right: 1.25rem;\n}\n@media screen and (min-width: 600px) {\n  main .wrapper {\n    padding-top: var(--stzh-space-xxxxlarge);\n  }\n}\n@media screen and (min-width: 1024px) {\n  main .wrapper {\n    padding-top: var(--stzh-space-big);\n  }\n}\n@media screen and (min-width: 1260px) {\n  main .wrapper {\n    padding-top: var(--stzh-space-xbig);\n  }\n}\n@media screen and (min-width: 600px) {\n  main .wrapper {\n    padding-bottom: var(--stzh-space-xxxxlarge);\n  }\n}\n@media screen and (min-width: 1024px) {\n  main .wrapper {\n    padding-bottom: var(--stzh-space-big);\n  }\n}\n@media screen and (min-width: 1260px) {\n  main .wrapper {\n    padding-bottom: var(--stzh-space-xbig);\n  }\n}\n@media screen and (min-width: 600px) {\n  main .wrapper {\n    padding-left: 2rem;\n    padding-right: 2rem;\n  }\n}\n@media screen and (min-width: 1024px) {\n  main .wrapper {\n    padding-left: 2.5rem;\n    padding-right: 2.5rem;\n  }\n}\n@media screen and (min-width: 1260px) {\n  main .wrapper {\n    padding-left: 5.5rem;\n    padding-right: 5.5rem;\n  }\n}\nmain .wrapper .wrapper--inner {\n  background-color: var(--stzh-color-grey5);\n}\nmain .wrapper .row:not(.column) .floating-helper-container {\n  padding-right: 0.625rem;\n  padding-left: 0.625rem;\n}\n@media screen and (min-width: 40em) {\n  main .wrapper .row:not(.column) .floating-helper-container {\n    padding-right: 0.9375rem;\n    padding-left: 0.9375rem;\n  }\n}\nmain .heading1, main h1,\nmain .heading2, main h2,\nmain .heading3, main h3,\nmain .heading4, main h4 {\n  color: var(--stzh-color-primary, var(--stzh-color-zueriblue));\n}\nmain .heading1, main h1 {\n  font-family: var(--stzh-font-family-title);\n  font-weight: var(--stzh-font-weight-title);\n  font-size: var(--stzh-font-curve-h1-default-font-size, var(--stzh-font-deca-font-size));\n  line-height: var(--stzh-font-curve-h1-default-heading-line-height, var(--stzh-font-deca-text-line-height));\n  letter-spacing: var(--stzh-font-curve-h1-default-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing));\n  margin-top: var(--stzh-space-xxlarge);\n  margin-bottom: var(--stzh-space-xlarge);\n  padding-bottom: var(--stzh-space-xsmall);\n  border-bottom: 0.0625rem solid var(--stzh-base-border-color);\n}\n@media screen and (min-width: 600px) {\n  main .heading1, main h1 {\n    font-size: var(--stzh-font-curve-h1-small-font-size, var(--stzh-font-kilo-font-size));\n    line-height: var(--stzh-font-curve-h1-small-heading-line-height, var(--stzh-font-kilo-text-line-height));\n    letter-spacing: var(--stzh-font-curve-h1-small-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing));\n  }\n}\n@media screen and (min-width: 1024px) {\n  main .heading1, main h1 {\n    font-size: var(--stzh-font-curve-h1-medium-font-size, var(--stzh-font-mega-font-size));\n    line-height: var(--stzh-font-curve-h1-medium-heading-line-height, var(--stzh-font-mega-text-line-height));\n    letter-spacing: var(--stzh-font-curve-h1-medium-heading-letter-spacing, var(--stzh-font-mega-text-letter-spacing));\n  }\n}\n@media screen and (min-width: 1440px) {\n  main .heading1, main h1 {\n    font-size: var(--stzh-font-curve-h1-ultra-font-size, var(--stzh-font-giga-font-size));\n    line-height: var(--stzh-font-curve-h1-ultra-heading-line-height, var(--stzh-font-giga-text-line-height));\n    letter-spacing: var(--stzh-font-curve-h1-ultra-heading-letter-spacing, var(--stzh-font-giga-text-letter-spacing));\n  }\n}\n@media screen and (min-width: 1024px) {\n  main .heading1, main h1 {\n    margin-top: var(--stzh-space-xxxlarge);\n  }\n}\n@media screen and (min-width: 1260px) {\n  main .heading1, main h1 {\n    margin-top: var(--stzh-space-xxxxlarge);\n  }\n}\n@media screen and (min-width: 1024px) {\n  main .heading1, main h1 {\n    margin-bottom: var(--stzh-space-xxlarge);\n  }\n}\n@media screen and (min-width: 1260px) {\n  main .heading1, main h1 {\n    margin-bottom: var(--stzh-space-xxxlarge);\n  }\n}\n@media screen and (min-width: 1024px) {\n  main .heading1, main h1 {\n    padding-bottom: var(--stzh-space-small);\n  }\n}\n@media screen and (min-width: 1260px) {\n  main .heading1, main h1 {\n    padding-bottom: var(--stzh-space-medium);\n  }\n}\nmain .section-heading,\nmain .heading2, main h2 {\n  font-family: var(--stzh-font-family-title);\n  font-weight: var(--stzh-font-weight-title);\n  font-size: var(--stzh-font-curve-h2-default-font-size, var(--stzh-font-deci-font-size));\n  line-height: var(--stzh-font-curve-h2-default-heading-line-height, var(--stzh-font-deci-heading-line-height));\n  letter-spacing: var(--stzh-font-curve-h2-default-heading-letter-spacing);\n  margin-top: var(--stzh-space-xxlarge);\n  margin-bottom: var(--stzh-space-xlarge);\n  padding-bottom: var(--stzh-space-xsmall);\n  border-bottom: 0.0625rem solid var(--stzh-base-border-color);\n}\n@media screen and (min-width: 600px) {\n  main .section-heading,\nmain .heading2, main h2 {\n    font-size: var(--stzh-font-curve-h2-small-font-size, var(--stzh-font-deca-font-size));\n    line-height: var(--stzh-font-curve-h2-small-heading-line-height, var(--stzh-font-deca-text-line-height));\n    letter-spacing: var(--stzh-font-curve-h2-small-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing));\n  }\n}\n@media screen and (min-width: 1024px) {\n  main .section-heading,\nmain .heading2, main h2 {\n    font-size: var(--stzh-font-curve-h2-medium-font-size, var(--stzh-font-hecto-font-size));\n    line-height: var(--stzh-font-curve-h2-medium-heading-line-height, var(--stzh-font-hecto-text-line-height));\n    letter-spacing: var(--stzh-font-curve-h2-medium-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing));\n  }\n}\n@media screen and (min-width: 1440px) {\n  main .section-heading,\nmain .heading2, main h2 {\n    font-size: var(--stzh-font-curve-h2-ultra-font-size, var(--stzh-font-kilo-font-size));\n    line-height: var(--stzh-font-curve-h2-ultra-heading-line-height, var(--stzh-font-kilo-text-line-height));\n    letter-spacing: var(--stzh-font-curve-h2-ultra-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing));\n  }\n}\n@media screen and (min-width: 1024px) {\n  main .section-heading,\nmain .heading2, main h2 {\n    margin-top: var(--stzh-space-xxxlarge);\n  }\n}\n@media screen and (min-width: 1260px) {\n  main .section-heading,\nmain .heading2, main h2 {\n    margin-top: var(--stzh-space-xxxxlarge);\n  }\n}\n@media screen and (min-width: 1024px) {\n  main .section-heading,\nmain .heading2, main h2 {\n    margin-bottom: var(--stzh-space-xxlarge);\n  }\n}\n@media screen and (min-width: 1260px) {\n  main .section-heading,\nmain .heading2, main h2 {\n    margin-bottom: var(--stzh-space-xxxlarge);\n  }\n}\n@media screen and (min-width: 1024px) {\n  main .section-heading,\nmain .heading2, main h2 {\n    padding-bottom: var(--stzh-space-small);\n  }\n}\n@media screen and (min-width: 1260px) {\n  main .section-heading,\nmain .heading2, main h2 {\n    padding-bottom: var(--stzh-space-medium);\n  }\n}\nmain .heading3, main h3 {\n  font-family: var(--stzh-font-family-title);\n  font-weight: var(--stzh-font-weight-title);\n  font-size: var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));\n  line-height: var(--stzh-font-curve-h3-default-heading-line-height, var(--stzh-font-centi-heading-line-height));\n  letter-spacing: var(--stzh-font-curve-h3-default-heading-letter-spacing);\n  margin-top: var(--stzh-space-xlarge);\n}\n@media screen and (min-width: 600px) {\n  main .heading3, main h3 {\n    font-size: var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));\n    line-height: var(--stzh-font-curve-h3-small-heading-line-height, var(--stzh-font-deci-heading-line-height));\n    letter-spacing: var(--stzh-font-curve-h3-small-heading-letter-spacing);\n  }\n}\n@media screen and (min-width: 1024px) {\n  main .heading3, main h3 {\n    font-size: var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-regular-font-size));\n    line-height: var(--stzh-font-curve-h3-medium-heading-line-height, var(--stzh-font-regular-heading-line-height));\n    letter-spacing: var(--stzh-font-curve-h3-medium-heading-letter-spacing);\n  }\n}\n@media screen and (min-width: 1024px) {\n  main .heading3, main h3 {\n    margin-top: var(--stzh-space-xxlarge);\n  }\n}\n@media screen and (min-width: 1260px) {\n  main .heading3, main h3 {\n    margin-top: var(--stzh-space-xxxlarge);\n  }\n}\nmain .heading4, main h4 {\n  font-family: var(--stzh-font-family-title);\n  font-weight: var(--stzh-font-weight-title);\n  font-size: var(--stzh-font-curve-h4-default-font-size, var(--stzh-font-milli-font-size));\n  line-height: var(--stzh-font-curve-h4-default-heading-line-height, var(--stzh-font-milli-heading-line-height));\n  letter-spacing: var(--stzh-font-curve-h4-default-heading-letter-spacing);\n  margin-top: var(--stzh-space-xlarge);\n  color: var(--stzh-base-color);\n}\n@media screen and (min-width: 1024px) {\n  main .heading4, main h4 {\n    font-size: var(--stzh-font-curve-h4-medium-font-size, var(--stzh-font-centi-font-size));\n    line-height: var(--stzh-font-curve-h4-medium-heading-line-height, var(--stzh-font-centi-heading-line-height));\n    letter-spacing: var(--stzh-font-curve-h4-medium-heading-letter-spacing);\n  }\n}\n@media screen and (min-width: 1024px) {\n  main .heading4, main h4 {\n    margin-top: var(--stzh-space-xxlarge);\n  }\n}\n@media screen and (min-width: 1260px) {\n  main .heading4, main h4 {\n    margin-top: var(--stzh-space-xxxlarge);\n  }\n}\nmain .heading4, main h4,\nmain .timeline__item--current .timeline__date {\n  color: var(--stzh-color-primary, var(--stzh-color-zueriblue));\n}\nmain #most-commented .section-heading {\n  margin-top: 0;\n}\nmain #most-commented a {\n  -webkit-text-decoration-line: none;\n          text-decoration-line: none;\n}\nmain .section {\n  margin-bottom: var(--stzh-space-xxlarge);\n}\n@media screen and (min-width: 1024px) {\n  main .section {\n    margin-bottom: var(--stzh-space-xxxlarge);\n  }\n}\n@media screen and (min-width: 1260px) {\n  main .section {\n    margin-bottom: var(--stzh-space-xxxxlarge);\n  }\n}\nmain .section-heading {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  -ms-flex-align: start;\n  align-items: flex-start;\n}\nmain .section-heading .text-sm,\nmain .section-heading .text-small {\n  font-size: var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));\n  line-height: var(--stzh-font-curve-h3-default-heading-line-height, var(--stzh-font-centi-heading-line-height));\n  letter-spacing: var(--stzh-font-curve-h3-default-heading-letter-spacing);\n}\n@media screen and (min-width: 600px) {\n  main .section-heading .text-sm,\nmain .section-heading .text-small {\n    font-size: var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));\n    line-height: var(--stzh-font-curve-h3-small-heading-line-height, var(--stzh-font-deci-heading-line-height));\n    letter-spacing: var(--stzh-font-curve-h3-small-heading-letter-spacing);\n  }\n}\n@media screen and (min-width: 1024px) {\n  main .section-heading .text-sm,\nmain .section-heading .text-small {\n    font-size: var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-regular-font-size));\n    line-height: var(--stzh-font-curve-h3-medium-heading-line-height, var(--stzh-font-regular-heading-line-height));\n    letter-spacing: var(--stzh-font-curve-h3-medium-heading-letter-spacing);\n  }\n}\nmain .order-by__dropdown,\nmain .results-per-page__dropdown {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-align: center;\n  align-items: center;\n}\nmain .order-by__text,\nmain .results-per-page__text {\n  margin-right: var(--stzh-space-xsmall);\n}\nmain .is-dropdown-submenu {\n  -webkit-box-shadow: var(--stzh-box-shadow-popover);\n  box-shadow: var(--stzh-box-shadow-popover);\n  border: none;\n  border-radius: var(--stzh-popover-border-radius);\n  margin-top: var(--stzh-space-xsmall);\n}\nmain .dropdown.menu > li.is-dropdown-submenu-parent > a {\n  font-family: var(--stzh-font-family-regular);\n  font-weight: var(--stzh-font-weight-regular);\n  font-style: normal;\n  font-size: var(--stzh-font-milli-font-size);\n  line-height: var(--stzh-font-milli-text-line-height);\n  letter-spacing: var(--stzh-font-curve---text-letter-spacing);\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-align: center;\n  align-items: center;\n  background: var(--stzh-color-white);\n  padding: var(--stzh-space-xsmall) var(--stzh-space-medium);\n  padding-right: calc(var(--stzh-space-xlarge) + var(--stzh-space-medium) + var(--stzh-space-xsmall));\n  min-height: var(--stzh-form-input-height);\n  border: 0.0625rem solid var(--stzh-color-grey61);\n  margin: 0;\n}\nmain .dropdown.menu > li.is-dropdown-submenu-parent > a:after {\n  border-color: var(--stzh-color-primary, var(--stzh-color-zueriblue)) transparent transparent;\n  right: var(--stzh-space-medium);\n}\nmain .dropdown .is-dropdown-submenu a,\nmain .comment__header__context-menu__content-item {\n  font-size: var(--stzh-font-micro-font-size);\n  line-height: var(--stzh-font-micro-text-line-height);\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-align: center;\n  align-items: center;\n  -ms-flex-pack: stretch;\n  justify-content: stretch;\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  -webkit-text-decoration-line: none;\n          text-decoration-line: none;\n  border: none;\n  padding: var(--stzh-space-xsmall) var(--stzh-space-medium);\n  padding-left: var(--stzh-space-large);\n  color: var(--stzh-color-grey70);\n  background-color: transparent;\n  height: var(--stzh-menu-item-height);\n  line-height: var(--stzh-menu-item-height);\n  -webkit-transition: all var(--stzh-base-transition-animation-speed);\n  transition: all var(--stzh-base-transition-animation-speed);\n  cursor: pointer;\n}\nmain .dropdown .is-dropdown-submenu a:hover,\nmain .comment__header__context-menu__content-item:hover {\n  color: var(--stzh-color-grey70);\n  background-color: var(--stzh-color-grey5);\n  -webkit-text-decoration-line: none;\n          text-decoration-line: none;\n}\nmain .comment__header__context-menu__content-item {\n  grid-gap: var(--stzh-space-small);\n  gap: var(--stzh-space-small);\n}\nmain .comments {\n  padding-top: 0;\n  margin-top: var(--stzh-space-medium);\n  margin-bottom: var(--stzh-space-medium);\n}\nmain .comments .section-heading {\n  margin-top: 0;\n}\nmain .comment__header,\nmain .comment__footer,\nmain .add-comment {\n  padding: var(--stzh-space-medium);\n}\n@media screen and (min-width: 1024px) {\n  main .comment__header,\nmain .comment__footer,\nmain .add-comment {\n    padding: var(--stzh-space-large);\n  }\n}\n@media screen and (min-width: 1260px) {\n  main .comment__header,\nmain .comment__footer,\nmain .add-comment {\n    padding: var(--stzh-space-xlarge);\n  }\n}\nmain .add-comment {\n  background-color: transparent;\n  padding: 0;\n}\nmain .add-comment .remaining-character-count {\n  color: var(--stzh-base-color);\n  padding: var(--stzh-space-xsmall) var(--stzh-space-small);\n}\nmain .comment-threads {\n  margin-bottom: var(--stzh-space-xxxlarge);\n}\nmain .comment__content {\n  padding-left: var(--stzh-space-medium);\n  padding-right: var(--stzh-space-medium);\n}\n@media screen and (min-width: 1024px) {\n  main .comment__content {\n    padding-left: var(--stzh-space-large);\n  }\n}\n@media screen and (min-width: 1260px) {\n  main .comment__content {\n    padding-left: var(--stzh-space-xlarge);\n  }\n}\n@media screen and (min-width: 1024px) {\n  main .comment__content {\n    padding-right: var(--stzh-space-large);\n  }\n}\n@media screen and (min-width: 1260px) {\n  main .comment__content {\n    padding-right: var(--stzh-space-xlarge);\n  }\n}\nmain .comment__content p {\n  margin-top: 0;\n  margin-bottom: 0;\n}\nmain .comment__footer {\n  font-size: var(--stzh-font-curve-p2-default-font-size, var(--stzh-font-micro-font-size));\n  line-height: var(--stzh-font-curve-p2-default-text-line-height, var(--stzh-font-micro-text-line-height));\n}\n@media screen and (min-width: 1024px) {\n  main .comment__footer {\n    font-size: var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));\n    line-height: var(--stzh-font-curve-p2-medium-text-line-height, var(--stzh-font-milli-text-line-height));\n    letter-spacing: var(--stzh-font-curve-p2-medium-text-letter-spacing);\n  }\n}\nmain .comment__votes {\n  margin-top: 0;\n}\nmain .comment__header__context-menu__content {\n  -webkit-box-shadow: var(--stzh-box-shadow-popover);\n  box-shadow: var(--stzh-box-shadow-popover);\n}\nmain .opinion-toggle {\n  margin: var(--stzh-space-xlarge) 0;\n}\nmain .button:hover,\nmain .meeting-polls__button:hover,\nmain .opinion-toggle--meh.is-active,\nmain .opinion-toggle--meh:focus,\nmain .opinion-toggle--meh:hover {\n  background-color: var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));\n  border-color: var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));\n}\nmain .opinion-toggle--ko.is-active,\nmain .opinion-toggle--ko:focus,\nmain .opinion-toggle--ko:hover {\n  background-color: var(--stzh-color-error);\n  border-color: var(--stzh-color-error);\n}\nmain .opinion-toggle--ok.is-active,\nmain .opinion-toggle--ok:focus,\nmain .opinion-toggle--ok:hover {\n  background-color: var(--stzh-color-truegreen);\n  border-color: var(--stzh-color-truegreen);\n}\nmain .process-nav__content {\n  border-bottom: none;\n}\n@media screen and (min-width: 40em) {\n  main .process-nav__content {\n    border-bottom: 0.0625rem solid var(--stzh-base-border-color);\n  }\n}\n@media screen and (min-width: 40em) {\n  main .process-nav li {\n    padding: var(--stzh-space-xsmall) var(--stzh-space-small);\n  }\n}\nmain .statistics-cell {\n  margin: var(--stzh-space-xxlarge) 0;\n}\nmain .statistics-cell .statistic__number {\n  font-family: var(--stzh-font-family-regular);\n  font-weight: var(--stzh-font-weight-regular);\n  font-style: normal;\n  color: var(--stzh-color-primary, var(--stzh-color-zueriblue));\n}\nmain .statistics-cell .statistic__title {\n  font-family: var(--stzh-font-family-heavy);\n  font-weight: var(--stzh-font-weight-heavy);\n  font-style: normal;\n  font-size: var(--stzh-font-curve-p2-default-font-size, var(--stzh-font-micro-font-size));\n  line-height: var(--stzh-font-curve-p2-default-text-line-height, var(--stzh-font-micro-text-line-height));\n  color: var(--stzh-base-lead-color);\n  margin-top: 0;\n  text-transform: none;\n}\n@media screen and (min-width: 1024px) {\n  main .statistics-cell .statistic__title {\n    font-size: var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));\n    line-height: var(--stzh-font-curve-p2-medium-text-line-height, var(--stzh-font-milli-text-line-height));\n    letter-spacing: var(--stzh-font-curve-p2-medium-text-letter-spacing);\n  }\n}\nmain .statistics-cell .statistic__data:after {\n  border-left: 0.125rem solid var(--stzh-base-border-color);\n}\nmain .ql-editor {\n  --color: var(--stzh-base-color);\n  --richtext-blockquote-color: var(--stzh-richtext-blockquote-color);\n  --richtext-blockquote-line-color: var(--stzh-richtext-blockquote-line-color);\n  --richtext-blockquote-footer-color: var(--stzh-richtext-blockquote-footer-color);\n  color: var(--color);\n  /* Font weights */\n  /* Coloring */\n  /* Fon sizings & Spacings */\n  /* Lists */\n  /* Figure */\n  /* Blockquote */\n  /* Table */\n  /* Links */\n}\nmain .ql-editor h1, main .ql-editor h2, main .ql-editor h3, main .ql-editor h4 {\n  font-family: var(--stzh-font-family-title);\n  font-weight: var(--stzh-font-weight-title);\n  margin: 0;\n}\nmain .ql-editor b, main .ql-editor strong {\n  font-family: var(--stzh-font-family-heavy);\n  font-weight: var(--stzh-font-weight-heavy);\n  font-style: normal;\n}\nmain .ql-editor i, main .ql-editor em {\n  font-family: var(--stzh-font-family-regular);\n  font-weight: var(--stzh-font-weight-regular);\n  font-style: normal;\n}\nmain .ql-editor h1, main .ql-editor h2, main .ql-editor h3 {\n  color: var(--stzh-heading-color);\n}\nmain .ql-editor,\nmain .ql-editor p,\nmain .ql-editor stzh-text {\n  font-size: var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));\n  line-height: var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));\n  letter-spacing: var(--stzh-font-curve-p1-default-text-letter-spacing);\n}\n@media screen and (min-width: 1024px) {\n  main .ql-editor,\nmain .ql-editor p,\nmain .ql-editor stzh-text {\n    font-size: var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));\n    line-height: var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));\n    letter-spacing: var(--stzh-font-curve-p1-medium-text-letter-spacing);\n  }\n}\nmain .ql-editor h1 {\n  font-size: var(--stzh-font-curve-h1-default-font-size, var(--stzh-font-deca-font-size));\n  line-height: var(--stzh-font-curve-h1-default-heading-line-height, var(--stzh-font-deca-text-line-height));\n  letter-spacing: var(--stzh-font-curve-h1-default-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing));\n}\n@media screen and (min-width: 600px) {\n  main .ql-editor h1 {\n    font-size: var(--stzh-font-curve-h1-small-font-size, var(--stzh-font-kilo-font-size));\n    line-height: var(--stzh-font-curve-h1-small-heading-line-height, var(--stzh-font-kilo-text-line-height));\n    letter-spacing: var(--stzh-font-curve-h1-small-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing));\n  }\n}\n@media screen and (min-width: 1024px) {\n  main .ql-editor h1 {\n    font-size: var(--stzh-font-curve-h1-medium-font-size, var(--stzh-font-mega-font-size));\n    line-height: var(--stzh-font-curve-h1-medium-heading-line-height, var(--stzh-font-mega-text-line-height));\n    letter-spacing: var(--stzh-font-curve-h1-medium-heading-letter-spacing, var(--stzh-font-mega-text-letter-spacing));\n  }\n}\n@media screen and (min-width: 1440px) {\n  main .ql-editor h1 {\n    font-size: var(--stzh-font-curve-h1-ultra-font-size, var(--stzh-font-giga-font-size));\n    line-height: var(--stzh-font-curve-h1-ultra-heading-line-height, var(--stzh-font-giga-text-line-height));\n    letter-spacing: var(--stzh-font-curve-h1-ultra-heading-letter-spacing, var(--stzh-font-giga-text-letter-spacing));\n  }\n}\nmain .ql-editor h2 {\n  font-size: var(--stzh-font-curve-h2-default-font-size, var(--stzh-font-deci-font-size));\n  line-height: var(--stzh-font-curve-h2-default-heading-line-height, var(--stzh-font-deci-heading-line-height));\n  letter-spacing: var(--stzh-font-curve-h2-default-heading-letter-spacing);\n}\n@media screen and (min-width: 600px) {\n  main .ql-editor h2 {\n    font-size: var(--stzh-font-curve-h2-small-font-size, var(--stzh-font-deca-font-size));\n    line-height: var(--stzh-font-curve-h2-small-heading-line-height, var(--stzh-font-deca-text-line-height));\n    letter-spacing: var(--stzh-font-curve-h2-small-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing));\n  }\n}\n@media screen and (min-width: 1024px) {\n  main .ql-editor h2 {\n    font-size: var(--stzh-font-curve-h2-medium-font-size, var(--stzh-font-hecto-font-size));\n    line-height: var(--stzh-font-curve-h2-medium-heading-line-height, var(--stzh-font-hecto-text-line-height));\n    letter-spacing: var(--stzh-font-curve-h2-medium-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing));\n  }\n}\n@media screen and (min-width: 1440px) {\n  main .ql-editor h2 {\n    font-size: var(--stzh-font-curve-h2-ultra-font-size, var(--stzh-font-kilo-font-size));\n    line-height: var(--stzh-font-curve-h2-ultra-heading-line-height, var(--stzh-font-kilo-text-line-height));\n    letter-spacing: var(--stzh-font-curve-h2-ultra-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing));\n  }\n}\nmain .ql-editor h3 {\n  font-size: var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));\n  line-height: var(--stzh-font-curve-h3-default-heading-line-height, var(--stzh-font-centi-heading-line-height));\n  letter-spacing: var(--stzh-font-curve-h3-default-heading-letter-spacing);\n}\n@media screen and (min-width: 600px) {\n  main .ql-editor h3 {\n    font-size: var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));\n    line-height: var(--stzh-font-curve-h3-small-heading-line-height, var(--stzh-font-deci-heading-line-height));\n    letter-spacing: var(--stzh-font-curve-h3-small-heading-letter-spacing);\n  }\n}\n@media screen and (min-width: 1024px) {\n  main .ql-editor h3 {\n    font-size: var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-regular-font-size));\n    line-height: var(--stzh-font-curve-h3-medium-heading-line-height, var(--stzh-font-regular-heading-line-height));\n    letter-spacing: var(--stzh-font-curve-h3-medium-heading-letter-spacing);\n  }\n}\nmain .ql-editor h4 {\n  font-size: var(--stzh-font-curve-h4-default-font-size, var(--stzh-font-milli-font-size));\n  line-height: var(--stzh-font-curve-h4-default-heading-line-height, var(--stzh-font-milli-heading-line-height));\n  letter-spacing: var(--stzh-font-curve-h4-default-heading-letter-spacing);\n}\n@media screen and (min-width: 1024px) {\n  main .ql-editor h4 {\n    font-size: var(--stzh-font-curve-h4-medium-font-size, var(--stzh-font-centi-font-size));\n    line-height: var(--stzh-font-curve-h4-medium-heading-line-height, var(--stzh-font-centi-heading-line-height));\n    letter-spacing: var(--stzh-font-curve-h4-medium-heading-letter-spacing);\n  }\n}\nmain .ql-editor h1,\nmain .ql-editor h2,\nmain .ql-editor stzh-heading[level="1"],\nmain .ql-editor stzh-heading[level="2"] {\n  margin-bottom: var(--stzh-space-xlarge);\n}\n@media screen and (min-width: 1024px) {\n  main .ql-editor h1,\nmain .ql-editor h2,\nmain .ql-editor stzh-heading[level="1"],\nmain .ql-editor stzh-heading[level="2"] {\n    margin-bottom: var(--stzh-space-xxlarge);\n  }\n}\n@media screen and (min-width: 1260px) {\n  main .ql-editor h1,\nmain .ql-editor h2,\nmain .ql-editor stzh-heading[level="1"],\nmain .ql-editor stzh-heading[level="2"] {\n    margin-bottom: var(--stzh-space-xxxlarge);\n  }\n}\nmain .ql-editor h1, main .ql-editor h2 {\n  padding-bottom: var(--stzh-space-xsmall);\n  border-bottom: 0.0625rem solid var(--stzh-base-border-color);\n}\n@media screen and (min-width: 1024px) {\n  main .ql-editor h1, main .ql-editor h2 {\n    padding-bottom: var(--stzh-space-small);\n  }\n}\n@media screen and (min-width: 1260px) {\n  main .ql-editor h1, main .ql-editor h2 {\n    padding-bottom: var(--stzh-space-medium);\n  }\n}\nmain .ql-editor h1,\nmain .ql-editor stzh-heading[level="1"],\nmain .ql-editor h2,\nmain .ql-editor stzh-heading[level="2"] {\n  margin-top: var(--stzh-space-xxlarge);\n}\n@media screen and (min-width: 1024px) {\n  main .ql-editor h1,\nmain .ql-editor stzh-heading[level="1"],\nmain .ql-editor h2,\nmain .ql-editor stzh-heading[level="2"] {\n    margin-top: var(--stzh-space-xxxlarge);\n  }\n}\n@media screen and (min-width: 1260px) {\n  main .ql-editor h1,\nmain .ql-editor stzh-heading[level="1"],\nmain .ql-editor h2,\nmain .ql-editor stzh-heading[level="2"] {\n    margin-top: var(--stzh-space-xxxxlarge);\n  }\n}\nmain .ql-editor h3,\nmain .ql-editor stzh-heading[level="3"],\nmain .ql-editor h4,\nmain .ql-editor stzh-heading[level="4"] {\n  margin-top: var(--stzh-space-xlarge);\n}\n@media screen and (min-width: 1024px) {\n  main .ql-editor h3,\nmain .ql-editor stzh-heading[level="3"],\nmain .ql-editor h4,\nmain .ql-editor stzh-heading[level="4"] {\n    margin-top: var(--stzh-space-xxlarge);\n  }\n}\n@media screen and (min-width: 1260px) {\n  main .ql-editor h3,\nmain .ql-editor stzh-heading[level="3"],\nmain .ql-editor h4,\nmain .ql-editor stzh-heading[level="4"] {\n    margin-top: var(--stzh-space-xxxlarge);\n  }\n}\nmain .ql-editor p,\nmain .ql-editor stzh-text,\nmain .ql-editor ul,\nmain .ql-editor ol,\nmain .ql-editor dl,\nmain .ql-editor stzh-list {\n  margin-top: var(--stzh-space-small);\n  margin-bottom: var(--stzh-space-small);\n}\n@media screen and (min-width: 1024px) {\n  main .ql-editor p,\nmain .ql-editor stzh-text,\nmain .ql-editor ul,\nmain .ql-editor ol,\nmain .ql-editor dl,\nmain .ql-editor stzh-list {\n    margin-top: var(--stzh-space-medium);\n  }\n}\n@media screen and (min-width: 1260px) {\n  main .ql-editor p,\nmain .ql-editor stzh-text,\nmain .ql-editor ul,\nmain .ql-editor ol,\nmain .ql-editor dl,\nmain .ql-editor stzh-list {\n    margin-top: var(--stzh-space-large);\n  }\n}\n@media screen and (min-width: 1024px) {\n  main .ql-editor p,\nmain .ql-editor stzh-text,\nmain .ql-editor ul,\nmain .ql-editor ol,\nmain .ql-editor dl,\nmain .ql-editor stzh-list {\n    margin-bottom: var(--stzh-space-medium);\n  }\n}\n@media screen and (min-width: 1260px) {\n  main .ql-editor p,\nmain .ql-editor stzh-text,\nmain .ql-editor ul,\nmain .ql-editor ol,\nmain .ql-editor dl,\nmain .ql-editor stzh-list {\n    margin-bottom: var(--stzh-space-large);\n  }\n}\nmain .ql-editor ul ul,\nmain .ql-editor ul ol,\nmain .ql-editor ul dl,\nmain .ql-editor ul stzh-list,\nmain .ql-editor ol ul,\nmain .ql-editor ol ol,\nmain .ql-editor ol dl,\nmain .ql-editor ol stzh-list,\nmain .ql-editor dl ul,\nmain .ql-editor dl ol,\nmain .ql-editor dl dl,\nmain .ql-editor dl stzh-list,\nmain .ql-editor stzh-list ul,\nmain .ql-editor stzh-list ol,\nmain .ql-editor stzh-list dl,\nmain .ql-editor stzh-list stzh-list {\n  margin-top: 0;\n  margin-bottom: 0;\n}\nmain .ql-editor stzh-text[curve=hero],\nmain .ql-editor stzh-heading[curve=hero] {\n  margin-bottom: var(--stzh-space-xlarge);\n}\n@media screen and (min-width: 1024px) {\n  main .ql-editor stzh-text[curve=hero],\nmain .ql-editor stzh-heading[curve=hero] {\n    margin-bottom: var(--stzh-space-xxlarge);\n  }\n}\n@media screen and (min-width: 1260px) {\n  main .ql-editor stzh-text[curve=hero],\nmain .ql-editor stzh-heading[curve=hero] {\n    margin-bottom: var(--stzh-space-xxxlarge);\n  }\n}\nmain .ql-editor stzh-text[curve=h1],\nmain .ql-editor stzh-heading[curve=h1],\nmain .ql-editor stzh-text[curve=h2],\nmain .ql-editor stzh-heading[curve=h2] {\n  margin-bottom: var(--stzh-space-xlarge);\n}\n@media screen and (min-width: 1024px) {\n  main .ql-editor stzh-text[curve=h1],\nmain .ql-editor stzh-heading[curve=h1],\nmain .ql-editor stzh-text[curve=h2],\nmain .ql-editor stzh-heading[curve=h2] {\n    margin-bottom: var(--stzh-space-xxlarge);\n  }\n}\n@media screen and (min-width: 1260px) {\n  main .ql-editor stzh-text[curve=h1],\nmain .ql-editor stzh-heading[curve=h1],\nmain .ql-editor stzh-text[curve=h2],\nmain .ql-editor stzh-heading[curve=h2] {\n    margin-bottom: var(--stzh-space-xxxlarge);\n  }\n}\nmain .ql-editor stzh-text[curve=h1],\nmain .ql-editor stzh-heading[curve=h1] {\n  margin-top: var(--stzh-space-xxlarge);\n}\n@media screen and (min-width: 1024px) {\n  main .ql-editor stzh-text[curve=h1],\nmain .ql-editor stzh-heading[curve=h1] {\n    margin-top: var(--stzh-space-xxxlarge);\n  }\n}\n@media screen and (min-width: 1260px) {\n  main .ql-editor stzh-text[curve=h1],\nmain .ql-editor stzh-heading[curve=h1] {\n    margin-top: var(--stzh-space-xxxxlarge);\n  }\n}\nmain .ql-editor stzh-text[curve=h2],\nmain .ql-editor stzh-heading[curve=h2] {\n  margin-top: var(--stzh-space-xxxlarge);\n}\n@media screen and (min-width: 600px) {\n  main .ql-editor stzh-text[curve=h2],\nmain .ql-editor stzh-heading[curve=h2] {\n    margin-top: var(--stzh-space-xxxxlarge);\n  }\n}\n@media screen and (min-width: 1024px) {\n  main .ql-editor stzh-text[curve=h2],\nmain .ql-editor stzh-heading[curve=h2] {\n    margin-top: var(--stzh-space-big);\n  }\n}\n@media screen and (min-width: 1260px) {\n  main .ql-editor stzh-text[curve=h2],\nmain .ql-editor stzh-heading[curve=h2] {\n    margin-top: var(--stzh-space-xbig);\n  }\n}\nmain .ql-editor stzh-text[curve=h3],\nmain .ql-editor stzh-heading[curve=h3] {\n  margin-top: var(--stzh-space-xlarge);\n}\n@media screen and (min-width: 1024px) {\n  main .ql-editor stzh-text[curve=h3],\nmain .ql-editor stzh-heading[curve=h3] {\n    margin-top: var(--stzh-space-xxlarge);\n  }\n}\n@media screen and (min-width: 1260px) {\n  main .ql-editor stzh-text[curve=h3],\nmain .ql-editor stzh-heading[curve=h3] {\n    margin-top: var(--stzh-space-xxxlarge);\n  }\n}\nmain .ql-editor stzh-text[curve=h4],\nmain .ql-editor stzh-heading[curve=h4] {\n  margin-top: var(--stzh-space-xlarge);\n}\n@media screen and (min-width: 1024px) {\n  main .ql-editor stzh-text[curve=h4],\nmain .ql-editor stzh-heading[curve=h4] {\n    margin-top: var(--stzh-space-xxlarge);\n  }\n}\n@media screen and (min-width: 1260px) {\n  main .ql-editor stzh-text[curve=h4],\nmain .ql-editor stzh-heading[curve=h4] {\n    margin-top: var(--stzh-space-xxxlarge);\n  }\n}\nmain .ql-editor stzh-text[curve=p1],\nmain .ql-editor stzh-text[curve=p2],\nmain .ql-editor stzh-heading[curve=p1],\nmain .ql-editor stzh-heading[curve=p2] {\n  margin-top: var(--stzh-space-small);\n  margin-bottom: var(--stzh-space-small);\n}\n@media screen and (min-width: 1024px) {\n  main .ql-editor stzh-text[curve=p1],\nmain .ql-editor stzh-text[curve=p2],\nmain .ql-editor stzh-heading[curve=p1],\nmain .ql-editor stzh-heading[curve=p2] {\n    margin-top: var(--stzh-space-medium);\n  }\n}\n@media screen and (min-width: 1260px) {\n  main .ql-editor stzh-text[curve=p1],\nmain .ql-editor stzh-text[curve=p2],\nmain .ql-editor stzh-heading[curve=p1],\nmain .ql-editor stzh-heading[curve=p2] {\n    margin-top: var(--stzh-space-large);\n  }\n}\n@media screen and (min-width: 1024px) {\n  main .ql-editor stzh-text[curve=p1],\nmain .ql-editor stzh-text[curve=p2],\nmain .ql-editor stzh-heading[curve=p1],\nmain .ql-editor stzh-heading[curve=p2] {\n    margin-bottom: var(--stzh-space-medium);\n  }\n}\n@media screen and (min-width: 1260px) {\n  main .ql-editor stzh-text[curve=p1],\nmain .ql-editor stzh-text[curve=p2],\nmain .ql-editor stzh-heading[curve=p1],\nmain .ql-editor stzh-heading[curve=p2] {\n    margin-bottom: var(--stzh-space-large);\n  }\n}\nmain .ql-editor stzh-figure {\n  margin-top: var(--stzh-space-xxlarge);\n  margin-bottom: var(--stzh-space-xxlarge);\n}\nmain .ql-editor blockquote {\n  font-family: var(--stzh-font-family-heavy);\n  font-weight: var(--stzh-font-weight-heavy);\n  font-style: normal;\n  font-size: var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));\n  line-height: var(--stzh-font-curve-h3-default-text-line-height, var(--stzh-font-centi-text-line-height));\n  letter-spacing: var(--stzh-font-curve-h3-default-text-letter-spacing);\n  padding-left: var(--stzh-space-medium);\n  padding-right: var(--stzh-space-medium);\n  margin: var(--stzh-space-xxlarge);\n  color: var(--richtext-blockquote-color);\n  position: relative;\n  overflow: hidden;\n}\n@media screen and (min-width: 600px) {\n  main .ql-editor blockquote {\n    font-size: var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));\n    line-height: var(--stzh-font-curve-h3-small-text-line-height, var(--stzh-font-deci-text-line-height));\n    letter-spacing: var(--stzh-font-curve-h3-small-text-letter-spacing);\n  }\n}\n@media screen and (min-width: 1024px) {\n  main .ql-editor blockquote {\n    font-size: var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-regular-font-size));\n    line-height: var(--stzh-font-curve-h3-medium-text-line-height, var(--stzh-font-regular-text-line-height));\n    letter-spacing: var(--stzh-font-curve-h3-medium-text-letter-spacing);\n  }\n}\n@media screen and (min-width: 1024px) {\n  main .ql-editor blockquote {\n    padding-left: var(--stzh-space-large);\n  }\n}\n@media screen and (min-width: 1260px) {\n  main .ql-editor blockquote {\n    padding-left: var(--stzh-space-xlarge);\n  }\n}\n@media screen and (min-width: 1024px) {\n  main .ql-editor blockquote {\n    padding-right: var(--stzh-space-large);\n  }\n}\n@media screen and (min-width: 1260px) {\n  main .ql-editor blockquote {\n    padding-right: var(--stzh-space-xlarge);\n  }\n}\n@media screen and (min-width: 1024px) {\n  main .ql-editor blockquote {\n    margin: var(--stzh-space-xxxlarge);\n  }\n}\n@media screen and (min-width: 1260px) {\n  main .ql-editor blockquote {\n    margin: var(--stzh-space-xxxxlarge);\n  }\n}\nmain .ql-editor blockquote:before {\n  background: var(--richtext-blockquote-line-color);\n  height: calc(100% - var(--stzh-space-xsmall) * 2);\n  width: 0.1875rem;\n  content: " ";\n  display: block;\n  position: absolute;\n  left: 0;\n  top: var(--stzh-space-xsmall);\n}\nmain .ql-editor blockquote p {\n  margin-top: 0;\n  margin-bottom: var(--stzh-space-small);\n}\n@media screen and (min-width: 1024px) {\n  main .ql-editor blockquote p {\n    margin-bottom: var(--stzh-space-medium);\n  }\n}\n@media screen and (min-width: 1260px) {\n  main .ql-editor blockquote p {\n    margin-bottom: var(--stzh-space-large);\n  }\n}\nmain .ql-editor blockquote p::before, main .ql-editor blockquote p::after {\n  display: inline-block;\n}\nmain .ql-editor blockquote p::before {\n  content: "«";\n}\nmain .ql-editor blockquote p::after {\n  content: "»";\n}\nmain .ql-editor blockquote footer {\n  font-size: var(--stzh-font-curve-p2-default-font-size, var(--stzh-font-micro-font-size));\n  line-height: var(--stzh-font-curve-p2-default-text-line-height, var(--stzh-font-micro-text-line-height));\n  color: var(--richtext-blockquote-footer-color);\n}\n@media screen and (min-width: 1024px) {\n  main .ql-editor blockquote footer {\n    font-size: var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));\n    line-height: var(--stzh-font-curve-p2-medium-text-line-height, var(--stzh-font-milli-text-line-height));\n    letter-spacing: var(--stzh-font-curve-p2-medium-text-letter-spacing);\n  }\n}\nmain .ql-editor blockquote footer::before {\n  content: "–";\n  display: inline-block;\n  margin-right: var(--stzh-space-xxxsmall);\n}\nmain .ql-editor table {\n  --min-width: none;\n  --cell-padding: var(--stzh-table-cell-padding);\n  width: 100%;\n  border-spacing: 0;\n  min-width: var(--min-width);\n  /* Fixed layout */\n}\nmain .ql-editor table.has-layout-fixed {\n  table-layout: fixed;\n}\nmain .ql-editor thead {\n  position: -webkit-sticky;\n  position: sticky;\n  top: 0;\n  z-index: 3;\n}\nmain .ql-editor tr:hover td,\nmain .ql-editor tr:hover th {\n  background-color: var(--stzh-color-grey5);\n}\nmain .ql-editor td,\nmain .ql-editor th {\n  font-size: var(--stzh-font-milli-font-size);\n  line-height: var(--stzh-font-milli-text-line-height);\n  letter-spacing: var(--stzh-font-curve---text-letter-spacing);\n  text-align: left;\n  border: none;\n  vertical-align: top;\n  border: none;\n  border-bottom: 0.0625rem solid var(--stzh-base-border-color);\n  background-color: var(--stzh-color-white);\n  -webkit-transition: background-color var(--stzh-base-transition-animation-speed);\n  transition: background-color var(--stzh-base-transition-animation-speed);\n  padding: var(--cell-padding);\n  /* Horizontal alignment */\n  /* Vertical alignment */\n  /* Nowrap */\n  /* Sticky */\n}\nmain .ql-editor td a,\nmain .ql-editor th a {\n  color: var(--stzh-link-color);\n  -webkit-transition: color var(--stzh-base-transition-animation-speed);\n  transition: color var(--stzh-base-transition-animation-speed);\n  border-radius: var(--stzh-button-border-radius);\n}\nmain .ql-editor td a:hover, main .ql-editor td a:focus,\nmain .ql-editor th a:hover,\nmain .ql-editor th a:focus {\n  color: var(--stzh-link-hover-color);\n}\nmain .ql-editor td b, main .ql-editor td strong,\nmain .ql-editor th b,\nmain .ql-editor th strong {\n  font-family: var(--stzh-font-family-heavy);\n  font-weight: var(--stzh-font-weight-heavy);\n  font-style: normal;\n}\nmain .ql-editor td i, main .ql-editor td em,\nmain .ql-editor th i,\nmain .ql-editor th em {\n  font-family: var(--stzh-font-family-regular);\n  font-weight: var(--stzh-font-weight-regular);\n  font-style: normal;\n}\nmain .ql-editor td.align-left,\nmain .ql-editor th.align-left {\n  text-align: left;\n}\nmain .ql-editor td.align-right,\nmain .ql-editor th.align-right {\n  text-align: right;\n}\nmain .ql-editor td.align-center,\nmain .ql-editor th.align-center {\n  text-align: center;\n}\nmain .ql-editor td.valign-auto,\nmain .ql-editor th.valign-auto {\n  vertical-align: auto;\n}\nmain .ql-editor td.valign-middle,\nmain .ql-editor th.valign-middle {\n  vertical-align: middle;\n}\nmain .ql-editor td.valign-bottom,\nmain .ql-editor th.valign-bottom {\n  vertical-align: bottom;\n}\nmain .ql-editor td.nowrap,\nmain .ql-editor th.nowrap {\n  white-space: nowrap;\n}\nmain .ql-editor td.is-sticky-left, main .ql-editor td.is-sticky-right,\nmain .ql-editor th.is-sticky-left,\nmain .ql-editor th.is-sticky-right {\n  position: -webkit-sticky;\n  position: sticky;\n  z-index: 1;\n}\nmain .ql-editor td.has-sticked,\nmain .ql-editor th.has-sticked {\n  z-index: 2;\n}\nmain .ql-editor td.is-sticky-left,\nmain .ql-editor th.is-sticky-left {\n  left: 0;\n}\nmain .ql-editor td.is-sticky-right,\nmain .ql-editor th.is-sticky-right {\n  right: 0;\n}\nmain .ql-editor td.is-sticky-left::after, main .ql-editor td.is-sticky-right::after,\nmain .ql-editor th.is-sticky-left::after,\nmain .ql-editor th.is-sticky-right::after {\n  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.16)), to(rgba(0, 0, 0, 0)));\n  background: linear-gradient(90deg, rgba(0, 0, 0, 0.16) 0%, rgba(0, 0, 0, 0) 100%);\n  content: "";\n  pointer-events: none;\n  position: absolute;\n  top: 0;\n  height: 100%;\n  width: 0.375rem;\n  -webkit-transform: translate(100%);\n  transform: translate(100%);\n  opacity: 0;\n  -webkit-transition: opacity var(--stzh-base-transition-animation-speed);\n  transition: opacity var(--stzh-base-transition-animation-speed);\n}\nmain .ql-editor td.is-sticky-left::after,\nmain .ql-editor th.is-sticky-left::after {\n  right: 0;\n}\nmain .ql-editor td.is-sticky-right::after,\nmain .ql-editor th.is-sticky-right::after {\n  left: 0;\n  -webkit-transform: rotate(-180deg) translate(100%);\n  transform: rotate(-180deg) translate(100%);\n}\nmain .ql-editor td.has-sticked.is-sticky-left::after, main .ql-editor td.has-sticked.is-sticky-right::after,\nmain .ql-editor th.has-sticked.is-sticky-left::after,\nmain .ql-editor th.has-sticked.is-sticky-right::after {\n  opacity: 1;\n}\nmain .ql-editor th {\n  font-family: var(--stzh-font-family-heavy);\n  font-weight: var(--stzh-font-weight-heavy);\n  font-style: normal;\n  color: var(--stzh-color-primary, var(--stzh-color-zueriblue));\n}\nmain .ql-editor th.is-sortable {\n  padding: 0;\n}\nmain .ql-editor a {\n  color: var(--stzh-link-color);\n  -webkit-transition: color var(--stzh-base-transition-animation-speed);\n  transition: color var(--stzh-base-transition-animation-speed);\n  border-radius: var(--stzh-button-border-radius);\n  text-underline-offset: var(--stzh-link-text-underline-offset);\n  text-decoration-thickness: var(--stzh-link-text-decoration-thickness);\n}\nmain .ql-editor a:hover {\n  color: var(--stzh-link-hover-color);\n}\nmain .ql-editor .stzh-richtext__external-link {\n  position: relative;\n}\nmain .ql-editor .stzh-richtext__external-vhidden {\n  border: 0;\n  clip: rect(0 0 0 0);\n  -webkit-clip-path: inset(100%);\n          clip-path: inset(100%);\n  width: 0.0625rem;\n  height: 0.0625rem;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n}\nmain .ql-editor .stzh-richtext__external-icon-wrapper {\n  position: relative;\n  display: inline-block;\n  width: var(--stzh-icon-size-default);\n  height: var(--stzh-link-icon-wrapper-height);\n  margin-left: var(--stzh-space-xxsmall);\n}\nmain .ql-editor .stzh-richtext__external-icon {\n  --icon: var(--stzh-icon-size-default);\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  -webkit-transform: translate(-50%, -50%);\n  transform: translate(-50%, -50%);\n  margin-top: 0.0625rem;\n  width: var(--stzh-icon-size-default);\n  height: var(--stzh-icon-size-default);\n}\nmain .ql-editor *:first-child {\n  margin-top: 0;\n}\nmain .help-text {\n  color: var(--stzh-base-color);\n}\nmain .help-text .ql-editor p {\n  font-size: var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));\n  line-height: var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height));\n}\n@media screen and (min-width: 1024px) {\n  main .help-text .ql-editor p {\n    font-size: var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));\n    line-height: var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height));\n  }\n}\nmain .accountability .categories .categories--header span,\nmain .accountability .categories .progress-figure,\nmain .accountability .categories .categories--group .category--title .progress-info .category--count {\n  color: var(--stzh-base-color);\n}\nmain .accountability .categories .categories--header .icon--arrow-bottom {\n  fill: var(--stzh-base-color);\n}\nmain .accountability .categories .categories--header {\n  border-color: var(--stzh-base-border-color);\n  margin-bottom: var(--stzh-space-medium);\n  padding-bottom: var(--stzh-space-medium);\n}\nmain .accountability .intro .progress-level p {\n  font-family: var(--stzh-font-family-heavy);\n  font-weight: var(--stzh-font-weight-heavy);\n  font-style: normal;\n  margin-bottom: var(--stzh-space-small);\n  margin-top: 0;\n}\n@media screen and (min-width: 1024px) {\n  main .accountability .intro .progress-level p {\n    margin-bottom: var(--stzh-space-medium);\n  }\n}\n@media screen and (min-width: 1260px) {\n  main .accountability .intro .progress-level p {\n    margin-bottom: var(--stzh-space-large);\n  }\n}\nmain .accountability .categories .progress-figure {\n  margin-top: 0;\n}\nmain .accountability .categories .categories--group .category--title .progress-info .category--count {\n  margin-top: var(--stzh-space-xxxsmall);\n}\nmain .accountability .title-action {\n  margin-bottom: var(--stzh-space-medium);\n}\n@media screen and (min-width: 1024px) {\n  main .accountability .title-action {\n    margin-bottom: var(--stzh-space-large);\n  }\n}\n@media screen and (min-width: 1260px) {\n  main .accountability .title-action {\n    margin-bottom: var(--stzh-space-xlarge);\n  }\n}\nmain .lines-breadcrumb a,\nmain .muted-link {\n  font-family: var(--stzh-font-family-regular);\n  font-weight: var(--stzh-font-weight-regular);\n  font-style: normal;\n  color: var(--stzh-link-color);\n  -webkit-transition: color var(--stzh-base-transition-animation-speed);\n  transition: color var(--stzh-base-transition-animation-speed);\n  border-radius: var(--stzh-button-border-radius);\n}\nmain .lines-breadcrumb a:hover, main .lines-breadcrumb a:focus,\nmain .muted-link:hover,\nmain .muted-link:focus {\n  color: var(--stzh-link-hover-color);\n}\nmain .lead .ql-editor p {\n  font-family: var(--stzh-font-family-light);\n  font-weight: var(--stzh-font-weight-light);\n  font-style: normal;\n  font-size: var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));\n  line-height: var(--stzh-font-curve-h3-default-text-line-height, var(--stzh-font-centi-text-line-height));\n  letter-spacing: var(--stzh-font-curve-h3-default-text-letter-spacing);\n  margin-bottom: var(--stzh-space-xxxlarge);\n  margin-top: var(--stzh-space-xxlarge);\n}\n@media screen and (min-width: 600px) {\n  main .lead .ql-editor p {\n    font-size: var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));\n    line-height: var(--stzh-font-curve-h3-small-text-line-height, var(--stzh-font-deci-text-line-height));\n    letter-spacing: var(--stzh-font-curve-h3-small-text-letter-spacing);\n  }\n}\n@media screen and (min-width: 1024px) {\n  main .lead .ql-editor p {\n    font-size: var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-regular-font-size));\n    line-height: var(--stzh-font-curve-h3-medium-text-line-height, var(--stzh-font-regular-text-line-height));\n    letter-spacing: var(--stzh-font-curve-h3-medium-text-letter-spacing);\n  }\n}\n@media screen and (min-width: 600px) {\n  main .lead .ql-editor p {\n    margin-bottom: var(--stzh-space-xxxxlarge);\n  }\n}\n@media screen and (min-width: 1024px) {\n  main .lead .ql-editor p {\n    margin-bottom: var(--stzh-space-big);\n  }\n}\n@media screen and (min-width: 1260px) {\n  main .lead .ql-editor p {\n    margin-bottom: var(--stzh-space-xbig);\n  }\n}\nmain .callout.secondary,\nmain .callout.warning,\nmain .callout.success,\nmain .floating-helper__content {\n  padding: var(--stzh-space-medium);\n  padding: var(--stzh-space-medium);\n  display: block;\n  -webkit-box-shadow: var(--stzh-box-shadow-message);\n  box-shadow: var(--stzh-box-shadow-message);\n  background-color: var(--stzh-color-white);\n  margin-bottom: var(--stzh-space-xxxxlarge) !important;\n}\n@media screen and (min-width: 1024px) {\n  main .callout.secondary,\nmain .callout.warning,\nmain .callout.success,\nmain .floating-helper__content {\n    padding: var(--stzh-space-large);\n  }\n}\n@media screen and (min-width: 1260px) {\n  main .callout.secondary,\nmain .callout.warning,\nmain .callout.success,\nmain .floating-helper__content {\n    padding: var(--stzh-space-xlarge);\n  }\n}\nmain .callout {\n  font-family: var(--stzh-font-family-heavy);\n  font-weight: var(--stzh-font-weight-heavy);\n  font-style: normal;\n  border-left-width: 0.3125rem;\n}\nmain .callout .heading2:first-child,\nmain .callout .heading3:first-child {\n  margin-top: 0;\n}\nmain .floating-helper__content {\n  border-top: none;\n  padding-right: calc(var(--stzh-icon-size-medium) + var(--stzh-space-small) + var(--stzh-space-medium));\n}\nmain .floating-helper__wrapper {\n  position: relative;\n}\nmain .floating-helper__content-close {\n  top: var(--stzh-space-medium);\n  right: var(--stzh-space-medium);\n  -webkit-box-sizing: content-box;\n  box-sizing: content-box;\n  position: absolute;\n  width: var(--stzh-icon-size-medium);\n  height: var(--stzh-icon-size-medium);\n  padding: var(--stzh-space-xsmall);\n  margin: calc(var(--stzh-space-xsmall) * -1);\n  background-color: transparent;\n  color: var(--stzh-base-lead-color);\n}\n@media screen and (min-width: 1024px) {\n  main .floating-helper__content-close {\n    top: var(--stzh-space-large);\n  }\n}\n@media screen and (min-width: 1260px) {\n  main .floating-helper__content-close {\n    top: var(--stzh-space-xlarge);\n  }\n}\n@media screen and (min-width: 1024px) {\n  main .floating-helper__content-close {\n    right: var(--stzh-space-large);\n  }\n}\n@media screen and (min-width: 1260px) {\n  main .floating-helper__content-close {\n    right: var(--stzh-space-xlarge);\n  }\n}\nmain .floating-helper__content-close .icon {\n  width: var(--stzh-icon-size-xxsmall);\n  height: var(--stzh-icon-size-xxsmall);\n}\nmain .floating-helper__icon-big {\n  width: var(--stzh-icon-size-large);\n  height: var(--stzh-icon-size-large);\n  background-color: var(--stzh-color-primary8);\n}\nmain .floating-helper__icon-big .icon {\n  width: var(--stzh-icon-size-xsmall);\n  height: var(--stzh-icon-size-xsmall);\n}\n@media screen and (min-width: 40em) {\n  main .floating-helper__content-inner > * {\n    margin: 0;\n  }\n  main .floating-helper__icon-big {\n    margin-right: var(--stzh-space-small);\n  }\n}\nmain .floating-helper-block .mb-s {\n  margin: 0 !important;\n}\nmain .extra,\nmain .tech-info {\n  margin-bottom: var(--stzh-space-medium);\n}\n@media screen and (min-width: 1024px) {\n  main .extra,\nmain .tech-info {\n    margin-bottom: var(--stzh-space-large);\n  }\n}\n@media screen and (min-width: 1260px) {\n  main .extra,\nmain .tech-info {\n    margin-bottom: var(--stzh-space-xlarge);\n  }\n}\nmain .extra__date,\nmain .extra__suport-number {\n  font-family: var(--stzh-font-family-heavy);\n  font-weight: var(--stzh-font-weight-heavy);\n  font-style: normal;\n  font-size: var(--stzh-font-curve-h2-default-font-size, var(--stzh-font-deci-font-size));\n  line-height: var(--stzh-font-curve-h2-default-text-line-height, var(--stzh-font-deci-text-line-height));\n  letter-spacing: var(--stzh-font-curve-h2-default-text-letter-spacing);\n}\n@media screen and (min-width: 600px) {\n  main .extra__date,\nmain .extra__suport-number {\n    font-size: var(--stzh-font-curve-h2-small-font-size, var(--stzh-font-deca-font-size));\n    line-height: var(--stzh-font-curve-h2-small-text-line-height, var(--stzh-font-deca-text-line-height));\n    letter-spacing: var(--stzh-font-curve-h2-small-text-letter-spacing, var(--stzh-font-deca-text-letter-spacing));\n  }\n}\n@media screen and (min-width: 1024px) {\n  main .extra__date,\nmain .extra__suport-number {\n    font-size: var(--stzh-font-curve-h2-medium-font-size, var(--stzh-font-hecto-font-size));\n    line-height: var(--stzh-font-curve-h2-medium-text-line-height, var(--stzh-font-hecto-text-line-height));\n    letter-spacing: var(--stzh-font-curve-h2-medium-text-letter-spacing, var(--stzh-font-hecto-text-letter-spacing));\n  }\n}\n@media screen and (min-width: 1440px) {\n  main .extra__date,\nmain .extra__suport-number {\n    font-size: var(--stzh-font-curve-h2-ultra-font-size, var(--stzh-font-kilo-font-size));\n    line-height: var(--stzh-font-curve-h2-ultra-text-line-height, var(--stzh-font-kilo-text-line-height));\n    letter-spacing: var(--stzh-font-curve-h2-ultra-text-letter-spacing, var(--stzh-font-kilo-text-letter-spacing));\n  }\n}\nmain .extra__month {\n  font-size: var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));\n  line-height: var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height));\n}\n@media screen and (min-width: 1024px) {\n  main .extra__month {\n    font-size: var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));\n    line-height: var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height));\n  }\n}\nmain .extra__time,\nmain .extra__suport-text {\n  font-size: var(--stzh-font-curve-p2-default-font-size, var(--stzh-font-micro-font-size));\n  line-height: var(--stzh-font-curve-p2-default-text-line-height, var(--stzh-font-micro-text-line-height));\n  color: var(--stzh-base-color);\n}\n@media screen and (min-width: 1024px) {\n  main .extra__time,\nmain .extra__suport-text {\n    font-size: var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));\n    line-height: var(--stzh-font-curve-p2-medium-text-line-height, var(--stzh-font-milli-text-line-height));\n    letter-spacing: var(--stzh-font-curve-p2-medium-text-letter-spacing);\n  }\n}\nmain .filters__help p:first-of-type {\n  font-size: var(--stzh-font-curve-p2-default-font-size, var(--stzh-font-micro-font-size));\n  line-height: var(--stzh-font-curve-p2-default-text-line-height, var(--stzh-font-micro-text-line-height));\n  margin-top: 0;\n}\n@media screen and (min-width: 1024px) {\n  main .filters__help p:first-of-type {\n    font-size: var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));\n    line-height: var(--stzh-font-curve-p2-medium-text-line-height, var(--stzh-font-milli-text-line-height));\n    letter-spacing: var(--stzh-font-curve-p2-medium-text-letter-spacing);\n  }\n}\nmain #participatory-space-filters legend {\n  margin-right: var(--stzh-space-xsmall);\n}\nmain .mini-title {\n  font-family: var(--stzh-font-family-heavy);\n  font-weight: var(--stzh-font-weight-heavy);\n  font-style: normal;\n  font-size: var(--stzh-font-curve-p2-default-font-size, var(--stzh-font-micro-font-size));\n  line-height: var(--stzh-font-curve-p2-default-text-line-height, var(--stzh-font-micro-text-line-height));\n  color: var(--stzh-base-color);\n  margin-bottom: var(--stzh-space-small);\n}\n@media screen and (min-width: 1024px) {\n  main .mini-title {\n    font-size: var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));\n    line-height: var(--stzh-font-curve-p2-medium-text-line-height, var(--stzh-font-milli-text-line-height));\n    letter-spacing: var(--stzh-font-curve-p2-medium-text-letter-spacing);\n  }\n}\nmain .mini-title__strong--highlight {\n  font-family: var(--stzh-font-family-heavy);\n  font-weight: var(--stzh-font-weight-heavy);\n  font-style: normal;\n  font-size: var(--stzh-font-curve-h4-default-font-size, var(--stzh-font-milli-font-size));\n  line-height: var(--stzh-font-curve-h4-default-text-line-height, var(--stzh-font-milli-text-line-height));\n  letter-spacing: var(--stzh-font-curve-h4-default-text-letter-spacing);\n}\n@media screen and (min-width: 1024px) {\n  main .mini-title__strong--highlight {\n    font-size: var(--stzh-font-curve-h4-medium-font-size, var(--stzh-font-centi-font-size));\n    line-height: var(--stzh-font-curve-h4-medium-text-line-height, var(--stzh-font-centi-text-line-height));\n    letter-spacing: var(--stzh-font-curve-h4-medium-text-letter-spacing);\n  }\n}\nmain .tags {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-wrap: wrap;\n  flex-wrap: wrap;\n}\nmain .tags:last-child {\n  margin-bottom: calc(var(--stzh-space-xsmall) * -1);\n}\nmain .tags li {\n  margin-right: var(--stzh-space-xsmall);\n  margin-bottom: var(--stzh-space-xsmall);\n}\nmain .tags li a {\n  font-size: var(--stzh-font-micro-font-size);\n  line-height: var(--stzh-font-micro-text-line-height);\n  height: 2rem;\n  line-height: 2rem;\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: row;\n  flex-direction: row;\n  -ms-flex-align: center;\n  align-items: center;\n  border-radius: 1rem;\n  padding: 0 var(--stzh-space-medium);\n  color: var(--stzh-color-primary, var(--stzh-color-zueriblue));\n  -webkit-appearance: none;\n     -moz-appearance: none;\n          appearance: none;\n  border: 0.0625rem solid var(--stzh-color-grey13);\n  background-color: var(--stzh-color-white);\n  -webkit-transition: all var(--stzh-base-transition-animation-speed);\n  transition: all var(--stzh-base-transition-animation-speed);\n  -webkit-text-decoration-line: none;\n          text-decoration-line: none;\n}\nmain .card {\n  color: var(--stzh-base-color);\n}\nmain .card__top .badge-card__content,\nmain .card__top .card__content {\n  font-size: var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));\n  line-height: var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height));\n  padding: var(--stzh-space-xsmall) var(--stzh-space-large);\n  -ms-flex-align: center;\n  align-items: center;\n}\n@media screen and (min-width: 1024px) {\n  main .card__top .badge-card__content,\nmain .card__top .card__content {\n    font-size: var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));\n    line-height: var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height));\n  }\n}\nmain .card__top .badge-card__content span.muted,\nmain .card__top .card__content span.muted {\n  font-size: inherit;\n}\nmain .card__top .card__content {\n  border-bottom: 0.0625rem solid var(--stzh-base-border-color);\n}\nmain .card__top .card__content .card__link {\n  display: block;\n}\nmain .card > .card__content,\nmain .card.definition-data,\nmain .card .definition-data,\nmain .badge-card__content,\nmain .card__support,\nmain .filters__section,\nmain .filters__section--general,\nmain .filters__section--general:first-of-type,\nmain .filters__section:first-of-type {\n  padding: var(--stzh-space-medium);\n}\n@media screen and (min-width: 1024px) {\n  main .card > .card__content,\nmain .card.definition-data,\nmain .card .definition-data,\nmain .badge-card__content,\nmain .card__support,\nmain .filters__section,\nmain .filters__section--general,\nmain .filters__section--general:first-of-type,\nmain .filters__section:first-of-type {\n    padding: var(--stzh-space-large);\n  }\n}\n@media screen and (min-width: 1260px) {\n  main .card > .card__content,\nmain .card.definition-data,\nmain .card .definition-data,\nmain .badge-card__content,\nmain .card__support,\nmain .filters__section,\nmain .filters__section--general,\nmain .filters__section--general:first-of-type,\nmain .filters__section:first-of-type {\n    padding: var(--stzh-space-xlarge);\n  }\n}\nmain .card-data__item,\nmain .filters__section,\nmain .filters__section--general,\nmain .card__block ul,\nmain .card__icondata ul,\nmain .card__footer,\nmain .card__top {\n  border-color: var(--stzh-base-border-color);\n}\nmain .card__link {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex-direction: column;\n  flex-direction: column;\n  -webkit-text-decoration-line: none;\n          text-decoration-line: none;\n  color: var(--stzh-base-color);\n}\nmain .card__link:hover {\n  -webkit-text-decoration-line: none;\n          text-decoration-line: none;\n}\nmain .card__link .text-small {\n  font-size: var(--stzh-font-curve-p2-default-font-size, var(--stzh-font-micro-font-size));\n  line-height: var(--stzh-font-curve-p2-default-text-line-height, var(--stzh-font-micro-text-line-height));\n}\n@media screen and (min-width: 1024px) {\n  main .card__link .text-small {\n    font-size: var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));\n    line-height: var(--stzh-font-curve-p2-medium-text-line-height, var(--stzh-font-milli-text-line-height));\n    letter-spacing: var(--stzh-font-curve-p2-medium-text-letter-spacing);\n  }\n}\nmain .card__header {\n  margin-bottom: var(--stzh-space-small);\n}\nmain .card__text {\n  font-size: var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));\n  line-height: var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));\n  letter-spacing: var(--stzh-font-curve-p1-default-text-letter-spacing);\n}\n@media screen and (min-width: 1024px) {\n  main .card__text {\n    font-size: var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));\n    line-height: var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));\n    letter-spacing: var(--stzh-font-curve-p1-medium-text-letter-spacing);\n  }\n}\nmain .card__text:not(:last-child) {\n  margin-bottom: var(--stzh-space-small);\n}\nmain .card .card__title,\nmain .card--list__heading {\n  font-family: var(--stzh-font-family-heavy);\n  font-weight: var(--stzh-font-weight-heavy);\n  font-style: normal;\n  font-size: var(--stzh-font-curve-h4-default-font-size, var(--stzh-font-milli-font-size));\n  line-height: var(--stzh-font-curve-h4-default-heading-line-height, var(--stzh-font-milli-heading-line-height));\n  letter-spacing: var(--stzh-font-curve-h4-default-heading-letter-spacing);\n  color: var(--stzh-color-primary, var(--stzh-color-zueriblue));\n  margin-top: 0;\n  -webkit-transition: color var(--stzh-base-transition-animation-speed);\n  transition: color var(--stzh-base-transition-animation-speed);\n}\n@media screen and (min-width: 1024px) {\n  main .card .card__title,\nmain .card--list__heading {\n    font-size: var(--stzh-font-curve-h4-medium-font-size, var(--stzh-font-centi-font-size));\n    line-height: var(--stzh-font-curve-h4-medium-heading-line-height, var(--stzh-font-centi-heading-line-height));\n    letter-spacing: var(--stzh-font-curve-h4-medium-heading-letter-spacing);\n  }\n}\nmain .card:not(.card--secondary):hover .card__title {\n  color: var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));\n}\nmain .collapsible-list .card__text--paragraph {\n  color: var(--stzh-base-color) !important;\n}\nmain .card__block ul li:not(:first-child),\nmain .card__icondata ul li:not(:first-child) {\n  font-size: var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));\n  line-height: var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height));\n  color: var(--stzh-base-color);\n}\n@media screen and (min-width: 1024px) {\n  main .card__block ul li:not(:first-child),\nmain .card__icondata ul li:not(:first-child) {\n    font-size: var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));\n    line-height: var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height));\n  }\n}\nmain .card-data__item {\n  font-size: var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));\n  line-height: var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height));\n  color: var(--stzh-base-color);\n}\n@media screen and (min-width: 1024px) {\n  main .card-data__item {\n    font-size: var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));\n    line-height: var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height));\n  }\n}\nmain .card-data__item .heading1,\nmain .card-data__item .heading2,\nmain .card-data__item .heading3,\nmain .card-data__item .heading4 {\n  margin-top: 0;\n}\nmain .card-data__item strong {\n  display: block;\n}\nmain .card-data__item br {\n  display: none;\n}\nmain .card-data__item.creation_date_status strong {\n  color: var(--stzh-base-color);\n  color: inherit;\n}\nmain .card__status .card-data__item {\n  padding: var(--stzh-space-xsmall);\n}\nmain .card--meta {\n  color: var(--stzh-base-color);\n}\nmain .card__block ul li:not(:first-child) strong,\nmain .card__icondata ul li:not(:first-child) strong {\n  font-size: inherit;\n  letter-spacing: inherit;\n}\nmain .add-message:not(.card--secondary):hover,\nmain .card:not(.card--secondary):hover,\nmain .chart-tooltip:not(.card--secondary):hover,\nmain .conference-registration:not(.card--secondary):hover,\nmain .conference-speaker .speaker-bio:not(.card--secondary):hover {\n  -webkit-box-shadow: var(--stzh-box-shadow-popover);\n  box-shadow: var(--stzh-box-shadow-popover);\n}\nmain div.card__text--paragraph > .ql-editor.ql-reset-decidim > p,\nmain div.card__text--paragraph > .ql-editor.ql-reset-decidim > h1,\nmain div.card__text--paragraph > .ql-editor.ql-reset-decidim > h2,\nmain div.card__text--paragraph > .ql-editor.ql-reset-decidim > h3,\nmain div.card__text--paragraph > .ql-editor.ql-reset-decidim > h4 {\n  font-family: var(--stzh-font-family-regular);\n  font-weight: var(--stzh-font-weight-regular);\n  font-style: normal;\n  font-size: var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));\n  line-height: var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));\n  letter-spacing: var(--stzh-font-curve-p1-default-text-letter-spacing);\n  color: var(--stzh-base-color);\n}\n@media screen and (min-width: 1024px) {\n  main div.card__text--paragraph > .ql-editor.ql-reset-decidim > p,\nmain div.card__text--paragraph > .ql-editor.ql-reset-decidim > h1,\nmain div.card__text--paragraph > .ql-editor.ql-reset-decidim > h2,\nmain div.card__text--paragraph > .ql-editor.ql-reset-decidim > h3,\nmain div.card__text--paragraph > .ql-editor.ql-reset-decidim > h4 {\n    font-size: var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));\n    line-height: var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));\n    letter-spacing: var(--stzh-font-curve-p1-medium-text-letter-spacing);\n  }\n}\nmain .progress__bar.progress__bar--vertical .progress__bar__subtitle,\nmain .progress__bar .progress__bar__title {\n  font-family: var(--stzh-font-family-regular);\n  font-weight: var(--stzh-font-weight-regular);\n  font-style: normal;\n  font-size: var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));\n  line-height: var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height));\n  color: var(--stzh-base-color);\n}\n@media screen and (min-width: 1024px) {\n  main .progress__bar.progress__bar--vertical .progress__bar__subtitle,\nmain .progress__bar .progress__bar__title {\n    font-size: var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));\n    line-height: var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height));\n  }\n}\nmain .card__support__number,\nmain .progress__bar.progress__bar--vertical .progress__bar__subtitle .progress__bar__number,\nmain .progress__bar .progress__bar__title .progress__bar__number,\nmain .extra__suport-text,\nmain .progress__bar.progress__bar--vertical .progress__bar__text {\n  font-size: var(--stzh-font-curve-p2-default-font-size, var(--stzh-font-micro-font-size));\n  line-height: var(--stzh-font-curve-p2-default-text-line-height, var(--stzh-font-micro-text-line-height));\n  color: var(--stzh-base-color);\n}\n@media screen and (min-width: 1024px) {\n  main .card__support__number,\nmain .progress__bar.progress__bar--vertical .progress__bar__subtitle .progress__bar__number,\nmain .progress__bar .progress__bar__title .progress__bar__number,\nmain .extra__suport-text,\nmain .progress__bar.progress__bar--vertical .progress__bar__text {\n    font-size: var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));\n    line-height: var(--stzh-font-curve-p2-medium-text-line-height, var(--stzh-font-milli-text-line-height));\n    letter-spacing: var(--stzh-font-curve-p2-medium-text-letter-spacing);\n  }\n}\nmain .progress__bar.progress__bar--vertical .progress__bar__number {\n  font-family: var(--stzh-font-family-heavy);\n  font-weight: var(--stzh-font-weight-heavy);\n  font-style: normal;\n  font-size: var(--stzh-font-curve-h2-default-font-size, var(--stzh-font-deci-font-size));\n  line-height: var(--stzh-font-curve-h2-default-text-line-height, var(--stzh-font-deci-text-line-height));\n  letter-spacing: var(--stzh-font-curve-h2-default-text-letter-spacing);\n}\n@media screen and (min-width: 600px) {\n  main .progress__bar.progress__bar--vertical .progress__bar__number {\n    font-size: var(--stzh-font-curve-h2-small-font-size, var(--stzh-font-deca-font-size));\n    line-height: var(--stzh-font-curve-h2-small-text-line-height, var(--stzh-font-deca-text-line-height));\n    letter-spacing: var(--stzh-font-curve-h2-small-text-letter-spacing, var(--stzh-font-deca-text-letter-spacing));\n  }\n}\n@media screen and (min-width: 1024px) {\n  main .progress__bar.progress__bar--vertical .progress__bar__number {\n    font-size: var(--stzh-font-curve-h2-medium-font-size, var(--stzh-font-hecto-font-size));\n    line-height: var(--stzh-font-curve-h2-medium-text-line-height, var(--stzh-font-hecto-text-line-height));\n    letter-spacing: var(--stzh-font-curve-h2-medium-text-letter-spacing, var(--stzh-font-hecto-text-letter-spacing));\n  }\n}\n@media screen and (min-width: 1440px) {\n  main .progress__bar.progress__bar--vertical .progress__bar__number {\n    font-size: var(--stzh-font-curve-h2-ultra-font-size, var(--stzh-font-kilo-font-size));\n    line-height: var(--stzh-font-curve-h2-ultra-text-line-height, var(--stzh-font-kilo-text-line-height));\n    letter-spacing: var(--stzh-font-curve-h2-ultra-text-letter-spacing, var(--stzh-font-kilo-text-letter-spacing));\n  }\n}\nmain .card--list__item {\n  padding: 0;\n}\nmain .card--list__text {\n  padding: 0;\n  display: block;\n}\nmain .card--list__icon {\n  fill: var(--stzh-color-primary, var(--stzh-color-zueriblue));\n}\nmain .card--list__item .card__link {\n  padding: var(--stzh-space-medium);\n}\n@media screen and (min-width: 1024px) {\n  main .card--list__item .card__link {\n    padding: var(--stzh-space-large);\n  }\n}\n@media screen and (min-width: 1260px) {\n  main .card--list__item .card__link {\n    padding: var(--stzh-space-xlarge);\n  }\n}\nmain .card--list__text .card__link:hover .card--list__heading {\n  color: var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark));\n}\nmain .card--list__text .card__link .text-small {\n  color: var(--stzh-base-color);\n}\nmain .card--list__data {\n  background-color: var(--stzh-color-grey5);\n}\nmain .card--list__data__number {\n  font-family: var(--stzh-font-family-heavy);\n  font-weight: var(--stzh-font-weight-heavy);\n  font-style: normal;\n  font-size: var(--stzh-font-curve-h3-default-font-size, var(--stzh-font-centi-font-size));\n  line-height: var(--stzh-font-curve-h3-default-text-line-height, var(--stzh-font-centi-text-line-height));\n  letter-spacing: var(--stzh-font-curve-h3-default-text-letter-spacing);\n  color: var(--stzh-color-grey70);\n}\n@media screen and (min-width: 600px) {\n  main .card--list__data__number {\n    font-size: var(--stzh-font-curve-h3-small-font-size, var(--stzh-font-deci-font-size));\n    line-height: var(--stzh-font-curve-h3-small-text-line-height, var(--stzh-font-deci-text-line-height));\n    letter-spacing: var(--stzh-font-curve-h3-small-text-letter-spacing);\n  }\n}\n@media screen and (min-width: 1024px) {\n  main .card--list__data__number {\n    font-size: var(--stzh-font-curve-h3-medium-font-size, var(--stzh-font-regular-font-size));\n    line-height: var(--stzh-font-curve-h3-medium-text-line-height, var(--stzh-font-regular-text-line-height));\n    letter-spacing: var(--stzh-font-curve-h3-medium-text-letter-spacing);\n  }\n}\nmain .card.extra:hover,\nmain .view-side .card:not(.card--secondary):hover,\nmain .comment-thread:not(.card--secondary):hover {\n  -webkit-box-shadow: none;\n  box-shadow: none;\n}\nmain .definition__title {\n  color: var(--stzh-color-grey70);\n}\nmain .definition-data {\n  color: var(--stzh-color-grey55);\n}\nmain .definition-data__item {\n  font-size: var(--stzh-font-curve-p2-default-font-size, var(--stzh-font-micro-font-size));\n  line-height: var(--stzh-font-curve-p2-default-text-line-height, var(--stzh-font-micro-text-line-height));\n  padding: 0;\n  padding-bottom: var(--stzh-space-small);\n  margin-bottom: var(--stzh-space-small);\n  border-bottom: 0.0625rem solid var(--stzh-base-border-color);\n}\n@media screen and (min-width: 1024px) {\n  main .definition-data__item {\n    font-size: var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));\n    line-height: var(--stzh-font-curve-p2-medium-text-line-height, var(--stzh-font-milli-text-line-height));\n    letter-spacing: var(--stzh-font-curve-p2-medium-text-letter-spacing);\n  }\n}\nmain .definition-data__item:last-child {\n  border-bottom: none;\n  margin-bottom: 0;\n  padding-bottom: 0;\n}\nmain .definition-data__title {\n  font-family: var(--stzh-font-family-heavy);\n  font-weight: var(--stzh-font-weight-heavy);\n  font-style: normal;\n  font-size: var(--stzh-font-curve-p2-default-font-size, var(--stzh-font-micro-font-size));\n  line-height: var(--stzh-font-curve-p2-default-text-line-height, var(--stzh-font-micro-text-line-height));\n  margin-bottom: 0;\n}\n@media screen and (min-width: 1024px) {\n  main .definition-data__title {\n    font-size: var(--stzh-font-curve-p2-medium-font-size, var(--stzh-font-milli-font-size));\n    line-height: var(--stzh-font-curve-p2-medium-text-line-height, var(--stzh-font-milli-text-line-height));\n    letter-spacing: var(--stzh-font-curve-p2-medium-text-letter-spacing);\n  }\n}\nmain .section.columns.medium-5.mediumlarge-4.large-3 > .card.extra.definition-data {\n  background-color: var(--stzh-color-grey5);\n}\nmain .author__name {\n  font-family: var(--stzh-font-family-regular);\n  font-weight: var(--stzh-font-weight-regular);\n  font-style: normal;\n  font-size: var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));\n  line-height: var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height));\n  color: var(--stzh-color-grey55) !important;\n}\n@media screen and (min-width: 1024px) {\n  main .author__name {\n    font-size: var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));\n    line-height: var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height));\n  }\n}\nmain .author-data {\n  font-size: var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));\n  line-height: var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height));\n  color: var(--stzh-base-color);\n}\n@media screen and (min-width: 1024px) {\n  main .author-data {\n    font-size: var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));\n    line-height: var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height));\n  }\n}\nmain .author-data__extra {\n  font-family: var(--stzh-font-family-regular);\n  font-weight: var(--stzh-font-weight-regular);\n  font-style: normal;\n  font-size: var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));\n  line-height: var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height));\n}\n@media screen and (min-width: 1024px) {\n  main .author-data__extra {\n    font-size: var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));\n    line-height: var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height));\n  }\n}\nmain .author-data__extra::before {\n  border-color: var(--stzh-base-border-color);\n}\nmain .author-data__extra a {\n  white-space: nowrap;\n  -webkit-text-decoration-line: none;\n          text-decoration-line: none;\n}\nmain .author-data__extra > a,\nmain .author-data__extra > button .author-data__extra > span {\n  margin-right: var(--stzh-space-medium);\n}\nmain .budget-summary .heading2:first-child,\nmain .budget-summary .heading3:first-child {\n  margin-top: 0;\n}\nmain .budget-progress {\n  min-height: var(--stzh-form-input-height);\n}\nmain .budget-list__title {\n  margin-top: var(--stzh-space-xsmall);\n  margin-bottom: var(--stzh-space-medium);\n}\nmain .budget-list__text:not(:last-child) {\n  margin-bottom: 0;\n}\nmain .budget-list__data__number {\n  font-family: var(--stzh-font-family-heavy);\n  font-weight: var(--stzh-font-weight-heavy);\n  font-style: normal;\n  font-size: var(--stzh-font-curve-h4-default-font-size, var(--stzh-font-milli-font-size));\n  line-height: var(--stzh-font-curve-h4-default-text-line-height, var(--stzh-font-milli-text-line-height));\n  letter-spacing: var(--stzh-font-curve-h4-default-text-letter-spacing);\n}\n@media screen and (min-width: 1024px) {\n  main .budget-list__data__number {\n    font-size: var(--stzh-font-curve-h4-medium-font-size, var(--stzh-font-centi-font-size));\n    line-height: var(--stzh-font-curve-h4-medium-text-line-height, var(--stzh-font-centi-text-line-height));\n    letter-spacing: var(--stzh-font-curve-h4-medium-text-letter-spacing);\n  }\n}\nmain .answer-questionnaire .questionnaire-question {\n  font-family: var(--stzh-font-family-heavy);\n  font-weight: var(--stzh-font-weight-heavy);\n  font-style: normal;\n  font-size: var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));\n  line-height: var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));\n  letter-spacing: var(--stzh-font-curve-p1-default-text-letter-spacing);\n  margin-bottom: var(--stzh-space-xsmall);\n}\n@media screen and (min-width: 1024px) {\n  main .answer-questionnaire .questionnaire-question {\n    font-size: var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));\n    line-height: var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));\n    letter-spacing: var(--stzh-font-curve-p1-medium-text-letter-spacing);\n  }\n}';const i=class{constructor(t){n(this,t)}componentDidLoad(){console.log(this.constructor.style.replace('@charset "UTF-8";',""))}render(){return t(e,null)}};i.style=a;export{i as stzh_skin_portal_mitwirken};
-//# sourceMappingURL=p-346b8599.entry.js.map

package/dist/stzh-components/p-3d3d09c3.entry.js

@@ -1,2 +0,0 @@
-import{r as s,c as t,h as i,a as e,g as h}from"./p-c92165bd.js";import{i as a}from"./p-ba8c574b.js";import{a as r,r as o,m as l}from"./p-cc8c83a8.js";import"./p-9b063923.js";const c=".sc-stzh-carousel-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-carousel-h{display:none}.sc-stzh-carousel-h *.sc-stzh-carousel,.sc-stzh-carousel-h *.sc-stzh-carousel::before,.sc-stzh-carousel-h *.sc-stzh-carousel::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-carousel-h .has-focus.sc-stzh-carousel{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}.sc-stzh-carousel-h .stzh-fylingfocus-focused.sc-stzh-carousel{outline-style:none !important}.sc-stzh-carousel-h .stzh-fylingfocus-focused.sc-stzh-carousel::-moz-focus-inner{border:0 !important}.sc-stzh-carousel-h{--peek:calc(var(--peek-in, 0px) + var(--peek-out, 0px));--peek-out:1.25rem;--padding-top:0px;--padding-bottom:0px;--gutter:var(--stzh-space-xxxsmall);--snap-stop:always;--slides:1;--slide-size:calc((100% - (var(--slides) - 1) * var(--gutter)) / var(--slides))}@media screen and (min-width: 600px){.sc-stzh-carousel-h{--peek-out:2rem}}@media screen and (min-width: 1024px){.sc-stzh-carousel-h{--peek-out:0px}}[variant=cards].sc-stzh-carousel-h{--padding-top:0.25rem;--padding-bottom:0.25rem;--gutter:var(--stzh-space-xsmall)}@media screen and (min-width: 1024px){[variant=cards].sc-stzh-carousel-h{--peek-out:2.5rem;--gutter:var(--stzh-space-small)}}@media screen and (min-width: 1260px){[variant=cards].sc-stzh-carousel-h{--peek-out:5.5rem;--gutter:var(--stzh-space-medium)}}@media screen and (min-width: 1440px){[variant=cards].sc-stzh-carousel-h{--peek-out:calc((100vw - 78.75rem - var(--stzh-scrollbar-width, 0px)) / 2)}}.sc-stzh-carousel-h .sc-stzh-carousel-s>*{width:100%;height:100%;-ms-flex-negative:0;flex-shrink:0;scroll-snap-align:start;scroll-snap-stop:var(--snap-stop)}.sc-stzh-carousel-h .sc-stzh-carousel-s img{-webkit-user-drag:none;user-drag:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions]{position:absolute;top:0;left:0;z-index:1;pointer-events:none;padding:0 var(--peek)}.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions] stzh-text{width:auto}.sc-stzh-carousel-h .sc-stzh-carousel-s>[slot=actions] stzh-button{pointer-events:all}.sc-stzh-carousel-h .sc-stzh-carousel-s>stzh-ratio[slot=actions] stzh-space,.sc-stzh-carousel-h .sc-stzh-carousel-s>stzh-ratio[slot=actions] stzh-hspace,.sc-stzh-carousel-h .sc-stzh-carousel-s>stzh-ratio[slot=actions] stzh-vspace{padding:var(--stzh-space-xsmall)}.sc-stzh-carousel-h .sc-stzh-carousel-s>stzh-ratio[slot=actions]{--background-color:transparent}.sc-stzh-carousel-h[variant=cards] .sc-stzh-carousel-s>[slot=actions]{position:relative;-ms-flex-order:1;order:1;margin-top:calc(var(--stzh-space-medium) - var(--padding-bottom))}.stzh-carousel.sc-stzh-carousel{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:calc(100% + var(--peek-out) * 2);margin-left:calc(var(--peek-out) / -1);margin-right:calc(var(--peek-out) / -1)}.stzh-carousel__vhidden.sc-stzh-carousel{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}.stzh-carousel__scroll.sc-stzh-carousel{position:relative;grid-area:slides;display:grid;width:100%;height:100%;place-items:center;overflow-x:auto;overflow-y:visible;grid-auto-flow:column;grid-auto-columns:var(--slide-size);grid-auto-rows:100%;-moz-column-gap:var(--gutter);-webkit-column-gap:var(--gutter);column-gap:var(--gutter);-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;overscroll-behavior-x:contain;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scroll-padding:0 var(--peek);padding:var(--padding-top) var(--peek) var(--padding-bottom)}@media (prefers-reduced-motion: reduce){.stzh-carousel__scroll.sc-stzh-carousel{scroll-behavior:auto}}.stzh-carousel__scroll.sc-stzh-carousel::-webkit-scrollbar{display:none}.stzh-carousel--is-draggable.sc-stzh-carousel .stzh-carousel__scroll.sc-stzh-carousel{cursor:-webkit-grab;cursor:grab}.stzh-carousel--is-dragging.sc-stzh-carousel .stzh-carousel__scroll.sc-stzh-carousel{cursor:-webkit-grabbing;cursor:grabbing}.stzh-carousel--is-disabled.sc-stzh-carousel .stzh-carousel__scroll.sc-stzh-carousel{cursor:not-allowed;overflow:hidden}";const n=window.matchMedia("(prefers-reduced-motion: reduce)");let u=0;const d=class{constructor(i){s(this,i);this.stzhSlideStart=t(this,"stzhSlideStart",7);this.stzhSlidePassed=t(this,"stzhSlidePassed",7);this.stzhSlideEnd=t(this,"stzhSlideEnd",7);this.slideScrollLeft=0;this.scrolledByAutoplay=false;this.scrollTimeoutId=null;this.lastX=null;this.startX=null;this.startScrollLeft=null;this.disableTimeoutId=null;this.stoppedDragging=false;this.onReducedMotionMediaChange=()=>{this.autoplayDisabledByMotionMedia=n.matches};this.onMouseenter=()=>{this.autoplayDisabledByMouse=true};this.onMouseleave=()=>{this.autoplayDisabledByMouse=false};this.onFocusin=()=>{this.autoplayDisabledByFocus=true};this.onFocusout=()=>{this.autoplayDisabledByFocus=false};this.onPreviousClick=()=>{this.scrollToPreviousSnapPoint()};this.onNextClick=()=>{this.scrollToNextSnapPoint()};this.onSlideResize=()=>{if(this.scrollElement){this.itemSize=this.sizingMethod()}};this.onMutation=()=>{if(!this.scrollElement){return}this.slideElements=Array.from(this.scrollElement.children);this.slideElements.forEach(((s,t)=>{s.setAttribute("role","group");s.setAttribute("aria-roledescription","slide");s.setAttribute("aria-label",this.localization.slideLabel.replace(/\{current\}/gi,(t+1).toString()).replace(/\{total\}/gi,this.slideElements.length.toString()))}));this.previousElements=Array.from(this.element.querySelectorAll("[data-stzh-carousel-previous]"));this.nextElements=Array.from(this.element.querySelectorAll("[data-stzh-carousel-next]"));this.navigationTextElements=Array.from(this.element.querySelectorAll("[data-stzh-carousel-navigation-text]"))};this.onScroll=()=>{if(this.scrollTimeoutId===null){const s=this.scrollElement.scrollLeft>this.slideScrollLeft?1:-1;this.scrolling=true;if(!this.scrolledByAutoplay){this.autoplay=false}this.stzhSlideStart.emit({component:"stzh-carousel",index:this.slide+s})}if(this.slide!==this.calculateSlide()){this.update();this.stzhSlidePassed.emit({component:"stzh-carousel",index:this.slide})}this.scrollTimeoutId&&window.clearTimeout(this.scrollTimeoutId);this.scrollTimeoutId=window.setTimeout(this.onScrollEnd,this.scrollTimeout)};this.onScrollEnd=()=>{this.scrollTimeoutId=null;this.update();this.scrolling=false;this.scrolledByAutoplay=false;if(this.stoppedDragging){this.stoppedDragging=false;this.scrollElement.style.removeProperty("scroll-behavior");this.scrollElement.style.removeProperty("scroll-snap-type")}if(this.tabThrough||this.variant==="cards"){this.ariaLive=""}else{this.ariaLive=(this.currentSlides>1?this.localization.slidesLabel:this.localization.slideLabel).replace(/\{(current|from)\}/gi,(this.slide+1).toString()).replace(/\{to\}/gi,(this.slide+this.currentSlides).toString()).replace(/\{total\}/gi,this.slideElements.length.toString())}this.stzhSlideEnd.emit({component:"stzh-carousel",index:this.slide})};this.onMediaChange=()=>{const s=l("ultra").matches;const t=l("large").matches;const i=l("medium").matches;const e=l("small").matches;if(s&&this.slidesUltra!==0){this.currentSlides=this.slidesUltra}else if(t&&this.slidesLarge!==0){this.currentSlides=this.slidesLarge}else if(i&&this.slidesMedium!==0){this.currentSlides=this.slidesMedium}else if(e&&this.slidesSmall!==0){this.currentSlides=this.slidesSmall}else{this.currentSlides=this.slides}this.currentSwipeSlides=this.currentSlides};this.mouseMove=s=>{const t=this.lastX-s.clientX;this.lastX=s.clientX;this.scrollElement.scrollLeft+=t};this.startDragging=s=>{s.preventDefault();this.disableTimeoutId&&window.clearTimeout(this.disableTimeoutId);this.disableTimeoutId=null;this.startX=this.lastX=s.clientX;this.startScrollLeft=this.scrollElement.scrollLeft;this.scrollElement.style.setProperty("scroll-behavior","auto");this.scrollElement.style.setProperty("scroll-snap-type","unset");this.dragging=true;this.autoplay=false;window.addEventListener("mousemove",this.mouseMove);window.addEventListener("mouseup",this.stopDragging,{capture:true});window.addEventListener("click",this.checkClick,{capture:true})};this.stopDragging=s=>{s.preventDefault();const t=Math.abs(this.startX-this.lastX);const i=t>this.distanceQuickSwipe;const e=this.lastX>this.startX?1:-1;this.dragging=false;const h=this.scrollElement.scrollLeft;this.scrollElement.style.removeProperty("scroll-snap-type");const a=this.scrollElement.scrollLeft;this.scrollElement.style.setProperty("scroll-snap-type","unset");this.scrollElement.scrollTo({left:h,behavior:"auto"});if(a!==this.startScrollLeft||!i){this.scrollElement.scrollTo({left:a,behavior:n.matches?"auto":"smooth"})}else if(e===1){this.slideToPrevious()}else{this.slideToNext()}window.removeEventListener("mousemove",this.mouseMove);window.removeEventListener("mouseup",this.stopDragging,{capture:true});this.stoppedDragging=true};this.checkClick=s=>{const t=Math.abs(this.startX-this.lastX);const i=t>this.distancePreventClick;if(i){s.preventDefault()}this.lastX=null;window.removeEventListener("click",this.checkClick,{capture:true})};this.autoplayInterval=()=>{this.scrolledByAutoplay=true;if(this.hasReachedLastSlide()){this.slideTo(0)}else{this.slideToNext()}};this.localization=undefined;this.variant="default";this.disabled=false;this.slides=1;this.slidesSmall=0;this.slidesMedium=0;this.slidesLarge=0;this.slidesUltra=0;this.slide=0;this.autoplay=false;this.tabThrough=false;this.preventMouseDrag=false;this.scrollTimeout=100;this.autoplayTimeout=3e3;this.distanceQuickSwipe=40;this.distancePreventClick=6;this.autoplayRunning=false;this.autoplayDisabledByMotionMedia=false;this.autoplayDisabledByMouse=false;this.autoplayDisabledByFocus=false;this.dragging=false;this.scrolling=false;this.ariaLive="";this.currentSlides=1;this.currentSwipeSlides=1;this.slideElements=[];this.previousElements=[];this.nextElements=[];this.navigationTextElements=[]}async slideTo(s,t="smooth"){this.scrollToSlide(s,t)}async slideToPrevious(s="smooth"){this.scrollToPreviousSnapPoint(s)}async slideToNext(s="smooth"){this.scrollToNextSnapPoint(s)}disabledWatcher(){if(this.disabled){this.scrollElement&&this.scrollElement.removeEventListener("scroll",this.onScroll);this.scrollTimeoutId&&window.clearTimeout(this.scrollTimeoutId);this.scrollTimeoutId=null;this.element.removeEventListener("mouseenter",this.onMouseenter);this.element.removeEventListener("mouseleave",this.onMouseleave);this.element.removeEventListener("focusin",this.onFocusin);this.element.removeEventListener("focusout",this.onFocusout);this.onReducedMotionMediaChange();n&&n.removeEventListener("change",this.onReducedMotionMediaChange)}else{this.scrollElement&&this.scrollElement.addEventListener("scroll",this.onScroll,{passive:true});this.element.addEventListener("mouseenter",this.onMouseenter);this.element.addEventListener("mouseleave",this.onMouseleave);this.element.addEventListener("focusin",this.onFocusin);this.element.addEventListener("focusout",this.onFocusout);n&&n.addEventListener("change",this.onReducedMotionMediaChange)}}preventMouseDragWatcher(){if(this.preventMouseDrag||this.disabled){this.disableTimeoutId&&window.clearTimeout(this.disableTimeoutId);this.disableTimeoutId=null;this.scrollElement&&this.scrollElement.removeEventListener("mousedown",this.startDragging);this.lastX=null}else{this.scrollElement&&this.scrollElement.addEventListener("mousedown",this.startDragging)}}autoplayRunningWatcher(){if(!this.autoplay||this.disabled||this.autoplayDisabledByMotionMedia||this.autoplayDisabledByMouse||this.autoplayDisabledByFocus){this.autoplayIntervalId&&window.clearInterval(this.autoplayIntervalId);this.autoplayIntervalId=null;this.autoplayRunning=false}else{this.autoplayIntervalId&&window.clearInterval(this.autoplayIntervalId);this.autoplayIntervalId=window.setInterval(this.autoplayInterval,this.autoplayTimeout);this.autoplayRunning=true}}snapAlignWatcher(){this.slideElements.forEach(((s,t)=>{const i=(t-this.currentSwipeSlides)%this.currentSwipeSlides===0;if(i){s.style.removeProperty("scroll-snap-align")}else{s.style.setProperty("scroll-snap-align","none")}}))}inertWatcher(){this.slideElements.forEach(((s,t)=>{const i=this.tabThrough||this.variant==="cards"||t>=this.slide&&t<this.slide+this.currentSlides;s.inert=!i;if(i){s.removeAttribute("aria-hidden")}else{s.setAttribute("aria-hidden",i?"false":"true")}}))}prevNextNavigationWatcher(){const s=this.tabThrough||this.variant==="cards";const t=t=>{const i=a(t);if(s){t.setAttribute("aria-hidden","true");t.setAttribute(i?"a11y-tabindex":"tabindex","-1")}else{t.removeAttribute("aria-hidden");t.removeAttribute(i?"a11y-tabindex":"tabindex")}};this.nextElements.forEach(t);this.previousElements.forEach(t)}prevNextHiddenWatcher(){const s=this.slideElements.length<=this.currentSlides;const t=t=>{if(s){t.setAttribute("hidden","")}else{t.removeAttribute("hidden")}};this.navigationTextElements.forEach(t);this.nextElements.forEach(t);this.previousElements.forEach(t)}nextPrevDisabledWatcher(){if(!this.scrollElement){return}const s=this.slide===0;const t=this.hasReachedLastSlide();this.nextElements.forEach((s=>{const i=a(s);s.setAttribute(i?"a11y-disabled":"aria-disabled",t?"true":"false")}));this.previousElements.forEach((t=>{const i=a(t);t.setAttribute(i?"a11y-disabled":"aria-disabled",s?"true":"false")}))}nextElementsWatcher(){this.nextElements.forEach((s=>{const t=a(s);s.addEventListener("click",this.onNextClick);s.setAttribute(t?"a11y-controls":"aria-controls",`${this.carouselId}-scroll`)}))}previousElementsWatcher(){this.previousElements.forEach((s=>{const t=a(s);s.addEventListener("click",this.onPreviousClick);s.setAttribute(t?"a11y-controls":"aria-controls",`${this.carouselId}-scroll`)}))}scrollToSlide(s,t="smooth"){if(this.disabled){return}this.scrollElement.scrollTo({left:s*this.itemSize,behavior:n.matches?"auto":t})}sizingMethod(){const s=window.getComputedStyle(this.scrollElement);return(this.scrollElement.firstElementChild||this.scrollElement).offsetWidth+parseInt(s.getPropertyValue("column-gap"),10)}calculateSlide(){return Math.floor(this.scrollElement.scrollLeft/this.itemSize)}scrollToPreviousSnapPoint(s="smooth"){if(this.disabled){return}let t=this.slide;let i=false;while(!i&&t>0){t=t-1;i=(t-this.currentSwipeSlides)%this.currentSwipeSlides===0}this.slideTo(t,s)}scrollToNextSnapPoint(s="smooth"){if(this.disabled){return}this.slideTo(this.slide+this.currentSwipeSlides,s)}update(){this.slide=this.calculateSlide();this.slideScrollLeft=this.slide*this.itemSize;this.onMutation()}hasReachedLastSlide(){const{scrollLeft:s,offsetWidth:t,scrollWidth:i}=this.scrollElement;return Math.ceil(s+t)>=i}async componentWillLoad(){this.carouselId=`stzh-carousel-${u++}`;this.onMediaChange();if(!this.localization){this.localization=await window.stzhComponents.utils.fetchTranslations(this.element,"carousel")}}componentDidLoad(){this.itemSize=this.sizingMethod();this.update();this.disabledWatcher();this.preventMouseDragWatcher();this.autoplayRunningWatcher()}connectedCallback(){r(this.onMediaChange);this.resizeObserver=new ResizeObserver(this.onSlideResize);this.resizeObserver.observe(this.element);this.mutationObserver=new MutationObserver(this.onMutation);this.mutationObserver.observe(this.element,{childList:true,subtree:true})}disconnectedCallback(){this.scrollTimeoutId&&window.clearTimeout(this.scrollTimeoutId);this.scrollTimeoutId=null;this.disabled=true;o(this.onMediaChange);if(this.resizeObserver){this.resizeObserver.disconnect()}if(this.mutationObserver){this.mutationObserver.disconnect()}}render(){const s={"stzh-carousel":true,"stzh-carousel--is-disabled":this.disabled,"stzh-carousel--is-draggable":!this.preventMouseDrag,"stzh-carousel--is-dragging":this.dragging,"stzh-carousel--is-scrolling":this.scrolling,"stzh-carousel--has-autoplay":this.autoplay,"stzh-carousel--is-autoplay-running":this.autoplayRunning,"stzh-carousel--is-autoplay-disabled-by-motion-media":this.autoplayDisabledByMotionMedia,"stzh-carousel--is-autoplay-disabled-by-mouse":this.autoplayDisabledByMouse,"stzh-carousel--is-autoplay-disabled-by-focus":this.autoplayDisabledByFocus};return i(e,{"aria-roledescription":"carousel",style:{"--slides":this.currentSlides.toString()}},i("div",{class:s},i("slot",{name:"actions"}),i("div",{class:"stzh-carousel__vhidden","aria-live":this.autoplayDisabledByFocus||this.autoplayDisabledByMouse?"polite":"off"},this.ariaLive),i("div",{ref:s=>this.scrollElement=s,id:`${this.carouselId}-scroll`,class:"stzh-carousel__scroll"},i("slot",null))))}get element(){return h(this)}static get watchers(){return{disabled:["disabledWatcher","preventMouseDragWatcher","autoplayRunningWatcher"],preventMouseDrag:["preventMouseDragWatcher"],autoplay:["autoplayRunningWatcher"],autoplayDisabledByMotionMedia:["autoplayRunningWatcher"],autoplayDisabledByMouse:["autoplayRunningWatcher"],autoplayDisabledByFocus:["autoplayRunningWatcher"],autoplayTimeout:["autoplayRunningWatcher"],slideElements:["snapAlignWatcher","inertWatcher","prevNextHiddenWatcher","nextPrevDisabledWatcher"],currentSwipeSlides:["snapAlignWatcher"],slide:["inertWatcher","nextPrevDisabledWatcher"],variant:["inertWatcher","prevNextNavigationWatcher"],currentSlides:["inertWatcher","prevNextHiddenWatcher","nextPrevDisabledWatcher"],tabThrough:["inertWatcher","prevNextNavigationWatcher"],nextElements:["prevNextNavigationWatcher","prevNextHiddenWatcher","nextPrevDisabledWatcher","nextElementsWatcher"],previousElements:["prevNextNavigationWatcher","prevNextHiddenWatcher","nextPrevDisabledWatcher","previousElementsWatcher"],navigationTextElements:["prevNextHiddenWatcher"]}}};d.style=c;export{d as stzh_carousel};
-//# sourceMappingURL=p-3d3d09c3.entry.js.map

package/dist/stzh-components/p-3d3d09c3.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stzhCarouselCss","reducedMotionMedia","window","matchMedia","carouselCounter","StzhCarousel","this","slideScrollLeft","scrolledByAutoplay","scrollTimeoutId","lastX","startX","startScrollLeft","disableTimeoutId","stoppedDragging","onReducedMotionMediaChange","autoplayDisabledByMotionMedia","matches","onMouseenter","autoplayDisabledByMouse","onMouseleave","onFocusin","autoplayDisabledByFocus","onFocusout","onPreviousClick","scrollToPreviousSnapPoint","onNextClick","scrollToNextSnapPoint","onSlideResize","scrollElement","itemSize","sizingMethod","onMutation","slideElements","Array","from","children","forEach","slide","index","setAttribute","localization","slideLabel","replace","toString","length","previousElements","element","querySelectorAll","nextElements","navigationTextElements","onScroll","direction","scrollLeft","scrolling","autoplay","stzhSlideStart","emit","component","calculateSlide","update","stzhSlidePassed","clearTimeout","setTimeout","onScrollEnd","scrollTimeout","style","removeProperty","tabThrough","variant","ariaLive","currentSlides","slidesLabel","stzhSlideEnd","onMediaChange","ultra","media","large","medium","small","slidesUltra","slidesLarge","slidesMedium","slidesSmall","slides","currentSwipeSlides","mouseMove","event","distance","clientX","startDragging","preventDefault","setProperty","dragging","addEventListener","stopDragging","capture","checkClick","Math","abs","minimumReached","distanceQuickSwipe","endDraddingLeft","finalLeft","scrollTo","left","behavior","slideToPrevious","slideToNext","removeEventListener","distancePreventClick","autoplayInterval","hasReachedLastSlide","slideTo","behaviour","scrollToSlide","disabledWatcher","disabled","passive","preventMouseDragWatcher","preventMouseDrag","autoplayRunningWatcher","autoplayIntervalId","clearInterval","autoplayRunning","setInterval","autoplayTimeout","snapAlignWatcher","shouldSnap","inertWatcher","isActive","inert","removeAttribute","prevNextNavigationWatcher","setAriaAttributes","isStzh","isStzhElement","prevNextHiddenWatcher","hideElements","setHiddenAttribute","nextPrevDisabledWatcher","reachedFirstSlide","reachedLastSlide","nextElementsWatcher","nextElement","carouselId","previousElementsWatcher","previousElement","css","getComputedStyle","firstElementChild","offsetWidth","parseInt","getPropertyValue","floor","previousIndex","canSnap","scrollWidth","ceil","componentWillLoad","stzhComponents","utils","fetchTranslations","componentDidLoad","connectedCallback","addMediaChangeListener","resizeObserver","ResizeObserver","observe","mutationObserver","MutationObserver","childList","subtree","disconnectedCallback","removeMediaChangeListener","disconnect","render","classes","h","Host","class","name","ref","el","id"],"sources":["src/components/stzh-carousel/stzh-carousel.scss?tag=stzh-carousel&encapsulation=scoped","src/components/stzh-carousel/stzh-carousel.tsx"],"sourcesContent":["/**\n * @prop --padding-top: Padding Top of scroll container\n * @prop --padding-bottom: Padding Bottom of scroll container\n * @prop --peek: Peek size showing the slides\n * @prop --peek-out: Negative peek size (breakout of container) showing the slides\n * @prop --gutter: Space between the slides\n * @prop --snap-stop: Snap stop of scroll container\n */\n\n:host {\n  --peek: calc(var(--peek-in, 0px) + var(--peek-out, 0px));\n  --peek-out: #{$containerMargin};\n  --padding-top: 0px;\n  --padding-bottom: 0px;\n  --gutter: #{space('xxxsmall')};\n  --snap-stop: always;\n  --slides: 1;\n  --slide-size: calc((100% - (var(--slides) - 1) * var(--gutter)) / var(--slides));\n\n  @include mq($from: small) {\n    --peek-out: #{$containerMarginSmall};\n  }\n\n  @include mq($from: medium) {\n    --peek-out: 0px;\n  }\n\n  &[variant=\"cards\"] {\n    --padding-top: 4px;\n    --padding-bottom: 4px;\n\n    --gutter: #{spaceCurveValue('tiny')};\n\n    @include mq($from: medium) {\n      --peek-out: #{$containerMarginMedium};\n      --gutter: #{spaceCurveValue('tiny', 'medium')};\n    }\n\n    @include mq($from: large) {\n      --peek-out: #{$containerMarginLarge};\n      --gutter: #{spaceCurveValue('tiny', 'large')};\n    }\n\n    @include mq($from: ultra) {\n      --peek-out: calc((100vw - #{$containerMaxWidth} - var(--stzh-scrollbar-width, 0px)) / 2);\n    }\n  }\n\n  ::slotted(*) {\n    width: 100%;\n    height: 100%;\n    flex-shrink: 0;\n    scroll-snap-align: start;\n    scroll-snap-stop: var(--snap-stop);\n\n    img {\n      -webkit-user-drag: none;\n      user-drag: none;\n      -ms-user-select: none;\n      -moz-user-select: none;\n      -webkit-user-select: none;\n      user-select: none;\n    }\n  }\n\n  ::slotted([slot=\"actions\"]) {\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: 1;\n    pointer-events: none;\n    padding: 0 var(--peek);\n\n    stzh-text {\n      width: auto;\n    }\n\n    stzh-button {\n      pointer-events: all;\n    }\n  }\n\n  ::slotted(stzh-ratio[slot=\"actions\"]) {\n    stzh-space,\n    stzh-hspace,\n    stzh-vspace {\n      padding: space('xsmall');\n    }\n  }\n\n  ::slotted(stzh-ratio[slot=\"actions\"]) {\n    --background-color: transparent;\n  }\n\n  &[variant=\"cards\"] ::slotted([slot=\"actions\"]) {\n    position: relative;\n    order: 1;\n    margin-top: calc(#{space('medium')} - var(--padding-bottom));\n  }\n}\n\n.stzh-carousel {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: calc(100% + var(--peek-out) * 2);\n  margin-left: calc(var(--peek-out) / -1);\n  margin-right: calc(var(--peek-out) / -1);\n\n  &__vhidden {\n    @include visuallyhidden;\n  }\n\n  &__scroll {\n    position: relative;\n    grid-area: slides;\n    display: grid;\n    width: 100%;\n    height: 100%;\n    place-items: center;\n    overflow-x: auto;\n    overflow-y: visible;\n    grid-auto-flow: column;\n    grid-auto-columns: var(--slide-size);\n    grid-auto-rows: 100%;\n    column-gap: var(--gutter);\n    -webkit-overflow-scrolling: touch;\n    scrollbar-width: none;\n    -ms-overflow-style: none;\n    scroll-behavior: smooth;\n    overscroll-behavior-x: contain;\n    scroll-snap-type: x mandatory;\n    scroll-padding: 0 var(--peek);\n    padding: var(--padding-top) var(--peek) var(--padding-bottom);\n\n    @media (prefers-reduced-motion: reduce) {\n      scroll-behavior: auto;\n    }\n\n    &::-webkit-scrollbar {\n      display: none;\n    }\n  }\n\n  &--is-draggable &__scroll {\n    cursor: grab;\n  }\n\n  &--is-dragging &__scroll {\n    cursor: grabbing;\n  }\n\n  &--is-disabled &__scroll {\n    cursor: not-allowed;\n    overflow: hidden;\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n  Method,\n  Event,\n  EventEmitter,\n  Watch,\n  State\n} from \"@stencil/core\";\n\nimport {\n  StzhCarouselSlideStartEvent,\n  StzhCarouselSlidePassedEvent,\n  StzhCarouselSlideEndEvent\n} from \"../../index\";\n\nimport { isStzhElement } from \"../../utils/utils\";\nimport { StzhCarouselLocalizedText } from \"./stzh-carousel.localization\"\n\nimport {\n  media,\n  addMediaChangeListener,\n  removeMediaChangeListener\n} from '../../utils/media-utils';\n\nconst reducedMotionMedia = window.matchMedia(\"(prefers-reduced-motion: reduce)\");\n\nlet carouselCounter = 0;\n\n/*\n* Inspired by:\n*\n* - https://github.com/barthy-koeln/scroll-snap-slider\n* - https://tannerhodges.github.io/snap-slider/\n* - https://www.w3.org/WAI/ARIA/apg/patterns/carousel/examples/carousel-1-prev-next/\n* - https://dev.to/jasonwebb/how-to-build-a-more-accessible-carousel-or-slider-35lp\n* - http://web-accessibility.carnegiemuseums.org/code/carousels/\n*/\n\n/**\n * @slot - Slot any element\n * @slot actions - Slot for `stzh-actions` element\n */\n@Component({\n  tag: \"stzh-carousel\",\n  styleUrl: \"stzh-carousel.scss\",\n  scoped: true\n})\nexport class StzhCarousel {\n  /** Translation strings */\n  @Prop() localization: StzhCarouselLocalizedText;\n\n  /** Carousel variant */\n  @Prop({ reflect: true }) variant: \"default\" | \"cards\" = \"default\";\n\n  /** Whether carousel is disabled */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /** Slides number */\n  @Prop() slides: number = 1;\n  /** Slides number above small breakpoint */\n  @Prop() slidesSmall: number = 0;\n  /** Slides number above medium breakpoint */\n  @Prop() slidesMedium: number = 0;\n  /** Slides number above large breakpoint */\n  @Prop() slidesLarge: number = 0;\n  /** Slides number above ultra breakpoint */\n  @Prop() slidesUltra: number = 0;\n\n  // /** How many slides per swipe */\n  // @Prop() swipeSlides: number = 1;\n  // /** How many slides per swipe above small breakpoint */\n  // @Prop() swipeSlidesSmall: number = 0;\n  // /** How many slides per swipe above medium breakpoint */\n  // @Prop() swipeSlidesMedium: number = 0;\n  // /** How many slides per swipe above large breakpoint */\n  // @Prop() swipeSlidesLarge: number = 0;\n  // /** How many slides per swipe above ultra breakpoint */\n  // @Prop() swipeSlidesUltra: number = 0;\n\n  /** Active slide (readonly) */\n  @Prop() slide: number = 0;\n\n  /**\n   * Whether autoplay is enabled.\n   * Gets paused, when user has focus inside carousel element or hovers over it.\n   * Also when reduced motion media query is active or carousel is set disabled.\n   * Gets disabled permanently, when user interacts with carousel manually (clicks prev/next, scrolls or drags)\n   */\n  @Prop({ mutable: true }) autoplay: boolean = false;\n\n  /**\n   * Enable all slides to be tabbable (will disable prev/next arrows from being tabbable).\n   * By default only the visible slides will be tabbable and the prev/next can be used to change slides\n   * (enabled when `variant` is set to `cards`).\n   */\n  @Prop() tabThrough: boolean = false;\n\n  /** Whether drag with mouse should be disabled */\n  @State() preventMouseDrag = false;\n\n  /** Timeout delay in milliseconds used to catch the end of scroll events */\n  @State() scrollTimeout: number = 100;\n\n  /** Timeout delay in milliseconds used for autoplay */\n  @State() autoplayTimeout: number = 3000;\n\n  /** Minimum drag distance that needs to be reached to swipe to next/previous slide(s). */\n  @State() distanceQuickSwipe: number = 40;\n\n  /** Minimum drag distance that neeeds to be reached to prevent click on slide elements. */\n  @State() distancePreventClick: number = 6;\n\n  @Element() element: HTMLStzhCarouselElement;\n\n  /** Slide start event */\n  @Event() stzhSlideStart: EventEmitter<StzhCarouselSlideStartEvent>;\n\n  /** Slide passed event */\n  @Event() stzhSlidePassed: EventEmitter<StzhCarouselSlidePassedEvent>;\n\n  /** Slide end event */\n  @Event() stzhSlideEnd: EventEmitter<StzhCarouselSlideEndEvent>;\n\n  /** Scroll to a slide by index */\n  @Method()\n  async slideTo(index, behaviour: \"auto\" | \"smooth\" = \"smooth\") {\n    this.scrollToSlide(index, behaviour);\n  }\n\n  /** Scroll to previous snap point */\n  @Method()\n  async slideToPrevious(behaviour: \"auto\" | \"smooth\" = \"smooth\") {\n    this.scrollToPreviousSnapPoint(behaviour);\n  }\n\n  /** Scroll to next snap point */\n  @Method()\n  async slideToNext(behaviour: \"auto\" | \"smooth\" = \"smooth\") {\n    this.scrollToNextSnapPoint(behaviour);\n  }\n\n  @Watch(\"disabled\")\n  disabledWatcher() {\n    if (this.disabled) {\n      this.scrollElement && this.scrollElement.removeEventListener(\"scroll\", this.onScroll);\n      this.scrollTimeoutId && window.clearTimeout(this.scrollTimeoutId);\n      this.scrollTimeoutId = null;\n      this.element.removeEventListener(\"mouseenter\", this.onMouseenter);\n      this.element.removeEventListener(\"mouseleave\", this.onMouseleave);\n      this.element.removeEventListener(\"focusin\", this.onFocusin);\n      this.element.removeEventListener(\"focusout\", this.onFocusout);\n      this.onReducedMotionMediaChange();\n      reducedMotionMedia && reducedMotionMedia.removeEventListener(\"change\", this.onReducedMotionMediaChange);\n    } else {\n      this.scrollElement && this.scrollElement.addEventListener(\"scroll\", this.onScroll, { passive: true });\n      this.element.addEventListener(\"mouseenter\", this.onMouseenter);\n      this.element.addEventListener(\"mouseleave\", this.onMouseleave);\n      this.element.addEventListener(\"focusin\", this.onFocusin);\n      this.element.addEventListener(\"focusout\", this.onFocusout);\n      reducedMotionMedia && reducedMotionMedia.addEventListener(\"change\", this.onReducedMotionMediaChange);\n    }\n  }\n\n  @Watch(\"disabled\")\n  @Watch(\"preventMouseDrag\")\n  preventMouseDragWatcher() {\n    if (this.preventMouseDrag || this.disabled) {\n      this.disableTimeoutId && window.clearTimeout(this.disableTimeoutId);\n      this.disableTimeoutId = null;\n      this.scrollElement && this.scrollElement.removeEventListener(\"mousedown\", this.startDragging);\n      this.lastX = null;\n    } else {\n      this.scrollElement && this.scrollElement.addEventListener(\"mousedown\", this.startDragging);\n    }\n  }\n\n  @Watch(\"autoplay\")\n  @Watch(\"autoplayDisabledByMotionMedia\")\n  @Watch(\"autoplayDisabledByMouse\")\n  @Watch(\"autoplayDisabledByFocus\")\n  @Watch(\"autoplayTimeout\")\n  @Watch(\"disabled\")\n  autoplayRunningWatcher() {\n    if (\n      !this.autoplay\n      || this.disabled\n      || this.autoplayDisabledByMotionMedia\n      || this.autoplayDisabledByMouse\n      || this.autoplayDisabledByFocus\n    ) {\n      this.autoplayIntervalId && window.clearInterval(this.autoplayIntervalId);\n      this.autoplayIntervalId = null;\n      this.autoplayRunning = false;\n    } else {\n      this.autoplayIntervalId && window.clearInterval(this.autoplayIntervalId);\n      this.autoplayIntervalId = window.setInterval(this.autoplayInterval, this.autoplayTimeout);\n      this.autoplayRunning = true;\n    }\n  }\n\n  @Watch(\"slideElements\")\n  @Watch(\"currentSwipeSlides\")\n  snapAlignWatcher() {\n    this.slideElements.forEach((slide, index) => {\n      const shouldSnap = (index - this.currentSwipeSlides) % this.currentSwipeSlides === 0;\n\n      if (shouldSnap) {\n        slide.style.removeProperty(\"scroll-snap-align\");\n      } else {\n        slide.style.setProperty(\"scroll-snap-align\", \"none\");\n      }\n    });\n  }\n\n  @Watch(\"slide\")\n  @Watch(\"variant\")\n  @Watch(\"slideElements\")\n  @Watch(\"currentSlides\")\n  @Watch(\"tabThrough\")\n  inertWatcher() {\n    this.slideElements.forEach((slide, index) => {\n      const isActive = this.tabThrough\n        || this.variant === \"cards\"\n        || index >= this.slide && index < this.slide + this.currentSlides;\n\n      slide.inert = !isActive;\n\n      if (isActive) {\n        slide.removeAttribute(\"aria-hidden\");\n      } else {\n        slide.setAttribute(\"aria-hidden\", isActive ? \"false\" : \"true\");\n      }\n    });\n  }\n\n  @Watch(\"variant\")\n  @Watch(\"tabThrough\")\n  @Watch(\"nextElements\")\n  @Watch(\"previousElements\")\n  prevNextNavigationWatcher() {\n    const tabThrough = this.tabThrough || this.variant === \"cards\";\n\n    const setAriaAttributes = (element) => {\n      const isStzh = isStzhElement(element);\n\n      if (tabThrough) {\n        element.setAttribute(\"aria-hidden\", \"true\");\n        element.setAttribute(isStzh ? \"a11y-tabindex\" : \"tabindex\", \"-1\");\n      } else {\n        element.removeAttribute(\"aria-hidden\");\n        element.removeAttribute(isStzh ? \"a11y-tabindex\" : \"tabindex\");\n      }\n    }\n\n    this.nextElements.forEach(setAriaAttributes);\n    this.previousElements.forEach(setAriaAttributes);\n  }\n\n  @Watch(\"currentSlides\")\n  @Watch(\"slideElements\")\n  @Watch(\"nextElements\")\n  @Watch(\"previousElements\")\n  @Watch(\"navigationTextElements\")\n  prevNextHiddenWatcher() {\n    const hideElements = this.slideElements.length <= this.currentSlides;\n\n    const setHiddenAttribute = (element) => {\n      if (hideElements) {\n        element.setAttribute(\"hidden\", \"\");\n      } else {\n        element.removeAttribute(\"hidden\");\n      }\n    };\n\n    this.navigationTextElements.forEach(setHiddenAttribute);\n    this.nextElements.forEach(setHiddenAttribute);\n    this.previousElements.forEach(setHiddenAttribute);\n  }\n\n  @Watch(\"slide\")\n  @Watch(\"currentSlides\")\n  @Watch(\"slideElements\")\n  @Watch(\"nextElements\")\n  @Watch(\"previousElements\")\n  nextPrevDisabledWatcher() {\n    if (!this.scrollElement) {\n      return;\n    }\n\n    const reachedFirstSlide = this.slide === 0;\n    const reachedLastSlide = this.hasReachedLastSlide();\n\n    this.nextElements.forEach((element) => {\n      const isStzh = isStzhElement(element);\n      element.setAttribute(isStzh ? \"a11y-disabled\" : \"aria-disabled\", reachedLastSlide ? \"true\" : \"false\");\n    });\n\n    this.previousElements.forEach((element) => {\n      const isStzh = isStzhElement(element);\n      element.setAttribute(isStzh ? \"a11y-disabled\" : \"aria-disabled\", reachedFirstSlide ? \"true\" : \"false\");\n    });\n  }\n\n  @Watch(\"nextElements\")\n  nextElementsWatcher() {\n    this.nextElements.forEach((nextElement) => {\n      const isStzh = isStzhElement(nextElement);\n\n      nextElement.addEventListener(\"click\", this.onNextClick);\n      nextElement.setAttribute(isStzh ? \"a11y-controls\" : \"aria-controls\", `${this.carouselId}-scroll`);\n    });\n  }\n\n  @Watch(\"previousElements\")\n  previousElementsWatcher() {\n    this.previousElements.forEach((previousElement) => {\n      const isStzh = isStzhElement(previousElement);\n\n      previousElement.addEventListener(\"click\", this.onPreviousClick);\n      previousElement.setAttribute(isStzh ? \"a11y-controls\" : \"aria-controls\", `${this.carouselId}-scroll`);\n    });\n  }\n\n  /** Whether autoplay is currently running */\n  @State() autoplayRunning: boolean = false;\n\n  /** Whether autoplay is currently disabled by reduced motion media */\n  @State() autoplayDisabledByMotionMedia: boolean = false;\n\n  /** Whether autoplay is currently disabled by mouse */\n  @State() autoplayDisabledByMouse: boolean = false;\n\n  /** Whether autoplay is currently disabled by focus */\n  @State() autoplayDisabledByFocus: boolean = false;\n\n  /** Whether user is currently dragging with mouse */\n  @State() dragging: boolean = false;\n\n  /** Whether user is currently scrolling */\n  @State() scrolling: boolean = false;\n\n  /** Aria live text */\n  @State() ariaLive: string = \"\";\n\n  /** Currently shown slides */\n  @State() currentSlides: number = 1;\n\n  /** How many slides should be moved currently */\n  @State() currentSwipeSlides: number = 1;\n\n  /** Slide elements */\n  @State() slideElements: HTMLElement[] = [];\n\n  /** Previous elements */\n  @State() previousElements: HTMLElement[] = [];\n\n  /** Next elements */\n  @State() nextElements: HTMLElement[] = [];\n\n  /** Navigation text elements */\n  @State() navigationTextElements: HTMLElement[] = [];\n\n  private scrollElement: HTMLElement;\n\n  /** Unique generated id */\n  private carouselId: string;\n\n  /** Current scroll position */\n  private slideScrollLeft: number = 0;\n\n  /** Flag whether scrolling was done by user or not */\n  private scrolledByAutoplay: boolean = false;\n\n  /** Timeout ID used to catch the end of scroll events */\n  private scrollTimeoutId: number = null;\n\n  /** Interval ID for autoplay */\n  private autoplayIntervalId: number;\n\n  /** Last drag event position */\n  private lastX: number = null;\n\n  /** Where the dragging started */\n  private startX: number = null;\n\n  /** Where the dragging started scroll position */\n  private startScrollLeft: number = null;\n\n  /** Timeout ID for a smooth drag release */\n  private disableTimeoutId: number = null;\n\n  /** Calculated size of a single item */\n  private itemSize: number;\n\n  /** Resize observer used to update item size */\n  private resizeObserver: ResizeObserver;\n\n  /** Mutation observer used to keep track of slides */\n  private mutationObserver: MutationObserver;\n\n  /** Whether user has just stopped dragging */\n  private stoppedDragging: boolean = false;\n\n  private scrollToSlide(index, behaviour: \"auto\" | \"smooth\" = \"smooth\") {\n    if (this.disabled) {\n      return;\n    }\n\n    this.scrollElement.scrollTo({\n      left: index * this.itemSize,\n      behavior: reducedMotionMedia.matches ? \"auto\" : behaviour\n    });\n  }\n\n  /** Width of a slide  */\n  private sizingMethod() {\n    const css = window.getComputedStyle(this.scrollElement);\n\n    return ((this.scrollElement.firstElementChild as HTMLElement) || this.scrollElement).offsetWidth\n      + parseInt(css.getPropertyValue(\"column-gap\"), 10);\n  }\n\n  /**\n   * Calculates the active slide.\n   * The scroll-snap-type property makes sure that the container snaps perfectly to integer multiples.\n   */\n  private calculateSlide() {\n    // Math.round: Dispatch 'stzhSlidePassed' events around the center of each slide\n    // Math.ceil: Dispatch 'stzhSlidePassed' events as soon as the next one is visible\n    // Math.floor: Dispatch 'stzhSlidePassed' events only when the next one is fully visible\n    return Math.floor(this.scrollElement.scrollLeft / this.itemSize);\n  }\n\n  private scrollToPreviousSnapPoint(behaviour: \"auto\" | \"smooth\" = \"smooth\") {\n    if (this.disabled) {\n      return;\n    }\n\n    let previousIndex = this.slide;\n    let canSnap = false;\n\n    while (!canSnap && previousIndex > 0) {\n      previousIndex = previousIndex - 1;\n      canSnap = (previousIndex - this.currentSwipeSlides) % this.currentSwipeSlides === 0;\n    }\n\n    this.slideTo(previousIndex, behaviour);\n  }\n\n  private scrollToNextSnapPoint(behaviour: \"auto\" | \"smooth\" = \"smooth\") {\n    if (this.disabled) {\n      return;\n    }\n\n    this.slideTo(this.slide + this.currentSwipeSlides, behaviour);\n  }\n\n  private update() {\n    this.slide = this.calculateSlide();\n    this.slideScrollLeft = this.slide * this.itemSize;\n\n    this.onMutation();\n  }\n\n  private hasReachedLastSlide() {\n    const { scrollLeft, offsetWidth, scrollWidth } = this.scrollElement;\n    return Math.ceil(scrollLeft + offsetWidth) >= scrollWidth;\n  }\n\n  private onReducedMotionMediaChange = () => {\n    this.autoplayDisabledByMotionMedia = reducedMotionMedia.matches;\n  }\n\n  private onMouseenter = () => {\n    this.autoplayDisabledByMouse = true;\n  }\n\n  private onMouseleave = () => {\n    this.autoplayDisabledByMouse = false;\n  }\n\n  private onFocusin = () => {\n    this.autoplayDisabledByFocus = true;\n  }\n\n  private onFocusout = () => {\n    this.autoplayDisabledByFocus = false;\n  }\n\n  private onPreviousClick = () => {\n    this.scrollToPreviousSnapPoint();\n  }\n\n  private onNextClick = () => {\n    this.scrollToNextSnapPoint();\n  }\n\n  private onSlideResize = () => {\n    if (this.scrollElement) {\n      this.itemSize = this.sizingMethod();\n    }\n  }\n\n  private onMutation = () => {\n    if (!this.scrollElement) {\n      return;\n    }\n\n    this.slideElements = Array.from(this.scrollElement.children) as HTMLElement[];\n\n    this.slideElements.forEach((slide, index) => {\n      slide.setAttribute(\"role\", \"group\");\n      slide.setAttribute(\"aria-roledescription\", \"slide\");\n      slide.setAttribute(\"aria-label\", this.localization.slideLabel\n        .replace(/\\{current\\}/gi, (index + 1).toString())\n        .replace(/\\{total\\}/gi, this.slideElements.length.toString())\n      );\n    });\n\n    this.previousElements = Array.from(this.element.querySelectorAll(\"[data-stzh-carousel-previous]\"));\n    this.nextElements = Array.from(this.element.querySelectorAll(\"[data-stzh-carousel-next]\"));\n    this.navigationTextElements = Array.from(this.element.querySelectorAll(\"[data-stzh-carousel-navigation-text]\"));\n  }\n\n  private onScroll = () => {\n    if (this.scrollTimeoutId === null) {\n      const direction = (this.scrollElement.scrollLeft > this.slideScrollLeft) ? 1 : -1;\n\n      this.scrolling = true;\n\n      if (!this.scrolledByAutoplay) {\n        this.autoplay = false;\n      }\n\n      this.stzhSlideStart.emit({\n        component: \"stzh-carousel\",\n        index: this.slide + direction\n      });\n    }\n\n    if (this.slide !== this.calculateSlide()) {\n      this.update();\n      this.stzhSlidePassed.emit({\n        component: \"stzh-carousel\",\n        index: this.slide\n      });\n    }\n\n    this.scrollTimeoutId && window.clearTimeout(this.scrollTimeoutId);\n    this.scrollTimeoutId = window.setTimeout(this.onScrollEnd, this.scrollTimeout);\n  }\n\n  private onScrollEnd = () => {\n    this.scrollTimeoutId = null;\n    this.update();\n\n    this.scrolling = false;\n    this.scrolledByAutoplay = false;\n\n    if (this.stoppedDragging) {\n      this.stoppedDragging = false;\n      this.scrollElement.style.removeProperty(\"scroll-behavior\");\n      this.scrollElement.style.removeProperty(\"scroll-snap-type\");\n    }\n\n    if (this.tabThrough || this.variant === \"cards\") {\n      this.ariaLive = \"\";\n    } else {\n      this.ariaLive = (this.currentSlides > 1 ? this.localization.slidesLabel : this.localization.slideLabel)\n        .replace(/\\{(current|from)\\}/gi, (this.slide + 1).toString())\n        .replace(/\\{to\\}/gi, (this.slide + this.currentSlides).toString())\n        .replace(/\\{total\\}/gi, this.slideElements.length.toString());\n    }\n\n    this.stzhSlideEnd.emit({\n      component: \"stzh-carousel\",\n      index: this.slide\n    });\n  }\n\n  private onMediaChange = () => {\n    const ultra = media(\"ultra\").matches;\n    const large = media(\"large\").matches;\n    const medium = media(\"medium\").matches;\n    const small = media(\"small\").matches;\n\n    if (ultra && this.slidesUltra !== 0) {\n      this.currentSlides = this.slidesUltra;\n    } else if (large && this.slidesLarge !== 0) {\n      this.currentSlides = this.slidesLarge;\n    } else if (medium && this.slidesMedium !== 0) {\n      this.currentSlides = this.slidesMedium;\n    } else if (small && this.slidesSmall !== 0) {\n      this.currentSlides = this.slidesSmall;\n    } else {\n      this.currentSlides = this.slides;\n    }\n\n    // if (ultra && this.swipeSlidesUltra !== 0) {\n    //   this.currentSwipeSlides = this.swipeSlidesUltra;\n    // } else if (large && this.swipeSlidesLarge !== 0) {\n    //   this.currentSwipeSlides = this.swipeSlidesLarge;\n    // } else if (medium && this.swipeSlidesMedium !== 0) {\n    //   this.currentSwipeSlides = this.swipeSlidesMedium;\n    // } else if (small && this.swipeSlidesSmall !== 0) {\n    //   this.currentSwipeSlides = this.swipeSlidesSmall;\n    // } else {\n    //   this.currentSwipeSlides = this.swipeSlides;\n    // }\n\n    this.currentSwipeSlides = this.currentSlides;\n  }\n\n  /** Scroll the slider the appropriate amount of pixels and update the last event position */\n  private mouseMove = (event: MouseEvent) => {\n    const distance = this.lastX - event.clientX;\n    this.lastX = event.clientX;\n\n    this.scrollElement.scrollLeft += distance;\n  }\n\n  /** Clear disable timeout, set up variables and styles and attach the listener. */\n  private startDragging = (event: MouseEvent) => {\n    event.preventDefault()\n    this.disableTimeoutId && window.clearTimeout(this.disableTimeoutId);\n    this.disableTimeoutId = null;\n\n    this.startX = this.lastX = event.clientX;\n    this.startScrollLeft = this.scrollElement.scrollLeft;\n    this.scrollElement.style.setProperty(\"scroll-behavior\", \"auto\");\n    this.scrollElement.style.setProperty(\"scroll-snap-type\", \"unset\");\n\n    this.dragging = true;\n    this.autoplay = false;\n\n    window.addEventListener(\"mousemove\", this.mouseMove);\n    window.addEventListener(\"mouseup\", this.stopDragging, { capture: true });\n    window.addEventListener(\"click\", this.checkClick, { capture: true });\n  }\n\n  /** User stopped dragging */\n  private stopDragging = (event: MouseEvent) => {\n    event.preventDefault();\n\n    const distance = Math.abs(this.startX - this.lastX);\n    const minimumReached = distance > this.distanceQuickSwipe;\n    const direction = (this.lastX > this.startX) ? 1 : -1;\n\n    this.dragging = false;\n\n    const endDraddingLeft = this.scrollElement.scrollLeft;\n\n    this.scrollElement.style.removeProperty(\"scroll-snap-type\");\n    const finalLeft = this.scrollElement.scrollLeft;\n\n    this.scrollElement.style.setProperty(\"scroll-snap-type\", \"unset\");\n    this.scrollElement.scrollTo({ left: endDraddingLeft, behavior: \"auto\" });\n\n    if (finalLeft !== this.startScrollLeft || !minimumReached) {\n      this.scrollElement.scrollTo({ left: finalLeft, behavior: reducedMotionMedia.matches ? \"auto\" : \"smooth\" });\n    } else if (direction === 1) {\n      this.slideToPrevious();\n    } else {\n      this.slideToNext();\n    }\n\n    window.removeEventListener(\"mousemove\", this.mouseMove);\n    window.removeEventListener(\"mouseup\", this.stopDragging, { capture: true });\n\n    this.stoppedDragging = true;\n  }\n\n  private checkClick = (event: MouseEvent) => {\n    const distance = Math.abs(this.startX - this.lastX);\n    const minimumReached = distance > this.distancePreventClick;\n\n    if (minimumReached) {\n      event.preventDefault();\n    }\n\n    this.lastX = null;\n\n    window.removeEventListener(\"click\", this.checkClick, { capture: true });\n  }\n\n  private autoplayInterval = () => {\n    this.scrolledByAutoplay = true;\n\n    if (this.hasReachedLastSlide()) {\n      this.slideTo(0);\n    } else {\n      this.slideToNext();\n    }\n  }\n\n  async componentWillLoad() {\n    this.carouselId = `stzh-carousel-${carouselCounter++}`;\n    this.onMediaChange();\n\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"carousel\");\n    }\n  }\n\n  componentDidLoad() {\n    this.itemSize = this.sizingMethod();\n    this.update();\n\n    this.disabledWatcher();\n    this.preventMouseDragWatcher();\n    this.autoplayRunningWatcher();\n  }\n\n  connectedCallback() {\n    addMediaChangeListener(this.onMediaChange);\n\n    this.resizeObserver = new ResizeObserver(this.onSlideResize)\n    this.resizeObserver.observe(this.element)\n\n    this.mutationObserver = new MutationObserver(this.onMutation);\n    this.mutationObserver.observe(this.element, {\n      childList: true,\n      subtree: true\n    });\n  }\n\n  disconnectedCallback() {\n    this.scrollTimeoutId && window.clearTimeout(this.scrollTimeoutId);\n    this.scrollTimeoutId = null;\n    this.disabled = true;\n\n    removeMediaChangeListener(this.onMediaChange);\n\n    if (this.resizeObserver) {\n      this.resizeObserver.disconnect();\n    }\n\n    if (this.mutationObserver) {\n      this.mutationObserver.disconnect();\n    }\n  }\n\n  render() {\n    const classes = {\n      \"stzh-carousel\": true,\n      \"stzh-carousel--is-disabled\": this.disabled,\n      \"stzh-carousel--is-draggable\": !this.preventMouseDrag,\n      \"stzh-carousel--is-dragging\": this.dragging,\n      \"stzh-carousel--is-scrolling\": this.scrolling,\n      \"stzh-carousel--has-autoplay\": this.autoplay,\n      \"stzh-carousel--is-autoplay-running\": this.autoplayRunning,\n      \"stzh-carousel--is-autoplay-disabled-by-motion-media\": this.autoplayDisabledByMotionMedia,\n      \"stzh-carousel--is-autoplay-disabled-by-mouse\": this.autoplayDisabledByMouse,\n      \"stzh-carousel--is-autoplay-disabled-by-focus\": this.autoplayDisabledByFocus\n    };\n\n    return (\n      <Host\n        aria-roledescription=\"carousel\"\n        style={{\n          '--slides': this.currentSlides.toString()\n        }}\n      >\n        <div class={classes}>\n          <slot name=\"actions\"></slot>\n          <div\n            class=\"stzh-carousel__vhidden\"\n            aria-live={this.autoplayDisabledByFocus || this.autoplayDisabledByMouse ? \"polite\" : \"off\"}\n          >\n            {this.ariaLive}\n          </div>\n          <div\n            ref={(el) => (this.scrollElement = el as HTMLDivElement)}\n            id={`${this.carouselId}-scroll`}\n            class=\"stzh-carousel__scroll\"\n          >\n            <slot></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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"}

package/dist/stzh-components/p-4b5bc7a0.system.entry.js

@@ -1,2 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(t,o,e,i){function n(t){return t instanceof e?t:new e((function(o){o(t)}))}return new(e||(e=Promise))((function(e,s){function r(t){try{a(i.next(t))}catch(t){s(t)}}function l(t){try{a(i["throw"](t))}catch(t){s(t)}}function a(t){t.done?e(t.value):n(t.value).then(r,l)}a((i=i.apply(t,o||[])).next())}))};var __generator=this&&this.__generator||function(t,o){var e={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},i,n,s,r;return r={next:l(0),throw:l(1),return:l(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function l(t){return function(o){return a([t,o])}}function a(l){if(i)throw new TypeError("Generator is already executing.");while(r&&(r=0,l[0]&&(e=0)),e)try{if(i=1,n&&(s=l[0]&2?n["return"]:l[0]?n["throw"]||((s=n["return"])&&s.call(n),0):n.next)&&!(s=s.call(n,l[1])).done)return s;if(n=0,s)l=[l[0]&2,s.value];switch(l[0]){case 0:case 1:s=l;break;case 4:e.label++;return{value:l[1],done:false};case 5:e.label++;n=l[1];l=[0];continue;case 7:l=e.ops.pop();e.trys.pop();continue;default:if(!(s=e.trys,s=s.length>0&&s[s.length-1])&&(l[0]===6||l[0]===2)){e=0;continue}if(l[0]===3&&(!s||l[1]>s[0]&&l[1]<s[3])){e.label=l[1];break}if(l[0]===6&&e.label<s[1]){e.label=s[1];s=l;break}if(s&&e.label<s[2]){e.label=s[2];e.ops.push(l);break}if(s[2])e.ops.pop();e.trys.pop();continue}l=o.call(t,e)}catch(t){l=[6,t];n=0}finally{i=s=0}if(l[0]&5)throw l[1];return{value:l[0]?l[1]:void 0,done:true}}};System.register(["./p-290fcb28.system.js","./p-53e44e89.system.js","./p-774595ba.system.js"],(function(t){"use strict";var o,e,i,n,s,r,l;return{setters:[function(t){o=t.r;e=t.h;i=t.F;n=t.a;s=t.g},function(t){r=t.s;l=t.h},function(){}],execute:function(){var a=":host{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block;}:host[hidden]{display:none}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}.stzh-footer{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block;font-size:var(--stzh-font-pico-font-size);line-height:var(--stzh-font-pico-text-line-height);background-color:var(--stzh-color-white);padding:var(--stzh-space-xlarge) 0;}.stzh-footer[hidden]{display:none}.stzh-footer *,.stzh-footer *::before,.stzh-footer *::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.stzh-footer .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}.stzh-footer .stzh-fylingfocus-focused{outline-style:none !important}.stzh-footer .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}.stzh-footer [slot=logo],.stzh-footer [slot=logo] img{display:block;height:2.375rem}.stzh-footer [slot=info]{margin:0}.stzh-footer stzh-link[slot=info],.stzh-footer stzh-link[slot=link],.stzh-footer stzh-link[slot=social-link],.stzh-footer stzh-link.stzh-footer__link{--color:var(--stzh-base-color);--text-decoration-line:none;--icon-wrapper-height:auto;--icon-size:var(--stzh-icon-size-large)}.stzh-footer stzh-link[slot=info] .stzh-link,.stzh-footer stzh-link[slot=link] .stzh-link,.stzh-footer stzh-link[slot=social-link] .stzh-link,.stzh-footer stzh-link.stzh-footer__link .stzh-link{font-size:inherit}.stzh-footer stzh-link[slot=social-link]{margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.stzh-footer stzh-link[slot=social-link]{margin-bottom:0;margin-right:var(--stzh-space-large)}}.stzh-footer stzh-link[slot=info]:not(:last-child){margin-bottom:var(--stzh-space-small)}.stzh-footer stzh-link[slot=link]:not(:last-child){margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 800px){.stzh-footer stzh-link[slot=link]:not(:last-child){margin-bottom:0;margin-right:var(--stzh-space-large)}}.stzh-footer__wrapper{margin:0 1.25rem;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}@media screen and (min-width: 600px){.stzh-footer__wrapper{margin:0 2rem}}@media screen and (min-width: 1024px){.stzh-footer__wrapper{margin:0 2.5rem}}@media screen and (min-width: 1260px){.stzh-footer__wrapper{margin:0 5.5rem}}@media screen and (min-width: 1440px){.stzh-footer__wrapper{margin:0 auto;width:78.75rem}}@media screen and (min-width: 1024px){.stzh-footer__wrapper{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}}.stzh-footer__logo:empty,.stzh-footer__info:empty,.stzh-footer__social-link:empty,.stzh-footer__links:empty{display:none}.stzh-footer__logo:not(:empty){margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.stzh-footer__logo:not(:empty){margin-bottom:0}}.stzh-footer__info{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}.stzh-footer__info:not(:empty){margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.stzh-footer__info:not(:empty){margin-bottom:0}}@media screen and (min-width: 1024px){.stzh-footer__logo,.stzh-footer__social-link{margin-right:auto}}@media screen and (min-width: 1024px){.stzh-footer__links{margin-left:auto}}.stzh-footer__links,.stzh-footer__link-list,.stzh-footer slot-fb[name=link]:not([hidden]){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start}@media screen and (min-width: 800px){.stzh-footer__links,.stzh-footer__link-list,.stzh-footer slot-fb[name=link]:not([hidden]){-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}}.stzh-footer__copyright:not(:empty)+.stzh-footer__link-list:not(:empty){margin-top:var(--stzh-space-small)}@media screen and (min-width: 800px){.stzh-footer__copyright:not(:empty)+.stzh-footer__link-list:not(:empty){margin-top:0;margin-left:var(--stzh-space-large)}}@media screen and (min-width: 1024px){.stzh-footer--has-logo .stzh-footer__wrapper,.stzh-footer--has-info .stzh-footer__wrapper{-ms-flex-align:start;align-items:flex-start}}.stzh-footer--has-border{border-top:0.0625rem solid var(--stzh-base-border-color)}";var h=t("stzh_footer",function(){function t(t){var e=this;o(this,t);this.init=function(){var t=e.element.querySelector('stzh-link[slot="social-link"]');var o=e.element.querySelectorAll('stzh-link[slot="link"]');if(t){r(t,{icon:"social-media"})}o.forEach((function(t){t.setAttribute("role","listitem")}))};this.localization=undefined;this.copyright=undefined;this.variant="default";this.mainUrl="https://www.stadt-zuerich.ch";this.withBorder=false}t.prototype.componentWillLoad=function(){return __awaiter(this,void 0,void 0,(function(){var t,o;return __generator(this,(function(e){switch(e.label){case 0:if(typeof this.copyright==="undefined"){t=new Date;this.copyright="© ".concat(t.getFullYear()," Stadt Zürich")}if(!!this.localization)return[3,2];o=this;return[4,window.stzhComponents.utils.fetchTranslations(this.element,"footer")];case 1:o.localization=e.sent();e.label=2;case 2:return[2]}}))}))};t.prototype.connectedCallback=function(){this.init();this.observer=new MutationObserver(this.init);this.observer.observe(this.element,{childList:true,subtree:true})};t.prototype.disconnectedCallback=function(){if(this.observer){this.observer.disconnect()}};t.prototype.render=function(){var t=l(this.element,"logo");var o=l(this.element,"info");var s=l(this.element,"link");var r=l(this.element,"social-link");var a={"stzh-footer":true,"stzh-footer--has-border":this.withBorder,"stzh-footer--has-logo":t,"stzh-footer--has-info":o,"stzh-footer--has-links":s,"stzh-footer--has-social-link":r};return e(n,null,e("footer",{class:a},e("div",{class:"stzh-footer__wrapper"},e("div",{class:"stzh-footer__social-link"},e("slot",{name:"social-link"})),e("div",{class:"stzh-footer__logo"},e("slot",{name:"logo"})),e("div",{class:"stzh-footer__info"},e("slot",{name:"info"})),e("div",{class:"stzh-footer__links"},this.copyright&&e("div",{class:"stzh-footer__copyright"},this.copyright),e("div",{class:"stzh-footer__link-list",role:"list"},e("slot",{name:"link"},this.variant==="egov"&&e(i,null,e("stzh-link",{slot:"link",target:"_blank",class:"stzh-footer__link",href:"".concat(this.mainUrl,"/").concat(this.localization.legalNoticeUrl)},this.localization.legalNoticeText),e("stzh-link",{slot:"link",target:"_blank",class:"stzh-footer__link",href:"".concat(this.mainUrl,"/").concat(this.localization.imprintUrl)},this.localization.imprintText),e("stzh-link",{class:"stzh-footer__link",slot:"link",target:"_blank",href:"".concat(this.mainUrl,"/").concat(this.localization.accessibilityUrl)},this.localization.accessibilityText))))))))};Object.defineProperty(t.prototype,"element",{get:function(){return s(this)},enumerable:false,configurable:true});return t}());h.style=a}}}));
-//# sourceMappingURL=p-4b5bc7a0.system.entry.js.map