@oiz/stzh-components 2.10.0-beta → 2.10.0

package/dist/stzh-components/p-1d8dbb06.system.entry.js

@@ -1,2 +0,0 @@
-System.register(["./p-290fcb28.system.js"],(function(n){"use strict";var t,e,a;return{setters:[function(n){t=n.r;e=n.h;a=n.a}],execute:function(){var i='@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}';var r=n("stzh_skin_portal_mitwirken",function(){function n(n){t(this,n)}n.prototype.componentDidLoad=function(){console.log(this.constructor.style.replace('@charset "UTF-8";',""))};n.prototype.render=function(){return e(a,null)};return n}());r.style=i}}}));
-//# sourceMappingURL=p-1d8dbb06.system.entry.js.map

package/dist/stzh-components/p-1edbef4a.system.entry.js

@@ -1,2 +0,0 @@
-System.register(["./p-290fcb28.system.js","./p-53e44e89.system.js","./p-774595ba.system.js"],(function(t){"use strict";var e,i,s,r,n;return{setters:[function(t){e=t.r;i=t.h;s=t.a;r=t.g},function(t){n=t.h},function(){}],execute:function(){var o=".sc-stzh-figure-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-figure-h{display:none}.sc-stzh-figure-h *.sc-stzh-figure,.sc-stzh-figure-h *.sc-stzh-figure::before,.sc-stzh-figure-h *.sc-stzh-figure::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-figure-h .has-focus.sc-stzh-figure{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}.sc-stzh-figure-h .stzh-fylingfocus-focused.sc-stzh-figure{outline-style:none !important}.sc-stzh-figure-h .stzh-fylingfocus-focused.sc-stzh-figure::-moz-focus-inner{border:0 !important}.sc-stzh-figure-h .sc-stzh-figure-s>*{max-width:100%}.sc-stzh-figure-h[fullwidth]:not([fullwidth=false]) .sc-stzh-figure-s>*{width:100%}.stzh-figure.sc-stzh-figure{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:0}.stzh-figure__element.sc-stzh-figure{display:-ms-flexbox;display:flex}.stzh-figure__caption.sc-stzh-figure{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height))}@media screen and (min-width: 1024px){.stzh-figure__caption.sc-stzh-figure{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height))}}.stzh-figure__copyright.sc-stzh-figure{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:normal;font-size:var(--stzh-font-femto-font-size);line-height:var(--stzh-font-femto-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}.stzh-figure__copyright.sc-stzh-figure:not(:empty){margin-left:var(--stzh-space-xxsmall)}.stzh-figure--has-caption-or-copyright.sc-stzh-figure .stzh-figure__caption.sc-stzh-figure{margin-top:var(--stzh-space-small)}";var h=t("stzh_figure",function(){function t(t){e(this,t);this.caption="";this.copyright="";this.fullwidth=true}t.prototype.render=function(){var t=n(this.element,"caption");var e=n(this.element,"copyright");var r={"stzh-figure":true,"stzh-figure--has-caption-or-copyright":!!this.caption||!!this.copyright||t||e};return i(s,null,i("figure",{class:r},i("div",{class:"stzh-figure__element"},i("slot",null)),i("figcaption",{class:"stzh-figure__caption"},this.caption?this.caption:i("slot",{name:"caption"}),i("span",{class:"stzh-figure__copyright"},this.copyright?this.copyright:i("slot",{name:"copyright"})))))};Object.defineProperty(t.prototype,"element",{get:function(){return r(this)},enumerable:false,configurable:true});return t}());h.style=o}}}));
-//# sourceMappingURL=p-1edbef4a.system.entry.js.map

package/dist/stzh-components/p-1edbef4a.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stzhFigureCss","StzhFigure","exports","class_1","prototype","render","captionSlotUsed","hasSlot","this","element","copyrightSlotUsed","classes","caption","copyright","h","Host","class","name"],"sources":["src/components/stzh-figure/stzh-figure.scss?tag=stzh-figure&encapsulation=scoped","src/components/stzh-figure/stzh-figure.tsx"],"sourcesContent":[":host {\n  ::slotted(*) {\n    max-width: 100%;\n  }\n}\n\n:host([fullwidth]:not([fullwidth=\"false\"])) ::slotted(*) {\n  width: 100%;\n}\n\n.stzh-figure {\n  display: flex;\n  flex-direction: column;\n  margin: 0;\n\n  &__element {\n    display: flex;\n  }\n\n  &__caption {\n    @include fontCurve('caption');\n  }\n\n  &__copyright {\n    @include font('medium');\n    @include fontSize('femto');\n\n    &:not(:empty) {\n      margin-left: space('xxsmall');\n    }\n  }\n\n  /* Has caption content */\n\n  &--has-caption-or-copyright &__caption {\n    margin-top: space('small');\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n} from \"@stencil/core\";\n\nimport { hasSlot } from \"../../utils/utils\";\n\n/**\n * @slot - Slot for e.g. image or video\n * @slot caption - Slot for a caption as alternative for attribute\n * @slot copyright - Slot for a copyright as alternative for attribute\n */\n@Component({\n  tag: \"stzh-figure\",\n  styleUrl: \"stzh-figure.scss\",\n  scoped: true\n})\nexport class StzhFigure {\n  /** Caption */\n  @Prop() caption: string = \"\";\n\n  /** Copyright */\n  @Prop() copyright: string = \"\";\n\n  /** Whether to stretch slotted content to fullwidth */\n  @Prop({ reflect: true }) fullwidth: boolean = true;\n\n  @Element() element: HTMLStzhFigureElement;\n\n  render() {\n    const captionSlotUsed = hasSlot(this.element, 'caption');\n    const copyrightSlotUsed = hasSlot(this.element, 'copyright');\n    const classes = {\n      \"stzh-figure\": true,\n      \"stzh-figure--has-caption-or-copyright\":\n        !!this.caption || !!this.copyright || captionSlotUsed || copyrightSlotUsed\n    };\n\n    return (\n      <Host>\n        <figure class={classes}>\n          <div class=\"stzh-figure__element\">\n            <slot></slot>\n          </div>\n          <figcaption class=\"stzh-figure__caption\">\n            {this.caption ? this.caption : <slot name=\"caption\"></slot>}\n            <span class=\"stzh-figure__copyright\">\n              {this.copyright ? this.copyright : <slot name=\"copyright\"></slot>}\n            </span>\n          </figcaption>\n        </figure>\n      </Host>\n    );\n  }\n}\n"],"mappings":"8OAAA,IAAMA,EAAgB,6qE,ICoBTC,EAAUC,EAAA,yB,qCAEK,G,eAGE,G,eAGkB,I,CAI9CC,EAAAC,UAAAC,OAAA,WACE,IAAMC,EAAkBC,EAAQC,KAAKC,QAAS,WAC9C,IAAMC,EAAoBH,EAAQC,KAAKC,QAAS,aAChD,IAAME,EAAU,CACd,cAAe,KACf,0CACIH,KAAKI,WAAaJ,KAAKK,WAAaP,GAAmBI,GAG7D,OACEI,EAACC,EAAI,KACHD,EAAA,UAAQE,MAAOL,GACbG,EAAA,OAAKE,MAAM,wBACTF,EAAA,cAEFA,EAAA,cAAYE,MAAM,wBACfR,KAAKI,QAAUJ,KAAKI,QAAUE,EAAA,QAAMG,KAAK,YAC1CH,EAAA,QAAME,MAAM,0BACTR,KAAKK,UAAYL,KAAKK,UAAYC,EAAA,QAAMG,KAAK,iB,4HA9BrC,I"}

package/dist/stzh-components/p-2eb74ed1.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as s,a as e,g as i}from"./p-c92165bd.js";import{h as r}from"./p-ba8c574b.js";import"./p-9b063923.js";const o=".sc-stzh-figure-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-figure-h{display:none}.sc-stzh-figure-h *.sc-stzh-figure,.sc-stzh-figure-h *.sc-stzh-figure::before,.sc-stzh-figure-h *.sc-stzh-figure::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-figure-h .has-focus.sc-stzh-figure{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}.sc-stzh-figure-h .stzh-fylingfocus-focused.sc-stzh-figure{outline-style:none !important}.sc-stzh-figure-h .stzh-fylingfocus-focused.sc-stzh-figure::-moz-focus-inner{border:0 !important}.sc-stzh-figure-h .sc-stzh-figure-s>*{max-width:100%}.sc-stzh-figure-h[fullwidth]:not([fullwidth=false]) .sc-stzh-figure-s>*{width:100%}.stzh-figure.sc-stzh-figure{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:0}.stzh-figure__element.sc-stzh-figure{display:-ms-flexbox;display:flex}.stzh-figure__caption.sc-stzh-figure{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height))}@media screen and (min-width: 1024px){.stzh-figure__caption.sc-stzh-figure{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height))}}.stzh-figure__copyright.sc-stzh-figure{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:normal;font-size:var(--stzh-font-femto-font-size);line-height:var(--stzh-font-femto-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}.stzh-figure__copyright.sc-stzh-figure:not(:empty){margin-left:var(--stzh-space-xxsmall)}.stzh-figure--has-caption-or-copyright.sc-stzh-figure .stzh-figure__caption.sc-stzh-figure{margin-top:var(--stzh-space-small)}";const h=class{constructor(s){t(this,s);this.caption="";this.copyright="";this.fullwidth=true}render(){const t=r(this.element,"caption");const i=r(this.element,"copyright");const o={"stzh-figure":true,"stzh-figure--has-caption-or-copyright":!!this.caption||!!this.copyright||t||i};return s(e,null,s("figure",{class:o},s("div",{class:"stzh-figure__element"},s("slot",null)),s("figcaption",{class:"stzh-figure__caption"},this.caption?this.caption:s("slot",{name:"caption"}),s("span",{class:"stzh-figure__copyright"},this.copyright?this.copyright:s("slot",{name:"copyright"})))))}get element(){return i(this)}};h.style=o;export{h as stzh_figure};
-//# sourceMappingURL=p-2eb74ed1.entry.js.map

