@oiz/stzh-components 2.9.0-alpha → 2.9.0-beta

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (138) hide show
  1. package/dist/cjs/{app-globals-15ef98d9.js → app-globals-51c074d3.js} +39 -10
  2. package/dist/cjs/app-globals-51c074d3.js.map +1 -0
  3. package/dist/cjs/index.cjs.js.map +1 -1
  4. package/dist/cjs/loader.cjs.js +2 -2
  5. package/dist/cjs/stzh-components.cjs.js +2 -2
  6. package/dist/cjs/stzh-datatable.cjs.entry.js +83 -8
  7. package/dist/cjs/stzh-datatable.cjs.entry.js.map +1 -1
  8. package/dist/cjs/stzh-message.cjs.entry.js.map +1 -1
  9. package/dist/cjs/stzh-richtext_2.cjs.entry.js +1 -1
  10. package/dist/cjs/stzh-richtext_2.cjs.entry.js.map +1 -1
  11. package/dist/cjs/stzh-skin-portal-mitwirken.cjs.entry.js +1 -1
  12. package/dist/cjs/stzh-skin-portal-mitwirken.cjs.entry.js.map +1 -1
  13. package/dist/cjs/stzh-skin-storybook-preview.cjs.entry.js +1 -1
  14. package/dist/cjs/stzh-skin-storybook-preview.cjs.entry.js.map +1 -1
  15. package/dist/cjs/stzh-table.cjs.entry.js +1 -1
  16. package/dist/cjs/stzh-table.cjs.entry.js.map +1 -1
  17. package/dist/cjs/stzh-toastbar.cjs.entry.js +1 -1
  18. package/dist/cjs/stzh-toastbar.cjs.entry.js.map +1 -1
  19. package/dist/collection/components/stzh-datatable/stzh-datatable.css +6 -3
  20. package/dist/collection/components/stzh-datatable/stzh-datatable.js +241 -9
  21. package/dist/collection/components/stzh-datatable/stzh-datatable.js.map +1 -1
  22. package/dist/collection/components/stzh-datatable/stzh-datatable.stories.js +16 -5
  23. package/dist/collection/components/stzh-message/stzh-message.js.map +1 -1
  24. package/dist/collection/components/stzh-richtext/stzh-richtext.css +4 -0
  25. package/dist/collection/components/stzh-skin-portal-mitwirken/stzh-skin-portal-mitwirken.css +8 -0
  26. package/dist/collection/components/stzh-skin-storybook-preview/stzh-skin-storybook-preview.css +5 -0
  27. package/dist/collection/components/stzh-table/stzh-table.css +6 -3
  28. package/dist/collection/components/stzh-toastbar/stzh-toastbar.css +2 -3
  29. package/dist/collection/global/js/helpers/utils.js +37 -8
  30. package/dist/collection/index.js.map +1 -1
  31. package/dist/components/index.js +38 -9
  32. package/dist/components/index.js.map +1 -1
  33. package/dist/components/index2.js.map +1 -1
  34. package/dist/components/stzh-datatable.js +86 -9
  35. package/dist/components/stzh-datatable.js.map +1 -1
  36. package/dist/components/stzh-message.js.map +1 -1
  37. package/dist/components/stzh-richtext2.js +1 -1
  38. package/dist/components/stzh-richtext2.js.map +1 -1
  39. package/dist/components/stzh-skin-portal-mitwirken.js +1 -1
  40. package/dist/components/stzh-skin-portal-mitwirken.js.map +1 -1
  41. package/dist/components/stzh-skin-storybook-preview.js +1 -1
  42. package/dist/components/stzh-skin-storybook-preview.js.map +1 -1
  43. package/dist/components/stzh-table.js +1 -1
  44. package/dist/components/stzh-table.js.map +1 -1
  45. package/dist/components/stzh-toastbar.js +1 -1
  46. package/dist/components/stzh-toastbar.js.map +1 -1
  47. package/dist/esm/{app-globals-664fb15a.js → app-globals-b350c01d.js} +39 -10
  48. package/dist/esm/app-globals-b350c01d.js.map +1 -0
  49. package/dist/esm/index.js.map +1 -1
  50. package/dist/esm/loader.js +2 -2
  51. package/dist/esm/stzh-components.js +2 -2
  52. package/dist/esm/stzh-datatable.entry.js +84 -9
  53. package/dist/esm/stzh-datatable.entry.js.map +1 -1
  54. package/dist/esm/stzh-message.entry.js.map +1 -1
  55. package/dist/esm/stzh-richtext_2.entry.js +1 -1
  56. package/dist/esm/stzh-richtext_2.entry.js.map +1 -1
  57. package/dist/esm/stzh-skin-portal-mitwirken.entry.js +1 -1
  58. package/dist/esm/stzh-skin-portal-mitwirken.entry.js.map +1 -1
  59. package/dist/esm/stzh-skin-storybook-preview.entry.js +1 -1
  60. package/dist/esm/stzh-skin-storybook-preview.entry.js.map +1 -1
  61. package/dist/esm/stzh-table.entry.js +1 -1
  62. package/dist/esm/stzh-table.entry.js.map +1 -1
  63. package/dist/esm/stzh-toastbar.entry.js +1 -1
  64. package/dist/esm/stzh-toastbar.entry.js.map +1 -1
  65. package/dist/esm-es5/{app-globals-664fb15a.js → app-globals-b350c01d.js} +2 -2
  66. package/dist/esm-es5/{app-globals-664fb15a.js.map → app-globals-b350c01d.js.map} +1 -1
  67. package/dist/esm-es5/index.js.map +1 -1
  68. package/dist/esm-es5/loader.js +1 -1
  69. package/dist/esm-es5/loader.js.map +1 -1
  70. package/dist/esm-es5/stzh-components.js +1 -1
  71. package/dist/esm-es5/stzh-components.js.map +1 -1
  72. package/dist/esm-es5/stzh-datatable.entry.js +2 -2
  73. package/dist/esm-es5/stzh-datatable.entry.js.map +1 -1
  74. package/dist/esm-es5/stzh-message.entry.js.map +1 -1
  75. package/dist/esm-es5/stzh-richtext_2.entry.js +1 -1
  76. package/dist/esm-es5/stzh-richtext_2.entry.js.map +1 -1
  77. package/dist/esm-es5/stzh-skin-portal-mitwirken.entry.js +1 -1
  78. package/dist/esm-es5/stzh-skin-portal-mitwirken.entry.js.map +1 -1
  79. package/dist/esm-es5/stzh-skin-storybook-preview.entry.js +1 -1
  80. package/dist/esm-es5/stzh-skin-storybook-preview.entry.js.map +1 -1
  81. package/dist/esm-es5/stzh-table.entry.js +1 -1
  82. package/dist/esm-es5/stzh-table.entry.js.map +1 -1
  83. package/dist/esm-es5/stzh-toastbar.entry.js +1 -1
  84. package/dist/esm-es5/stzh-toastbar.entry.js.map +1 -1
  85. package/dist/stzh-components/index.esm.js.map +1 -1
  86. package/dist/stzh-components/{p-46a1ed5a.system.js → p-0e061116.system.js} +2 -2
  87. package/dist/stzh-components/{p-46a1ed5a.system.js.map → p-0e061116.system.js.map} +1 -1
  88. package/dist/stzh-components/{p-cb387de2.entry.js → p-128a4694.entry.js} +2 -2
  89. package/dist/stzh-components/{p-cb387de2.entry.js.map → p-128a4694.entry.js.map} +1 -1
  90. package/dist/stzh-components/p-2b394f69.entry.js +2 -0
  91. package/dist/stzh-components/{p-1dd43a6c.entry.js.map → p-2b394f69.entry.js.map} +1 -1
  92. package/dist/stzh-components/{p-819e80c9.entry.js → p-2df0f259.entry.js} +2 -2
  93. package/dist/stzh-components/{p-819e80c9.entry.js.map → p-2df0f259.entry.js.map} +1 -1
  94. package/dist/stzh-components/p-35ec50a1.system.js +2 -0
  95. package/dist/stzh-components/{p-851bbc2e.system.js.map → p-35ec50a1.system.js.map} +1 -1
  96. package/dist/stzh-components/p-45d0b549.entry.js +2 -0
  97. package/dist/stzh-components/{p-3d4553f7.entry.js.map → p-45d0b549.entry.js.map} +1 -1
  98. package/dist/stzh-components/p-61b0e7da.system.entry.js.map +1 -1
  99. package/dist/stzh-components/p-9ee80bcc.entry.js +10 -0
  100. package/dist/stzh-components/p-9ee80bcc.entry.js.map +1 -0
  101. package/dist/stzh-components/{p-0c52518d.system.entry.js → p-a2b700d2.system.entry.js} +2 -2
  102. package/dist/stzh-components/p-a2b700d2.system.entry.js.map +1 -0
  103. package/dist/stzh-components/p-a43b5c3d.entry.js +2 -0
  104. package/dist/stzh-components/p-a43b5c3d.entry.js.map +1 -0
  105. package/dist/stzh-components/{p-b4860ba4.js → p-ace81cde.js} +2 -2
  106. package/dist/stzh-components/{p-b4860ba4.js.map → p-ace81cde.js.map} +1 -1
  107. package/dist/stzh-components/p-b5c456f5.system.entry.js +2 -0
  108. package/dist/stzh-components/{p-78669470.system.entry.js.map → p-b5c456f5.system.entry.js.map} +1 -1
  109. package/dist/stzh-components/p-be4e2975.system.entry.js +2 -0
  110. package/dist/stzh-components/{p-c003c90c.system.entry.js.map → p-be4e2975.system.entry.js.map} +1 -1
  111. package/dist/stzh-components/p-c250e795.entry.js.map +1 -1
  112. package/dist/stzh-components/{p-9343aec6.system.entry.js → p-d175949a.system.entry.js} +2 -2
  113. package/dist/stzh-components/{p-9343aec6.system.entry.js.map → p-d175949a.system.entry.js.map} +1 -1
  114. package/dist/stzh-components/{p-8523e488.system.entry.js → p-d93b1fcd.system.entry.js} +3 -3
  115. package/dist/stzh-components/p-d93b1fcd.system.entry.js.map +1 -0
  116. package/dist/stzh-components/p-eaa65f52.system.js.map +1 -1
  117. package/dist/stzh-components/{p-e611a738.system.entry.js → p-f40c7884.system.entry.js} +2 -2
  118. package/dist/stzh-components/{p-e611a738.system.entry.js.map → p-f40c7884.system.entry.js.map} +1 -1
  119. package/dist/stzh-components/stzh-components.esm.js +1 -1
  120. package/dist/stzh-components/stzh-components.esm.js.map +1 -1
  121. package/dist/stzh-components/stzh-components.js +1 -1
  122. package/dist/types/components.d.ts +44 -6
  123. package/dist/types/index.d.ts +34 -0
  124. package/dist/vscode-data.json +20 -4
  125. package/package.json +1 -1
  126. package/dist/cjs/app-globals-15ef98d9.js.map +0 -1
  127. package/dist/esm/app-globals-664fb15a.js.map +0 -1
  128. package/dist/stzh-components/p-0c52518d.system.entry.js.map +0 -1
  129. package/dist/stzh-components/p-1dd43a6c.entry.js +0 -2
  130. package/dist/stzh-components/p-3d4553f7.entry.js +0 -2
  131. package/dist/stzh-components/p-78669470.system.entry.js +0 -2
  132. package/dist/stzh-components/p-851bbc2e.system.js +0 -2
  133. package/dist/stzh-components/p-8523e488.system.entry.js.map +0 -1
  134. package/dist/stzh-components/p-b329c334.entry.js +0 -2
  135. package/dist/stzh-components/p-b329c334.entry.js.map +0 -1
  136. package/dist/stzh-components/p-c003c90c.system.entry.js +0 -2
  137. package/dist/stzh-components/p-e194091a.entry.js +0 -10
  138. package/dist/stzh-components/p-e194091a.entry.js.map +0 -1