package/dist/stzh-components/p-2eb74ed1.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stzhFigureCss","StzhFigure","render","captionSlotUsed","hasSlot","this","element","copyrightSlotUsed","classes","caption","copyright","h","Host","class","name"],"sources":["src/components/stzh-figure/stzh-figure.scss?tag=stzh-figure&encapsulation=scoped","src/components/stzh-figure/stzh-figure.tsx"],"sourcesContent":[":host {\n  ::slotted(*) {\n    max-width: 100%;\n  }\n}\n\n:host([fullwidth]:not([fullwidth=\"false\"])) ::slotted(*) {\n  width: 100%;\n}\n\n.stzh-figure {\n  display: flex;\n  flex-direction: column;\n  margin: 0;\n\n  &__element {\n    display: flex;\n  }\n\n  &__caption {\n    @include fontCurve('caption');\n  }\n\n  &__copyright {\n    @include font('medium');\n    @include fontSize('femto');\n\n    &:not(:empty) {\n      margin-left: space('xxsmall');\n    }\n  }\n\n  /* Has caption content */\n\n  &--has-caption-or-copyright &__caption {\n    margin-top: space('small');\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n} from \"@stencil/core\";\n\nimport { hasSlot } from \"../../utils/utils\";\n\n/**\n * @slot - Slot for e.g. image or video\n * @slot caption - Slot for a caption as alternative for attribute\n * @slot copyright - Slot for a copyright as alternative for attribute\n */\n@Component({\n  tag: \"stzh-figure\",\n  styleUrl: \"stzh-figure.scss\",\n  scoped: true\n})\nexport class StzhFigure {\n  /** Caption */\n  @Prop() caption: string = \"\";\n\n  /** Copyright */\n  @Prop() copyright: string = \"\";\n\n  /** Whether to stretch slotted content to fullwidth */\n  @Prop({ reflect: true }) fullwidth: boolean = true;\n\n  @Element() element: HTMLStzhFigureElement;\n\n  render() {\n    const captionSlotUsed = hasSlot(this.element, 'caption');\n    const copyrightSlotUsed = hasSlot(this.element, 'copyright');\n    const classes = {\n      \"stzh-figure\": true,\n      \"stzh-figure--has-caption-or-copyright\":\n        !!this.caption || !!this.copyright || captionSlotUsed || copyrightSlotUsed\n    };\n\n    return (\n      <Host>\n        <figure class={classes}>\n          <div class=\"stzh-figure__element\">\n            <slot></slot>\n          </div>\n          <figcaption class=\"stzh-figure__caption\">\n            {this.caption ? this.caption : <slot name=\"caption\"></slot>}\n            <span class=\"stzh-figure__copyright\">\n              {this.copyright ? this.copyright : <slot name=\"copyright\"></slot>}\n            </span>\n          </figcaption>\n        </figure>\n      </Host>\n    );\n  }\n}\n"],"mappings":"qHAAA,MAAMA,EAAgB,6qE,MCoBTC,EAAU,M,sCAEK,G,eAGE,G,eAGkB,I,CAI9C,MAAAC,GACE,MAAMC,EAAkBC,EAAQC,KAAKC,QAAS,WAC9C,MAAMC,EAAoBH,EAAQC,KAAKC,QAAS,aAChD,MAAME,EAAU,CACd,cAAe,KACf,0CACIH,KAAKI,WAAaJ,KAAKK,WAAaP,GAAmBI,GAG7D,OACEI,EAACC,EAAI,KACHD,EAAA,UAAQE,MAAOL,GACbG,EAAA,OAAKE,MAAM,wBACTF,EAAA,cAEFA,EAAA,cAAYE,MAAM,wBACfR,KAAKI,QAAUJ,KAAKI,QAAUE,EAAA,QAAMG,KAAK,YAC1CH,EAAA,QAAME,MAAM,0BACTR,KAAKK,UAAYL,KAAKK,UAAYC,EAAA,QAAMG,KAAK,iB"}

package/dist/stzh-components/p-2f205fad.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as i,h as e,a as o,g as n}from"./p-c92165bd.js";import{w as s}from"./p-54bd842e.js";import{s as r,a,b as h}from"./p-7e2354d0.js";const c=':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}:host{--trigger-size:1.125rem;--content-background:var(--stzh-accordion-content-background);--icon-size:var(--stzh-icon-size-small)}:host ::slotted(stzh-icon),.stzh-accordion-item__icon{--size:var(--icon-size)}.stzh-accordion-item{}.stzh-accordion-item__heading{position:relative;margin:0}.stzh-accordion-item__button{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-heading-line-height, var(--stzh-font-milli-heading-line-height));letter-spacing:var(--stzh-font-curve-p1-default-heading-letter-spacing);font-family:inherit;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-medium);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:3.75rem;border:0.0625rem solid var(--stzh-base-border-color);color:var(--stzh-color-primary, var(--stzh-color-zueriblue));text-align:left;-webkit-transition-property:color, background-color, border-color;transition-property:color, background-color, border-color;-webkit-transition-duration:var(--stzh-base-transition-animation-speed);transition-duration:var(--stzh-base-transition-animation-speed);cursor:pointer}@media screen and (min-width: 1024px){.stzh-accordion-item__button{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-heading-line-height, var(--stzh-font-centi-heading-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-heading-letter-spacing)}}@media (prefers-reduced-motion: reduce){.stzh-accordion-item__button{-webkit-transition:none;transition:none}}.stzh-accordion-item__button:hover{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-accordion-item__button,.stzh-accordion-item__content-inner{padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.stzh-accordion-item__button,.stzh-accordion-item__content-inner{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-accordion-item__button,.stzh-accordion-item__content-inner{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){.stzh-accordion-item__button,.stzh-accordion-item__content-inner{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-accordion-item__button,.stzh-accordion-item__content-inner{padding-right:var(--stzh-space-xlarge)}}.stzh-accordion-item__button-text{-ms-flex-positive:1;flex-grow:1}.stzh-accordion-item__button-icon{position:relative;display:block;width:var(--trigger-size);height:var(--trigger-size);margin-left:var(--stzh-space-medium)}.stzh-accordion-item__button-icon::before,.stzh-accordion-item__button-icon::after{position:absolute;top:50%;left:50%;content:"";display:block;width:var(--trigger-size);height:0.0625rem;-webkit-transition:-webkit-transform 0.5s;transition:-webkit-transform 0.5s;transition:transform 0.5s;transition:transform 0.5s, -webkit-transform 0.5s;-webkit-transform-origin:top left;transform-origin:top left;background-color:currentColor}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-accordion-item__button-icon::before,.stzh-accordion-item__button-icon::after{background-color:CanvasText}}@media (prefers-reduced-motion: reduce){.stzh-accordion-item__button-icon::before,.stzh-accordion-item__button-icon::after{-webkit-transition:none;transition:none}}.stzh-accordion-item__button-icon::before{-webkit-transform:rotate(180deg) translate(-50%, -50%);transform:rotate(180deg) translate(-50%, -50%)}.stzh-accordion-item__button-icon::after{-webkit-transform:rotate(90deg) translate(-50%, -50%);transform:rotate(90deg) translate(-50%, -50%)}.stzh-accordion-item__content{overflow:hidden;background-color:var(--content-background)}.stzh-accordion-item__content-inner{padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.stzh-accordion-item__content-inner{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-accordion-item__content-inner{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){.stzh-accordion-item__content-inner{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-accordion-item__content-inner{padding-bottom:var(--stzh-space-xxxlarge)}}.stzh-accordion-item__icon-wrapper{-ms-flex-item-align:start;align-self:flex-start}.stzh-accordion-item__icon-wrapper:not(:empty){margin-right:var(--stzh-space-xsmall)}.stzh-accordion-item__badge{position:absolute;right:-0.3125rem;top:-0.3125rem}.stzh-accordion-item__description,.stzh-accordion-item__subtitle{color:var(--stzh-base-color);-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed)}@media (prefers-reduced-motion: reduce){.stzh-accordion-item__description,.stzh-accordion-item__subtitle{-webkit-transition:none;transition:none}}.stzh-accordion-item__description{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height))}@media screen and (min-width: 1024px){.stzh-accordion-item__description{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height))}}.stzh-accordion-item__heading-text,.stzh-accordion-item__description,.stzh-accordion-item__subtitle{display:block}.stzh-accordion-item--has-description .stzh-accordion-item__button,.stzh-accordion-item--has-subtitle .stzh-accordion-item__button{padding:var(--stzh-space-medium)}.stzh-accordion-item--has-subtitle .stzh-accordion-item__heading{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal}.stzh-accordion-item--has-subtitle .stzh-accordion-item__heading-text{font-size:var(--stzh-font-curve-h2-default-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h2-default-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h2-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-accordion-item--has-subtitle .stzh-accordion-item__heading-text{font-size:var(--stzh-font-curve-h2-small-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h2-small-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h2-small-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 1024px){.stzh-accordion-item--has-subtitle .stzh-accordion-item__heading-text{font-size:var(--stzh-font-curve-h2-medium-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h2-medium-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h2-medium-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 1440px){.stzh-accordion-item--has-subtitle .stzh-accordion-item__heading-text{font-size:var(--stzh-font-curve-h2-ultra-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h2-ultra-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h2-ultra-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}.stzh-accordion-item--is-open .stzh-accordion-item__button{color:var(--stzh-color-white);background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));border-color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}@media (forced-colors: active), (-ms-high-contrast: active){.stzh-accordion-item--is-open .stzh-accordion-item__button{border-color:SelectedItem}}.stzh-accordion-item--is-open .stzh-accordion-item__description,.stzh-accordion-item--is-open .stzh-accordion-item__subtitle{color:var(--stzh-color-white)}.stzh-accordion-item--is-open .stzh-accordion-item__button-icon::before,.stzh-accordion-item--is-open .stzh-accordion-item__button-icon::after{-webkit-transform:rotate(0) translate(-50%, -50%);transform:rotate(0) translate(-50%, -50%)}.stzh-accordion-item--is-disabled .stzh-accordion-item__button{cursor:not-allowed;color:var(--stzh-color-grey61);border-color:transparent;background-color:var(--stzh-color-black8)}';const d={keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:300,easing:"linear"}};const l={keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:300,easing:"linear"}};let m=0;const z=class{constructor(e){t(this,e);this.stzhOpen=i(this,"stzhOpen",7);this.stzhOpened=i(this,"stzhOpened",7);this.stzhClose=i(this,"stzhClose",7);this.stzhClosed=i(this,"stzhClosed",7);this.stzhFocus=i(this,"stzhFocus",7);this.stzhBlur=i(this,"stzhBlur",7);this.toggledByMethod=false;this.handleHeaderClick=()=>{if(typeof this.collapsible!=="undefined"){if(this.collapsible){this.toggle()}else if(!this.open){this.show()}}else if(!this.accordion||this.accordion.collapsible){this.toggle()}else if(!this.open){this.show()}};this.onFocus=t=>{this.stzhFocus.emit({component:"stzh-accordion-item",originalEvent:t})};this.onBlur=t=>{this.stzhBlur.emit({component:"stzh-accordion-item",originalEvent:t})};this.onButtonKeydown=t=>{let i=null;if(t.key==="ArrowDown"){i="next"}else if(t.key==="ArrowUp"){i="prev"}else if(t.key==="Home"){i="first"}else if(t.key==="End"){i="last"}else if(t.key==="PageDown"&&t.ctrlKey){i="next"}else if(t.key==="PageUp"&&t.ctrlKey){i="prev"}if(i){t.preventDefault();this.accordion.setItemFocus(this.element,i)}};this.onContentKeydown=t=>{if(!t.ctrlKey){return}let i=null;if(t.key==="PageDown"){i="next"}else if(t.key==="PageUp"){i="prev"}if(i){t.preventDefault();this.accordion.setItemFocus(this.element,i)}};this.collapsible=undefined;this.open=false;this.disabled=false;this.heading="";this.subtitle="";this.description="";this.icon="";this.badge="";this.badgeEmpty=false;this.badgeType="default";this.headingLevel="3";this.analyticsId=undefined}async openWatcher(t){if(!this.bodyElement){return}if(t){if(this.toggledByMethod){this.stzhOpen.emit({component:"stzh-accordion-item"})}await r(this.bodyElement);this.bodyElement.hidden=false;await a(this.bodyElement,h(d.keyframes,{height:this.bodyElement.scrollHeight}),d.options);this.bodyElement.style.height="auto";this.bodyElement.style.overflow="visible";if(this.toggledByMethod){this.stzhOpened.emit({component:"stzh-accordion-item"})}}else{if(this.toggledByMethod){this.stzhClose.emit({component:"stzh-accordion-item"})}await r(this.bodyElement);this.bodyElement.style.overflow="hidden";await a(this.bodyElement,h(l.keyframes,{height:this.bodyElement.scrollHeight}),l.options);this.bodyElement.hidden=true;this.bodyElement.style.height="0px";if(this.toggledByMethod){this.stzhClosed.emit({component:"stzh-accordion-item"})}}this.toggledByMethod=false}async show(){if(this.open||this.disabled){return}this.toggledByMethod=true;this.open=true;return s(this.element,"stzhOpened")}async hide(){if(!this.open||this.disabled){return}this.toggledByMethod=true;this.open=false;return s(this.element,"stzhClosed")}async toggle(){if(this.open){return await this.hide()}else{return await this.show()}}async setFocus(){this.buttonElement.focus()}componentWillLoad(){this.accordionItemId=`stzh-accordion-item-${m++}`}componentDidLoad(){this.bodyElement.hidden=!this.open;this.bodyElement.style.height=this.open?"auto":"0px";this.bodyElement.style.overflow=this.open?"visible":"hidden"}async connectedCallback(){this.accordion=this.element.closest("stzh-accordion")}disconnectedCallback(){if(this.accordion){this.accordion=null}}render(){const t=`h${this.headingLevel}`;const i={"stzh-accordion-item":true,"stzh-accordion-item--has-description":!!this.description,"stzh-accordion-item--has-subtitle":!!this.subtitle,"stzh-accordion-item--is-open":this.open,"stzh-accordion-item--is-disabled":this.disabled};return e(o,null,e("stzh-icon-sprite",null),e("div",{class:i},e(t,{id:`${this.accordionItemId}-header`,class:"stzh-accordion-item__heading",onClick:this.handleHeaderClick},e("button",{ref:t=>this.buttonElement=t,class:"stzh-accordion-item__button","aria-controls":`${this.accordionItemId}-content`,"aria-expanded":`${this.open?"true":"false"}`,disabled:this.disabled,onFocus:this.onFocus,onBlur:this.onBlur,onKeyDown:this.onButtonKeydown,type:"button","s-object-id":this.analyticsId||this.heading},e("span",{class:"stzh-accordion-item__icon-wrapper"},this.icon?e("stzh-icon",{class:"stzh-accordion-item__icon",name:this.icon}):e("slot",{name:"icon"})),e("span",{class:"stzh-accordion-item__button-text"},e("span",{class:"stzh-accordion-item__subtitle"},this.subtitle),e("span",{class:"stzh-accordion-item__heading-text"},this.heading),e("span",{class:"stzh-accordion-item__description"},this.description)),e("span",{class:"stzh-accordion-item__button-icon"}),(this.badge||this.badgeEmpty)&&e("stzh-badge",{class:"stzh-accordion-item__badge",label:this.badge,type:this.badgeType}))),e("div",{id:`${this.accordionItemId}-content`,ref:t=>this.bodyElement=t,class:"stzh-accordion-item__content","aria-labelledby":`${this.accordionItemId}-header`,role:"region",onKeyDown:this.onContentKeydown},e("div",{class:"stzh-accordion-item__content-inner"},e("slot",null)))))}get element(){return n(this)}static get watchers(){return{open:["openWatcher"]}}};z.style=c;export{z as stzh_accordion_item};
-//# sourceMappingURL=p-2f205fad.entry.js.map