package/dist/stzh-components/p-be4e2975.system.entry.js ADDED
@@ -0,0 +1,2 @@
1
+ System.register(["./p-7b184ebb.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}}}));
2
+ //# sourceMappingURL=p-be4e2975.system.entry.js.map
package/dist/stzh-components/{p-c003c90c.system.entry.js.map → p-be4e2975.system.entry.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"names":["stzhSkinPortalMitwirkenCss","StzhSkinPortalMitwirken","exports","class_1","prototype","componentDidLoad","console","log","this","constructor","style","replace","render","h","Host"],"sources":["src/components/stzh-skin-portal-mitwirken/stzh-skin-portal-mitwirken.scss?tag=stzh-skin-portal-mitwirken","src/components/stzh-skin-portal-mitwirken/stzh-skin-portal-mitwirken.tsx"],"sourcesContent":["@import \"../../global/css/stzh-components.css\";\n\n:root {\n --stzh-color-primary: var(--stzh-color-deepcerulean);\n --stzh-color-primary-hover: var(--stzh-color-regalblue);\n\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\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$mobileBreakpoint: 40em;\n$processHeaderMaxMobileBreakpoint: 599px;\n$processHeaderMaxDesktopBreakpoint: 1023px;\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\n// For main and modals\nmain,\n.reveal-overlay {\n a.muted,\n .inline-filters button.muted[data-toggle] {\n color: $colorWhite;\n background-color: $colorGrey13;\n border-color: $colorGrey13;\n\n &:hover,\n &:focus {\n color: $colorWhite;\n background-color: $colorGrey13;\n border-color: $colorGrey13;\n }\n }\n}\n\n// Only modals\n.reveal-overlay {\n background-color: rgba(5, 127, 172, 0.8);\n\n /* Dialog */\n\n .reveal__title {\n margin-top: 0;\n }\n\n .reveal {\n box-shadow: $boxShadowOverlay;\n }\n\n .close-button {\n color: $baseLeadColor;\n }\n}\n\n// Only header\n.mod_header {\n .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: 208px;\n }\n}\n\n// Main Content Modules\nmain {\n accent-color: $colorPrimary;\n\n /* Resets */\n @include richtext-host;\n @include richtext-slotted($withLists: false);\n\n &, label, tfoot, thead {\n color: $baseColor;\n }\n\n svg {\n overflow: visible;\n }\n\n label {\n display: flex;\n align-items: center;\n }\n\n .field label {\n @include font('heavy');\n display: block;\n }\n\n input[type=checkbox],\n input[type=radio] {\n width: 24px;\n height: 24px;\n }\n\n label > [type=checkbox],\n label > [type=radio] {\n margin-right: space('small');\n }\n\n .filters__section--general label,\n .filters__section label {\n @include fontSize('milli');\n display: flex;\n line-height: 24px;\n transition: color $baseTransitionAnimationSpeed;\n color: $baseColor;\n margin-bottom: space('small');\n }\n\n .filters__has-subfilters {\n align-items: center;\n\n [data-toggle] {\n margin-bottom: space('small');\n }\n }\n\n .form-input-extra-before,\n .form-error {\n @include font;\n @include fontCurve('caption');\n }\n\n .form-error,\n .is-invalid-label {\n color: $colorError;\n }\n\n [type=color],\n [type=date],\n [type=datetime-local],\n [type=datetime],\n [type=email],\n [type=month],\n [type=number],\n [type=password],\n [type=search],\n [type=tel],\n [type=text],\n [type=time],\n [type=url],\n [type=week],\n textarea,\n .inline-filters button[data-toggle],\n select,\n .data-picker .picker-prompt a,\n .data-picker.picker-single .picker-values div a {\n @include font;\n\t @include fontSize('milli');\n border: 1px solid $formBorderColor;\n transition-property: color, border-color;\n transition-duration: $baseTransitionAnimationSpeed;\n border-radius: $formInputBorderRadius;\n padding: space('xsmall') space('medium');\n width: 100%;\n height: $formInputHeight;\n color: $colorPrimary;\n appearance: none;\n margin-bottom: space('medium');\n text-decoration-line: none;\n\n @include placeholder {\n color: $formInputPlaceholderColor;\n }\n\n &:hover,\n &:focus {\n color: $colorPrimaryHover;\n border-color: $colorPrimaryHover;\n }\n\n // remove clear button for IE11\n &::-ms-clear {\n display: none;\n }\n\n // prevent ugly autofill background color in chrome\n &:-webkit-autofill {\n background-clip: text;\n }\n\n // show ellipsis for placeholders that are too long\n &:placeholder-shown {\n text-overflow: ellipsis;\n }\n }\n\n .data-picker .picker-prompt a,\n .data-picker.picker-single .picker-values div a {\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n &::after {\n float: none;\n margin-top: 0;\n }\n }\n\n .inline-filters button[data-toggle],\n select {\n padding-right: space('xxlarge');\n }\n\n textarea {\n min-height: $formInputHeight;\n resize: vertical;\n\n &[rows] {\n height: auto;\n }\n }\n\n .input-group .input-group-field {\n margin-bottom: 0;\n }\n\n .section > p,\n .floating-helper__content p {\n margin-top: 0;\n\n &:last-child {\n margin-bottom: 0;\n }\n }\n\n .add-message,\n .card,\n .chart-tooltip,\n .comment-thread,\n .conference-registration,\n .conference-speaker .speaker-bio {\n margin-bottom: space('xxlarge');\n border-color: $baseBorderColor;\n background-color: $colorWhite;\n }\n\n .ql-editor ol,\n .ql-editor ul {\n padding-left: 0;\n }\n\n .badge-card__content,\n .card__content,\n .card__text--paragraph,\n .floating-helper__content-inner,\n .lead,\n .process-header + .wrapper .section,\n .timeline__content {\n ul li:not(.card-data__item) {\n padding-left: space('large');\n\n &::before {\n content: \"–\";\n margin-left: 0;\n margin-right: 0;\n text-align: left;\n width: auto;\n }\n }\n }\n\n .badge-card__content,\n .card__content,\n .card__text--paragraph,\n .floating-helper__content-inner,\n .lead,\n .process-header + .wrapper .section,\n .timeline__content {\n ul.tags li:not(.card-data__item) {\n padding-left: 0;\n\n &::before {\n content: none;\n }\n }\n }\n\n .m-bottom {\n margin-bottom: space('medium');\n }\n\n .mb-sm {\n margin-bottom: space('xxlarge');\n }\n\n p {\n color: $baseColor;\n }\n\n tfoot td,\n tfoot th,\n thead td,\n thead th {\n @include font('heavy');\n }\n\n tfoot td,\n tfoot th,\n thead td,\n thead th,\n tbody td,\n tbody th {\n padding: space('xmall');\n }\n\n table,\n td,\n tr,\n .questionnaire-question-matrix table,\n .questionnaire-question-matrix td,\n .questionnaire-question-matrix tr,\n .questionnaire-question-matrix tr:nth-child(2n) {\n border-color: $baseBorderColor;\n }\n\n\n /* Process Header */\n\n .process-header .process-header__inner {\n background-color: $colorPrimary;\n }\n\n .card--full .process-header .process-header__container .process-header__info .card__title,\n .process-header .process-header__container .process-header__info .card--full .card__title,\n .process-header .process-header__container .process-header__info .heading2 {\n @include font('title');\n @include fontCurve('hero', 'heading');\n @include spaceCurve('margin-bottom', 'medium');\n margin-top: 0;\n border-bottom: none;\n padding-bottom: 0;\n }\n\n .process-header .process-header__container {\n padding: 0 space('xxxxlarge');\n\n @media screen and (max-width: #{$processHeaderMaxDesktopBreakpoint}) {\n padding: space('xxxxlarge');\n padding-bottom: space('big');\n }\n\n @media screen and (max-width: #{$processHeaderMaxMobileBreakpoint}) {\n padding: space('xxlarge') $containerMargin space('xxxlarge');\n }\n }\n\n .process-header__info {\n padding: 0;\n }\n\n .process-header .process-header__container .process-header__info .heading-small {\n @include fontCurve('h3', 'heading');\n color: $baseInvertColor;\n margin-top: 0;\n }\n\n .process-header__hashtag a {\n color: $baseInvertColor;\n text-decoration-line: none;\n\n &:hover {\n color: $baseInvertColor;\n }\n\n .external-link-indicator {\n background: $baseInvertColor;\n padding: space('xxsmall');\n box-sizing: content-box;\n border-radius: $buttonBorderRadius;\n margin: 0;\n margin-bottom: -4px;\n margin-left: 4px;\n }\n }\n\n .phase-subtitle--initiatives,\n .phase-title,\n .phase-title--initiatives {\n @include font('heavy');\n @include fontCurve('h4');\n color: $baseLeadColor;\n }\n\n .process-header__progress {\n display: flex;\n align-items: center;\n }\n\n .process-header__phase {\n padding: space('medium');\n margin-top: space('medium');\n margin-bottom: 0;\n }\n\n .phase-date {\n @include font('regular');\n @include fontCurve('p2');\n color: $baseColor;\n }\n\n .phase-current {\n @include fontCurve('caption');\n margin-left: space('xxsmall');\n color: $baseColor;\n }\n\n .process-header__progress {\n margin-bottom: space('xsmall');\n }\n\n .process-header__phase .button,\n .process-header__phase .meeting-polls__button,\n .process-phase .button,\n .process-phase .meeting-polls__button {\n margin-top: space('xsmall');\n }\n\n /* Links */\n\n a,\n .link {\n text-decoration-line: underline;\n transition: $baseTransitionAnimationSpeed;\n\n &:hover {\n color: $linkHoverColor;\n }\n }\n\n /* Buttons */\n\n .button {\n @include fontSize('milli');\n display: inline-flex;\n align-items: center;\n height: auto;\n min-height: $formInputHeight;\n line-height: $formInputHeight - 2px;\n line-height: inherit;\n margin: 0;\n text-decoration-line: none;\n appearance: none;\n border: 1px solid $colorPrimary;\n padding: space('xsmall') space('xlarge');\n transition: all $baseTransitionAnimationSpeed;\n\n &.small {\n @include fontSize('micro');\n min-height: $formInputHeightSmall;\n line-height: $formInputHeightSmall - 2px;\n }\n\n &.tiny {\n @include fontSize('micro');\n min-height: 32px;\n }\n\n &.process-nav__more i {\n background-color: currentColor;\n margin-bottom: 0;\n }\n\n &.process-nav__more i:first-child {\n margin-left: space('xsmall');\n }\n }\n\n .button--icon {\n .icon-wrap {\n display: flex;\n align-items: center;\n }\n\n .icon-wrap .icon {\n margin-right: space('xxsmall');\n }\n }\n\n .button--icon.meeting-polls__button .icon,\n .button--icon.small .icon {\n width: iconSize('xxsmall');\n height: iconSize('xxsmall');\n }\n\n .extra .button.follow-button {\n margin-top: 0;\n }\n\n .button-group.meeting-polls__button .button,\n .button-group.meeting-polls__button .meeting-polls__button,\n .button-group.small .button,\n .button-group.small .meeting-polls__button,\n .button-group.tiny .button,\n .button-group.tiny .meeting-polls__button {\n @include fontSize('micro');\n }\n\n .button.primary,\n .button.primary.disabled,\n .button.primary.disabled:focus,\n .button.primary.disabled:hover,\n .button.primary[disabled],\n .button.primary[disabled]:focus,\n .button.primary[disabled]:hover,\n .primary.meeting-polls__button {\n background-color: $colorPrimary;\n\n &:hover,\n &:focus {\n background-color: $colorPrimaryHover;\n }\n }\n\n .button.budget-vote-button {\n @include font;\n color: $colorPrimary;\n background-color: $colorWhite;\n margin-bottom: space('medium');\n\n &:hover,\n &:focus {\n color: $colorPrimaryHover;\n background-color: $colorWhite;\n }\n }\n\n .button--vote-button {\n margin-bottom: space('large');\n }\n\n .view-side > .button {\n margin-bottom: space('medium');\n }\n\n .button.clear,\n .button.clear.disabled,\n .button.clear.disabled:focus,\n .button.clear.disabled:hover,\n .button.clear[disabled],\n .button.clear[disabled]:focus,\n .button.clear[disabled]:hover,\n .clear.meeting-polls__button {\n color: $colorError;\n }\n\n\n /* Wrapper / Layout */\n\n .wrapper {\n @include spaceCurve('padding-top', 'big');\n @include spaceCurve('padding-bottom', 'big');\n\n padding-left: $containerMargin;\n padding-right: $containerMargin;\n\n @include mq($from: small) {\n padding-left: $containerMarginSmall;\n padding-right: $containerMarginSmall;\n }\n\n @include mq($from: medium) {\n padding-left: $containerMarginMedium;\n padding-right: $containerMarginMedium;\n }\n\n @include mq($from: large) {\n padding-left: $containerMarginLarge;\n padding-right: $containerMarginLarge;\n }\n\n .wrapper--inner {\n background-color: $colorGrey5;\n }\n\n // .row.column {\n // padding-left: 0;\n // padding-right: 0;\n // }\n\n .row:not(.column) .floating-helper-container {\n padding-right: 0.625rem;\n padding-left: 0.625rem;\n }\n\n @media screen and (min-width: #{$mobileBreakpoint}) {\n .row:not(.column) .floating-helper-container {\n padding-right: 0.9375rem;\n padding-left: 0.9375rem;\n }\n }\n }\n\n\n /* Headings */\n\n .heading1, h1,\n .heading2, h2,\n .heading3, h3,\n .heading4, h4 {\n color: $colorPrimary;\n }\n\n .heading1, h1 {\n @include font('title');\n @include fontCurve('h1', 'heading');\n @include spaceCurve('margin-top', 'large');\n @include spaceCurve('margin-bottom', 'medium');\n @include spaceCurve('padding-bottom', 'tiny');\n border-bottom: 1px solid $baseBorderColor;\n }\n\n .section-heading,\n .heading2, h2 {\n @include font('title');\n @include fontCurve('h2', 'heading');\n @include spaceCurve('margin-top', 'large');\n @include spaceCurve('margin-bottom', 'medium');\n @include spaceCurve('padding-bottom', 'tiny');\n border-bottom: 1px solid $baseBorderColor;\n }\n\n .heading3, h3 {\n @include font('title');\n @include fontCurve('h3', 'heading');\n @include spaceCurve('margin-top', 'medium');\n }\n\n .heading4, h4 {\n @include font('title');\n @include fontCurve('h4', 'heading');\n @include spaceCurve('margin-top', 'medium');\n color: $baseColor;\n }\n\n .heading4, h4,\n .timeline__item--current .timeline__date {\n color: $colorPrimary;\n }\n\n #most-commented .section-heading {\n margin-top: 0;\n }\n\n #most-commented a {\n text-decoration-line: none;\n }\n\n\n /* Section */\n\n .section {\n @include spaceCurve('margin-bottom', 'large');\n }\n\n .section-heading {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n }\n\n .section-heading .text-sm,\n .section-heading .text-small {\n @include fontCurve('h3', 'heading');\n }\n\n\n /* Dropdown */\n\n .order-by__dropdown,\n .results-per-page__dropdown {\n display: flex;\n align-items: center;\n }\n\n .order-by__text,\n .results-per-page__text {\n margin-right: space('xsmall');\n }\n\n .is-dropdown-submenu {\n box-shadow: $boxShadowPopover;\n border: none;\n border-radius: var(--stzh-popover-border-radius);\n margin-top: var(--stzh-space-xsmall);\n }\n\n .dropdown.menu > li.is-dropdown-submenu-parent > a {\n @include font;\n @include fontSize('milli');\n display: flex;\n align-items: center;\n background: $colorWhite;\n padding: space('xsmall') space('medium');\n padding-right: calc(#{space('xlarge')} + #{space('medium')} + #{space('xsmall')});\n min-height: $formInputHeight;\n border: 1px solid $formBorderColor;\n margin: 0;\n }\n\n .dropdown.menu > li.is-dropdown-submenu-parent > a:after {\n border-color: $colorPrimary transparent transparent;\n right: space('medium');\n }\n\n .dropdown .is-dropdown-submenu a,\n .comment__header__context-menu__content-item {\n @include fontSize('micro');\n display: flex;\n align-items: center;\n justify-content: stretch;\n appearance: none;\n text-decoration-line: none;\n border: none;\n padding: space('xsmall') space('medium');\n padding-left: space('large');\n color: $colorGrey70;\n background-color: transparent;\n height: $menuItemHeight;\n line-height: $menuItemHeight;\n transition: all $baseTransitionAnimationSpeed;\n cursor: pointer;\n\n &:hover {\n color: $colorGrey70;\n background-color: $colorGrey5;\n text-decoration-line: none;\n }\n }\n\n .comment__header__context-menu__content-item {\n grid-gap: space('small');\n gap: space('small');\n }\n\n\n /* Comments */\n\n .comments {\n padding-top: 0;\n margin-top: space('medium');\n margin-bottom: space('medium');\n }\n\n .comments .section-heading {\n margin-top: 0;\n }\n\n .comment__header,\n .comment__footer,\n .add-comment {\n @include spaceCurve('padding', 'regular');\n }\n\n .add-comment {\n background-color: transparent;\n padding: 0;\n }\n\n .add-comment .remaining-character-count {\n color: $baseColor;\n padding: space('xsmall') space('small');\n }\n\n .comment-threads {\n margin-bottom: space('xxxlarge');\n }\n\n .comment__content {\n @include spaceCurve('padding-left', 'regular');\n @include spaceCurve('padding-right', 'regular');\n\n p {\n margin-top: 0;\n margin-bottom: 0;\n }\n }\n\n .comment__footer {\n @include fontCurve('p2');\n }\n\n .comment__votes {\n margin-top: 0;\n }\n\n .comment__header__context-menu__content {\n box-shadow: $boxShadowPopover;\n }\n\n .opinion-toggle {\n margin: space('xlarge') 0;\n }\n\n .button:hover,\n .meeting-polls__button:hover,\n .opinion-toggle--meh.is-active,\n .opinion-toggle--meh:focus,\n .opinion-toggle--meh:hover {\n background-color: $colorPrimaryHover;\n border-color: $colorPrimaryHover;\n }\n\n .opinion-toggle--ko.is-active,\n .opinion-toggle--ko:focus,\n .opinion-toggle--ko:hover {\n background-color: $colorError;\n border-color: $colorError;\n }\n\n .opinion-toggle--ok.is-active,\n .opinion-toggle--ok:focus,\n .opinion-toggle--ok:hover {\n background-color: $colorTruegreen;\n border-color: $colorTruegreen;\n }\n\n\n /* Process Nav */\n\n .process-nav__content {\n border-bottom: none;\n }\n\n @media screen and (min-width: #{$mobileBreakpoint}) {\n .process-nav__content {\n border-bottom: 1px solid $baseBorderColor;\n }\n }\n\n @media screen and (min-width: #{$mobileBreakpoint}) {\n .process-nav li {\n padding: space('xsmall') space('small');\n }\n }\n\n\n /* Statistics */\n\n .statistics-cell {\n margin: space('xxlarge') 0;\n }\n\n .statistics-cell .statistic__number {\n @include font('regular');\n color: $colorPrimary;\n }\n\n .statistics-cell .statistic__title {\n @include font('heavy');\n @include fontCurve('p2');\n color: $baseLeadColor;\n margin-top: 0;\n text-transform: none;\n }\n\n .statistics-cell .statistic__data:after {\n border-left: 2px solid $baseBorderColor;\n }\n\n\n /* Richtext */\n\n .ql-editor {\n @include richtext-host;\n @include richtext-slotted($withLists: false);\n\n *:first-child {\n margin-top: 0;\n }\n }\n\n .help-text {\n color: $baseColor;\n }\n\n .help-text .ql-editor p {\n @include fontCurve('caption');\n }\n\n\n /* Accountability */\n\n .accountability .categories .categories--header span,\n .accountability .categories .progress-figure,\n .accountability .categories .categories--group .category--title .progress-info .category--count {\n color: $baseColor;\n }\n\n .accountability .categories .categories--header .icon--arrow-bottom {\n fill: $baseColor;\n }\n\n .accountability .categories .categories--header {\n border-color: $baseBorderColor;\n margin-bottom: space('medium');\n padding-bottom: space('medium');\n }\n\n .accountability .intro .progress-level p {\n @include font('heavy');\n @include spaceCurve('margin-bottom', 'small');\n margin-top: 0;\n }\n\n .accountability .categories .progress-figure {\n margin-top: 0;\n }\n\n .accountability .categories .categories--group .category--title .progress-info .category--count {\n margin-top: space('xxxsmall');\n }\n\n .accountability .title-action {\n @include spaceCurve('margin-bottom', 'regular');\n }\n\n\n /* Breadrumb */\n\n .lines-breadcrumb a,\n .muted-link {\n @include font;\n color: $linkColor;\n transition: color $baseTransitionAnimationSpeed;\n border-radius: $buttonBorderRadius;\n\n &:hover,\n &:focus {\n color: $linkHoverColor;\n }\n }\n\n\n /* Lead */\n\n .lead .ql-editor p {\n @include font('light');\n @include fontCurve('h3');\n @include spaceCurve('margin-bottom', 'big');\n margin-top: space('xxlarge');\n }\n\n\n /* Message / Callout / Floating Helper */\n\n .callout.secondary,\n .callout.warning,\n .callout.success,\n .floating-helper__content {\n @include spaceCurve('padding', 'regular');\n padding: space('medium');\n display: block;\n box-shadow: $boxShadowMessage;\n background-color: $colorWhite;\n margin-bottom: space('xxxxlarge') !important;\n }\n\n .callout {\n @include font('heavy');\n border-left-width: 5px;\n\n .heading2,\n .heading3 {\n &:first-child {\n margin-top: 0;\n }\n }\n }\n\n .floating-helper__content {\n border-top: none;\n padding-right: calc(#{iconSize('medium')} + #{space('small')} + #{space('medium')});\n }\n\n .floating-helper__wrapper {\n position: relative;\n }\n\n .floating-helper__content-close {\n @include spaceCurve('top', 'regular');\n @include spaceCurve('right', 'regular');\n box-sizing: content-box;\n position: absolute;\n width: iconSize('medium');\n height: iconSize('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 .icon {\n width: iconSize('xxsmall');\n height: iconSize('xxsmall');\n }\n }\n\n .floating-helper__icon-big {\n width: iconSize('large');\n height: iconSize('large');\n background-color: $colorPrimary8;\n\n .icon {\n width: iconSize('xsmall');\n height: iconSize('xsmall');\n }\n }\n\n @media screen and (min-width: #{$mobileBreakpoint}) {\n .floating-helper__content-inner > * {\n margin: 0;\n }\n\n .floating-helper__icon-big {\n margin-right: space('small');\n }\n }\n\n .floating-helper-block .mb-s {\n margin: 0 !important;\n }\n\n\n /* Sidebar */\n\n .extra,\n .tech-info {\n @include spaceCurve('margin-bottom', 'regular');\n }\n\n .extra__date,\n .extra__suport-number {\n @include font('heavy');\n @include fontCurve('h2');\n }\n\n .extra__month {\n @include fontCurve('caption');\n }\n\n .extra__time,\n .extra__suport-text {\n @include fontCurve('p2');\n color: $baseColor;\n }\n\n\n /* Filters */\n\n .filters__help p:first-of-type {\n @include fontCurve('p2');\n margin-top: 0;\n }\n\n #participatory-space-filters legend {\n margin-right: space('xsmall');\n }\n\n\n /* Mini Title */\n\n .mini-title {\n @include font('heavy');\n @include fontCurve('p2');\n color: $baseColor;\n margin-bottom: space('small');\n }\n\n .mini-title__strong--highlight {\n @include font('heavy');\n @include fontCurve('h4');\n }\n\n\n /* Tags */\n\n .tags {\n display: flex;\n flex-wrap: wrap;\n\n &:last-child {\n margin-bottom: calc(#{space('xsmall')} * -1);\n }\n }\n\n .tags li {\n margin-right: space('xsmall');\n margin-bottom: space('xsmall');\n }\n\n .tags li a {\n @include fontSize('micro');\n height: 32px;\n line-height: 32px;\n display: flex;\n flex-direction: row;\n align-items: center;\n border-radius: 16px;\n padding: 0 space('medium');\n color: $colorPrimary;\n appearance: none;\n border: 1px solid $colorGrey13;\n background-color: $colorWhite;\n transition: all $baseTransitionAnimationSpeed;\n text-decoration-line: none;\n }\n\n /* Card */\n\n .card {\n color: $baseColor;\n }\n\n .card__top .badge-card__content,\n .card__top .card__content {\n @include fontCurve('caption');\n padding: space('xsmall') space('large');\n align-items: center;\n\n span.muted {\n font-size: inherit;\n }\n }\n\n .card__top .card__content {\n border-bottom: 1px solid $baseBorderColor;\n }\n\n .card__top .card__content .card__link {\n display: block;\n }\n\n .card > .card__content,\n .card.definition-data,\n .card .definition-data,\n .badge-card__content,\n .card__support,\n .filters__section,\n .filters__section--general,\n .filters__section--general:first-of-type,\n .filters__section:first-of-type {\n @include spaceCurve('padding', 'regular');\n }\n\n .card-data__item,\n .filters__section,\n .filters__section--general,\n .card__block ul,\n .card__icondata ul,\n .card__footer,\n .card__top {\n border-color: $baseBorderColor;\n }\n\n .card__link {\n display: flex;\n flex-direction: column;\n text-decoration-line: none;\n color: $baseColor;\n\n &:hover {\n text-decoration-line: none;\n }\n\n .text-small {\n @include fontCurve('p2');\n }\n }\n\n .card__header {\n margin-bottom: space('small');\n }\n\n .card__text {\n @include fontCurve('p1');\n\n &:not(:last-child) {\n margin-bottom: space('small');\n }\n }\n\n .card .card__title,\n .card--list__heading {\n @include font('heavy');\n @include fontCurve('h4', 'heading');\n color: $colorPrimary;\n margin-top: 0;\n transition: color $baseTransitionAnimationSpeed;\n }\n\n .card:not(.card--secondary):hover .card__title {\n color: $colorPrimaryHover;\n }\n\n .collapsible-list .card__text--paragraph {\n color: $baseColor !important;\n }\n\n .card__block ul li:not(:first-child),\n .card__icondata ul li:not(:first-child) {\n @include fontCurve('caption');\n color: $baseColor;\n }\n\n .card-data__item {\n @include fontCurve('caption');\n color: $baseColor;\n\n .heading1,\n .heading2,\n .heading3,\n .heading4 {\n margin-top: 0;\n }\n\n strong {\n display: block;\n }\n\n br {\n display: none;\n }\n }\n\n .card-data__item.creation_date_status strong {\n color: $baseColor;\n color: inherit;\n }\n\n .card__status .card-data__item {\n padding: space('xsmall');\n }\n\n .card--meta {\n color: $baseColor;\n }\n\n .card__block ul li:not(:first-child) strong,\n .card__icondata ul li:not(:first-child) strong {\n font-size: inherit;\n letter-spacing: inherit;\n }\n\n .add-message:not(.card--secondary),\n .card:not(.card--secondary),\n .chart-tooltip:not(.card--secondary),\n .conference-registration:not(.card--secondary),\n .conference-speaker .speaker-bio:not(.card--secondary) {\n &:hover {\n box-shadow: $boxShadowPopover;\n }\n }\n\n div.card__text--paragraph > .ql-editor.ql-reset-decidim > p,\n div.card__text--paragraph > .ql-editor.ql-reset-decidim > h1,\n div.card__text--paragraph > .ql-editor.ql-reset-decidim > h2,\n div.card__text--paragraph > .ql-editor.ql-reset-decidim > h3,\n div.card__text--paragraph > .ql-editor.ql-reset-decidim > h4 {\n @include font;\n @include fontCurve('p1');\n color: $baseColor;\n }\n\n // Progress bar\n\n .progress__bar.progress__bar--vertical .progress__bar__subtitle,\n .progress__bar .progress__bar__title {\n @include font;\n @include fontCurve('caption');\n color: $baseColor;\n }\n\n .card__support__number,\n .progress__bar.progress__bar--vertical .progress__bar__subtitle .progress__bar__number,\n .progress__bar .progress__bar__title .progress__bar__number,\n .extra__suport-text,\n .progress__bar.progress__bar--vertical .progress__bar__text {\n @include fontCurve('p2');\n color: $baseColor;\n }\n\n .progress__bar.progress__bar--vertical .progress__bar__number {\n @include font('heavy');\n @include fontCurve('h2');\n }\n\n // Card list\n\n .card--list__item {\n padding: 0;\n }\n\n .card--list__text {\n padding: 0;\n display: block;\n }\n\n .card--list__icon {\n fill: $colorPrimary;\n }\n\n .card--list__item .card__link {\n @include spaceCurve('padding', 'regular');\n }\n\n .card--list__text .card__link:hover .card--list__heading {\n color: $colorPrimaryHover;\n }\n\n .card--list__text .card__link .text-small {\n color: $baseColor;\n }\n\n .card--list__data {\n background-color: $colorGrey5;\n }\n\n .card--list__data__number {\n @include font('heavy');\n @include fontCurve('h3');\n color: $colorGrey70;\n }\n\n // Side cards\n\n .card.extra,\n .view-side .card:not(.card--secondary),\n .comment-thread:not(.card--secondary) {\n &:hover {\n box-shadow: none;\n }\n }\n\n // Definition Card\n\n .definition__title {\n color: $colorGrey70;\n }\n\n .definition-data {\n color: $colorGrey55;\n }\n\n .definition-data__item {\n @include fontCurve('p2');\n padding: 0;\n padding-bottom: space('small');\n margin-bottom: space('small');\n border-bottom: 1px solid $baseBorderColor;\n\n &:last-child {\n border-bottom: none;\n margin-bottom: 0;\n padding-bottom: 0;\n }\n }\n\n .definition-data__title {\n @include font('heavy');\n @include fontCurve('p2');\n margin-bottom: 0;\n }\n\n .section.columns.medium-5.mediumlarge-4.large-3 > .card.extra.definition-data {\n background-color: $colorGrey5;\n }\n\n\n /* Blog */\n\n .author__name {\n @include font('regular');\n @include fontCurve('caption');\n color: $colorGrey55 !important;\n }\n\n .author-data {\n @include fontCurve('caption');\n color: $baseColor;\n }\n\n .author-data__extra {\n @include font('regular');\n @include fontCurve('caption');\n\n &::before {\n border-color: $baseBorderColor;\n }\n }\n\n .author-data__extra a {\n white-space: nowrap;\n text-decoration-line: none;\n }\n\n .author-data__extra > a,\n .author-data__extra > button\n .author-data__extra > span {\n margin-right: space('medium');\n }\n\n\n /* Budget */\n\n .budget-summary {\n .heading2,\n .heading3 {\n &:first-child {\n margin-top: 0;\n }\n }\n }\n\n .budget-progress {\n min-height: $formInputHeight;\n }\n\n .budget-list__title {\n margin-top: space('xsmall');\n margin-bottom: space('medium');\n }\n\n .budget-list__text:not(:last-child) {\n margin-bottom: 0;\n }\n\n .budget-list__data__number {\n @include font('heavy');\n @include fontCurve('h4');\n }\n\n /* Survey */\n\n .answer-questionnaire .questionnaire-question {\n @include font('heavy');\n @include fontCurve('p1');\n margin-bottom: space('xsmall');\n }\n}\n","import {\n Component,\n Host,\n h\n} from \"@stencil/core\";\n\n/**\n *\n */\n@Component({\n tag: \"stzh-skin-portal-mitwirken\",\n styleUrl: \"stzh-skin-portal-mitwirken.scss\"\n})\nexport class StzhSkinPortalMitwirken {\n componentDidLoad() {\n // copy this string from console and put it in the Decidim CSS textbox to adjust theme\n console.log((this.constructor as any).style.replace('@charset \"UTF-8\";', ''));\n }\n\n render() {\n return (\n <Host>\n </Host>\n );\n }\n}\n"],"mappings":"kJAAA,IAAMA,EAA6B,my9J,ICatBC,EAAuBC,EAAA,wC,wBAClCC,EAAAC,UAAAC,iBAAA,WAEEC,QAAQC,IAAKC,KAAKC,YAAoBC,MAAMC,QAAQ,oBAAqB,I,EAG3ER,EAAAC,UAAAQ,OAAA,WACE,OACEC,EAACC,EAAI,K,WARyB,I"}
1
+ {"version":3,"names":["stzhSkinPortalMitwirkenCss","StzhSkinPortalMitwirken","exports","class_1","prototype","componentDidLoad","console","log","this","constructor","style","replace","render","h","Host"],"sources":["src/components/stzh-skin-portal-mitwirken/stzh-skin-portal-mitwirken.scss?tag=stzh-skin-portal-mitwirken","src/components/stzh-skin-portal-mitwirken/stzh-skin-portal-mitwirken.tsx"],"sourcesContent":["@import \"../../global/css/stzh-components.css\";\n\n:root {\n --stzh-color-primary: var(--stzh-color-deepcerulean);\n --stzh-color-primary-hover: var(--stzh-color-regalblue);\n\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\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$mobileBreakpoint: 40em;\n$processHeaderMaxMobileBreakpoint: 599px;\n$processHeaderMaxDesktopBreakpoint: 1023px;\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\n// For main and modals\nmain,\n.reveal-overlay {\n a.muted,\n .inline-filters button.muted[data-toggle] {\n color: $colorWhite;\n background-color: $colorGrey13;\n border-color: $colorGrey13;\n\n &:hover,\n &:focus {\n color: $colorWhite;\n background-color: $colorGrey13;\n border-color: $colorGrey13;\n }\n }\n}\n\n// Only modals\n.reveal-overlay {\n background-color: rgba(5, 127, 172, 0.8);\n\n /* Dialog */\n\n .reveal__title {\n margin-top: 0;\n }\n\n .reveal {\n box-shadow: $boxShadowOverlay;\n }\n\n .close-button {\n color: $baseLeadColor;\n }\n}\n\n// Only header\n.mod_header {\n .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: 208px;\n }\n}\n\n// Main Content Modules\nmain {\n accent-color: $colorPrimary;\n\n /* Resets */\n @include richtext-host;\n @include richtext-slotted($withLists: false);\n\n &, label, tfoot, thead {\n color: $baseColor;\n }\n\n svg {\n overflow: visible;\n }\n\n label {\n display: flex;\n align-items: center;\n }\n\n .field label {\n @include font('heavy');\n display: block;\n }\n\n input[type=checkbox],\n input[type=radio] {\n width: 24px;\n height: 24px;\n }\n\n label > [type=checkbox],\n label > [type=radio] {\n margin-right: space('small');\n }\n\n .filters__section--general label,\n .filters__section label {\n @include fontSize('milli');\n display: flex;\n line-height: 24px;\n transition: color $baseTransitionAnimationSpeed;\n color: $baseColor;\n margin-bottom: space('small');\n }\n\n .filters__has-subfilters {\n align-items: center;\n\n [data-toggle] {\n margin-bottom: space('small');\n }\n }\n\n .form-input-extra-before,\n .form-error {\n @include font;\n @include fontCurve('caption');\n }\n\n .form-error,\n .is-invalid-label {\n color: $colorError;\n }\n\n [type=color],\n [type=date],\n [type=datetime-local],\n [type=datetime],\n [type=email],\n [type=month],\n [type=number],\n [type=password],\n [type=search],\n [type=tel],\n [type=text],\n [type=time],\n [type=url],\n [type=week],\n textarea,\n .inline-filters button[data-toggle],\n select,\n .data-picker .picker-prompt a,\n .data-picker.picker-single .picker-values div a {\n @include font;\n\t @include fontSize('milli');\n border: 1px solid $formBorderColor;\n transition-property: color, border-color;\n transition-duration: $baseTransitionAnimationSpeed;\n border-radius: $formInputBorderRadius;\n padding: space('xsmall') space('medium');\n width: 100%;\n height: $formInputHeight;\n color: $colorPrimary;\n appearance: none;\n margin-bottom: space('medium');\n text-decoration-line: none;\n\n @include placeholder {\n color: $formInputPlaceholderColor;\n }\n\n &:hover,\n &:focus {\n color: $colorPrimaryHover;\n border-color: $colorPrimaryHover;\n }\n\n // remove clear button for IE11\n &::-ms-clear {\n display: none;\n }\n\n // prevent ugly autofill background color in chrome\n &:-webkit-autofill {\n background-clip: text;\n }\n\n // show ellipsis for placeholders that are too long\n &:placeholder-shown {\n text-overflow: ellipsis;\n }\n }\n\n .data-picker .picker-prompt a,\n .data-picker.picker-single .picker-values div a {\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n &::after {\n float: none;\n margin-top: 0;\n }\n }\n\n .inline-filters button[data-toggle],\n select {\n padding-right: space('xxlarge');\n }\n\n textarea {\n min-height: $formInputHeight;\n resize: vertical;\n\n &[rows] {\n height: auto;\n }\n }\n\n .input-group .input-group-field {\n margin-bottom: 0;\n }\n\n .section > p,\n .floating-helper__content p {\n margin-top: 0;\n\n &:last-child {\n margin-bottom: 0;\n }\n }\n\n .add-message,\n .card,\n .chart-tooltip,\n .comment-thread,\n .conference-registration,\n .conference-speaker .speaker-bio {\n margin-bottom: space('xxlarge');\n border-color: $baseBorderColor;\n background-color: $colorWhite;\n }\n\n .ql-editor ol,\n .ql-editor ul {\n padding-left: 0;\n }\n\n .badge-card__content,\n .card__content,\n .card__text--paragraph,\n .floating-helper__content-inner,\n .lead,\n .process-header + .wrapper .section,\n .timeline__content {\n ul li:not(.card-data__item) {\n padding-left: space('large');\n\n &::before {\n content: \"–\";\n margin-left: 0;\n margin-right: 0;\n text-align: left;\n width: auto;\n }\n }\n }\n\n .badge-card__content,\n .card__content,\n .card__text--paragraph,\n .floating-helper__content-inner,\n .lead,\n .process-header + .wrapper .section,\n .timeline__content {\n ul.tags li:not(.card-data__item) {\n padding-left: 0;\n\n &::before {\n content: none;\n }\n }\n }\n\n .m-bottom {\n margin-bottom: space('medium');\n }\n\n .mb-sm {\n margin-bottom: space('xxlarge');\n }\n\n p {\n color: $baseColor;\n }\n\n tfoot td,\n tfoot th,\n thead td,\n thead th {\n @include font('heavy');\n }\n\n tfoot td,\n tfoot th,\n thead td,\n thead th,\n tbody td,\n tbody th {\n padding: space('xmall');\n }\n\n table,\n td,\n tr,\n .questionnaire-question-matrix table,\n .questionnaire-question-matrix td,\n .questionnaire-question-matrix tr,\n .questionnaire-question-matrix tr:nth-child(2n) {\n border-color: $baseBorderColor;\n }\n\n\n /* Process Header */\n\n .process-header .process-header__inner {\n background-color: $colorPrimary;\n }\n\n .card--full .process-header .process-header__container .process-header__info .card__title,\n .process-header .process-header__container .process-header__info .card--full .card__title,\n .process-header .process-header__container .process-header__info .heading2 {\n @include font('title');\n @include fontCurve('hero', 'heading');\n @include spaceCurve('margin-bottom', 'medium');\n margin-top: 0;\n border-bottom: none;\n padding-bottom: 0;\n }\n\n .process-header .process-header__container {\n padding: 0 space('xxxxlarge');\n\n @media screen and (max-width: #{$processHeaderMaxDesktopBreakpoint}) {\n padding: space('xxxxlarge');\n padding-bottom: space('big');\n }\n\n @media screen and (max-width: #{$processHeaderMaxMobileBreakpoint}) {\n padding: space('xxlarge') $containerMargin space('xxxlarge');\n }\n }\n\n .process-header__info {\n padding: 0;\n }\n\n .process-header .process-header__container .process-header__info .heading-small {\n @include fontCurve('h3', 'heading');\n color: $baseInvertColor;\n margin-top: 0;\n }\n\n .process-header__hashtag a {\n color: $baseInvertColor;\n text-decoration-line: none;\n\n &:hover {\n color: $baseInvertColor;\n }\n\n .external-link-indicator {\n background: $baseInvertColor;\n padding: space('xxsmall');\n box-sizing: content-box;\n border-radius: $buttonBorderRadius;\n margin: 0;\n margin-bottom: -4px;\n margin-left: 4px;\n }\n }\n\n .phase-subtitle--initiatives,\n .phase-title,\n .phase-title--initiatives {\n @include font('heavy');\n @include fontCurve('h4');\n color: $baseLeadColor;\n }\n\n .process-header__progress {\n display: flex;\n align-items: center;\n }\n\n .process-header__phase {\n padding: space('medium');\n margin-top: space('medium');\n margin-bottom: 0;\n }\n\n .phase-date {\n @include font('regular');\n @include fontCurve('p2');\n color: $baseColor;\n }\n\n .phase-current {\n @include fontCurve('caption');\n margin-left: space('xxsmall');\n color: $baseColor;\n }\n\n .process-header__progress {\n margin-bottom: space('xsmall');\n }\n\n .process-header__phase .button,\n .process-header__phase .meeting-polls__button,\n .process-phase .button,\n .process-phase .meeting-polls__button {\n margin-top: space('xsmall');\n }\n\n /* Links */\n\n a,\n .link {\n text-decoration-line: underline;\n transition: $baseTransitionAnimationSpeed;\n\n &:hover {\n color: $linkHoverColor;\n }\n }\n\n /* Buttons */\n\n .button {\n @include fontSize('milli');\n display: inline-flex;\n align-items: center;\n height: auto;\n min-height: $formInputHeight;\n line-height: $formInputHeight - 2px;\n line-height: inherit;\n margin: 0;\n text-decoration-line: none;\n appearance: none;\n border: 1px solid $colorPrimary;\n padding: space('xsmall') space('xlarge');\n transition: all $baseTransitionAnimationSpeed;\n\n &.small {\n @include fontSize('micro');\n min-height: $formInputHeightSmall;\n line-height: $formInputHeightSmall - 2px;\n }\n\n &.tiny {\n @include fontSize('micro');\n min-height: 32px;\n }\n\n &.process-nav__more i {\n background-color: currentColor;\n margin-bottom: 0;\n }\n\n &.process-nav__more i:first-child {\n margin-left: space('xsmall');\n }\n }\n\n .button--icon {\n .icon-wrap {\n display: flex;\n align-items: center;\n }\n\n .icon-wrap .icon {\n margin-right: space('xxsmall');\n }\n }\n\n .button--icon.meeting-polls__button .icon,\n .button--icon.small .icon {\n width: iconSize('xxsmall');\n height: iconSize('xxsmall');\n }\n\n .extra .button.follow-button {\n margin-top: 0;\n }\n\n .button-group.meeting-polls__button .button,\n .button-group.meeting-polls__button .meeting-polls__button,\n .button-group.small .button,\n .button-group.small .meeting-polls__button,\n .button-group.tiny .button,\n .button-group.tiny .meeting-polls__button {\n @include fontSize('micro');\n }\n\n .button.primary,\n .button.primary.disabled,\n .button.primary.disabled:focus,\n .button.primary.disabled:hover,\n .button.primary[disabled],\n .button.primary[disabled]:focus,\n .button.primary[disabled]:hover,\n .primary.meeting-polls__button {\n background-color: $colorPrimary;\n\n &:hover,\n &:focus {\n background-color: $colorPrimaryHover;\n }\n }\n\n .button.budget-vote-button {\n @include font;\n color: $colorPrimary;\n background-color: $colorWhite;\n margin-bottom: space('medium');\n\n &:hover,\n &:focus {\n color: $colorPrimaryHover;\n background-color: $colorWhite;\n }\n }\n\n .button--vote-button {\n margin-bottom: space('large');\n }\n\n .view-side > .button {\n margin-bottom: space('medium');\n }\n\n .button.clear,\n .button.clear.disabled,\n .button.clear.disabled:focus,\n .button.clear.disabled:hover,\n .button.clear[disabled],\n .button.clear[disabled]:focus,\n .button.clear[disabled]:hover,\n .clear.meeting-polls__button {\n color: $colorError;\n }\n\n\n /* Wrapper / Layout */\n\n .wrapper {\n @include spaceCurve('padding-top', 'big');\n @include spaceCurve('padding-bottom', 'big');\n\n padding-left: $containerMargin;\n padding-right: $containerMargin;\n\n @include mq($from: small) {\n padding-left: $containerMarginSmall;\n padding-right: $containerMarginSmall;\n }\n\n @include mq($from: medium) {\n padding-left: $containerMarginMedium;\n padding-right: $containerMarginMedium;\n }\n\n @include mq($from: large) {\n padding-left: $containerMarginLarge;\n padding-right: $containerMarginLarge;\n }\n\n .wrapper--inner {\n background-color: $colorGrey5;\n }\n\n // .row.column {\n // padding-left: 0;\n // padding-right: 0;\n // }\n\n .row:not(.column) .floating-helper-container {\n padding-right: 0.625rem;\n padding-left: 0.625rem;\n }\n\n @media screen and (min-width: #{$mobileBreakpoint}) {\n .row:not(.column) .floating-helper-container {\n padding-right: 0.9375rem;\n padding-left: 0.9375rem;\n }\n }\n }\n\n\n /* Headings */\n\n .heading1, h1,\n .heading2, h2,\n .heading3, h3,\n .heading4, h4 {\n color: $colorPrimary;\n }\n\n .heading1, h1 {\n @include font('title');\n @include fontCurve('h1', 'heading');\n @include spaceCurve('margin-top', 'large');\n @include spaceCurve('margin-bottom', 'medium');\n @include spaceCurve('padding-bottom', 'tiny');\n border-bottom: 1px solid $baseBorderColor;\n }\n\n .section-heading,\n .heading2, h2 {\n @include font('title');\n @include fontCurve('h2', 'heading');\n @include spaceCurve('margin-top', 'large');\n @include spaceCurve('margin-bottom', 'medium');\n @include spaceCurve('padding-bottom', 'tiny');\n border-bottom: 1px solid $baseBorderColor;\n }\n\n .heading3, h3 {\n @include font('title');\n @include fontCurve('h3', 'heading');\n @include spaceCurve('margin-top', 'medium');\n }\n\n .heading4, h4 {\n @include font('title');\n @include fontCurve('h4', 'heading');\n @include spaceCurve('margin-top', 'medium');\n color: $baseColor;\n }\n\n .heading4, h4,\n .timeline__item--current .timeline__date {\n color: $colorPrimary;\n }\n\n #most-commented .section-heading {\n margin-top: 0;\n }\n\n #most-commented a {\n text-decoration-line: none;\n }\n\n\n /* Section */\n\n .section {\n @include spaceCurve('margin-bottom', 'large');\n }\n\n .section-heading {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n }\n\n .section-heading .text-sm,\n .section-heading .text-small {\n @include fontCurve('h3', 'heading');\n }\n\n\n /* Dropdown */\n\n .order-by__dropdown,\n .results-per-page__dropdown {\n display: flex;\n align-items: center;\n }\n\n .order-by__text,\n .results-per-page__text {\n margin-right: space('xsmall');\n }\n\n .is-dropdown-submenu {\n box-shadow: $boxShadowPopover;\n border: none;\n border-radius: var(--stzh-popover-border-radius);\n margin-top: var(--stzh-space-xsmall);\n }\n\n .dropdown.menu > li.is-dropdown-submenu-parent > a {\n @include font;\n @include fontSize('milli');\n display: flex;\n align-items: center;\n background: $colorWhite;\n padding: space('xsmall') space('medium');\n padding-right: calc(#{space('xlarge')} + #{space('medium')} + #{space('xsmall')});\n min-height: $formInputHeight;\n border: 1px solid $formBorderColor;\n margin: 0;\n }\n\n .dropdown.menu > li.is-dropdown-submenu-parent > a:after {\n border-color: $colorPrimary transparent transparent;\n right: space('medium');\n }\n\n .dropdown .is-dropdown-submenu a,\n .comment__header__context-menu__content-item {\n @include fontSize('micro');\n display: flex;\n align-items: center;\n justify-content: stretch;\n appearance: none;\n text-decoration-line: none;\n border: none;\n padding: space('xsmall') space('medium');\n padding-left: space('large');\n color: $colorGrey70;\n background-color: transparent;\n height: $menuItemHeight;\n line-height: $menuItemHeight;\n transition: all $baseTransitionAnimationSpeed;\n cursor: pointer;\n\n &:hover {\n color: $colorGrey70;\n background-color: $colorGrey5;\n text-decoration-line: none;\n }\n }\n\n .comment__header__context-menu__content-item {\n grid-gap: space('small');\n gap: space('small');\n }\n\n\n /* Comments */\n\n .comments {\n padding-top: 0;\n margin-top: space('medium');\n margin-bottom: space('medium');\n }\n\n .comments .section-heading {\n margin-top: 0;\n }\n\n .comment__header,\n .comment__footer,\n .add-comment {\n @include spaceCurve('padding', 'regular');\n }\n\n .add-comment {\n background-color: transparent;\n padding: 0;\n }\n\n .add-comment .remaining-character-count {\n color: $baseColor;\n padding: space('xsmall') space('small');\n }\n\n .comment-threads {\n margin-bottom: space('xxxlarge');\n }\n\n .comment__content {\n @include spaceCurve('padding-left', 'regular');\n @include spaceCurve('padding-right', 'regular');\n\n p {\n margin-top: 0;\n margin-bottom: 0;\n }\n }\n\n .comment__footer {\n @include fontCurve('p2');\n }\n\n .comment__votes {\n margin-top: 0;\n }\n\n .comment__header__context-menu__content {\n box-shadow: $boxShadowPopover;\n }\n\n .opinion-toggle {\n margin: space('xlarge') 0;\n }\n\n .button:hover,\n .meeting-polls__button:hover,\n .opinion-toggle--meh.is-active,\n .opinion-toggle--meh:focus,\n .opinion-toggle--meh:hover {\n background-color: $colorPrimaryHover;\n border-color: $colorPrimaryHover;\n }\n\n .opinion-toggle--ko.is-active,\n .opinion-toggle--ko:focus,\n .opinion-toggle--ko:hover {\n background-color: $colorError;\n border-color: $colorError;\n }\n\n .opinion-toggle--ok.is-active,\n .opinion-toggle--ok:focus,\n .opinion-toggle--ok:hover {\n background-color: $colorTruegreen;\n border-color: $colorTruegreen;\n }\n\n\n /* Process Nav */\n\n .process-nav__content {\n border-bottom: none;\n }\n\n @media screen and (min-width: #{$mobileBreakpoint}) {\n .process-nav__content {\n border-bottom: 1px solid $baseBorderColor;\n }\n }\n\n @media screen and (min-width: #{$mobileBreakpoint}) {\n .process-nav li {\n padding: space('xsmall') space('small');\n }\n }\n\n\n /* Statistics */\n\n .statistics-cell {\n margin: space('xxlarge') 0;\n }\n\n .statistics-cell .statistic__number {\n @include font('regular');\n color: $colorPrimary;\n }\n\n .statistics-cell .statistic__title {\n @include font('heavy');\n @include fontCurve('p2');\n color: $baseLeadColor;\n margin-top: 0;\n text-transform: none;\n }\n\n .statistics-cell .statistic__data:after {\n border-left: 2px solid $baseBorderColor;\n }\n\n\n /* Richtext */\n\n .ql-editor {\n @include richtext-host;\n @include richtext-slotted($withLists: false);\n\n *:first-child {\n margin-top: 0;\n }\n }\n\n .help-text {\n color: $baseColor;\n }\n\n .help-text .ql-editor p {\n @include fontCurve('caption');\n }\n\n\n /* Accountability */\n\n .accountability .categories .categories--header span,\n .accountability .categories .progress-figure,\n .accountability .categories .categories--group .category--title .progress-info .category--count {\n color: $baseColor;\n }\n\n .accountability .categories .categories--header .icon--arrow-bottom {\n fill: $baseColor;\n }\n\n .accountability .categories .categories--header {\n border-color: $baseBorderColor;\n margin-bottom: space('medium');\n padding-bottom: space('medium');\n }\n\n .accountability .intro .progress-level p {\n @include font('heavy');\n @include spaceCurve('margin-bottom', 'small');\n margin-top: 0;\n }\n\n .accountability .categories .progress-figure {\n margin-top: 0;\n }\n\n .accountability .categories .categories--group .category--title .progress-info .category--count {\n margin-top: space('xxxsmall');\n }\n\n .accountability .title-action {\n @include spaceCurve('margin-bottom', 'regular');\n }\n\n\n /* Breadrumb */\n\n .lines-breadcrumb a,\n .muted-link {\n @include font;\n color: $linkColor;\n transition: color $baseTransitionAnimationSpeed;\n border-radius: $buttonBorderRadius;\n\n &:hover,\n &:focus {\n color: $linkHoverColor;\n }\n }\n\n\n /* Lead */\n\n .lead .ql-editor p {\n @include font('light');\n @include fontCurve('h3');\n @include spaceCurve('margin-bottom', 'big');\n margin-top: space('xxlarge');\n }\n\n\n /* Message / Callout / Floating Helper */\n\n .callout.secondary,\n .callout.warning,\n .callout.success,\n .floating-helper__content {\n @include spaceCurve('padding', 'regular');\n padding: space('medium');\n display: block;\n box-shadow: $boxShadowMessage;\n background-color: $colorWhite;\n margin-bottom: space('xxxxlarge') !important;\n }\n\n .callout {\n @include font('heavy');\n border-left-width: 5px;\n\n .heading2,\n .heading3 {\n &:first-child {\n margin-top: 0;\n }\n }\n }\n\n .floating-helper__content {\n border-top: none;\n padding-right: calc(#{iconSize('medium')} + #{space('small')} + #{space('medium')});\n }\n\n .floating-helper__wrapper {\n position: relative;\n }\n\n .floating-helper__content-close {\n @include spaceCurve('top', 'regular');\n @include spaceCurve('right', 'regular');\n box-sizing: content-box;\n position: absolute;\n width: iconSize('medium');\n height: iconSize('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 .icon {\n width: iconSize('xxsmall');\n height: iconSize('xxsmall');\n }\n }\n\n .floating-helper__icon-big {\n width: iconSize('large');\n height: iconSize('large');\n background-color: $colorPrimary8;\n\n .icon {\n width: iconSize('xsmall');\n height: iconSize('xsmall');\n }\n }\n\n @media screen and (min-width: #{$mobileBreakpoint}) {\n .floating-helper__content-inner > * {\n margin: 0;\n }\n\n .floating-helper__icon-big {\n margin-right: space('small');\n }\n }\n\n .floating-helper-block .mb-s {\n margin: 0 !important;\n }\n\n\n /* Sidebar */\n\n .extra,\n .tech-info {\n @include spaceCurve('margin-bottom', 'regular');\n }\n\n .extra__date,\n .extra__suport-number {\n @include font('heavy');\n @include fontCurve('h2');\n }\n\n .extra__month {\n @include fontCurve('caption');\n }\n\n .extra__time,\n .extra__suport-text {\n @include fontCurve('p2');\n color: $baseColor;\n }\n\n\n /* Filters */\n\n .filters__help p:first-of-type {\n @include fontCurve('p2');\n margin-top: 0;\n }\n\n #participatory-space-filters legend {\n margin-right: space('xsmall');\n }\n\n\n /* Mini Title */\n\n .mini-title {\n @include font('heavy');\n @include fontCurve('p2');\n color: $baseColor;\n margin-bottom: space('small');\n }\n\n .mini-title__strong--highlight {\n @include font('heavy');\n @include fontCurve('h4');\n }\n\n\n /* Tags */\n\n .tags {\n display: flex;\n flex-wrap: wrap;\n\n &:last-child {\n margin-bottom: calc(#{space('xsmall')} * -1);\n }\n }\n\n .tags li {\n margin-right: space('xsmall');\n margin-bottom: space('xsmall');\n }\n\n .tags li a {\n @include fontSize('micro');\n height: 32px;\n line-height: 32px;\n display: flex;\n flex-direction: row;\n align-items: center;\n border-radius: 16px;\n padding: 0 space('medium');\n color: $colorPrimary;\n appearance: none;\n border: 1px solid $colorGrey13;\n background-color: $colorWhite;\n transition: all $baseTransitionAnimationSpeed;\n text-decoration-line: none;\n }\n\n /* Card */\n\n .card {\n color: $baseColor;\n }\n\n .card__top .badge-card__content,\n .card__top .card__content {\n @include fontCurve('caption');\n padding: space('xsmall') space('large');\n align-items: center;\n\n span.muted {\n font-size: inherit;\n }\n }\n\n .card__top .card__content {\n border-bottom: 1px solid $baseBorderColor;\n }\n\n .card__top .card__content .card__link {\n display: block;\n }\n\n .card > .card__content,\n .card.definition-data,\n .card .definition-data,\n .badge-card__content,\n .card__support,\n .filters__section,\n .filters__section--general,\n .filters__section--general:first-of-type,\n .filters__section:first-of-type {\n @include spaceCurve('padding', 'regular');\n }\n\n .card-data__item,\n .filters__section,\n .filters__section--general,\n .card__block ul,\n .card__icondata ul,\n .card__footer,\n .card__top {\n border-color: $baseBorderColor;\n }\n\n .card__link {\n display: flex;\n flex-direction: column;\n text-decoration-line: none;\n color: $baseColor;\n\n &:hover {\n text-decoration-line: none;\n }\n\n .text-small {\n @include fontCurve('p2');\n }\n }\n\n .card__header {\n margin-bottom: space('small');\n }\n\n .card__text {\n @include fontCurve('p1');\n\n &:not(:last-child) {\n margin-bottom: space('small');\n }\n }\n\n .card .card__title,\n .card--list__heading {\n @include font('heavy');\n @include fontCurve('h4', 'heading');\n color: $colorPrimary;\n margin-top: 0;\n transition: color $baseTransitionAnimationSpeed;\n }\n\n .card:not(.card--secondary):hover .card__title {\n color: $colorPrimaryHover;\n }\n\n .collapsible-list .card__text--paragraph {\n color: $baseColor !important;\n }\n\n .card__block ul li:not(:first-child),\n .card__icondata ul li:not(:first-child) {\n @include fontCurve('caption');\n color: $baseColor;\n }\n\n .card-data__item {\n @include fontCurve('caption');\n color: $baseColor;\n\n .heading1,\n .heading2,\n .heading3,\n .heading4 {\n margin-top: 0;\n }\n\n strong {\n display: block;\n }\n\n br {\n display: none;\n }\n }\n\n .card-data__item.creation_date_status strong {\n color: $baseColor;\n color: inherit;\n }\n\n .card__status .card-data__item {\n padding: space('xsmall');\n }\n\n .card--meta {\n color: $baseColor;\n }\n\n .card__block ul li:not(:first-child) strong,\n .card__icondata ul li:not(:first-child) strong {\n font-size: inherit;\n letter-spacing: inherit;\n }\n\n .add-message:not(.card--secondary),\n .card:not(.card--secondary),\n .chart-tooltip:not(.card--secondary),\n .conference-registration:not(.card--secondary),\n .conference-speaker .speaker-bio:not(.card--secondary) {\n &:hover {\n box-shadow: $boxShadowPopover;\n }\n }\n\n div.card__text--paragraph > .ql-editor.ql-reset-decidim > p,\n div.card__text--paragraph > .ql-editor.ql-reset-decidim > h1,\n div.card__text--paragraph > .ql-editor.ql-reset-decidim > h2,\n div.card__text--paragraph > .ql-editor.ql-reset-decidim > h3,\n div.card__text--paragraph > .ql-editor.ql-reset-decidim > h4 {\n @include font;\n @include fontCurve('p1');\n color: $baseColor;\n }\n\n // Progress bar\n\n .progress__bar.progress__bar--vertical .progress__bar__subtitle,\n .progress__bar .progress__bar__title {\n @include font;\n @include fontCurve('caption');\n color: $baseColor;\n }\n\n .card__support__number,\n .progress__bar.progress__bar--vertical .progress__bar__subtitle .progress__bar__number,\n .progress__bar .progress__bar__title .progress__bar__number,\n .extra__suport-text,\n .progress__bar.progress__bar--vertical .progress__bar__text {\n @include fontCurve('p2');\n color: $baseColor;\n }\n\n .progress__bar.progress__bar--vertical .progress__bar__number {\n @include font('heavy');\n @include fontCurve('h2');\n }\n\n // Card list\n\n .card--list__item {\n padding: 0;\n }\n\n .card--list__text {\n padding: 0;\n display: block;\n }\n\n .card--list__icon {\n fill: $colorPrimary;\n }\n\n .card--list__item .card__link {\n @include spaceCurve('padding', 'regular');\n }\n\n .card--list__text .card__link:hover .card--list__heading {\n color: $colorPrimaryHover;\n }\n\n .card--list__text .card__link .text-small {\n color: $baseColor;\n }\n\n .card--list__data {\n background-color: $colorGrey5;\n }\n\n .card--list__data__number {\n @include font('heavy');\n @include fontCurve('h3');\n color: $colorGrey70;\n }\n\n // Side cards\n\n .card.extra,\n .view-side .card:not(.card--secondary),\n .comment-thread:not(.card--secondary) {\n &:hover {\n box-shadow: none;\n }\n }\n\n // Definition Card\n\n .definition__title {\n color: $colorGrey70;\n }\n\n .definition-data {\n color: $colorGrey55;\n }\n\n .definition-data__item {\n @include fontCurve('p2');\n padding: 0;\n padding-bottom: space('small');\n margin-bottom: space('small');\n border-bottom: 1px solid $baseBorderColor;\n\n &:last-child {\n border-bottom: none;\n margin-bottom: 0;\n padding-bottom: 0;\n }\n }\n\n .definition-data__title {\n @include font('heavy');\n @include fontCurve('p2');\n margin-bottom: 0;\n }\n\n .section.columns.medium-5.mediumlarge-4.large-3 > .card.extra.definition-data {\n background-color: $colorGrey5;\n }\n\n\n /* Blog */\n\n .author__name {\n @include font('regular');\n @include fontCurve('caption');\n color: $colorGrey55 !important;\n }\n\n .author-data {\n @include fontCurve('caption');\n color: $baseColor;\n }\n\n .author-data__extra {\n @include font('regular');\n @include fontCurve('caption');\n\n &::before {\n border-color: $baseBorderColor;\n }\n }\n\n .author-data__extra a {\n white-space: nowrap;\n text-decoration-line: none;\n }\n\n .author-data__extra > a,\n .author-data__extra > button\n .author-data__extra > span {\n margin-right: space('medium');\n }\n\n\n /* Budget */\n\n .budget-summary {\n .heading2,\n .heading3 {\n &:first-child {\n margin-top: 0;\n }\n }\n }\n\n .budget-progress {\n min-height: $formInputHeight;\n }\n\n .budget-list__title {\n margin-top: space('xsmall');\n margin-bottom: space('medium');\n }\n\n .budget-list__text:not(:last-child) {\n margin-bottom: 0;\n }\n\n .budget-list__data__number {\n @include font('heavy');\n @include fontCurve('h4');\n }\n\n /* Survey */\n\n .answer-questionnaire .questionnaire-question {\n @include font('heavy');\n @include fontCurve('p1');\n margin-bottom: space('xsmall');\n }\n}\n","import {\n Component,\n Host,\n h\n} from \"@stencil/core\";\n\n/**\n *\n */\n@Component({\n tag: \"stzh-skin-portal-mitwirken\",\n styleUrl: \"stzh-skin-portal-mitwirken.scss\"\n})\nexport class StzhSkinPortalMitwirken {\n componentDidLoad() {\n // copy this string from console and put it in the Decidim CSS textbox to adjust theme\n console.log((this.constructor as any).style.replace('@charset \"UTF-8\";', ''));\n }\n\n render() {\n return (\n <Host>\n </Host>\n );\n }\n}\n"],"mappings":"kJAAA,IAAMA,EAA6B,889J,ICatBC,EAAuBC,EAAA,wC,wBAClCC,EAAAC,UAAAC,iBAAA,WAEEC,QAAQC,IAAKC,KAAKC,YAAoBC,MAAMC,QAAQ,oBAAqB,I,EAG3ER,EAAAC,UAAAQ,OAAA,WACE,OACEC,EAACC,EAAI,K,WARyB,I"}