package/dist/stzh-components/p-2f205fad.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stzhAccordionItemCss","ANIMATION_SHOW","keyframes","height","opacity","options","duration","easing","ANIMATION_HIDE","accordionItemCounter","StzhAccordionItem","this","toggledByMethod","handleHeaderClick","collapsible","toggle","open","show","accordion","onFocus","event","stzhFocus","emit","component","originalEvent","onBlur","stzhBlur","onButtonKeydown","action","key","ctrlKey","preventDefault","setItemFocus","element","onContentKeydown","openWatcher","newValue","bodyElement","stzhOpen","stopAnimations","hidden","animateTo","shimKeyframesAutoValues","scrollHeight","style","overflow","stzhOpened","stzhClose","stzhClosed","disabled","waitForEvent","hide","setFocus","buttonElement","focus","componentWillLoad","accordionItemId","componentDidLoad","connectedCallback","closest","disconnectedCallback","render","Heading","headingLevel","classes","description","subtitle","h","Host","class","id","onClick","ref","el","onKeyDown","type","analyticsId","heading","icon","name","badge","badgeEmpty","label","badgeType","role"],"sources":["src/components/stzh-accordion-item/stzh-accordion-item.scss?tag=stzh-accordion-item&encapsulation=shadow","src/components/stzh-accordion-item/stzh-accordion-item.tsx"],"sourcesContent":["/**\n * @prop --content-background: Content background\n *\n * @prop --stzh-accordion-content-background: **Global**: Content background\n */\n\n:host {\n  --trigger-size: 18px;\n  --content-background: #{$accordionContentBackground};\n  --icon-size: #{iconSize('small')};\n}\n\n:host ::slotted(stzh-icon),\n.stzh-accordion-item__icon {\n  --size: var(--icon-size);\n}\n\n.stzh-accordion-item {\n  &__heading {\n    position: relative;\n    margin: 0;\n  }\n\n  &__button {\n    @include fontCurve('p1', 'heading');\n    font-family: inherit;\n    width: 100%;\n    appearance: none;\n    background-color: transparent;\n    padding-top: space('medium');\n    padding-bottom: space('medium');\n    display: flex;\n    align-items: center;\n    min-height: 60px;\n    border: 1px solid $baseBorderColor;\n    color: $colorPrimary;\n    text-align: left;\n    transition-property: color, background-color, border-color;\n    transition-duration: $baseTransitionAnimationSpeed;\n    cursor: pointer;\n\n    @media (prefers-reduced-motion: reduce) {\n      transition: none;\n    }\n\n    &:hover {\n      color: $colorPrimaryHover;\n    }\n  }\n\n  &__button,\n  &__content-inner {\n    @include spaceCurve('padding-left', 'regular');\n    @include spaceCurve('padding-right', 'regular');\n  }\n\n  &__button-text {\n    flex-grow: 1;\n  }\n\n  &__button-icon {\n    position: relative;\n    display: block;\n    width: var(--trigger-size);\n    height: var(--trigger-size);\n    margin-left: space('medium');\n\n    &::before,\n    &::after {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      content: '';\n      display: block;\n      width: var(--trigger-size);\n      height: 1px;\n      transition: transform .5s;\n      transform-origin: top left;\n      background-color: currentColor;\n\n      @include highContrast() {\n        background-color: CanvasText;\n      }\n\n      @media (prefers-reduced-motion: reduce) {\n        transition: none;\n      }\n    }\n\n    &::before {\n      transform: rotate(180deg) translate(-50%, -50%);\n    }\n\n    &::after {\n      transform: rotate(90deg) translate(-50%, -50%);\n    }\n  }\n\n  &__content {\n    overflow: hidden;\n    background-color: var(--content-background);\n  }\n\n  &__content-inner {\n    @include spaceCurve('padding-top', 'regular');\n    @include spaceCurve('padding-bottom', 'medium');\n  }\n\n  &__icon-wrapper {\n    align-self: flex-start;\n\n    &:not(:empty) {\n      margin-right: space('xsmall');\n    }\n  }\n\n  &__badge {\n    position: absolute;\n    right: -5px;\n    top: -5px;\n  }\n\n  &__description,\n  &__subtitle {\n    color: $baseColor;\n    transition: color $baseTransitionAnimationSpeed;\n\n    @media (prefers-reduced-motion: reduce) {\n      transition: none;\n    }\n  }\n\n  &__description {\n    @include fontCurve('caption');\n  }\n\n  &__heading-text,\n  &__description,\n  &__subtitle {\n    display: block;\n  }\n\n  /* Subtitle / Description */\n\n  &--has-description &__button,\n  &--has-subtitle &__button {\n    padding: space('medium');\n  }\n\n  &--has-subtitle &__heading {\n    @include font('heavy');\n  }\n\n  &--has-subtitle &__heading-text {\n    @include fontCurve('h2', 'heading');\n  }\n\n  /* Open */\n\n  &--is-open &__button {\n    color: $colorWhite;\n    background-color: $colorPrimary;\n    border-color: $colorPrimary;\n\n    @include highContrast() {\n      border-color: SelectedItem;\n    }\n  }\n\n  &--is-open &__description,\n  &--is-open &__subtitle {\n    color: $colorWhite;\n  }\n\n  &--is-open &__button-icon {\n    &::before,\n    &::after {\n      transform: rotate(0) translate(-50%, -50%);\n    }\n  }\n\n  /* Disabled */\n\n  &--is-disabled &__button {\n    cursor: not-allowed;\n    color: $formDisabledColor;\n    border-color: $formDisabledBorderColor;\n    background-color: $formDisabledBackgroundColor;\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n  Method,\n  Watch,\n  Event,\n  EventEmitter\n} from \"@stencil/core\";\n\nimport {\n  StzhAccordionItemOpenEvent,\n  StzhAccordionItemOpenedEvent,\n  StzhAccordionItemCloseEvent,\n  StzhAccordionItemClosedEvent,\n  StzhAccordionItemFocusEvent,\n  StzhAccordionItemBlurEvent\n} from \"../../index\";\n\nimport { waitForEvent } from \"../../utils/event-utils\";\nimport { stopAnimations, animateTo, shimKeyframesAutoValues } from \"../../utils/animation-utils\";\n\nconst ANIMATION_SHOW = {\n  keyframes: [\n    { height: \"0\", opacity: \"0\" },\n    { height: \"auto\", opacity: \"1\" }\n  ],\n  options: { duration: 300, easing: \"linear\" }\n};\n\nconst ANIMATION_HIDE = {\n  keyframes: [\n    { height: \"auto\", opacity: \"1\" },\n    { height: \"0\", opacity: \"0\" }\n  ],\n  options: { duration: 300, easing: \"linear\" }\n};\n\nlet accordionItemCounter = 0;\n\n/**\n * @slot - Slot for any content\n * @slot icon - Slot for icon element\n */\n@Component({\n  tag: \"stzh-accordion-item\",\n  styleUrl: \"stzh-accordion-item.scss\",\n  shadow: true\n})\nexport class StzhAccordionItem {\n  /** Whether fold is collapsible (overwrites collapsible from timeline parent) */\n  @Prop() collapsible: boolean;\n\n  /** Whether fold is open */\n  @Prop({ mutable: true, reflect: true }) open: boolean = false;\n\n  /** Whether fold disabled */\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  /** Heading title */\n  @Prop() heading: string = \"\";\n\n  /** Subtitle */\n  @Prop() subtitle: string = \"\";\n\n  /** Description */\n  @Prop() description: string = \"\";\n\n  /** Icon (use instead of icon slot) */\n  @Prop() icon: string = \"\";\n\n  /** Badge */\n  @Prop() badge: string = \"\";\n\n  /** Whether badge should be displayed empty */\n  @Prop({ reflect: true }) badgeEmpty: boolean = false;\n\n  /** Badge type */\n  @Prop({ reflect: true }) badgeType: \"default\" | \"success\" | \"warning\" | \"error\" | \"info\" = \"default\";\n\n  /** Heading level */\n  @Prop({ reflect: true }) headingLevel: \"1\" | \"2\" | \"3\" | \"4\" = \"3\";\n\n  /**\n   * For Adobe Analytics.\n   * Will be rendered as value of `s-object-id` attribute to the button element.\n   * Default value will be taken from `heading` prop.\n   */\n  @Prop() analyticsId: string;\n\n  @Element() element: HTMLStzhAccordionItemElement;\n\n  /** Open event */\n  @Event() stzhOpen: EventEmitter<StzhAccordionItemOpenEvent>;\n\n  /** Opened event (after animation) */\n  @Event() stzhOpened: EventEmitter<StzhAccordionItemOpenedEvent>;\n\n  /** Close event */\n  @Event() stzhClose: EventEmitter<StzhAccordionItemCloseEvent>;\n\n  /** Closed event (after animation) */\n  @Event() stzhClosed: EventEmitter<StzhAccordionItemClosedEvent>;\n\n  @Watch(\"open\")\n  async openWatcher(newValue: boolean) {\n    if (!this.bodyElement) {\n      return;\n    }\n\n    if (newValue) {\n      if (this.toggledByMethod) {\n        this.stzhOpen.emit({\n          component: \"stzh-accordion-item\"\n        });\n      }\n\n      await stopAnimations(this.bodyElement);\n      this.bodyElement.hidden = false;\n\n      await animateTo(\n        this.bodyElement,\n        shimKeyframesAutoValues(ANIMATION_SHOW.keyframes, {\n          height: this.bodyElement.scrollHeight\n        }),\n        ANIMATION_SHOW.options\n      );\n\n      this.bodyElement.style.height = \"auto\";\n      this.bodyElement.style.overflow = \"visible\";\n\n      if (this.toggledByMethod) {\n        this.stzhOpened.emit({\n          component: \"stzh-accordion-item\"\n        });\n      }\n    } else {\n      if (this.toggledByMethod) {\n        this.stzhClose.emit({\n          component: \"stzh-accordion-item\"\n        });\n      }\n\n      await stopAnimations(this.bodyElement);\n      this.bodyElement.style.overflow = \"hidden\";\n\n      await animateTo(\n        this.bodyElement,\n        shimKeyframesAutoValues(ANIMATION_HIDE.keyframes, {\n          height: this.bodyElement.scrollHeight\n        }),\n        ANIMATION_HIDE.options\n      );\n\n      this.bodyElement.hidden = true;\n      this.bodyElement.style.height = \"0px\";\n\n      if (this.toggledByMethod) {\n        this.stzhClosed.emit({\n          component: \"stzh-accordion-item\"\n        });\n      }\n    }\n\n    this.toggledByMethod = false;\n  }\n\n  /** Show accordion item content */\n  @Method()\n  async show() {\n    if (this.open || this.disabled) {\n      return;\n    }\n\n    this.toggledByMethod = true;\n    this.open = true;\n    return waitForEvent(this.element, \"stzhOpened\");\n  }\n\n  /** Hide accordion item content */\n  @Method()\n  async hide() {\n    if (!this.open || this.disabled) {\n      return;\n    }\n\n    this.toggledByMethod = true;\n    this.open = false;\n    return waitForEvent(this.element, \"stzhClosed\");\n  }\n\n  /** Toggle accordion item content */\n  @Method()\n  async toggle() {\n    if (this.open) {\n      return await this.hide();\n    } else {\n      return await this.show();\n    }\n  }\n\n  /** Set focus to button */\n  @Method()\n  async setFocus() {\n    this.buttonElement.focus();\n  }\n\n  /** Focus event */\n  @Event() stzhFocus: EventEmitter<StzhAccordionItemFocusEvent>;\n\n  /** Input blur event */\n  @Event() stzhBlur: EventEmitter<StzhAccordionItemBlurEvent>;\n\n  private toggledByMethod: boolean = false;\n  private bodyElement: HTMLDivElement;\n  private buttonElement: HTMLButtonElement;\n  private accordionItemId: string;\n  private accordion: HTMLStzhAccordionElement;\n\n  private handleHeaderClick = () => {\n    if (typeof this.collapsible !== \"undefined\") {\n      if (this.collapsible) {\n        this.toggle();\n      } else if (!this.open) {\n        this.show();\n      }\n    } else if (!this.accordion || this.accordion.collapsible) {\n      this.toggle();\n    } else if (!this.open) {\n      this.show();\n    }\n  }\n\n  private onFocus = (event: FocusEvent) => {\n    this.stzhFocus.emit({\n      component: \"stzh-accordion-item\",\n      originalEvent: event\n    });\n  }\n\n  private onBlur = (event: FocusEvent) => {\n    this.stzhBlur.emit({\n      component: \"stzh-accordion-item\",\n      originalEvent: event\n    });\n  }\n\n  private onButtonKeydown = (event: KeyboardEvent) => {\n    let action = null;\n\n    if (event.key === \"ArrowDown\") {\n      action = \"next\";\n    } else if (event.key === \"ArrowUp\") {\n      action = \"prev\";\n    } else if (event.key === \"Home\") {\n      action = \"first\";\n    } else if (event.key === \"End\") {\n      action = \"last\";\n    } else if (event.key === \"PageDown\" && event.ctrlKey) {\n      action = \"next\";\n    } else if (event.key === \"PageUp\" && event.ctrlKey) {\n      action = \"prev\";\n    }\n\n    if (action) {\n      event.preventDefault();\n      this.accordion.setItemFocus(this.element, action);\n    }\n  }\n\n  private onContentKeydown = (event: KeyboardEvent) => {\n    if (!event.ctrlKey) {\n      return;\n    }\n\n    let action = null;\n\n    if (event.key === \"PageDown\") {\n      action = \"next\";\n    } else if (event.key === \"PageUp\") {\n      action = \"prev\";\n    }\n\n    if (action) {\n      event.preventDefault();\n      this.accordion.setItemFocus(this.element, action);\n    }\n  }\n\n  componentWillLoad() {\n    this.accordionItemId = `stzh-accordion-item-${accordionItemCounter++}`;\n  }\n\n  componentDidLoad() {\n    this.bodyElement.hidden = !this.open;\n    this.bodyElement.style.height = this.open ? \"auto\" : \"0px\";\n    this.bodyElement.style.overflow = this.open ? \"visible\" : \"hidden\";\n  }\n\n  async connectedCallback() {\n    this.accordion = this.element.closest(\"stzh-accordion\");\n  }\n\n  disconnectedCallback() {\n    if (this.accordion) {\n      this.accordion = null;\n    }\n  }\n\n  render() {\n    const Heading = `h${this.headingLevel}`;\n    const classes = {\n      \"stzh-accordion-item\": true,\n      \"stzh-accordion-item--has-description\": !!this.description,\n      \"stzh-accordion-item--has-subtitle\": !!this.subtitle,\n      \"stzh-accordion-item--is-open\": this.open,\n      \"stzh-accordion-item--is-disabled\": this.disabled,\n    };\n\n    return (\n      <Host>\n        <stzh-icon-sprite></stzh-icon-sprite>\n\n        <div class={classes}>\n          <Heading\n            id={`${this.accordionItemId}-header`}\n            class=\"stzh-accordion-item__heading\"\n            onClick={this.handleHeaderClick}\n          >\n            <button\n              ref={(el) => (this.buttonElement = el as HTMLButtonElement)}\n              class=\"stzh-accordion-item__button\"\n              aria-controls={`${this.accordionItemId}-content`}\n              aria-expanded={`${this.open ? \"true\" : \"false\"}`}\n              disabled={this.disabled}\n              onFocus={this.onFocus}\n              onBlur={this.onBlur}\n              onKeyDown={this.onButtonKeydown}\n              type=\"button\"\n              s-object-id={this.analyticsId || this.heading}\n            >\n              <span class=\"stzh-accordion-item__icon-wrapper\">\n                {this.icon ?\n                  <stzh-icon class=\"stzh-accordion-item__icon\" name={this.icon}></stzh-icon>\n                  :\n                  <slot name=\"icon\"></slot>\n                }\n              </span>\n              <span class=\"stzh-accordion-item__button-text\">\n                <span class=\"stzh-accordion-item__subtitle\">\n                  {this.subtitle}\n                </span>\n                <span class=\"stzh-accordion-item__heading-text\">\n                  {this.heading}\n                </span>\n                <span class=\"stzh-accordion-item__description\">\n                  {this.description}\n                </span>\n              </span>\n              <span class=\"stzh-accordion-item__button-icon\"></span>\n\n              {(this.badge || this.badgeEmpty) &&\n                <stzh-badge\n                  class=\"stzh-accordion-item__badge\"\n                  label={this.badge}\n                  type={this.badgeType}\n                ></stzh-badge>\n              }\n            </button>\n          </Heading>\n          <div\n            id={`${this.accordionItemId}-content`}\n            ref={(el) => (this.bodyElement = el as HTMLDivElement)}\n            class=\"stzh-accordion-item__content\"\n            aria-labelledby={`${this.accordionItemId}-header`}\n            role=\"region\"\n            onKeyDown={this.onContentKeydown}\n          >\n            <div class=\"stzh-accordion-item__content-inner\">\n              <slot></slot>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"iJAAA,MAAMA,EAAuB,iiSCwB7B,MAAMC,EAAiB,CACrBC,UAAW,CACT,CAAEC,OAAQ,IAAKC,QAAS,KACxB,CAAED,OAAQ,OAAQC,QAAS,MAE7BC,QAAS,CAAEC,SAAU,IAAKC,OAAQ,WAGpC,MAAMC,EAAiB,CACrBN,UAAW,CACT,CAAEC,OAAQ,OAAQC,QAAS,KAC3B,CAAED,OAAQ,IAAKC,QAAS,MAE1BC,QAAS,CAAEC,SAAU,IAAKC,OAAQ,WAGpC,IAAIE,EAAuB,E,MAWdC,EAAiB,M,uPAoKpBC,KAAAC,gBAA2B,MAM3BD,KAAAE,kBAAoB,KAC1B,UAAWF,KAAKG,cAAgB,YAAa,CAC3C,GAAIH,KAAKG,YAAa,CACpBH,KAAKI,Q,MACA,IAAKJ,KAAKK,KAAM,CACrBL,KAAKM,M,OAEF,IAAKN,KAAKO,WAAaP,KAAKO,UAAUJ,YAAa,CACxDH,KAAKI,Q,MACA,IAAKJ,KAAKK,KAAM,CACrBL,KAAKM,M,GAIDN,KAAAQ,QAAWC,IACjBT,KAAKU,UAAUC,KAAK,CAClBC,UAAW,sBACXC,cAAeJ,GACf,EAGIT,KAAAc,OAAUL,IAChBT,KAAKe,SAASJ,KAAK,CACjBC,UAAW,sBACXC,cAAeJ,GACf,EAGIT,KAAAgB,gBAAmBP,IACzB,IAAIQ,EAAS,KAEb,GAAIR,EAAMS,MAAQ,YAAa,CAC7BD,EAAS,M,MACJ,GAAIR,EAAMS,MAAQ,UAAW,CAClCD,EAAS,M,MACJ,GAAIR,EAAMS,MAAQ,OAAQ,CAC/BD,EAAS,O,MACJ,GAAIR,EAAMS,MAAQ,MAAO,CAC9BD,EAAS,M,MACJ,GAAIR,EAAMS,MAAQ,YAAcT,EAAMU,QAAS,CACpDF,EAAS,M,MACJ,GAAIR,EAAMS,MAAQ,UAAYT,EAAMU,QAAS,CAClDF,EAAS,M,CAGX,GAAIA,EAAQ,CACVR,EAAMW,iBACNpB,KAAKO,UAAUc,aAAarB,KAAKsB,QAASL,E,GAItCjB,KAAAuB,iBAAoBd,IAC1B,IAAKA,EAAMU,QAAS,CAClB,M,CAGF,IAAIF,EAAS,KAEb,GAAIR,EAAMS,MAAQ,WAAY,CAC5BD,EAAS,M,MACJ,GAAIR,EAAMS,MAAQ,SAAU,CACjCD,EAAS,M,CAGX,GAAIA,EAAQ,CACVR,EAAMW,iBACNpB,KAAKO,UAAUc,aAAarB,KAAKsB,QAASL,E,wCAvOU,M,cAGX,M,aAGnB,G,cAGC,G,iBAGG,G,UAGP,G,WAGC,G,gBAGuB,M,eAG4C,U,kBAG5B,I,2BAwB/D,iBAAMO,CAAYC,GAChB,IAAKzB,KAAK0B,YAAa,CACrB,M,CAGF,GAAID,EAAU,CACZ,GAAIzB,KAAKC,gBAAiB,CACxBD,KAAK2B,SAAShB,KAAK,CACjBC,UAAW,uB,OAITgB,EAAe5B,KAAK0B,aAC1B1B,KAAK0B,YAAYG,OAAS,YAEpBC,EACJ9B,KAAK0B,YACLK,EAAwBzC,EAAeC,UAAW,CAChDC,OAAQQ,KAAK0B,YAAYM,eAE3B1C,EAAeI,SAGjBM,KAAK0B,YAAYO,MAAMzC,OAAS,OAChCQ,KAAK0B,YAAYO,MAAMC,SAAW,UAElC,GAAIlC,KAAKC,gBAAiB,CACxBD,KAAKmC,WAAWxB,KAAK,CACnBC,UAAW,uB,MAGV,CACL,GAAIZ,KAAKC,gBAAiB,CACxBD,KAAKoC,UAAUzB,KAAK,CAClBC,UAAW,uB,OAITgB,EAAe5B,KAAK0B,aAC1B1B,KAAK0B,YAAYO,MAAMC,SAAW,eAE5BJ,EACJ9B,KAAK0B,YACLK,EAAwBlC,EAAeN,UAAW,CAChDC,OAAQQ,KAAK0B,YAAYM,eAE3BnC,EAAeH,SAGjBM,KAAK0B,YAAYG,OAAS,KAC1B7B,KAAK0B,YAAYO,MAAMzC,OAAS,MAEhC,GAAIQ,KAAKC,gBAAiB,CACxBD,KAAKqC,WAAW1B,KAAK,CACnBC,UAAW,uB,EAKjBZ,KAAKC,gBAAkB,K,CAKzB,UAAMK,GACJ,GAAIN,KAAKK,MAAQL,KAAKsC,SAAU,CAC9B,M,CAGFtC,KAAKC,gBAAkB,KACvBD,KAAKK,KAAO,KACZ,OAAOkC,EAAavC,KAAKsB,QAAS,a,CAKpC,UAAMkB,GACJ,IAAKxC,KAAKK,MAAQL,KAAKsC,SAAU,CAC/B,M,CAGFtC,KAAKC,gBAAkB,KACvBD,KAAKK,KAAO,MACZ,OAAOkC,EAAavC,KAAKsB,QAAS,a,CAKpC,YAAMlB,GACJ,GAAIJ,KAAKK,KAAM,CACb,aAAaL,KAAKwC,M,KACb,CACL,aAAaxC,KAAKM,M,EAMtB,cAAMmC,GACJzC,KAAK0C,cAAcC,O,CAqFrB,iBAAAC,GACE5C,KAAK6C,gBAAkB,uBAAuB/C,K,CAGhD,gBAAAgD,GACE9C,KAAK0B,YAAYG,QAAU7B,KAAKK,KAChCL,KAAK0B,YAAYO,MAAMzC,OAASQ,KAAKK,KAAO,OAAS,MACrDL,KAAK0B,YAAYO,MAAMC,SAAWlC,KAAKK,KAAO,UAAY,Q,CAG5D,uBAAM0C,GACJ/C,KAAKO,UAAYP,KAAKsB,QAAQ0B,QAAQ,iB,CAGxC,oBAAAC,GACE,GAAIjD,KAAKO,UAAW,CAClBP,KAAKO,UAAY,I,EAIrB,MAAA2C,GACE,MAAMC,EAAU,IAAInD,KAAKoD,eACzB,MAAMC,EAAU,CACd,sBAAuB,KACvB,yCAA0CrD,KAAKsD,YAC/C,sCAAuCtD,KAAKuD,SAC5C,+BAAgCvD,KAAKK,KACrC,mCAAoCL,KAAKsC,UAG3C,OACEkB,EAACC,EAAI,KACHD,EAAA,yBAEAA,EAAA,OAAKE,MAAOL,GACVG,EAACL,EAAO,CACNQ,GAAI,GAAG3D,KAAK6C,yBACZa,MAAM,+BACNE,QAAS5D,KAAKE,mBAEdsD,EAAA,UACEK,IAAMC,GAAQ9D,KAAK0C,cAAgBoB,EACnCJ,MAAM,8BAA6B,gBACpB,GAAG1D,KAAK6C,0BAAyB,gBACjC,GAAG7C,KAAKK,KAAO,OAAS,UACvCiC,SAAUtC,KAAKsC,SACf9B,QAASR,KAAKQ,QACdM,OAAQd,KAAKc,OACbiD,UAAW/D,KAAKgB,gBAChBgD,KAAK,SAAQ,cACAhE,KAAKiE,aAAejE,KAAKkE,SAEtCV,EAAA,QAAME,MAAM,qCACT1D,KAAKmE,KACJX,EAAA,aAAWE,MAAM,4BAA4BU,KAAMpE,KAAKmE,OAExDX,EAAA,QAAMY,KAAK,UAGfZ,EAAA,QAAME,MAAM,oCACVF,EAAA,QAAME,MAAM,iCACT1D,KAAKuD,UAERC,EAAA,QAAME,MAAM,qCACT1D,KAAKkE,SAERV,EAAA,QAAME,MAAM,oCACT1D,KAAKsD,cAGVE,EAAA,QAAME,MAAM,sCAEV1D,KAAKqE,OAASrE,KAAKsE,aACnBd,EAAA,cACEE,MAAM,6BACNa,MAAOvE,KAAKqE,MACZL,KAAMhE,KAAKwE,cAKnBhB,EAAA,OACEG,GAAI,GAAG3D,KAAK6C,0BACZgB,IAAMC,GAAQ9D,KAAK0B,YAAcoC,EACjCJ,MAAM,+BAA8B,kBACnB,GAAG1D,KAAK6C,yBACzB4B,KAAK,SACLV,UAAW/D,KAAKuB,kBAEhBiC,EAAA,OAAKE,MAAM,sCACTF,EAAA,gB"}

package/dist/stzh-components/p-32773a2c.system.entry.js

@@ -1,2 +0,0 @@
-System.register(["./p-290fcb28.system.js"],(function(t){"use strict";var s,e,o;return{setters:[function(t){s=t.r;e=t.h;o=t.a}],execute:function(){var h=':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}:host ::slotted(stzh-input),:host ::slotted(stzh-datepicker),:host ::slotted(stzh-dropdown),:host ::slotted(stzh-langnav),:host ::slotted(stzh-fieldset),:host ::slotted(stzh-actions),:host ::slotted(stzh-upload),:host ::slotted(stzh-saptcha),:host ::slotted(stzh-checkboxgroup),:host ::slotted(stzh-radiogroup),:host ::slotted(stzh-message){margin-top:var(--stzh-space-large);margin-bottom:var(--stzh-space-large)}:host ::slotted(h1),:host ::slotted(stzh-heading[level="1"]),:host ::slotted(h2),:host ::slotted(stzh-heading[level="2"]){margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host ::slotted(h1),:host ::slotted(stzh-heading[level="1"]),:host ::slotted(h2),:host ::slotted(stzh-heading[level="2"]){margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(h1),:host ::slotted(stzh-heading[level="1"]),:host ::slotted(h2),:host ::slotted(stzh-heading[level="2"]){margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){:host ::slotted(h1),:host ::slotted(stzh-heading[level="1"]),:host ::slotted(h2),:host ::slotted(stzh-heading[level="2"]){margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(h1),:host ::slotted(stzh-heading[level="1"]),:host ::slotted(h2),:host ::slotted(stzh-heading[level="2"]){margin-bottom:var(--stzh-space-xxxlarge)}}:host ::slotted(h3),:host ::slotted(stzh-heading[level="3"]),:host ::slotted(h4),:host ::slotted(stzh-heading[level="4"]){margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host ::slotted(h3),:host ::slotted(stzh-heading[level="3"]),:host ::slotted(h4),:host ::slotted(stzh-heading[level="4"]){margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(h3),:host ::slotted(stzh-heading[level="3"]),:host ::slotted(h4),:host ::slotted(stzh-heading[level="4"]){margin-top:var(--stzh-space-xxxlarge)}}:host ::slotted(p),:host ::slotted(stzh-text),:host ::slotted(ul),:host ::slotted(ol),:host ::slotted(dl),:host ::slotted(stzh-list){margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 1024px){:host ::slotted(p),:host ::slotted(stzh-text),:host ::slotted(ul),:host ::slotted(ol),:host ::slotted(dl),:host ::slotted(stzh-list){margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host ::slotted(p),:host ::slotted(stzh-text),:host ::slotted(ul),:host ::slotted(ol),:host ::slotted(dl),:host ::slotted(stzh-list){margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1024px){:host ::slotted(p),:host ::slotted(stzh-text),:host ::slotted(ul),:host ::slotted(ol),:host ::slotted(dl),:host ::slotted(stzh-list){margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host ::slotted(p),:host ::slotted(stzh-text),:host ::slotted(ul),:host ::slotted(ol),:host ::slotted(dl),:host ::slotted(stzh-list){margin-bottom:var(--stzh-space-large)}}:host ::slotted(stzh-text[curve=hero]),:host ::slotted(stzh-heading[curve=hero]){margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host ::slotted(stzh-text[curve=hero]),:host ::slotted(stzh-heading[curve=hero]){margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-text[curve=hero]),:host ::slotted(stzh-heading[curve=hero]){margin-bottom:var(--stzh-space-xxxlarge)}}:host ::slotted(stzh-text[curve=h1]),:host ::slotted(stzh-heading[curve=h1]),:host ::slotted(stzh-text[curve=h2]),:host ::slotted(stzh-heading[curve=h2]){margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host ::slotted(stzh-text[curve=h1]),:host ::slotted(stzh-heading[curve=h1]),:host ::slotted(stzh-text[curve=h2]),:host ::slotted(stzh-heading[curve=h2]){margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-text[curve=h1]),:host ::slotted(stzh-heading[curve=h1]),:host ::slotted(stzh-text[curve=h2]),:host ::slotted(stzh-heading[curve=h2]){margin-bottom:var(--stzh-space-xxxlarge)}}:host ::slotted(stzh-text[curve=h1]),:host ::slotted(stzh-heading[curve=h1]),:host ::slotted(stzh-text[curve=h2]),:host ::slotted(stzh-heading[curve=h2]){margin-top:var(--stzh-space-xxlarge)}@media screen and (min-width: 1024px){:host ::slotted(stzh-text[curve=h1]),:host ::slotted(stzh-heading[curve=h1]),:host ::slotted(stzh-text[curve=h2]),:host ::slotted(stzh-heading[curve=h2]){margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-text[curve=h1]),:host ::slotted(stzh-heading[curve=h1]),:host ::slotted(stzh-text[curve=h2]),:host ::slotted(stzh-heading[curve=h2]){margin-top:var(--stzh-space-xxxxlarge)}}:host ::slotted(stzh-text[curve=h3]),:host ::slotted(stzh-heading[curve=h3]),:host ::slotted(stzh-text[curve=h4]),:host ::slotted(stzh-heading[curve=h4]){margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host ::slotted(stzh-text[curve=h3]),:host ::slotted(stzh-heading[curve=h3]),:host ::slotted(stzh-text[curve=h4]),:host ::slotted(stzh-heading[curve=h4]){margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-text[curve=h3]),:host ::slotted(stzh-heading[curve=h3]),:host ::slotted(stzh-text[curve=h4]),:host ::slotted(stzh-heading[curve=h4]){margin-top:var(--stzh-space-xxxlarge)}}:host ::slotted(stzh-text[curve=p1]),:host ::slotted(stzh-text[curve=p2]),:host ::slotted(stzh-heading[curve=p1]),:host ::slotted(stzh-heading[curve=p2]){margin-top:var(--stzh-space-small);margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 1024px){:host ::slotted(stzh-text[curve=p1]),:host ::slotted(stzh-text[curve=p2]),:host ::slotted(stzh-heading[curve=p1]),:host ::slotted(stzh-heading[curve=p2]){margin-top:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-text[curve=p1]),:host ::slotted(stzh-text[curve=p2]),:host ::slotted(stzh-heading[curve=p1]),:host ::slotted(stzh-heading[curve=p2]){margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1024px){:host ::slotted(stzh-text[curve=p1]),:host ::slotted(stzh-text[curve=p2]),:host ::slotted(stzh-heading[curve=p1]),:host ::slotted(stzh-heading[curve=p2]){margin-bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-text[curve=p1]),:host ::slotted(stzh-text[curve=p2]),:host ::slotted(stzh-heading[curve=p1]),:host ::slotted(stzh-heading[curve=p2]){margin-bottom:var(--stzh-space-large)}}:host ::slotted(.section),:host ::slotted(stzh-accordion),:host ::slotted(stzh-anchornav),:host ::slotted(stzh-audio),:host ::slotted(stzh-iframe),:host ::slotted(stzh-youtube),:host ::slotted(stzh-microsite-teaserlist),:host ::slotted(stzh-textandimage),:host ::slotted(stzh-figure),:host ::slotted(stzh-panorama),:host ::slotted(stzh-chart),:host ::slotted(stzh-sitemap),:host ::slotted(stzh-section),:host ::slotted(stzh-hr){margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xxlarge)}@media screen and (min-width: 1024px){:host ::slotted(.section),:host ::slotted(stzh-accordion),:host ::slotted(stzh-anchornav),:host ::slotted(stzh-audio),:host ::slotted(stzh-iframe),:host ::slotted(stzh-youtube),:host ::slotted(stzh-microsite-teaserlist),:host ::slotted(stzh-textandimage),:host ::slotted(stzh-figure),:host ::slotted(stzh-panorama),:host ::slotted(stzh-chart),:host ::slotted(stzh-sitemap),:host ::slotted(stzh-section),:host ::slotted(stzh-hr){margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(.section),:host ::slotted(stzh-accordion),:host ::slotted(stzh-anchornav),:host ::slotted(stzh-audio),:host ::slotted(stzh-iframe),:host ::slotted(stzh-youtube),:host ::slotted(stzh-microsite-teaserlist),:host ::slotted(stzh-textandimage),:host ::slotted(stzh-figure),:host ::slotted(stzh-panorama),:host ::slotted(stzh-chart),:host ::slotted(stzh-sitemap),:host ::slotted(stzh-section),:host ::slotted(stzh-hr){margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){:host ::slotted(.section),:host ::slotted(stzh-accordion),:host ::slotted(stzh-anchornav),:host ::slotted(stzh-audio),:host ::slotted(stzh-iframe),:host ::slotted(stzh-youtube),:host ::slotted(stzh-microsite-teaserlist),:host ::slotted(stzh-textandimage),:host ::slotted(stzh-figure),:host ::slotted(stzh-panorama),:host ::slotted(stzh-chart),:host ::slotted(stzh-sitemap),:host ::slotted(stzh-section),:host ::slotted(stzh-hr){margin-bottom:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(.section),:host ::slotted(stzh-accordion),:host ::slotted(stzh-anchornav),:host ::slotted(stzh-audio),:host ::slotted(stzh-iframe),:host ::slotted(stzh-youtube),:host ::slotted(stzh-microsite-teaserlist),:host ::slotted(stzh-textandimage),:host ::slotted(stzh-figure),:host ::slotted(stzh-panorama),:host ::slotted(stzh-chart),:host ::slotted(stzh-sitemap),:host ::slotted(stzh-section),:host ::slotted(stzh-hr){margin-bottom:var(--stzh-space-xxxxlarge)}}:host ::slotted(stzh-olmap),:host ::slotted(stzh-anchornav){margin-top:var(--stzh-space-xlarge);margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host ::slotted(stzh-olmap),:host ::slotted(stzh-anchornav){margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-olmap),:host ::slotted(stzh-anchornav){margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1024px){:host ::slotted(stzh-olmap),:host ::slotted(stzh-anchornav){margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-olmap),:host ::slotted(stzh-anchornav){margin-bottom:var(--stzh-space-xxxlarge)}}:host ::slotted(stzh-contact),:host ::slotted(stzh-card){margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-medium)}@media screen and (min-width: 1024px){:host ::slotted(stzh-contact),:host ::slotted(stzh-card){margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-contact),:host ::slotted(stzh-card){margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){:host ::slotted(stzh-contact),:host ::slotted(stzh-card){margin-bottom:var(--stzh-space-large)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-contact),:host ::slotted(stzh-card){margin-bottom:var(--stzh-space-xlarge)}}:host ::slotted(stzh-table),:host ::slotted(stzh-datatable){margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host ::slotted(stzh-table),:host ::slotted(stzh-datatable){margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-table),:host ::slotted(stzh-datatable){margin-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){:host ::slotted(stzh-table),:host ::slotted(stzh-datatable){margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-table),:host ::slotted(stzh-datatable){margin-bottom:var(--stzh-space-xxxlarge)}}:host ::slotted(stzh-pagetitle){margin-top:var(--stzh-space-xxlarge);margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host ::slotted(stzh-pagetitle){margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-pagetitle){margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){:host ::slotted(stzh-pagetitle){margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-pagetitle){margin-bottom:var(--stzh-space-xxxlarge)}}:host ::slotted(stzh-pagebottom){margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){:host ::slotted(stzh-pagebottom){margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-pagebottom){margin-top:var(--stzh-space-xxxlarge)}}:host ::slotted(stzh-progressbar){margin-top:var(--stzh-space-xxxlarge)}@media screen and (min-width: 600px){:host ::slotted(stzh-progressbar){margin-top:var(--stzh-space-xxxxlarge)}}@media screen and (min-width: 1024px){:host ::slotted(stzh-progressbar){margin-top:var(--stzh-space-big)}}@media screen and (min-width: 1260px){:host ::slotted(stzh-progressbar){margin-top:var(--stzh-space-xbig)}}:host ::slotted(stzh-pagination){margin-top:var(--stzh-space-medium);margin-bottom:var(--stzh-space-medium)}:host ::slotted(stzh-actions){margin-top:var(--stzh-space-xxlarge)}:host ::slotted(stzh-actions)[variant=process]{margin-top:var(--stzh-space-large)}:host ::slotted(stzh-fieldset){margin-top:var(--stzh-space-large);margin-bottom:var(--stzh-space-large)}:host ::slotted(stzh-fieldset)[legend]{margin-top:var(--stzh-space-xxlarge)}:host ::slotted(stzh-heading[level="4"]+stzh-datalist),:host ::slotted(stzh-heading[curve=h4]+stzh-datalist){margin-top:0}:host([remove-first-margin]:not([remove-first-margin=false])) ::slotted(:first-child),:host([remove-first-margin]:not([remove-first-margin=false])) ::slotted([no-cspace-top]){margin-top:0 !important}:host([remove-last-margin]:not([remove-last-margin=false])) ::slotted(:last-child),:host([remove-last-margin]:not([remove-last-margin=false])) ::slotted([no-cspace-bottom]){margin-bottom:0 !important}';var a=t("stzh_cspace",function(){function t(t){s(this,t);this.removeFirstMargin=true;this.removeLastMargin=true}t.prototype.render=function(){var t={"stzh-cspace":true};return e(o,null,e("div",{class:t},e("slot",null)))};return t}());a.style=h}}}));
-//# sourceMappingURL=p-32773a2c.system.entry.js.map

package/dist/stzh-components/p-32773a2c.system.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["stzhCspaceCss","StzhCspace","exports","class_1","prototype","render","classes","h","Host","class"],"sources":["src/components/stzh-cspace/stzh-cspace.scss?tag=stzh-cspace&encapsulation=shadow","src/components/stzh-cspace/stzh-cspace.tsx"],"sourcesContent":[":host {\n  ::slotted(stzh-input),\n  ::slotted(stzh-datepicker),\n  ::slotted(stzh-dropdown),\n  ::slotted(stzh-langnav),\n  ::slotted(stzh-fieldset),\n  ::slotted(stzh-actions),\n  ::slotted(stzh-upload),\n  ::slotted(stzh-saptcha),\n  ::slotted(stzh-checkboxgroup),\n  ::slotted(stzh-radiogroup),\n  ::slotted(stzh-message) {\n    margin-top: space('large');\n    margin-bottom: space('large');\n  }\n\n  ::slotted(h1),\n  ::slotted(stzh-heading[level=\"1\"]),\n  ::slotted(h2),\n  ::slotted(stzh-heading[level=\"2\"]) {\n    @include spaceCurve('margin-top', 'large');\n    @include spaceCurve('margin-bottom', 'medium');\n  }\n\n  ::slotted(h3),\n  ::slotted(stzh-heading[level=\"3\"]),\n  ::slotted(h4),\n  ::slotted(stzh-heading[level=\"4\"]) {\n    @include spaceCurve('margin-top', 'medium');\n  }\n\n  ::slotted(p),\n  ::slotted(stzh-text),\n  ::slotted(ul),\n  ::slotted(ol),\n  ::slotted(dl),\n  ::slotted(stzh-list) {\n    @include spaceCurve('margin-top', 'small');\n    @include spaceCurve('margin-bottom', 'small');\n  }\n\n  ::slotted(stzh-text[curve=\"hero\"]),\n  ::slotted(stzh-heading[curve=\"hero\"]) {\n    @include spaceCurve('margin-bottom', 'medium');\n  }\n\n  ::slotted(stzh-text[curve=\"h1\"]),\n  ::slotted(stzh-heading[curve=\"h1\"]),\n  ::slotted(stzh-text[curve=\"h2\"]),\n  ::slotted(stzh-heading[curve=\"h2\"]) {\n    @include spaceCurve('margin-bottom', 'medium');\n  }\n\n  ::slotted(stzh-text[curve=\"h1\"]),\n  ::slotted(stzh-heading[curve=\"h1\"]),\n  ::slotted(stzh-text[curve=\"h2\"]),\n  ::slotted(stzh-heading[curve=\"h2\"]) {\n    @include spaceCurve('margin-top', 'large');\n  }\n\n  ::slotted(stzh-text[curve=\"h3\"]),\n  ::slotted(stzh-heading[curve=\"h3\"]),\n  ::slotted(stzh-text[curve=\"h4\"]),\n  ::slotted(stzh-heading[curve=\"h4\"]) {\n    @include spaceCurve('margin-top', 'medium');\n  }\n\n  ::slotted(stzh-text[curve=\"p1\"]),\n  ::slotted(stzh-text[curve=\"p2\"]),\n  ::slotted(stzh-heading[curve=\"p1\"]),\n  ::slotted(stzh-heading[curve=\"p2\"]) {\n    @include spaceCurve('margin-top', 'small');\n    @include spaceCurve('margin-bottom', 'small');\n  }\n\n  ::slotted(.section),\n  ::slotted(stzh-accordion), // TODO: design missing default spacing, we gonna use the most common one\n  ::slotted(stzh-anchornav),\n  ::slotted(stzh-audio), // TOOD: design is using small curve as default spacing, but large looks better\n  ::slotted(stzh-iframe),\n  ::slotted(stzh-youtube),\n  ::slotted(stzh-microsite-teaserlist),\n  ::slotted(stzh-textandimage),\n  ::slotted(stzh-figure),\n  ::slotted(stzh-panorama),\n  ::slotted(stzh-chart),\n  ::slotted(stzh-sitemap),\n  ::slotted(stzh-section),\n  ::slotted(stzh-hr) {\n    @include spaceCurve('margin-top', 'large');\n    @include spaceCurve('margin-bottom', 'large');\n  }\n\n  ::slotted(stzh-olmap),\n  ::slotted(stzh-anchornav) {\n    @include spaceCurve('margin-top', 'medium');\n    @include spaceCurve('margin-bottom', 'medium');\n  }\n\n  ::slotted(stzh-contact),\n  ::slotted(stzh-card) {\n    @include spaceCurve('margin-top', 'regular');\n    @include spaceCurve('margin-bottom', 'regular');\n  }\n\n  ::slotted(stzh-table),\n  ::slotted(stzh-datatable) {\n    @include spaceCurve('margin-top', 'regular');\n    @include spaceCurve('margin-bottom', 'medium');\n  }\n\n  ::slotted(stzh-pagetitle) {\n    @include spaceCurve('margin-top', 'large');\n    @include spaceCurve('margin-bottom', 'medium');\n  }\n\n  ::slotted(stzh-pagebottom) {\n    @include spaceCurve('margin-top', 'medium');\n  }\n\n  ::slotted(stzh-progressbar) {\n    @include spaceCurve('margin-top', 'big');\n  }\n\n  ::slotted(stzh-pagination) {\n    margin-top: space('medium');\n    margin-bottom: space('medium');\n  }\n\n  ::slotted(stzh-actions) {\n    margin-top: space('xxlarge');\n\n    &[variant=\"process\"] {\n      margin-top: space('large');\n    }\n  }\n\n  ::slotted(stzh-fieldset) {\n    margin-top: space('large');\n    margin-bottom: space('large');\n\n    &[legend] {\n      margin-top: space('xxlarge');\n    }\n  }\n\n  ::slotted(stzh-heading[level=\"4\"] + stzh-datalist),\n  ::slotted(stzh-heading[curve=\"h4\"] + stzh-datalist) {\n    margin-top: 0;\n  }\n}\n\n// Remove edge margin\n\n:host([remove-first-margin]:not([remove-first-margin=\"false\"])) {\n  ::slotted(:first-child),\n  ::slotted([no-cspace-top]) {\n    margin-top: 0 !important;\n  }\n}\n\n:host([remove-last-margin]:not([remove-last-margin=\"false\"])) {\n  ::slotted(:last-child),\n  ::slotted([no-cspace-bottom]) {\n    margin-bottom: 0 !important;\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Prop,\n} from \"@stencil/core\";\n\n/**\n * @slot - Slot for any elements that should be vertically spaced\n */\n@Component({\n  tag: \"stzh-cspace\",\n  styleUrl: \"stzh-cspace.scss\",\n  shadow: true\n})\nexport class StzhCspace {\n  /** Whether first top margin of first child component should be set to 0. */\n  @Prop({ reflect: true }) removeFirstMargin: boolean = true;\n\n  /** Whether last bottom margin of last child component should be set to 0. */\n  @Prop({ reflect: true }) removeLastMargin: boolean = true;\n\n  render() {\n    const classes = {\n      \"stzh-cspace\": true\n    };\n\n    return (\n      <Host>\n        <div class={classes}>\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kJAAA,IAAMA,EAAgB,yrb,ICeTC,EAAUC,EAAA,yB,+CAEiC,K,sBAGD,I,CAErDC,EAAAC,UAAAC,OAAA,WACE,IAAMC,EAAU,CACd,cAAe,MAGjB,OACEC,EAACC,EAAI,KACHD,EAAA,OAAKE,MAAOH,GACVC,EAAA,c,WAfa,I"}