@swisspost/design-system-styles 9.0.0-next.2 → 9.0.0-next.21

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 (321) hide show
  1. package/_svg-icon-map.scss +85 -23
  2. package/basics.css +1 -1
  3. package/basics.scss +2 -6
  4. package/cargo-external.css +7 -0
  5. package/cargo-external.scss +10 -0
  6. package/cargo-internal.css +7 -0
  7. package/cargo-internal.scss +10 -0
  8. package/cargo-tokens-external.css +1 -0
  9. package/cargo-tokens-external.scss +8 -0
  10. package/cargo-tokens-internal.css +1 -0
  11. package/cargo-tokens-internal.scss +8 -0
  12. package/components/_form-check.scss +166 -0
  13. package/components/_index.scss +21 -13
  14. package/components/appstore-badge.css +1 -0
  15. package/components/appstore-badge.scss +18 -0
  16. package/components/avatar.css +1 -0
  17. package/components/avatar.scss +41 -0
  18. package/components/badge.css +1 -1
  19. package/components/badge.scss +8 -2
  20. package/components/banner.css +1 -0
  21. package/components/banner.scss +105 -0
  22. package/components/blockquote.css +1 -0
  23. package/components/blockquote.scss +46 -0
  24. package/components/breadcrumb.css +1 -1
  25. package/components/breadcrumb.scss +4 -24
  26. package/components/breakpoints.css +1 -0
  27. package/components/breakpoints.scss +17 -0
  28. package/components/button-group.css +1 -1
  29. package/components/button-group.scss +7 -6
  30. package/components/button.css +1 -1
  31. package/components/button.scss +41 -228
  32. package/components/card-control.css +1 -1
  33. package/components/card-control.scss +33 -24
  34. package/components/card.css +1 -1
  35. package/components/card.scss +72 -68
  36. package/components/checkbox.css +1 -0
  37. package/components/checkbox.scss +127 -0
  38. package/components/chip.css +1 -1
  39. package/components/chip.scss +9 -8
  40. package/components/close.css +1 -1
  41. package/components/close.scss +0 -2
  42. package/components/datatable.css +1 -3
  43. package/components/datatable.scss +22 -17
  44. package/components/datepicker.css +1 -1
  45. package/components/datepicker.scss +6 -22
  46. package/components/dialog.css +1 -1
  47. package/components/dialog.scss +26 -38
  48. package/components/dropdown.css +1 -1
  49. package/components/dropdown.scss +9 -6
  50. package/components/fonts.css +1 -1
  51. package/components/fonts.scss +7 -45
  52. package/components/form-footer.css +1 -0
  53. package/components/form-footer.scss +18 -0
  54. package/components/form-hint.css +1 -0
  55. package/components/form-hint.scss +15 -0
  56. package/components/form-input.css +1 -0
  57. package/components/form-input.scss +301 -0
  58. package/components/form-range.css +1 -1
  59. package/components/form-range.scss +9 -9
  60. package/components/form-search-input.css +1 -0
  61. package/components/form-search-input.scss +97 -0
  62. package/components/form-select.css +1 -1
  63. package/components/form-select.scss +266 -55
  64. package/components/form-textarea.css +1 -1
  65. package/components/form-textarea.scss +172 -9
  66. package/components/globals/_index.scss +1 -0
  67. package/components/globals/post-footer.css +1 -0
  68. package/components/globals/post-footer.scss +113 -0
  69. package/components/header/_mixins.scss +48 -0
  70. package/components/header/index.css +1 -0
  71. package/components/header/index.scss +131 -0
  72. package/components/icon-button.css +1 -0
  73. package/components/icon-button.scss +19 -0
  74. package/components/icon-close-button.css +1 -0
  75. package/components/icon-close-button.scss +29 -0
  76. package/components/intranet-header/_icon.scss +1 -1
  77. package/components/intranet-header/_index.scss +0 -2
  78. package/components/intranet-header/_language-chooser.scss +3 -2
  79. package/components/intranet-header/_nav-overflow.scss +2 -2
  80. package/components/intranet-header/_scaffolding.scss +1 -1
  81. package/components/intranet-header/_searchbox.scss +1 -1
  82. package/components/intranet-header/_sidebar.scss +11 -11
  83. package/components/intranet-header/_top-navigation.scss +1 -1
  84. package/components/list-check.css +1 -0
  85. package/components/list-check.scss +79 -0
  86. package/components/list-group.css +1 -1
  87. package/components/list-group.scss +72 -127
  88. package/components/modal.css +2 -2
  89. package/components/modal.scss +2 -4
  90. package/components/offcanvas.css +1 -1
  91. package/components/offcanvas.scss +0 -2
  92. package/components/pagination.css +1 -1
  93. package/components/pagination.scss +10 -9
  94. package/components/popover.css +1 -1
  95. package/components/popover.scss +0 -2
  96. package/components/product-card.css +1 -1
  97. package/components/product-card.scss +11 -5
  98. package/components/progress.scss +0 -2
  99. package/components/radio-button.css +1 -0
  100. package/components/radio-button.scss +125 -0
  101. package/components/segmented-button.css +3 -0
  102. package/components/segmented-button.scss +207 -0
  103. package/components/skiplinks.css +1 -0
  104. package/components/skiplinks.scss +20 -0
  105. package/components/spinner.scss +0 -1
  106. package/components/stepper.css +1 -1
  107. package/components/stepper.scss +40 -33
  108. package/components/subnavigation.css +1 -1
  109. package/components/subnavigation.scss +17 -14
  110. package/components/switch.css +1 -0
  111. package/components/switch.scss +212 -0
  112. package/components/tables.css +1 -1
  113. package/components/tables.scss +0 -1
  114. package/components/tabs/_tab-title.scss +16 -55
  115. package/components/tabs/_tabs-wrapper.scss +3 -13
  116. package/components/tabs/index.css +1 -1
  117. package/components/tabs/index.scss +0 -2
  118. package/components/tag.css +1 -1
  119. package/components/tag.scss +1 -2
  120. package/components/teaser.css +1 -0
  121. package/components/teaser.scss +83 -0
  122. package/components/text-highlight.css +1 -1
  123. package/components/timepicker.css +1 -1
  124. package/components/timepicker.scss +13 -16
  125. package/components/toast.css +1 -1
  126. package/components/toast.scss +19 -16
  127. package/components/tooltip.css +1 -1
  128. package/components/tooltip.scss +0 -2
  129. package/components/transitions.scss +0 -2
  130. package/components/validation.css +1 -0
  131. package/components/validation.scss +120 -0
  132. package/elements/_index.scss +7 -1
  133. package/elements/anchor.css +1 -0
  134. package/elements/anchor.scss +33 -0
  135. package/elements/body.css +1 -1
  136. package/elements/body.scss +5 -1
  137. package/elements/fieldset-legend.css +1 -1
  138. package/elements/fieldset-legend.scss +7 -3
  139. package/elements/heading.css +1 -1
  140. package/elements/heading.scss +10 -12
  141. package/elements/list-bullet.css +1 -0
  142. package/elements/list-bullet.scss +43 -0
  143. package/elements/list-description.css +1 -0
  144. package/elements/list-description.scss +5 -0
  145. package/elements/list-number.css +1 -0
  146. package/elements/list-number.scss +33 -0
  147. package/elements/paragraph.css +1 -0
  148. package/elements/paragraph.scss +17 -0
  149. package/elements/reset.css +1 -1
  150. package/elements/reset.scss +16 -7
  151. package/elements.css +1 -0
  152. package/elements.scss +1 -0
  153. package/fonts.css +1 -1
  154. package/functions/_breakpoint.scss +26 -0
  155. package/functions/_forms.scss +46 -3
  156. package/functions/_icons.scss +2 -14
  157. package/helpers/_index.scss +4 -0
  158. package/helpers/clearfix.css +1 -0
  159. package/helpers/clearfix.scss +5 -0
  160. package/helpers/focus-ring.css +1 -0
  161. package/helpers/focus-ring.scss +5 -0
  162. package/helpers/text-truncation.css +1 -0
  163. package/helpers/text-truncation.scss +5 -0
  164. package/helpers/visually-hidden.css +1 -0
  165. package/helpers/visually-hidden.scss +5 -0
  166. package/index.css +3 -3
  167. package/index.scss +2 -5
  168. package/intranet.css +3 -3
  169. package/intranet.scss +2 -2
  170. package/layout/_containers.scss +32 -0
  171. package/layout/_section.scss +133 -0
  172. package/layout/grid/_index.scss +11 -0
  173. package/layout/grid/_mixins.scss +104 -0
  174. package/layout/grid/_variables.scss +2 -0
  175. package/layout/index.css +1 -0
  176. package/layout/index.scss +3 -0
  177. package/mixins/_button.scss +19 -15
  178. package/mixins/_form-checks.scss +1 -1
  179. package/mixins/_forms.scss +42 -33
  180. package/mixins/_icon-button.scss +27 -0
  181. package/mixins/_icons.scss +22 -32
  182. package/mixins/_index.scss +3 -2
  183. package/mixins/_layout.scss +26 -0
  184. package/mixins/_list.scss +112 -0
  185. package/mixins/_media.scss +58 -2
  186. package/mixins/_notification.scss +59 -53
  187. package/mixins/_utilities.scss +46 -25
  188. package/package.json +16 -16
  189. package/palettes/_mixins.scss +74 -0
  190. package/palettes/_utilities.scss +3 -0
  191. package/palettes/_variables.scss +2 -0
  192. package/palettes/cargo-palettes.css +1 -0
  193. package/palettes/cargo-palettes.scss +3 -0
  194. package/palettes/post-palettes.css +1 -0
  195. package/palettes/post-palettes.scss +3 -0
  196. package/placeholders/_button.scss +3 -6
  197. package/placeholders/_close.scss +2 -5
  198. package/placeholders/_schemes.scss +10 -0
  199. package/post-external.css +3 -3
  200. package/post-external.scss +7 -1
  201. package/post-internal.css +3 -3
  202. package/post-internal.scss +7 -1
  203. package/post-tokens-external.css +1 -1
  204. package/post-tokens-external.scss +1 -1
  205. package/post-tokens-internal.css +1 -1
  206. package/post-tokens-internal.scss +1 -1
  207. package/themes/bootstrap/_core.scss +0 -2
  208. package/themes/bootstrap/_forms.scss +0 -4
  209. package/themes/bootstrap/_overrides-variables.scss +0 -6
  210. package/themes/bootstrap/_utilities.scss +45 -1
  211. package/tokens/_cargo-theme.scss +8 -0
  212. package/tokens/_helpers.scss +1 -0
  213. package/tokens/_palettes.scss +9 -0
  214. package/tokens/_schemes.scss +11 -0
  215. package/tokens/_utilities_formatted.scss +1 -0
  216. package/tokens/temp/_channel.scss +4 -3
  217. package/tokens/temp/_components.scss +594 -503
  218. package/tokens/temp/_core.scss +49 -37
  219. package/tokens/temp/_device.scss +210 -239
  220. package/tokens/temp/_elements.scss +11 -11
  221. package/tokens/temp/_helpers.scss +13 -0
  222. package/tokens/temp/_index.scss +6 -4
  223. package/tokens/temp/_palettes.scss +19 -0
  224. package/tokens/temp/_scheme.scss +334 -0
  225. package/tokens/temp/_theme.scss +28 -9
  226. package/tokens/temp/_utilities-formatted.scss +128 -0
  227. package/tokens/temp/_utilities.scss +34 -58
  228. package/tokens/temp/palettes/_cargo-dark.scss +19 -0
  229. package/tokens/temp/palettes/_cargo-light.scss +19 -0
  230. package/tokens/temp/palettes/_post-dark.scss +19 -0
  231. package/tokens/temp/palettes/_post-light.scss +19 -0
  232. package/utilities/_not-defined.scss +44 -0
  233. package/utilities/_variables.scss +304 -22
  234. package/utilities/index.css +1 -0
  235. package/utilities/{_index.scss → index.scss} +1 -2
  236. package/variables/_animation.scss +10 -6
  237. package/variables/_breakpoints.scss +9 -5
  238. package/variables/_color.scss +0 -61
  239. package/variables/_commons.scss +1 -0
  240. package/variables/_elevation.scss +16 -22
  241. package/variables/_grid.scss +2 -12
  242. package/variables/_icons.scss +19 -696
  243. package/variables/_index.scss +1 -1
  244. package/variables/_sizing.scss +17 -0
  245. package/variables/_spacing.scss +0 -152
  246. package/variables/_type.scss +17 -27
  247. package/variables/components/_accordion.scss +0 -47
  248. package/variables/components/_badge.scss +9 -5
  249. package/variables/components/_button.scss +61 -113
  250. package/variables/components/_card.scss +7 -4
  251. package/variables/components/_chip.scss +13 -7
  252. package/variables/components/_close.scss +14 -8
  253. package/variables/components/_code.scss +1 -1
  254. package/variables/components/_datatable.scss +12 -8
  255. package/variables/components/_dropdowns.scss +1 -1
  256. package/variables/components/_form-check.scss +9 -46
  257. package/variables/components/_forms.scss +8 -101
  258. package/variables/components/_index.scss +0 -5
  259. package/variables/components/_modal.scss +17 -12
  260. package/variables/components/_nav.scss +3 -3
  261. package/variables/components/_navbar.scss +7 -4
  262. package/variables/components/_notification.scss +48 -37
  263. package/variables/components/_pagination.scss +14 -6
  264. package/variables/components/_spinners.scss +7 -2
  265. package/variables/components/_stepper.scss +15 -10
  266. package/variables/components/_subnavigation.scss +11 -9
  267. package/variables/components/_tables.scss +11 -6
  268. package/variables/components/_tag.scss +10 -7
  269. package/components/accordion.css +0 -1
  270. package/components/accordion.scss +0 -100
  271. package/components/alert.css +0 -1
  272. package/components/alert.scss +0 -137
  273. package/components/carousel.css +0 -1
  274. package/components/carousel.scss +0 -178
  275. package/components/elevation.css +0 -1
  276. package/components/elevation.scss +0 -8
  277. package/components/floating-label.css +0 -1
  278. package/components/floating-label.scss +0 -353
  279. package/components/form-check.css +0 -1
  280. package/components/form-check.scss +0 -297
  281. package/components/form-validation.css +0 -1
  282. package/components/form-validation.scss +0 -148
  283. package/components/forms.css +0 -1
  284. package/components/forms.scss +0 -215
  285. package/components/grid.css +0 -1
  286. package/components/grid.scss +0 -170
  287. package/components/icons.css +0 -1
  288. package/components/icons.scss +0 -60
  289. package/components/sizing.css +0 -1
  290. package/components/sizing.scss +0 -85
  291. package/components/topic-teaser.css +0 -1
  292. package/components/topic-teaser.scss +0 -196
  293. package/layouts/portal/_grid.scss +0 -85
  294. package/layouts/portal/_index.scss +0 -2
  295. package/layouts/portal/_subnavigation.scss +0 -5
  296. package/layouts/portal/_variables.scss +0 -8
  297. package/mixins/_accordion.scss +0 -16
  298. package/mixins/_elevation.scss +0 -6
  299. package/mixins/_focus.scss +0 -9
  300. package/mixins/_form-validation.scss +0 -5
  301. package/mixins/_size.scss +0 -65
  302. package/placeholders/_modes.scss +0 -10
  303. package/themes/bootstrap/_carousel.scss +0 -2
  304. package/themes/bootstrap/_containers.scss +0 -2
  305. package/themes/bootstrap/_grid.scss +0 -2
  306. package/themes/bootstrap/_overrides-mixins.scss +0 -33
  307. package/themes/bootstrap/forms/_floating-labels.scss +0 -2
  308. package/themes/bootstrap/forms/_form-control.scss +0 -2
  309. package/themes/bootstrap/forms/_form-select.scss +0 -2
  310. package/themes/bootstrap/forms/_form-text.scss +0 -2
  311. package/tokens/_modes.scss +0 -11
  312. package/tokens/temp/_mode.scss +0 -299
  313. package/utilities/_functions.scss +0 -35
  314. package/utilities/temp/_legacy.scss +0 -95
  315. package/variables/_options.scss +0 -5
  316. package/variables/components/_carousel.scss +0 -27
  317. package/variables/components/_figures.scss +0 -6
  318. package/variables/components/_form-select.scss +0 -13
  319. package/variables/components/_form-validation.scss +0 -38
  320. package/variables/components/_list-group.scss +0 -29
  321. package/variables/components/_topic-teaser.scss +0 -32
package/cargo-internal.scss ADDED
@@ -0,0 +1,10 @@
1
+ @use './tokens/schemes';
2
+ @use './tokens/device';
3
+ @use './tokens/internal';
4
+ @use './tokens/cargo-theme';
5
+ @use './palettes/cargo-palettes';
6
+ @use './layout';
7
+ @use './utilities';
8
+ @use './elements';
9
+ @use './components';
10
+ @use './helpers';
package/cargo-tokens-external.css ADDED
@@ -0,0 +1 @@
1
+ @layer design-system{:root{--post-core-color-brand-postyellow: #ffcc00;--post-core-color-brand-black: #000000;--post-core-color-brand-white: #ffffff;--post-core-color-notification-green: #107800;--post-core-color-notification-red: #b20000;--post-core-color-notification-orange: #d93d00;--post-core-color-notification-blue: #0050a1;--post-core-color-notification-green-light: #c3ddbf;--post-core-color-notification-red-light: #ebbfbf;--post-core-color-notification-orange-light: #f5cebf;--post-core-color-notification-blue-light: #bfd3e7;--post-core-color-notification-green-night: #55e543;--post-core-color-notification-red-night: #ffc2c2;--post-core-color-sandgrey-100: #050400;--post-core-color-sandgrey-000: #fcfcfc;--post-core-color-sandgrey-002: #fafafa;--post-core-color-sandgrey-006: #f0efed;--post-core-color-sandgrey-012: #e1e0dc;--post-core-color-sandgrey-020: #cdccc8;--post-core-color-sandgrey-030: #b4b3af;--post-core-color-sandgrey-040: #9b9a96;--post-core-color-sandgrey-050: #82817d;--post-core-color-sandgrey-060: #696864;--post-core-color-sandgrey-070: #504f4b;--post-core-color-sandgrey-080: #373632;--post-core-color-sandgrey-090: #1e1d19;--post-core-color-sandgrey-alpha-darksand-10: rgba(5, 4, 0, 0.1);--post-core-color-sandgrey-alpha-darksand-20: rgba(5, 4, 0, 0.2);--post-core-color-sandgrey-alpha-darksand-30: rgba(5, 4, 0, 0.3);--post-core-color-sandgrey-alpha-darksand-40: rgba(5, 4, 0, 0.4);--post-core-color-sandgrey-alpha-darksand-50: rgba(5, 4, 0, 0.5);--post-core-color-sandgrey-alpha-darksand-60: rgba(5, 4, 0, 0.6);--post-core-color-sandgrey-alpha-darksand-70: rgba(5, 4, 0, 0.7);--post-core-color-sandgrey-alpha-darksand-80: rgba(5, 4, 0, 0.8);--post-core-color-sandgrey-alpha-darksand-90: rgba(5, 4, 0, 0.9);--post-core-color-sandgrey-alpha-lightsand-10: rgba(252, 252, 252, 0.1);--post-core-color-sandgrey-alpha-lightsand-20: rgba(252, 252, 252, 0.2);--post-core-color-sandgrey-alpha-lightsand-30: rgba(252, 252, 252, 0.3);--post-core-color-sandgrey-alpha-lightsand-40: rgba(252, 252, 252, 0.4);--post-core-color-sandgrey-alpha-lightsand-50: rgba(252, 252, 252, 0.5);--post-core-color-sandgrey-alpha-lightsand-60: rgba(252, 252, 252, 0.6);--post-core-color-sandgrey-alpha-lightsand-70: rgba(252, 252, 252, 0.7);--post-core-color-sandgrey-alpha-lightsand-80: rgba(252, 252, 252, 0.8);--post-core-color-sandgrey-alpha-lightsand-90: rgba(252, 252, 252, 0.9);--post-core-color-colorless: rgba(255, 255, 255, 0);--post-core-color-cargo-green: #00411c;--post-core-color-cargo-blue: #aadcff;--post-core-dimension-0: 0px;--post-core-dimension-1: 1px;--post-core-dimension-2: 2px;--post-core-dimension-3: 3px;--post-core-dimension-4: 4px;--post-core-dimension-5: 5px;--post-core-dimension-6: 6px;--post-core-dimension-7: 7px;--post-core-dimension-8: 8px;--post-core-dimension-9: 9px;--post-core-dimension-10: 10px;--post-core-dimension-11: 11px;--post-core-dimension-12: 12px;--post-core-dimension-13: 13px;--post-core-dimension-14: 14px;--post-core-dimension-15: 15px;--post-core-dimension-16: 16px;--post-core-dimension-17: 17px;--post-core-dimension-18: 18px;--post-core-dimension-19: 19px;--post-core-dimension-20: 20px;--post-core-dimension-22: 22px;--post-core-dimension-23: 23px;--post-core-dimension-24: 24px;--post-core-dimension-26: 26px;--post-core-dimension-28: 28px;--post-core-dimension-30: 30px;--post-core-dimension-32: 32px;--post-core-dimension-34: 34px;--post-core-dimension-36: 36px;--post-core-dimension-40: 40px;--post-core-dimension-48: 48px;--post-core-dimension-50: 50px;--post-core-dimension-56: 56px;--post-core-dimension-58: 58px;--post-core-dimension-64: 64px;--post-core-dimension-72: 72px;--post-core-dimension-78: 78px;--post-core-dimension-80: 80px;--post-core-dimension-82: 82px;--post-core-dimension-88: 88px;--post-core-dimension-96: 96px;--post-core-dimension-100: 100px;--post-core-dimension-104: 104px;--post-core-dimension-112: 112px;--post-core-dimension-164: 164px;--post-core-dimension-180: 180px;--post-core-dimension-188: 188px;--post-core-dimension-240: 240px;--post-core-dimension-312: 312px;--post-core-dimension-1280: 1280px;--post-core-dimension-5-5: 5.5px;--post-core-dimension-6-5: 6.5px;--post-core-dimension-4-5: 4.5px;--post-core-dimension-7-5: 7.5px;--post-core-dimension-1-5: 1.5px;--post-core-dimension-8-5: 8.5px;--post-core-dimension-3-5: 3.5px;--post-core-dimension-n2: -2px;--post-core-dimension-15-5: 15.5px;--post-core-dimension-16-5: 16.5px;--post-core-dimension-17-5: 17.5px;--post-core-dimension-26-5: 26.5px;--post-core-dimension-25-5: 25.5px;--post-core-dimension-24-5: 24.5px;--post-core-font-weight-400: 400;--post-core-font-weight-700: 700;--post-core-font-weight-900: 900;--post-core-font-size-10: 10px;--post-core-font-size-12: 12px;--post-core-font-size-14: 14px;--post-core-font-size-16: 16px;--post-core-font-size-18: 18px;--post-core-font-size-20: 20px;--post-core-font-size-24: 24px;--post-core-font-size-28: 28px;--post-core-font-size-32: 32px;--post-core-font-size-36: 36px;--post-core-font-size-40: 40px;--post-core-line-height-100: 1;--post-core-line-height-120: 1.2;--post-core-line-height-150: 1.5;--post-core-letter-spacing-default: 0.0012em;--post-core-letter-spacing-none: 0px;--post-core-font-family-swiss-post: "Swiss Post Sans";--post-core-elevation-1: 0 1px 2px 0 rgba(0,0,0,0.16), 0 0 2px 0 rgba(0,0,0,0.16);--post-core-elevation-2: 0 2px 4px 0 rgba(0,0,0,0.16), 0 0 2px 0 rgba(0,0,0,0.16);--post-core-elevation-3: 0 4px 8px 0 rgba(0,0,0,0.16), 0 0 2px 0 rgba(0,0,0,0.16);--post-core-elevation-4: 0 8px 16px 0 rgba(0,0,0,0.16), 0 0 2px 0 rgba(0,0,0,0.16);--post-core-elevation-5: 0 14px 28px 0 rgba(0,0,0,0.24), 0 0 8px 0 rgba(0,0,0,0.24);--post-core-border-style-solid: solid;--post-core-border-style-dash: dashed;--post-core-text-decoration-underline: underline;--post-core-text-decoration-none: none;--post-core-bg-scheme-light: light;--post-core-bg-scheme-dark: dark}:root,[data-color-scheme=light]{--post-scheme-color-signal-success-dark: var(--post-core-color-notification-green);--post-scheme-color-signal-success-light: var(--post-core-color-notification-green-light);--post-scheme-color-signal-error-dark: var(--post-core-color-notification-red);--post-scheme-color-signal-error-light: var(--post-core-color-notification-red-light);--post-scheme-color-signal-warning-dark: var(--post-core-color-notification-orange);--post-scheme-color-signal-warning-light: var(--post-core-color-notification-orange-light);--post-scheme-color-signal-information-dark: var(--post-core-color-notification-blue);--post-scheme-color-signal-information-light: var(--post-core-color-notification-blue-light);--post-scheme-color-signal-neutral-dark: var(--post-core-color-sandgrey-100);--post-scheme-color-signal-neutral: var(--post-core-color-sandgrey-006);--post-scheme-color-signal-success-solo: var(--post-core-color-notification-green);--post-scheme-color-signal-error-solo: var(--post-core-color-notification-red);--post-scheme-color-interactive-button-primary-enabled-fg: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-enabled-bg: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-button-primary-enabled-stroke: var(--post-scheme-color-interactive-button-primary-enabled-bg);--post-scheme-color-interactive-button-primary-enabled-fg-inverted: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-button-primary-enabled-bg-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-enabled-stroke-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-hover-fg: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-hover-bg: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-button-primary-hover-stroke: var(--post-scheme-color-interactive-button-primary-hover-bg);--post-scheme-color-interactive-button-primary-hover-fg-inverted: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-button-primary-hover-bg-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-hover-stroke-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-disabled-fg: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-primary-disabled-bg: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-disabled-stroke: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-primary-disabled-fg-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-disabled-bg-inverted: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-primary-disabled-stroke-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-enabled-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-button-secondary-enabled-bg: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-enabled-stroke: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-button-secondary-enabled-fg-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-enabled-bg-inverted: var(--post-core-color-colorless);--post-scheme-color-interactive-button-secondary-enabled-stroke-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-hover-fg: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-button-secondary-hover-bg: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-hover-stroke: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-button-secondary-hover-fg-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-hover-bg-inverted: var(--post-core-color-sandgrey-alpha-lightsand-10);--post-scheme-color-interactive-button-secondary-hover-stroke-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-disabled-fg: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-secondary-disabled-bg: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-disabled-stroke: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-secondary-disabled-fg-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-disabled-bg-inverted: var(--post-core-color-sandgrey-alpha-lightsand-30);--post-scheme-color-interactive-button-secondary-disabled-stroke-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-tertiary-enabled-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-button-tertiary-enabled-bg: var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-enabled-stroke: var(--post-scheme-color-interactive-button-tertiary-enabled-bg);--post-scheme-color-interactive-button-tertiary-enabled-fg-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-tertiary-enabled-bg-inverted: var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-enabled-stroke-inverted: var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-hover-fg: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-button-tertiary-hover-bg: var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-hover-stroke: var(--post-scheme-color-interactive-button-tertiary-hover-bg);--post-scheme-color-interactive-button-tertiary-hover-fg-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-tertiary-hover-bg-inverted: var(--post-core-color-sandgrey-alpha-lightsand-10);--post-scheme-color-interactive-button-tertiary-hover-stroke-inverted: var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-disabled-fg: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-tertiary-disabled-bg: var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-disabled-stroke: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-tertiary-disabled-fg-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-tertiary-disabled-bg-inverted: var(--post-core-color-sandgrey-alpha-lightsand-30);--post-scheme-color-interactive-button-tertiary-disabled-stroke-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-focus-stroke: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-focus-stroke-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-enabled-bg1: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-enabled-fg1: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-enabled-fg2: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-enabled-stroke: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-enabled-fg3: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-enabled-bg2: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-enabled-stroke3: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-enabled-bg3: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-enabled-stroke4: var(--post-core-color-sandgrey-030);--post-scheme-color-interactive-primary-hover-bg: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-hover-fg1: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-primary-hover-stroke: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-primary-hover-fg3: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-hover-bg2: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-primary-hover-stroke3: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-hover-bg3: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-hover-bg4: var(--post-core-color-sandgrey-006);--post-scheme-color-interactive-primary-disabled-bg: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-disabled-fg1: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-disabled-stroke: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-disabled-fg3: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-disabled-stroke2: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-disabled-bg4: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-disabled-stroke3: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-disabled-bg5: var(--post-core-color-sandgrey-012);--post-scheme-color-interactive-primary-disabled-fg4: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-disabled-stroke4: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-disabled-bg6: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-selected-bg1: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-selected-fg1: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-selected-stroke1: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-selected-fg3: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-selected-bg2: var(--post-core-color-notification-green);--post-scheme-color-interactive-primary-selected-stroke4: var(--post-core-color-notification-green);--post-scheme-color-interactive-primary-selected-stroke3: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-selected-bg4: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-notification-info-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-notification-info-bg: var(--post-scheme-color-signal-information-light);--post-scheme-color-interactive-notification-info-icon: var(--post-scheme-color-signal-information-dark);--post-scheme-color-interactive-notification-info-stroke: var(--post-scheme-color-signal-information-dark);--post-scheme-color-interactive-notification-success-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-notification-success-bg: var(--post-scheme-color-signal-success-light);--post-scheme-color-interactive-notification-success-icon: var(--post-scheme-color-signal-success-dark);--post-scheme-color-interactive-notification-success-stroke: var(--post-scheme-color-signal-success-dark);--post-scheme-color-interactive-notification-warning-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-notification-warning-bg: var(--post-scheme-color-signal-warning-light);--post-scheme-color-interactive-notification-warning-icon: var(--post-scheme-color-signal-warning-dark);--post-scheme-color-interactive-notification-warning-stroke: var(--post-scheme-color-signal-warning-dark);--post-scheme-color-interactive-notification-error-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-notification-error-bg: var(--post-scheme-color-signal-error-light);--post-scheme-color-interactive-notification-error-icon: var(--post-scheme-color-signal-error-dark);--post-scheme-color-interactive-notification-error-stroke: var(--post-scheme-color-signal-error-dark);--post-scheme-color-interactive-input-enabled-bg: var(--post-core-color-brand-white);--post-scheme-color-interactive-input-enabled-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-input-enabled-border: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-input-hover-bg: var(--post-core-color-brand-white);--post-scheme-color-interactive-input-hover-fg: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-input-hover-border: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-input-disabled-bg: var(--post-core-color-colorless);--post-scheme-color-interactive-input-disabled-fg: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-input-disabled-border: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-card-hover-bg: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-card-hover-fg: var(--post-core-color-brand-white);--post-scheme-color-surface-default-bg: var(--post-core-color-sandgrey-002);--post-scheme-color-surface-default-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-surface-default-stroke: var(--post-core-color-sandgrey-100);--post-scheme-color-surface-accent1-bg: var(--post-core-color-brand-white);--post-scheme-color-surface-accent1-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-surface-alternate-bg: var(--post-core-color-sandgrey-006);--post-scheme-color-surface-alternate-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-surface-brand-bg: var(--post-core-color-brand-postyellow);--post-scheme-color-surface-brand-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-surface-accent-bg: var(--post-core-color-sandgrey-080);--post-scheme-color-surface-accent-fg: var(--post-core-color-brand-white);--post-scheme-color-surface-accent-fg-accent: var(--post-core-color-brand-postyellow);--post-scheme-color-notification-badge-bg: var(--post-core-color-notification-red);--post-scheme-color-notification-badge-fg: var(--post-core-color-brand-white);--post-scheme-color-notification-badge-stroke: var(--post-core-color-brand-white);--post-scheme-color-notification-popover-hover: var(--post-core-color-sandgrey-020);--post-scheme-accent-bg-scheme-1: var(--post-core-bg-scheme-light);--post-scheme-accent-bg-scheme-2: var(--post-core-bg-scheme-dark);--post-cargo-scheme-color-surface-default-bg: var(--post-core-color-sandgrey-002);--post-cargo-scheme-color-surface-default-fg: var(--post-core-color-sandgrey-100);--post-cargo-scheme-color-surface-default-stroke: var(--post-core-color-sandgrey-100);--post-cargo-scheme-color-surface-accent1-bg: var(--post-core-color-brand-white);--post-cargo-scheme-color-surface-accent1-fg: var(--post-core-color-sandgrey-100);--post-cargo-scheme-color-surface-alternate-bg: var(--post-core-color-sandgrey-006);--post-cargo-scheme-color-surface-alternate-fg: var(--post-core-color-sandgrey-100);--post-cargo-scheme-color-surface-brand-bg: var(--post-core-color-cargo-green);--post-cargo-scheme-color-surface-brand-fg: var(--post-core-color-brand-white);--post-cargo-scheme-color-surface-brand-fg-accent: var(--post-core-color-cargo-blue);--post-cargo-scheme-color-surface-accent-bg: var(--post-core-color-cargo-blue);--post-cargo-scheme-color-surface-accent-fg: var(--post-core-color-sandgrey-100);--post-cargo-scheme-color-surface-accent-fg-accent: var(--post-core-color-cargo-green)}[data-color-scheme=dark]{--post-scheme-color-signal-success-dark: var(--post-core-color-notification-green);--post-scheme-color-signal-success-light: var(--post-core-color-notification-green-light);--post-scheme-color-signal-error-dark: var(--post-core-color-notification-red);--post-scheme-color-signal-error-light: var(--post-core-color-notification-red-light);--post-scheme-color-signal-warning-dark: var(--post-core-color-notification-orange);--post-scheme-color-signal-warning-light: var(--post-core-color-notification-orange-light);--post-scheme-color-signal-information-dark: var(--post-core-color-notification-blue);--post-scheme-color-signal-information-light: var(--post-core-color-notification-blue-light);--post-scheme-color-signal-neutral-dark: var(--post-core-color-sandgrey-100);--post-scheme-color-signal-neutral: var(--post-core-color-sandgrey-006);--post-scheme-color-signal-success-solo: var(--post-core-color-notification-green-night);--post-scheme-color-signal-error-solo: var(--post-core-color-notification-red-night);--post-scheme-color-interactive-button-primary-enabled-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-button-primary-enabled-bg: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-enabled-stroke: var(--post-scheme-color-interactive-button-primary-enabled-bg);--post-scheme-color-interactive-button-primary-enabled-fg-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-enabled-bg-inverted: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-button-primary-enabled-stroke-inverted: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-button-primary-hover-fg: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-button-primary-hover-bg: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-hover-stroke: var(--post-scheme-color-interactive-button-primary-hover-bg);--post-scheme-color-interactive-button-primary-hover-fg-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-hover-bg-inverted: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-button-primary-hover-stroke-inverted: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-button-primary-disabled-fg: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-disabled-bg: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-primary-disabled-stroke: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-disabled-fg-inverted: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-primary-disabled-bg-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-disabled-stroke-inverted: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-secondary-enabled-fg: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-enabled-bg: var(--post-core-color-colorless);--post-scheme-color-interactive-button-secondary-enabled-stroke: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-enabled-fg-inverted: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-button-secondary-enabled-bg-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-enabled-stroke-inverted: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-button-secondary-hover-fg: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-hover-bg: var(--post-core-color-sandgrey-alpha-lightsand-10);--post-scheme-color-interactive-button-secondary-hover-stroke: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-hover-fg-inverted: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-button-secondary-hover-bg-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-hover-stroke-inverted: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-button-secondary-disabled-fg: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-disabled-bg: var(--post-core-color-sandgrey-alpha-lightsand-30);--post-scheme-color-interactive-button-secondary-disabled-stroke: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-disabled-fg-inverted: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-secondary-disabled-bg-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-disabled-stroke-inverted: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-tertiary-enabled-fg: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-tertiary-enabled-bg: var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-enabled-stroke: var(--post-scheme-color-interactive-button-tertiary-enabled-bg);--post-scheme-color-interactive-button-tertiary-enabled-fg-inverted: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-button-tertiary-enabled-bg-inverted: var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-enabled-stroke-inverted: var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-hover-fg: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-tertiary-hover-bg: var(--post-core-color-sandgrey-alpha-lightsand-10);--post-scheme-color-interactive-button-tertiary-hover-stroke: var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-hover-fg-inverted: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-button-tertiary-hover-bg-inverted: var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-hover-stroke-inverted: var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-disabled-fg: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-tertiary-disabled-bg: var(--post-core-color-sandgrey-alpha-lightsand-30);--post-scheme-color-interactive-button-tertiary-disabled-stroke: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-tertiary-disabled-fg-inverted: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-tertiary-disabled-bg-inverted: var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-disabled-stroke-inverted: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-focus-stroke: var(--post-core-color-brand-white);--post-scheme-color-interactive-focus-stroke-inverted: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-enabled-bg1: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-enabled-fg1: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-enabled-fg2: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-enabled-stroke: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-enabled-fg3: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-enabled-bg2: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-enabled-stroke3: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-enabled-bg3: var(--post-core-color-colorless);--post-scheme-color-interactive-primary-enabled-stroke4: var(--post-core-color-sandgrey-030);--post-scheme-color-interactive-primary-hover-bg: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-primary-hover-fg1: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-hover-stroke: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-hover-fg3: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-primary-hover-bg2: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-hover-stroke3: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-primary-hover-bg3: var(--post-core-color-sandgrey-alpha-lightsand-20);--post-scheme-color-interactive-primary-hover-bg4: var(--post-core-color-sandgrey-006);--post-scheme-color-interactive-primary-disabled-bg: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-disabled-fg1: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-disabled-stroke: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-disabled-fg3: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-disabled-stroke2: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-disabled-bg4: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-disabled-stroke3: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-disabled-bg5: var(--post-core-color-sandgrey-alpha-lightsand-10);--post-scheme-color-interactive-primary-disabled-fg4: var(--post-core-color-sandgrey-alpha-lightsand-60);--post-scheme-color-interactive-primary-disabled-stroke4: var(--post-core-color-sandgrey-alpha-lightsand-60);--post-scheme-color-interactive-primary-disabled-bg6: var(--post-core-color-colorless);--post-scheme-color-interactive-primary-selected-bg1: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-selected-fg1: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-selected-stroke1: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-selected-fg3: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-selected-bg2: var(--post-core-color-notification-green-light);--post-scheme-color-interactive-primary-selected-stroke4: var(--post-core-color-notification-green-light);--post-scheme-color-interactive-primary-selected-stroke3: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-selected-bg4: var(--post-core-color-brand-white);--post-scheme-color-interactive-notification-info-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-notification-info-bg: var(--post-scheme-color-signal-information-light);--post-scheme-color-interactive-notification-info-icon: var(--post-scheme-color-signal-information-dark);--post-scheme-color-interactive-notification-info-stroke: var(--post-scheme-color-signal-information-dark);--post-scheme-color-interactive-notification-success-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-notification-success-bg: var(--post-scheme-color-signal-success-light);--post-scheme-color-interactive-notification-success-icon: var(--post-scheme-color-signal-success-dark);--post-scheme-color-interactive-notification-success-stroke: var(--post-scheme-color-signal-success-dark);--post-scheme-color-interactive-notification-warning-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-notification-warning-bg: var(--post-scheme-color-signal-warning-light);--post-scheme-color-interactive-notification-warning-icon: var(--post-scheme-color-signal-warning-dark);--post-scheme-color-interactive-notification-warning-stroke: var(--post-scheme-color-signal-warning-dark);--post-scheme-color-interactive-notification-error-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-notification-error-bg: var(--post-scheme-color-signal-error-light);--post-scheme-color-interactive-notification-error-icon: var(--post-scheme-color-signal-error-dark);--post-scheme-color-interactive-notification-error-stroke: var(--post-scheme-color-signal-error-dark);--post-scheme-color-interactive-input-enabled-bg: var(--post-core-color-brand-white);--post-scheme-color-interactive-input-enabled-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-input-enabled-border: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-input-hover-bg: var(--post-core-color-brand-white);--post-scheme-color-interactive-input-hover-fg: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-input-hover-border: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-input-disabled-bg: var(--post-core-color-colorless);--post-scheme-color-interactive-input-disabled-fg: var(--post-core-color-sandgrey-alpha-lightsand-60);--post-scheme-color-interactive-input-disabled-border: var(--post-core-color-sandgrey-alpha-lightsand-60);--post-scheme-color-interactive-card-hover-bg: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-card-hover-fg: var(--post-core-color-brand-white);--post-scheme-color-surface-default-bg: var(--post-core-color-sandgrey-080);--post-scheme-color-surface-default-fg: var(--post-core-color-brand-white);--post-scheme-color-surface-default-stroke: var(--post-core-color-brand-white);--post-scheme-color-surface-accent1-bg: var(--post-core-color-sandgrey-100);--post-scheme-color-surface-accent1-fg: var(--post-core-color-brand-white);--post-scheme-color-surface-alternate-bg: var(--post-core-color-sandgrey-100);--post-scheme-color-surface-alternate-fg: var(--post-core-color-brand-white);--post-scheme-color-surface-brand-bg: var(--post-core-color-brand-postyellow);--post-scheme-color-surface-brand-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-surface-accent-bg: var(--post-core-color-sandgrey-002);--post-scheme-color-surface-accent-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-surface-accent-fg-accent: var(--post-core-color-brand-postyellow);--post-scheme-color-notification-badge-bg: var(--post-core-color-notification-red);--post-scheme-color-notification-badge-fg: var(--post-core-color-brand-white);--post-scheme-color-notification-badge-stroke: var(--post-core-color-brand-white);--post-scheme-color-notification-popover-hover: var(--post-core-color-sandgrey-020);--post-scheme-accent-bg-scheme-1: var(--post-core-bg-scheme-dark);--post-scheme-accent-bg-scheme-2: var(--post-core-bg-scheme-light);--post-cargo-scheme-color-surface-default-bg: var(--post-core-color-sandgrey-080);--post-cargo-scheme-color-surface-default-fg: var(--post-core-color-brand-white);--post-cargo-scheme-color-surface-default-stroke: var(--post-core-color-brand-white);--post-cargo-scheme-color-surface-accent1-bg: var(--post-core-color-sandgrey-100);--post-cargo-scheme-color-surface-accent1-fg: var(--post-core-color-brand-white);--post-cargo-scheme-color-surface-alternate-bg: var(--post-core-color-sandgrey-100);--post-cargo-scheme-color-surface-alternate-fg: var(--post-core-color-brand-white);--post-cargo-scheme-color-surface-brand-bg: var(--post-core-color-cargo-green);--post-cargo-scheme-color-surface-brand-fg: var(--post-core-color-brand-white);--post-cargo-scheme-color-surface-brand-fg-accent: var(--post-core-color-cargo-blue);--post-cargo-scheme-color-surface-accent-bg: var(--post-core-color-cargo-blue);--post-cargo-scheme-color-surface-accent-fg: var(--post-core-color-sandgrey-100);--post-cargo-scheme-color-surface-accent-fg-accent: var(--post-core-color-cargo-green)}:root{--post-core-color-brand-postyellow: #ffcc00;--post-core-color-brand-black: #000000;--post-core-color-brand-white: #ffffff;--post-core-color-notification-green: #107800;--post-core-color-notification-red: #b20000;--post-core-color-notification-orange: #d93d00;--post-core-color-notification-blue: #0050a1;--post-core-color-notification-green-light: #c3ddbf;--post-core-color-notification-red-light: #ebbfbf;--post-core-color-notification-orange-light: #f5cebf;--post-core-color-notification-blue-light: #bfd3e7;--post-core-color-notification-green-night: #55e543;--post-core-color-notification-red-night: #ffc2c2;--post-core-color-sandgrey-100: #050400;--post-core-color-sandgrey-000: #fcfcfc;--post-core-color-sandgrey-002: #fafafa;--post-core-color-sandgrey-006: #f0efed;--post-core-color-sandgrey-012: #e1e0dc;--post-core-color-sandgrey-020: #cdccc8;--post-core-color-sandgrey-030: #b4b3af;--post-core-color-sandgrey-040: #9b9a96;--post-core-color-sandgrey-050: #82817d;--post-core-color-sandgrey-060: #696864;--post-core-color-sandgrey-070: #504f4b;--post-core-color-sandgrey-080: #373632;--post-core-color-sandgrey-090: #1e1d19;--post-core-color-sandgrey-alpha-darksand-10: rgba(5, 4, 0, 0.1);--post-core-color-sandgrey-alpha-darksand-20: rgba(5, 4, 0, 0.2);--post-core-color-sandgrey-alpha-darksand-30: rgba(5, 4, 0, 0.3);--post-core-color-sandgrey-alpha-darksand-40: rgba(5, 4, 0, 0.4);--post-core-color-sandgrey-alpha-darksand-50: rgba(5, 4, 0, 0.5);--post-core-color-sandgrey-alpha-darksand-60: rgba(5, 4, 0, 0.6);--post-core-color-sandgrey-alpha-darksand-70: rgba(5, 4, 0, 0.7);--post-core-color-sandgrey-alpha-darksand-80: rgba(5, 4, 0, 0.8);--post-core-color-sandgrey-alpha-darksand-90: rgba(5, 4, 0, 0.9);--post-core-color-sandgrey-alpha-lightsand-10: rgba(252, 252, 252, 0.1);--post-core-color-sandgrey-alpha-lightsand-20: rgba(252, 252, 252, 0.2);--post-core-color-sandgrey-alpha-lightsand-30: rgba(252, 252, 252, 0.3);--post-core-color-sandgrey-alpha-lightsand-40: rgba(252, 252, 252, 0.4);--post-core-color-sandgrey-alpha-lightsand-50: rgba(252, 252, 252, 0.5);--post-core-color-sandgrey-alpha-lightsand-60: rgba(252, 252, 252, 0.6);--post-core-color-sandgrey-alpha-lightsand-70: rgba(252, 252, 252, 0.7);--post-core-color-sandgrey-alpha-lightsand-80: rgba(252, 252, 252, 0.8);--post-core-color-sandgrey-alpha-lightsand-90: rgba(252, 252, 252, 0.9);--post-core-color-colorless: rgba(255, 255, 255, 0);--post-core-color-cargo-green: #00411c;--post-core-color-cargo-blue: #aadcff;--post-core-dimension-0: 0px;--post-core-dimension-1: 1px;--post-core-dimension-2: 2px;--post-core-dimension-3: 3px;--post-core-dimension-4: 4px;--post-core-dimension-5: 5px;--post-core-dimension-6: 6px;--post-core-dimension-7: 7px;--post-core-dimension-8: 8px;--post-core-dimension-9: 9px;--post-core-dimension-10: 10px;--post-core-dimension-11: 11px;--post-core-dimension-12: 12px;--post-core-dimension-13: 13px;--post-core-dimension-14: 14px;--post-core-dimension-15: 15px;--post-core-dimension-16: 16px;--post-core-dimension-17: 17px;--post-core-dimension-18: 18px;--post-core-dimension-19: 19px;--post-core-dimension-20: 20px;--post-core-dimension-22: 22px;--post-core-dimension-23: 23px;--post-core-dimension-24: 24px;--post-core-dimension-26: 26px;--post-core-dimension-28: 28px;--post-core-dimension-30: 30px;--post-core-dimension-32: 32px;--post-core-dimension-34: 34px;--post-core-dimension-36: 36px;--post-core-dimension-40: 40px;--post-core-dimension-48: 48px;--post-core-dimension-50: 50px;--post-core-dimension-56: 56px;--post-core-dimension-58: 58px;--post-core-dimension-64: 64px;--post-core-dimension-72: 72px;--post-core-dimension-78: 78px;--post-core-dimension-80: 80px;--post-core-dimension-82: 82px;--post-core-dimension-88: 88px;--post-core-dimension-96: 96px;--post-core-dimension-100: 100px;--post-core-dimension-104: 104px;--post-core-dimension-112: 112px;--post-core-dimension-164: 164px;--post-core-dimension-180: 180px;--post-core-dimension-188: 188px;--post-core-dimension-240: 240px;--post-core-dimension-312: 312px;--post-core-dimension-1280: 1280px;--post-core-dimension-5-5: 5.5px;--post-core-dimension-6-5: 6.5px;--post-core-dimension-4-5: 4.5px;--post-core-dimension-7-5: 7.5px;--post-core-dimension-1-5: 1.5px;--post-core-dimension-8-5: 8.5px;--post-core-dimension-3-5: 3.5px;--post-core-dimension-n2: -2px;--post-core-dimension-15-5: 15.5px;--post-core-dimension-16-5: 16.5px;--post-core-dimension-17-5: 17.5px;--post-core-dimension-26-5: 26.5px;--post-core-dimension-25-5: 25.5px;--post-core-dimension-24-5: 24.5px;--post-core-font-weight-400: 400;--post-core-font-weight-700: 700;--post-core-font-weight-900: 900;--post-core-font-size-10: 10px;--post-core-font-size-12: 12px;--post-core-font-size-14: 14px;--post-core-font-size-16: 16px;--post-core-font-size-18: 18px;--post-core-font-size-20: 20px;--post-core-font-size-24: 24px;--post-core-font-size-28: 28px;--post-core-font-size-32: 32px;--post-core-font-size-36: 36px;--post-core-font-size-40: 40px;--post-core-line-height-100: 1;--post-core-line-height-120: 1.2;--post-core-line-height-150: 1.5;--post-core-letter-spacing-default: 0.0012em;--post-core-letter-spacing-none: 0px;--post-core-font-family-swiss-post: "Swiss Post Sans";--post-core-elevation-1: 0 1px 2px 0 rgba(0,0,0,0.16), 0 0 2px 0 rgba(0,0,0,0.16);--post-core-elevation-2: 0 2px 4px 0 rgba(0,0,0,0.16), 0 0 2px 0 rgba(0,0,0,0.16);--post-core-elevation-3: 0 4px 8px 0 rgba(0,0,0,0.16), 0 0 2px 0 rgba(0,0,0,0.16);--post-core-elevation-4: 0 8px 16px 0 rgba(0,0,0,0.16), 0 0 2px 0 rgba(0,0,0,0.16);--post-core-elevation-5: 0 14px 28px 0 rgba(0,0,0,0.24), 0 0 8px 0 rgba(0,0,0,0.24);--post-core-border-style-solid: solid;--post-core-border-style-dash: dashed;--post-core-text-decoration-underline: underline;--post-core-text-decoration-none: none;--post-core-bg-scheme-light: light;--post-core-bg-scheme-dark: dark}@media screen and (max-width: 599.98px){:root{--post-device-font-size-1: var(--post-core-font-size-32);--post-device-font-size-2: var(--post-core-font-size-28);--post-device-font-size-3: var(--post-core-font-size-24);--post-device-font-size-4: var(--post-core-font-size-20);--post-device-font-size-5: var(--post-core-font-size-18);--post-device-font-size-6: var(--post-core-font-size-14);--post-device-font-size-7: var(--post-core-font-size-14);--post-device-font-size-8: var(--post-core-font-size-16);--post-device-font-size-9: var(--post-core-font-size-14);--post-device-font-size-10: var(--post-core-font-size-12);--post-device-font-size-11: var(--post-core-font-size-12);--post-device-elevation-100: var(--post-core-elevation-1);--post-device-elevation-200: var(--post-core-elevation-2);--post-device-elevation-300: var(--post-core-elevation-3);--post-device-elevation-400: var(--post-core-elevation-4);--post-device-elevation-500: var(--post-core-elevation-5);--post-device-font-family-default: var(--post-core-font-family-swiss-post);--post-device-spacing-gap-1: var(--post-core-dimension-8);--post-device-spacing-gap-2: var(--post-core-dimension-2);--post-device-spacing-gap-4: var(--post-core-dimension-8);--post-device-spacing-gap-6: var(--post-core-dimension-n2);--post-device-spacing-gap-7: var(--post-core-dimension-16);--post-device-spacing-gap-block-1: var(--post-core-dimension-4);--post-device-spacing-gap-block-2: var(--post-core-dimension-16);--post-device-spacing-gap-block-3: var(--post-core-dimension-8);--post-device-spacing-gap-inline-1: var(--post-core-dimension-6);--post-device-spacing-gap-inline-2: var(--post-core-dimension-8);--post-device-spacing-gap-inline-3: var(--post-core-dimension-12);--post-device-spacing-gap-inline-4: var(--post-core-dimension-4);--post-device-spacing-gap-inline-5: var(--post-core-dimension-2);--post-device-spacing-gap-inline-6: var(--post-core-dimension-16);--post-device-spacing-gap-inline-7: var(--post-core-dimension-12);--post-device-spacing-gap-inline-10: var(--post-core-dimension-4);--post-device-spacing-gap-inline-11: var(--post-core-dimension-4);--post-device-spacing-gap-inline-12: var(--post-core-dimension-4);--post-device-spacing-gap-inline-13: var(--post-core-dimension-0);--post-device-spacing-padding-1: var(--post-core-dimension-2);--post-device-spacing-padding-2: var(--post-core-dimension-2);--post-device-spacing-padding-3: var(--post-core-dimension-10);--post-device-spacing-padding-4: var(--post-core-dimension-2);--post-device-spacing-padding-5: var(--post-core-dimension-16);--post-device-spacing-padding-6: var(--post-core-dimension-32);--post-device-spacing-padding-7: var(--post-core-dimension-8-5);--post-device-spacing-padding-8: var(--post-core-dimension-5);--post-device-spacing-padding-9: var(--post-core-dimension-15);--post-device-spacing-padding-10: var(--post-core-dimension-14);--post-device-spacing-padding-11: var(--post-core-dimension-14);--post-device-spacing-padding-12: var(--post-core-dimension-1);--post-device-spacing-padding-15: var(--post-core-dimension-8);--post-device-spacing-padding-16: var(--post-core-dimension-2);--post-device-spacing-padding-17: var(--post-core-dimension-8);--post-device-spacing-padding-18: var(--post-core-dimension-4);--post-device-spacing-padding-19: var(--post-core-dimension-11);--post-device-spacing-padding-20: var(--post-core-dimension-16);--post-device-spacing-padding-inline-1: var(--post-core-dimension-14);--post-device-spacing-padding-inline-3: var(--post-core-dimension-12);--post-device-spacing-padding-inline-4: var(--post-core-dimension-12);--post-device-spacing-padding-inline-5: var(--post-core-dimension-14);--post-device-spacing-padding-inline-6: var(--post-core-dimension-12);--post-device-spacing-padding-inline-7: var(--post-core-dimension-8);--post-device-spacing-padding-inline-8: var(--post-core-dimension-0);--post-device-spacing-padding-inline-9: var(--post-core-dimension-0);--post-device-spacing-padding-block-1: var(--post-core-dimension-10);--post-device-spacing-padding-block-3: var(--post-core-dimension-6-5);--post-device-spacing-padding-block-5: var(--post-core-dimension-6);--post-device-spacing-padding-block-6: var(--post-core-dimension-1-5);--post-device-spacing-padding-block-7: var(--post-core-dimension-0);--post-device-spacing-padding-block-8: var(--post-core-dimension-4);--post-device-spacing-padding-block-9: var(--post-core-dimension-1-5);--post-device-spacing-padding-block-10: var(--post-core-dimension-16);--post-device-spacing-padding-block-12: var(--post-core-dimension-6);--post-device-spacing-padding-block-14: var(--post-core-dimension-6);--post-device-spacing-padding-block-15: var(--post-core-dimension-3-5);--post-device-spacing-padding-block-16: var(--post-core-dimension-8);--post-device-spacing-padding-block-17: var(--post-core-dimension-5);--post-device-spacing-padding-block-18: var(--post-core-dimension-0);--post-device-spacing-padding-block-19: var(--post-core-dimension-0);--post-device-spacing-padding-block-20: var(--post-core-dimension-1-5);--post-device-spacing-padding-block-21: var(--post-core-dimension-24);--post-device-spacing-padding-block-22: var(--post-core-dimension-12);--post-device-spacing-padding-block-23: var(--post-core-dimension-11);--post-device-spacing-padding-block-24: var(--post-core-dimension-2);--post-device-spacing-padding-block-25: var(--post-core-dimension-16);--post-device-spacing-padding-block-27: var(--post-core-dimension-17-5);--post-device-spacing-padding-block-28: var(--post-core-dimension-17-5);--post-device-spacing-padding-block-29: var(--post-core-dimension-24-5);--post-device-spacing-padding-block-30: var(--post-core-dimension-8-5);--post-device-spacing-margin-1: var(--post-core-dimension-24);--post-device-spacing-margin-2: var(--post-core-dimension-16);--post-device-spacing-margin-3: var(--post-core-dimension-8);--post-device-spacing-margin-4: var(--post-core-dimension-8);--post-device-spacing-margin-5: var(--post-core-dimension-24);--post-device-spacing-margin-6: var(--post-core-dimension-0);--post-device-sizing-interactive-icon-size: var(--post-core-dimension-20);--post-device-sizing-interactive-icon-size2: var(--post-core-dimension-20);--post-device-sizing-interactive-icon-size3: var(--post-core-dimension-40);--post-device-sizing-interactive-icon-size4: var(--post-core-dimension-16);--post-device-sizing-interactive-stepper-indicator: var(--post-core-dimension-32);--post-device-sizing-interactive-button-height-1: var(--post-core-dimension-32);--post-device-sizing-interactive-button-height-2: var(--post-core-dimension-40);--post-device-sizing-interactive-button-height-4: var(--post-core-dimension-28);--post-device-sizing-interactive-button-height-5: var(--post-core-dimension-40);--post-device-sizing-interactive-button-height-6: var(--post-core-dimension-56);--post-device-sizing-interactive-button-appstore-width-google: 135px;--post-device-sizing-interactive-button-appstore-width-apple: 119.66px;--post-device-sizing-interactive-button-icon-3: var(--post-core-dimension-18);--post-device-sizing-interactive-button-icon-4: var(--post-core-dimension-16);--post-device-sizing-interactive-button-icon-5: var(--post-core-dimension-14);--post-device-sizing-interactive-button-icon-6: var(--post-core-dimension-6);--post-device-sizing-notification-1: var(--post-core-dimension-24);--post-device-sizing-notification-2: var(--post-core-dimension-16);--post-device-sizing-notification-3: var(--post-core-dimension-16);--post-device-sizing-notification-icon-2: var(--post-core-dimension-40);--post-device-sizing-notification-icon-3: var(--post-core-dimension-24);--post-device-sizing-notification-icon-4: var(--post-core-dimension-32);--post-device-sizing-icon-1: var(--post-core-dimension-12);--post-device-sizing-icon-2: var(--post-core-dimension-24);--post-device-sizing-icon-3: var(--post-core-dimension-12);--post-device-sizing-logo-1: var(--post-core-dimension-56);--post-device-sizing-content-height-1: var(--post-core-dimension-180);--post-device-sizing-content-height-2: var(--post-core-dimension-188);--post-device-border-radius-1: var(--post-core-dimension-4);--post-device-border-radius-2: var(--post-core-dimension-8);--post-device-border-radius-3: var(--post-core-dimension-16);--post-device-border-radius-round: var(--post-core-dimension-100);--post-device-border-radius-focus: var(--post-core-dimension-4);--post-device-font-weight-bold: var(--post-core-font-weight-700);--post-device-font-weight-regular: var(--post-core-font-weight-400);--post-device-font-weight-black: var(--post-core-font-weight-900);--post-device-line-height-heading: var(--post-core-line-height-120);--post-device-line-height-content: var(--post-core-line-height-150);--post-device-line-height-legend: var(--post-core-line-height-120);--post-device-line-height-label: var(--post-core-line-height-150);--post-device-border-width-default: var(--post-core-dimension-2);--post-device-border-width-focus: var(--post-core-dimension-2);--post-device-border-width-alternative2: var(--post-core-dimension-3);--post-device-border-width-alternative1: var(--post-core-dimension-1);--post-device-border-width-quote: var(--post-core-dimension-4);--post-device-grid-sizing-gutter: var(--post-core-dimension-16);--post-device-grid-sizing-container-max-width: var(--post-core-dimension-1280);--post-device-grid-padding-inline-container: var(--post-core-dimension-16);--post-device-position-1: var(--post-core-dimension-16);--post-device-position-2: var(--post-core-dimension-16);--post-device-position-3: var(--post-core-dimension-48)}}@media screen and (min-width: 600px)and (max-width: 1023.98px){:root{--post-device-font-size-1: var(--post-core-font-size-36);--post-device-font-size-2: var(--post-core-font-size-32);--post-device-font-size-3: var(--post-core-font-size-28);--post-device-font-size-4: var(--post-core-font-size-24);--post-device-font-size-5: var(--post-core-font-size-20);--post-device-font-size-6: var(--post-core-font-size-16);--post-device-font-size-7: var(--post-core-font-size-16);--post-device-font-size-8: var(--post-core-font-size-16);--post-device-font-size-9: var(--post-core-font-size-14);--post-device-font-size-10: var(--post-core-font-size-12);--post-device-font-size-11: var(--post-core-font-size-12);--post-device-elevation-100: var(--post-core-elevation-1);--post-device-elevation-200: var(--post-core-elevation-2);--post-device-elevation-300: var(--post-core-elevation-3);--post-device-elevation-400: var(--post-core-elevation-4);--post-device-elevation-500: var(--post-core-elevation-5);--post-device-font-family-default: var(--post-core-font-family-swiss-post);--post-device-spacing-gap-1: var(--post-core-dimension-8);--post-device-spacing-gap-2: var(--post-core-dimension-2);--post-device-spacing-gap-4: var(--post-core-dimension-16);--post-device-spacing-gap-6: var(--post-core-dimension-0);--post-device-spacing-gap-7: var(--post-core-dimension-16);--post-device-spacing-gap-block-1: var(--post-core-dimension-4);--post-device-spacing-gap-block-2: var(--post-core-dimension-16);--post-device-spacing-gap-block-3: var(--post-core-dimension-8);--post-device-spacing-gap-inline-1: var(--post-core-dimension-8);--post-device-spacing-gap-inline-2: var(--post-core-dimension-12);--post-device-spacing-gap-inline-3: var(--post-core-dimension-12);--post-device-spacing-gap-inline-4: var(--post-core-dimension-4);--post-device-spacing-gap-inline-5: var(--post-core-dimension-2);--post-device-spacing-gap-inline-6: var(--post-core-dimension-16);--post-device-spacing-gap-inline-7: var(--post-core-dimension-16);--post-device-spacing-gap-inline-10: var(--post-core-dimension-6);--post-device-spacing-gap-inline-11: var(--post-core-dimension-6);--post-device-spacing-gap-inline-12: var(--post-core-dimension-6);--post-device-spacing-gap-inline-13: var(--post-core-dimension-1);--post-device-spacing-padding-1: var(--post-core-dimension-1);--post-device-spacing-padding-2: var(--post-core-dimension-2);--post-device-spacing-padding-3: var(--post-core-dimension-10);--post-device-spacing-padding-4: var(--post-core-dimension-0);--post-device-spacing-padding-5: var(--post-core-dimension-16);--post-device-spacing-padding-6: var(--post-core-dimension-32);--post-device-spacing-padding-7: var(--post-core-dimension-8-5);--post-device-spacing-padding-8: var(--post-core-dimension-5);--post-device-spacing-padding-9: var(--post-core-dimension-15);--post-device-spacing-padding-10: var(--post-core-dimension-22);--post-device-spacing-padding-11: var(--post-core-dimension-14);--post-device-spacing-padding-12: var(--post-core-dimension-1);--post-device-spacing-padding-15: var(--post-core-dimension-8);--post-device-spacing-padding-16: var(--post-core-dimension-4);--post-device-spacing-padding-17: var(--post-core-dimension-16);--post-device-spacing-padding-18: var(--post-core-dimension-0);--post-device-spacing-padding-19: var(--post-core-dimension-15);--post-device-spacing-padding-20: var(--post-core-dimension-24);--post-device-spacing-padding-inline-1: var(--post-core-dimension-14);--post-device-spacing-padding-inline-3: var(--post-core-dimension-12);--post-device-spacing-padding-inline-4: var(--post-core-dimension-12);--post-device-spacing-padding-inline-5: var(--post-core-dimension-18);--post-device-spacing-padding-inline-6: var(--post-core-dimension-14);--post-device-spacing-padding-inline-7: var(--post-core-dimension-10);--post-device-spacing-padding-inline-8: var(--post-core-dimension-2);--post-device-spacing-padding-inline-9: var(--post-core-dimension-2);--post-device-spacing-padding-block-1: var(--post-core-dimension-10);--post-device-spacing-padding-block-3: var(--post-core-dimension-5);--post-device-spacing-padding-block-5: var(--post-core-dimension-6);--post-device-spacing-padding-block-6: var(--post-core-dimension-0);--post-device-spacing-padding-block-7: var(--post-core-dimension-0);--post-device-spacing-padding-block-8: var(--post-core-dimension-8);--post-device-spacing-padding-block-9: var(--post-core-dimension-0);--post-device-spacing-padding-block-10: var(--post-core-dimension-16);--post-device-spacing-padding-block-12: var(--post-core-dimension-6);--post-device-spacing-padding-block-14: var(--post-core-dimension-8-5);--post-device-spacing-padding-block-15: var(--post-core-dimension-3-5);--post-device-spacing-padding-block-16: var(--post-core-dimension-12);--post-device-spacing-padding-block-17: var(--post-core-dimension-9);--post-device-spacing-padding-block-18: var(--post-core-dimension-0);--post-device-spacing-padding-block-19: var(--post-core-dimension-0);--post-device-spacing-padding-block-20: var(--post-core-dimension-0);--post-device-spacing-padding-block-21: var(--post-core-dimension-32);--post-device-spacing-padding-block-22: var(--post-core-dimension-16);--post-device-spacing-padding-block-23: var(--post-core-dimension-15);--post-device-spacing-padding-block-24: var(--post-core-dimension-0);--post-device-spacing-padding-block-25: var(--post-core-dimension-24);--post-device-spacing-padding-block-27: var(--post-core-dimension-12);--post-device-spacing-padding-block-28: var(--post-core-dimension-16);--post-device-spacing-padding-block-29: var(--post-core-dimension-23);--post-device-spacing-padding-block-30: var(--post-core-dimension-7);--post-device-spacing-margin-1: var(--post-core-dimension-40);--post-device-spacing-margin-2: var(--post-core-dimension-24);--post-device-spacing-margin-3: var(--post-core-dimension-16);--post-device-spacing-margin-4: var(--post-core-dimension-16);--post-device-spacing-margin-5: var(--post-core-dimension-32);--post-device-spacing-margin-6: var(--post-core-dimension-32);--post-device-sizing-interactive-icon-size: var(--post-core-dimension-22);--post-device-sizing-interactive-icon-size2: var(--post-core-dimension-24);--post-device-sizing-interactive-icon-size3: var(--post-core-dimension-40);--post-device-sizing-interactive-icon-size4: var(--post-core-dimension-16);--post-device-sizing-interactive-stepper-indicator: var(--post-core-dimension-32);--post-device-sizing-interactive-button-height-1: var(--post-core-dimension-40);--post-device-sizing-interactive-button-height-2: var(--post-core-dimension-48);--post-device-sizing-interactive-button-height-4: var(--post-core-dimension-34);--post-device-sizing-interactive-button-height-5: var(--post-core-dimension-40);--post-device-sizing-interactive-button-height-6: var(--post-core-dimension-56);--post-device-sizing-interactive-button-appstore-width-google: 135px;--post-device-sizing-interactive-button-appstore-width-apple: 119.66px;--post-device-sizing-interactive-button-icon-3: var(--post-core-dimension-20);--post-device-sizing-interactive-button-icon-4: var(--post-core-dimension-16);--post-device-sizing-interactive-button-icon-5: var(--post-core-dimension-14);--post-device-sizing-interactive-button-icon-6: var(--post-core-dimension-6);--post-device-sizing-notification-1: var(--post-core-dimension-24);--post-device-sizing-notification-2: var(--post-core-dimension-16);--post-device-sizing-notification-3: var(--post-core-dimension-8);--post-device-sizing-notification-icon-2: var(--post-core-dimension-48);--post-device-sizing-notification-icon-3: var(--post-core-dimension-24);--post-device-sizing-notification-icon-4: var(--post-core-dimension-40);--post-device-sizing-icon-1: var(--post-core-dimension-16);--post-device-sizing-icon-2: var(--post-core-dimension-24);--post-device-sizing-icon-3: var(--post-core-dimension-14);--post-device-sizing-logo-1: var(--post-core-dimension-64);--post-device-sizing-content-height-1: var(--post-core-dimension-180);--post-device-sizing-content-height-2: var(--post-core-dimension-240);--post-device-border-radius-1: var(--post-core-dimension-4);--post-device-border-radius-2: var(--post-core-dimension-8);--post-device-border-radius-3: var(--post-core-dimension-16);--post-device-border-radius-round: var(--post-core-dimension-100);--post-device-border-radius-focus: var(--post-core-dimension-4);--post-device-font-weight-bold: var(--post-core-font-weight-700);--post-device-font-weight-regular: var(--post-core-font-weight-400);--post-device-font-weight-black: var(--post-core-font-weight-900);--post-device-line-height-heading: var(--post-core-line-height-120);--post-device-line-height-content: var(--post-core-line-height-150);--post-device-line-height-legend: var(--post-core-line-height-120);--post-device-line-height-label: var(--post-core-line-height-150);--post-device-border-width-default: var(--post-core-dimension-2);--post-device-border-width-focus: var(--post-core-dimension-2);--post-device-border-width-alternative2: var(--post-core-dimension-3);--post-device-border-width-alternative1: var(--post-core-dimension-1);--post-device-border-width-quote: var(--post-core-dimension-6);--post-device-grid-sizing-gutter: var(--post-core-dimension-16);--post-device-grid-sizing-container-max-width: var(--post-core-dimension-1280);--post-device-grid-padding-inline-container: var(--post-core-dimension-24);--post-device-position-1: var(--post-core-dimension-40);--post-device-position-2: var(--post-core-dimension-16);--post-device-position-3: var(--post-core-dimension-48)}}@media screen and (min-width: 1024px){:root{--post-device-font-size-1: var(--post-core-font-size-40);--post-device-font-size-2: var(--post-core-font-size-36);--post-device-font-size-3: var(--post-core-font-size-32);--post-device-font-size-4: var(--post-core-font-size-28);--post-device-font-size-5: var(--post-core-font-size-24);--post-device-font-size-6: var(--post-core-font-size-20);--post-device-font-size-7: var(--post-core-font-size-16);--post-device-font-size-8: var(--post-core-font-size-16);--post-device-font-size-9: var(--post-core-font-size-14);--post-device-font-size-10: var(--post-core-font-size-14);--post-device-font-size-11: var(--post-core-font-size-12);--post-device-elevation-100: var(--post-core-elevation-1);--post-device-elevation-200: var(--post-core-elevation-2);--post-device-elevation-300: var(--post-core-elevation-3);--post-device-elevation-400: var(--post-core-elevation-4);--post-device-elevation-500: var(--post-core-elevation-5);--post-device-font-family-default: var(--post-core-font-family-swiss-post);--post-device-spacing-gap-1: var(--post-core-dimension-8);--post-device-spacing-gap-2: var(--post-core-dimension-2);--post-device-spacing-gap-4: var(--post-core-dimension-16);--post-device-spacing-gap-6: var(--post-core-dimension-0);--post-device-spacing-gap-7: var(--post-core-dimension-16);--post-device-spacing-gap-block-1: var(--post-core-dimension-8);--post-device-spacing-gap-block-2: var(--post-core-dimension-16);--post-device-spacing-gap-block-3: var(--post-core-dimension-16);--post-device-spacing-gap-inline-1: var(--post-core-dimension-8);--post-device-spacing-gap-inline-2: var(--post-core-dimension-16);--post-device-spacing-gap-inline-3: var(--post-core-dimension-12);--post-device-spacing-gap-inline-4: var(--post-core-dimension-4);--post-device-spacing-gap-inline-5: var(--post-core-dimension-2);--post-device-spacing-gap-inline-6: var(--post-core-dimension-24);--post-device-spacing-gap-inline-7: var(--post-core-dimension-18);--post-device-spacing-gap-inline-10: var(--post-core-dimension-8);--post-device-spacing-gap-inline-11: var(--post-core-dimension-6);--post-device-spacing-gap-inline-12: var(--post-core-dimension-8);--post-device-spacing-gap-inline-13: var(--post-core-dimension-1);--post-device-spacing-padding-1: var(--post-core-dimension-0);--post-device-spacing-padding-2: var(--post-core-dimension-2);--post-device-spacing-padding-3: var(--post-core-dimension-10);--post-device-spacing-padding-4: var(--post-core-dimension-0);--post-device-spacing-padding-5: var(--post-core-dimension-16);--post-device-spacing-padding-6: var(--post-core-dimension-32);--post-device-spacing-padding-7: var(--post-core-dimension-8-5);--post-device-spacing-padding-8: var(--post-core-dimension-5);--post-device-spacing-padding-9: var(--post-core-dimension-19);--post-device-spacing-padding-10: var(--post-core-dimension-22);--post-device-spacing-padding-11: var(--post-core-dimension-14);--post-device-spacing-padding-12: var(--post-core-dimension-1);--post-device-spacing-padding-15: var(--post-core-dimension-8);--post-device-spacing-padding-16: var(--post-core-dimension-4);--post-device-spacing-padding-17: var(--post-core-dimension-16);--post-device-spacing-padding-18: var(--post-core-dimension-0);--post-device-spacing-padding-19: var(--post-core-dimension-16-5);--post-device-spacing-padding-20: var(--post-core-dimension-24);--post-device-spacing-padding-inline-1: var(--post-core-dimension-14);--post-device-spacing-padding-inline-3: var(--post-core-dimension-16);--post-device-spacing-padding-inline-4: var(--post-core-dimension-12);--post-device-spacing-padding-inline-5: var(--post-core-dimension-22);--post-device-spacing-padding-inline-6: var(--post-core-dimension-18);--post-device-spacing-padding-inline-7: var(--post-core-dimension-14);--post-device-spacing-padding-inline-8: var(--post-core-dimension-2);--post-device-spacing-padding-inline-9: var(--post-core-dimension-0);--post-device-spacing-padding-block-1: var(--post-core-dimension-11);--post-device-spacing-padding-block-3: var(--post-core-dimension-4-5);--post-device-spacing-padding-block-5: var(--post-core-dimension-6);--post-device-spacing-padding-block-6: var(--post-core-dimension-1);--post-device-spacing-padding-block-7: var(--post-core-dimension-1);--post-device-spacing-padding-block-8: var(--post-core-dimension-8);--post-device-spacing-padding-block-9: var(--post-core-dimension-0);--post-device-spacing-padding-block-10: var(--post-core-dimension-24);--post-device-spacing-padding-block-12: var(--post-core-dimension-10);--post-device-spacing-padding-block-14: var(--post-core-dimension-8);--post-device-spacing-padding-block-15: var(--post-core-dimension-5);--post-device-spacing-padding-block-16: var(--post-core-dimension-13);--post-device-spacing-padding-block-17: var(--post-core-dimension-10);--post-device-spacing-padding-block-18: var(--post-core-dimension-3);--post-device-spacing-padding-block-19: var(--post-core-dimension-1);--post-device-spacing-padding-block-20: var(--post-core-dimension-0);--post-device-spacing-padding-block-21: var(--post-core-dimension-32);--post-device-spacing-padding-block-22: var(--post-core-dimension-17);--post-device-spacing-padding-block-23: var(--post-core-dimension-16);--post-device-spacing-padding-block-24: var(--post-core-dimension-3);--post-device-spacing-padding-block-25: var(--post-core-dimension-24);--post-device-spacing-padding-block-27: var(--post-core-dimension-17);--post-device-spacing-padding-block-28: var(--post-core-dimension-17);--post-device-spacing-padding-block-29: var(--post-core-dimension-25-5);--post-device-spacing-padding-block-30: var(--post-core-dimension-6-5);--post-device-spacing-margin-1: var(--post-core-dimension-40);--post-device-spacing-margin-2: var(--post-core-dimension-24);--post-device-spacing-margin-3: var(--post-core-dimension-16);--post-device-spacing-margin-4: var(--post-core-dimension-24);--post-device-spacing-margin-5: var(--post-core-dimension-40);--post-device-spacing-margin-6: var(--post-core-dimension-32);--post-device-sizing-interactive-icon-size: var(--post-core-dimension-24);--post-device-sizing-interactive-icon-size2: var(--post-core-dimension-24);--post-device-sizing-interactive-icon-size3: var(--post-core-dimension-40);--post-device-sizing-interactive-icon-size4: var(--post-core-dimension-16);--post-device-sizing-interactive-stepper-indicator: var(--post-core-dimension-40);--post-device-sizing-interactive-button-height-1: var(--post-core-dimension-48);--post-device-sizing-interactive-button-height-2: var(--post-core-dimension-56);--post-device-sizing-interactive-button-height-4: var(--post-core-dimension-40);--post-device-sizing-interactive-button-height-5: var(--post-core-dimension-48);--post-device-sizing-interactive-button-height-6: var(--post-core-dimension-64);--post-device-sizing-interactive-button-appstore-width-google: 162px;--post-device-sizing-interactive-button-appstore-width-apple: 143.6px;--post-device-sizing-interactive-button-icon-3: var(--post-core-dimension-24);--post-device-sizing-interactive-button-icon-4: var(--post-core-dimension-20);--post-device-sizing-interactive-button-icon-5: var(--post-core-dimension-16);--post-device-sizing-interactive-button-icon-6: var(--post-core-dimension-8);--post-device-sizing-notification-1: var(--post-core-dimension-24);--post-device-sizing-notification-2: var(--post-core-dimension-16);--post-device-sizing-notification-3: var(--post-core-dimension-8);--post-device-sizing-notification-icon-2: var(--post-core-dimension-64);--post-device-sizing-notification-icon-3: var(--post-core-dimension-32);--post-device-sizing-notification-icon-4: var(--post-core-dimension-48);--post-device-sizing-icon-1: var(--post-core-dimension-24);--post-device-sizing-icon-2: var(--post-core-dimension-30);--post-device-sizing-icon-3: var(--post-core-dimension-16);--post-device-sizing-logo-1: var(--post-core-dimension-72);--post-device-sizing-content-height-1: var(--post-core-dimension-164);--post-device-sizing-content-height-2: var(--post-core-dimension-312);--post-device-border-radius-1: var(--post-core-dimension-4);--post-device-border-radius-2: var(--post-core-dimension-8);--post-device-border-radius-3: var(--post-core-dimension-16);--post-device-border-radius-round: var(--post-core-dimension-100);--post-device-border-radius-focus: var(--post-core-dimension-4);--post-device-font-weight-bold: var(--post-core-font-weight-700);--post-device-font-weight-regular: var(--post-core-font-weight-400);--post-device-font-weight-black: var(--post-core-font-weight-900);--post-device-line-height-heading: var(--post-core-line-height-120);--post-device-line-height-content: var(--post-core-line-height-150);--post-device-line-height-legend: var(--post-core-line-height-120);--post-device-line-height-label: var(--post-core-line-height-150);--post-device-border-width-default: var(--post-core-dimension-2);--post-device-border-width-focus: var(--post-core-dimension-2);--post-device-border-width-alternative2: var(--post-core-dimension-3);--post-device-border-width-alternative1: var(--post-core-dimension-1);--post-device-border-width-quote: var(--post-core-dimension-8);--post-device-grid-sizing-gutter: var(--post-core-dimension-24);--post-device-grid-sizing-container-max-width: var(--post-core-dimension-1280);--post-device-grid-padding-inline-container: var(--post-core-dimension-40);--post-device-position-1: var(--post-core-dimension-40);--post-device-position-2: var(--post-core-dimension-16);--post-device-position-3: var(--post-core-dimension-48)}}:root{--post-core-color-brand-postyellow: #ffcc00;--post-core-color-brand-black: #000000;--post-core-color-brand-white: #ffffff;--post-core-color-notification-green: #107800;--post-core-color-notification-red: #b20000;--post-core-color-notification-orange: #d93d00;--post-core-color-notification-blue: #0050a1;--post-core-color-notification-green-light: #c3ddbf;--post-core-color-notification-red-light: #ebbfbf;--post-core-color-notification-orange-light: #f5cebf;--post-core-color-notification-blue-light: #bfd3e7;--post-core-color-notification-green-night: #55e543;--post-core-color-notification-red-night: #ffc2c2;--post-core-color-sandgrey-100: #050400;--post-core-color-sandgrey-000: #fcfcfc;--post-core-color-sandgrey-002: #fafafa;--post-core-color-sandgrey-006: #f0efed;--post-core-color-sandgrey-012: #e1e0dc;--post-core-color-sandgrey-020: #cdccc8;--post-core-color-sandgrey-030: #b4b3af;--post-core-color-sandgrey-040: #9b9a96;--post-core-color-sandgrey-050: #82817d;--post-core-color-sandgrey-060: #696864;--post-core-color-sandgrey-070: #504f4b;--post-core-color-sandgrey-080: #373632;--post-core-color-sandgrey-090: #1e1d19;--post-core-color-sandgrey-alpha-darksand-10: rgba(5, 4, 0, 0.1);--post-core-color-sandgrey-alpha-darksand-20: rgba(5, 4, 0, 0.2);--post-core-color-sandgrey-alpha-darksand-30: rgba(5, 4, 0, 0.3);--post-core-color-sandgrey-alpha-darksand-40: rgba(5, 4, 0, 0.4);--post-core-color-sandgrey-alpha-darksand-50: rgba(5, 4, 0, 0.5);--post-core-color-sandgrey-alpha-darksand-60: rgba(5, 4, 0, 0.6);--post-core-color-sandgrey-alpha-darksand-70: rgba(5, 4, 0, 0.7);--post-core-color-sandgrey-alpha-darksand-80: rgba(5, 4, 0, 0.8);--post-core-color-sandgrey-alpha-darksand-90: rgba(5, 4, 0, 0.9);--post-core-color-sandgrey-alpha-lightsand-10: rgba(252, 252, 252, 0.1);--post-core-color-sandgrey-alpha-lightsand-20: rgba(252, 252, 252, 0.2);--post-core-color-sandgrey-alpha-lightsand-30: rgba(252, 252, 252, 0.3);--post-core-color-sandgrey-alpha-lightsand-40: rgba(252, 252, 252, 0.4);--post-core-color-sandgrey-alpha-lightsand-50: rgba(252, 252, 252, 0.5);--post-core-color-sandgrey-alpha-lightsand-60: rgba(252, 252, 252, 0.6);--post-core-color-sandgrey-alpha-lightsand-70: rgba(252, 252, 252, 0.7);--post-core-color-sandgrey-alpha-lightsand-80: rgba(252, 252, 252, 0.8);--post-core-color-sandgrey-alpha-lightsand-90: rgba(252, 252, 252, 0.9);--post-core-color-colorless: rgba(255, 255, 255, 0);--post-core-color-cargo-green: #00411c;--post-core-color-cargo-blue: #aadcff;--post-core-dimension-0: 0px;--post-core-dimension-1: 1px;--post-core-dimension-2: 2px;--post-core-dimension-3: 3px;--post-core-dimension-4: 4px;--post-core-dimension-5: 5px;--post-core-dimension-6: 6px;--post-core-dimension-7: 7px;--post-core-dimension-8: 8px;--post-core-dimension-9: 9px;--post-core-dimension-10: 10px;--post-core-dimension-11: 11px;--post-core-dimension-12: 12px;--post-core-dimension-13: 13px;--post-core-dimension-14: 14px;--post-core-dimension-15: 15px;--post-core-dimension-16: 16px;--post-core-dimension-17: 17px;--post-core-dimension-18: 18px;--post-core-dimension-19: 19px;--post-core-dimension-20: 20px;--post-core-dimension-22: 22px;--post-core-dimension-23: 23px;--post-core-dimension-24: 24px;--post-core-dimension-26: 26px;--post-core-dimension-28: 28px;--post-core-dimension-30: 30px;--post-core-dimension-32: 32px;--post-core-dimension-34: 34px;--post-core-dimension-36: 36px;--post-core-dimension-40: 40px;--post-core-dimension-48: 48px;--post-core-dimension-50: 50px;--post-core-dimension-56: 56px;--post-core-dimension-58: 58px;--post-core-dimension-64: 64px;--post-core-dimension-72: 72px;--post-core-dimension-78: 78px;--post-core-dimension-80: 80px;--post-core-dimension-82: 82px;--post-core-dimension-88: 88px;--post-core-dimension-96: 96px;--post-core-dimension-100: 100px;--post-core-dimension-104: 104px;--post-core-dimension-112: 112px;--post-core-dimension-164: 164px;--post-core-dimension-180: 180px;--post-core-dimension-188: 188px;--post-core-dimension-240: 240px;--post-core-dimension-312: 312px;--post-core-dimension-1280: 1280px;--post-core-dimension-5-5: 5.5px;--post-core-dimension-6-5: 6.5px;--post-core-dimension-4-5: 4.5px;--post-core-dimension-7-5: 7.5px;--post-core-dimension-1-5: 1.5px;--post-core-dimension-8-5: 8.5px;--post-core-dimension-3-5: 3.5px;--post-core-dimension-n2: -2px;--post-core-dimension-15-5: 15.5px;--post-core-dimension-16-5: 16.5px;--post-core-dimension-17-5: 17.5px;--post-core-dimension-26-5: 26.5px;--post-core-dimension-25-5: 25.5px;--post-core-dimension-24-5: 24.5px;--post-core-font-weight-400: 400;--post-core-font-weight-700: 700;--post-core-font-weight-900: 900;--post-core-font-size-10: 10px;--post-core-font-size-12: 12px;--post-core-font-size-14: 14px;--post-core-font-size-16: 16px;--post-core-font-size-18: 18px;--post-core-font-size-20: 20px;--post-core-font-size-24: 24px;--post-core-font-size-28: 28px;--post-core-font-size-32: 32px;--post-core-font-size-36: 36px;--post-core-font-size-40: 40px;--post-core-line-height-100: 1;--post-core-line-height-120: 1.2;--post-core-line-height-150: 1.5;--post-core-letter-spacing-default: 0.0012em;--post-core-letter-spacing-none: 0px;--post-core-font-family-swiss-post: "Swiss Post Sans";--post-core-elevation-1: 0 1px 2px 0 rgba(0,0,0,0.16), 0 0 2px 0 rgba(0,0,0,0.16);--post-core-elevation-2: 0 2px 4px 0 rgba(0,0,0,0.16), 0 0 2px 0 rgba(0,0,0,0.16);--post-core-elevation-3: 0 4px 8px 0 rgba(0,0,0,0.16), 0 0 2px 0 rgba(0,0,0,0.16);--post-core-elevation-4: 0 8px 16px 0 rgba(0,0,0,0.16), 0 0 2px 0 rgba(0,0,0,0.16);--post-core-elevation-5: 0 14px 28px 0 rgba(0,0,0,0.24), 0 0 8px 0 rgba(0,0,0,0.24);--post-core-border-style-solid: solid;--post-core-border-style-dash: dashed;--post-core-text-decoration-underline: underline;--post-core-text-decoration-none: none;--post-core-bg-scheme-light: light;--post-core-bg-scheme-dark: dark}:root{--post-channel-sizing-interactive-height-filler: var(--post-core-dimension-24)}:root{--post-core-color-brand-postyellow: #ffcc00;--post-core-color-brand-black: #000000;--post-core-color-brand-white: #ffffff;--post-core-color-notification-green: #107800;--post-core-color-notification-red: #b20000;--post-core-color-notification-orange: #d93d00;--post-core-color-notification-blue: #0050a1;--post-core-color-notification-green-light: #c3ddbf;--post-core-color-notification-red-light: #ebbfbf;--post-core-color-notification-orange-light: #f5cebf;--post-core-color-notification-blue-light: #bfd3e7;--post-core-color-notification-green-night: #55e543;--post-core-color-notification-red-night: #ffc2c2;--post-core-color-sandgrey-100: #050400;--post-core-color-sandgrey-000: #fcfcfc;--post-core-color-sandgrey-002: #fafafa;--post-core-color-sandgrey-006: #f0efed;--post-core-color-sandgrey-012: #e1e0dc;--post-core-color-sandgrey-020: #cdccc8;--post-core-color-sandgrey-030: #b4b3af;--post-core-color-sandgrey-040: #9b9a96;--post-core-color-sandgrey-050: #82817d;--post-core-color-sandgrey-060: #696864;--post-core-color-sandgrey-070: #504f4b;--post-core-color-sandgrey-080: #373632;--post-core-color-sandgrey-090: #1e1d19;--post-core-color-sandgrey-alpha-darksand-10: rgba(5, 4, 0, 0.1);--post-core-color-sandgrey-alpha-darksand-20: rgba(5, 4, 0, 0.2);--post-core-color-sandgrey-alpha-darksand-30: rgba(5, 4, 0, 0.3);--post-core-color-sandgrey-alpha-darksand-40: rgba(5, 4, 0, 0.4);--post-core-color-sandgrey-alpha-darksand-50: rgba(5, 4, 0, 0.5);--post-core-color-sandgrey-alpha-darksand-60: rgba(5, 4, 0, 0.6);--post-core-color-sandgrey-alpha-darksand-70: rgba(5, 4, 0, 0.7);--post-core-color-sandgrey-alpha-darksand-80: rgba(5, 4, 0, 0.8);--post-core-color-sandgrey-alpha-darksand-90: rgba(5, 4, 0, 0.9);--post-core-color-sandgrey-alpha-lightsand-10: rgba(252, 252, 252, 0.1);--post-core-color-sandgrey-alpha-lightsand-20: rgba(252, 252, 252, 0.2);--post-core-color-sandgrey-alpha-lightsand-30: rgba(252, 252, 252, 0.3);--post-core-color-sandgrey-alpha-lightsand-40: rgba(252, 252, 252, 0.4);--post-core-color-sandgrey-alpha-lightsand-50: rgba(252, 252, 252, 0.5);--post-core-color-sandgrey-alpha-lightsand-60: rgba(252, 252, 252, 0.6);--post-core-color-sandgrey-alpha-lightsand-70: rgba(252, 252, 252, 0.7);--post-core-color-sandgrey-alpha-lightsand-80: rgba(252, 252, 252, 0.8);--post-core-color-sandgrey-alpha-lightsand-90: rgba(252, 252, 252, 0.9);--post-core-color-colorless: rgba(255, 255, 255, 0);--post-core-color-cargo-green: #00411c;--post-core-color-cargo-blue: #aadcff;--post-core-dimension-0: 0px;--post-core-dimension-1: 1px;--post-core-dimension-2: 2px;--post-core-dimension-3: 3px;--post-core-dimension-4: 4px;--post-core-dimension-5: 5px;--post-core-dimension-6: 6px;--post-core-dimension-7: 7px;--post-core-dimension-8: 8px;--post-core-dimension-9: 9px;--post-core-dimension-10: 10px;--post-core-dimension-11: 11px;--post-core-dimension-12: 12px;--post-core-dimension-13: 13px;--post-core-dimension-14: 14px;--post-core-dimension-15: 15px;--post-core-dimension-16: 16px;--post-core-dimension-17: 17px;--post-core-dimension-18: 18px;--post-core-dimension-19: 19px;--post-core-dimension-20: 20px;--post-core-dimension-22: 22px;--post-core-dimension-23: 23px;--post-core-dimension-24: 24px;--post-core-dimension-26: 26px;--post-core-dimension-28: 28px;--post-core-dimension-30: 30px;--post-core-dimension-32: 32px;--post-core-dimension-34: 34px;--post-core-dimension-36: 36px;--post-core-dimension-40: 40px;--post-core-dimension-48: 48px;--post-core-dimension-50: 50px;--post-core-dimension-56: 56px;--post-core-dimension-58: 58px;--post-core-dimension-64: 64px;--post-core-dimension-72: 72px;--post-core-dimension-78: 78px;--post-core-dimension-80: 80px;--post-core-dimension-82: 82px;--post-core-dimension-88: 88px;--post-core-dimension-96: 96px;--post-core-dimension-100: 100px;--post-core-dimension-104: 104px;--post-core-dimension-112: 112px;--post-core-dimension-164: 164px;--post-core-dimension-180: 180px;--post-core-dimension-188: 188px;--post-core-dimension-240: 240px;--post-core-dimension-312: 312px;--post-core-dimension-1280: 1280px;--post-core-dimension-5-5: 5.5px;--post-core-dimension-6-5: 6.5px;--post-core-dimension-4-5: 4.5px;--post-core-dimension-7-5: 7.5px;--post-core-dimension-1-5: 1.5px;--post-core-dimension-8-5: 8.5px;--post-core-dimension-3-5: 3.5px;--post-core-dimension-n2: -2px;--post-core-dimension-15-5: 15.5px;--post-core-dimension-16-5: 16.5px;--post-core-dimension-17-5: 17.5px;--post-core-dimension-26-5: 26.5px;--post-core-dimension-25-5: 25.5px;--post-core-dimension-24-5: 24.5px;--post-core-font-weight-400: 400;--post-core-font-weight-700: 700;--post-core-font-weight-900: 900;--post-core-font-size-10: 10px;--post-core-font-size-12: 12px;--post-core-font-size-14: 14px;--post-core-font-size-16: 16px;--post-core-font-size-18: 18px;--post-core-font-size-20: 20px;--post-core-font-size-24: 24px;--post-core-font-size-28: 28px;--post-core-font-size-32: 32px;--post-core-font-size-36: 36px;--post-core-font-size-40: 40px;--post-core-line-height-100: 1;--post-core-line-height-120: 1.2;--post-core-line-height-150: 1.5;--post-core-letter-spacing-default: 0.0012em;--post-core-letter-spacing-none: 0px;--post-core-font-family-swiss-post: "Swiss Post Sans";--post-core-elevation-1: 0 1px 2px 0 rgba(0,0,0,0.16), 0 0 2px 0 rgba(0,0,0,0.16);--post-core-elevation-2: 0 2px 4px 0 rgba(0,0,0,0.16), 0 0 2px 0 rgba(0,0,0,0.16);--post-core-elevation-3: 0 4px 8px 0 rgba(0,0,0,0.16), 0 0 2px 0 rgba(0,0,0,0.16);--post-core-elevation-4: 0 8px 16px 0 rgba(0,0,0,0.16), 0 0 2px 0 rgba(0,0,0,0.16);--post-core-elevation-5: 0 14px 28px 0 rgba(0,0,0,0.24), 0 0 8px 0 rgba(0,0,0,0.24);--post-core-border-style-solid: solid;--post-core-border-style-dash: dashed;--post-core-text-decoration-underline: underline;--post-core-text-decoration-none: none;--post-core-bg-scheme-light: light;--post-core-bg-scheme-dark: dark}:root{--post-theme-palettes-bg-scheme-brand: var(--post-core-bg-scheme-dark);--post-theme-palettes-bg-scheme-emphasis: var(--post-core-bg-scheme-light);--post-theme-palettes-bg-scheme-default: var(--post-scheme-accent-bg-scheme-1);--post-theme-palettes-bg-scheme-alternate: var(--post-scheme-accent-bg-scheme-1);--post-theme-color-palettes-default-bg: var(--post-cargo-scheme-color-surface-default-bg);--post-theme-color-palettes-default-fg: var(--post-cargo-scheme-color-surface-default-fg);--post-theme-color-palettes-brand-bg: var(--post-cargo-scheme-color-surface-brand-bg);--post-theme-color-palettes-brand-fg: var(--post-cargo-scheme-color-surface-brand-fg-accent);--post-theme-color-palettes-accent-bg: var(--post-cargo-scheme-color-surface-accent-bg);--post-theme-color-palettes-accent-fg: var(--post-cargo-scheme-color-surface-accent-fg-accent);--post-theme-color-palettes-alternate-bg: var(--post-cargo-scheme-color-surface-alternate-bg);--post-theme-color-palettes-alternate-fg: var(--post-cargo-scheme-color-surface-alternate-fg)}}
package/cargo-tokens-external.scss ADDED
@@ -0,0 +1,8 @@
1
+ @use 'sass:meta';
2
+
3
+ @layer design-system {
4
+ @include meta.load-css('./tokens/schemes');
5
+ @include meta.load-css('./tokens/device');
6
+ @include meta.load-css('./tokens/external');
7
+ @include meta.load-css('./tokens/cargo-theme');
8
+ }
package/cargo-tokens-internal.css ADDED
@@ -0,0 +1 @@
1
+ @layer design-system{:root{--post-core-color-brand-postyellow: #ffcc00;--post-core-color-brand-black: #000000;--post-core-color-brand-white: #ffffff;--post-core-color-notification-green: #107800;--post-core-color-notification-red: #b20000;--post-core-color-notification-orange: #d93d00;--post-core-color-notification-blue: #0050a1;--post-core-color-notification-green-light: #c3ddbf;--post-core-color-notification-red-light: #ebbfbf;--post-core-color-notification-orange-light: #f5cebf;--post-core-color-notification-blue-light: #bfd3e7;--post-core-color-notification-green-night: #55e543;--post-core-color-notification-red-night: #ffc2c2;--post-core-color-sandgrey-100: #050400;--post-core-color-sandgrey-000: #fcfcfc;--post-core-color-sandgrey-002: #fafafa;--post-core-color-sandgrey-006: #f0efed;--post-core-color-sandgrey-012: #e1e0dc;--post-core-color-sandgrey-020: #cdccc8;--post-core-color-sandgrey-030: #b4b3af;--post-core-color-sandgrey-040: #9b9a96;--post-core-color-sandgrey-050: #82817d;--post-core-color-sandgrey-060: #696864;--post-core-color-sandgrey-070: #504f4b;--post-core-color-sandgrey-080: #373632;--post-core-color-sandgrey-090: #1e1d19;--post-core-color-sandgrey-alpha-darksand-10: rgba(5, 4, 0, 0.1);--post-core-color-sandgrey-alpha-darksand-20: rgba(5, 4, 0, 0.2);--post-core-color-sandgrey-alpha-darksand-30: rgba(5, 4, 0, 0.3);--post-core-color-sandgrey-alpha-darksand-40: rgba(5, 4, 0, 0.4);--post-core-color-sandgrey-alpha-darksand-50: rgba(5, 4, 0, 0.5);--post-core-color-sandgrey-alpha-darksand-60: rgba(5, 4, 0, 0.6);--post-core-color-sandgrey-alpha-darksand-70: rgba(5, 4, 0, 0.7);--post-core-color-sandgrey-alpha-darksand-80: rgba(5, 4, 0, 0.8);--post-core-color-sandgrey-alpha-darksand-90: rgba(5, 4, 0, 0.9);--post-core-color-sandgrey-alpha-lightsand-10: rgba(252, 252, 252, 0.1);--post-core-color-sandgrey-alpha-lightsand-20: rgba(252, 252, 252, 0.2);--post-core-color-sandgrey-alpha-lightsand-30: rgba(252, 252, 252, 0.3);--post-core-color-sandgrey-alpha-lightsand-40: rgba(252, 252, 252, 0.4);--post-core-color-sandgrey-alpha-lightsand-50: rgba(252, 252, 252, 0.5);--post-core-color-sandgrey-alpha-lightsand-60: rgba(252, 252, 252, 0.6);--post-core-color-sandgrey-alpha-lightsand-70: rgba(252, 252, 252, 0.7);--post-core-color-sandgrey-alpha-lightsand-80: rgba(252, 252, 252, 0.8);--post-core-color-sandgrey-alpha-lightsand-90: rgba(252, 252, 252, 0.9);--post-core-color-colorless: rgba(255, 255, 255, 0);--post-core-color-cargo-green: #00411c;--post-core-color-cargo-blue: #aadcff;--post-core-dimension-0: 0px;--post-core-dimension-1: 1px;--post-core-dimension-2: 2px;--post-core-dimension-3: 3px;--post-core-dimension-4: 4px;--post-core-dimension-5: 5px;--post-core-dimension-6: 6px;--post-core-dimension-7: 7px;--post-core-dimension-8: 8px;--post-core-dimension-9: 9px;--post-core-dimension-10: 10px;--post-core-dimension-11: 11px;--post-core-dimension-12: 12px;--post-core-dimension-13: 13px;--post-core-dimension-14: 14px;--post-core-dimension-15: 15px;--post-core-dimension-16: 16px;--post-core-dimension-17: 17px;--post-core-dimension-18: 18px;--post-core-dimension-19: 19px;--post-core-dimension-20: 20px;--post-core-dimension-22: 22px;--post-core-dimension-23: 23px;--post-core-dimension-24: 24px;--post-core-dimension-26: 26px;--post-core-dimension-28: 28px;--post-core-dimension-30: 30px;--post-core-dimension-32: 32px;--post-core-dimension-34: 34px;--post-core-dimension-36: 36px;--post-core-dimension-40: 40px;--post-core-dimension-48: 48px;--post-core-dimension-50: 50px;--post-core-dimension-56: 56px;--post-core-dimension-58: 58px;--post-core-dimension-64: 64px;--post-core-dimension-72: 72px;--post-core-dimension-78: 78px;--post-core-dimension-80: 80px;--post-core-dimension-82: 82px;--post-core-dimension-88: 88px;--post-core-dimension-96: 96px;--post-core-dimension-100: 100px;--post-core-dimension-104: 104px;--post-core-dimension-112: 112px;--post-core-dimension-164: 164px;--post-core-dimension-180: 180px;--post-core-dimension-188: 188px;--post-core-dimension-240: 240px;--post-core-dimension-312: 312px;--post-core-dimension-1280: 1280px;--post-core-dimension-5-5: 5.5px;--post-core-dimension-6-5: 6.5px;--post-core-dimension-4-5: 4.5px;--post-core-dimension-7-5: 7.5px;--post-core-dimension-1-5: 1.5px;--post-core-dimension-8-5: 8.5px;--post-core-dimension-3-5: 3.5px;--post-core-dimension-n2: -2px;--post-core-dimension-15-5: 15.5px;--post-core-dimension-16-5: 16.5px;--post-core-dimension-17-5: 17.5px;--post-core-dimension-26-5: 26.5px;--post-core-dimension-25-5: 25.5px;--post-core-dimension-24-5: 24.5px;--post-core-font-weight-400: 400;--post-core-font-weight-700: 700;--post-core-font-weight-900: 900;--post-core-font-size-10: 10px;--post-core-font-size-12: 12px;--post-core-font-size-14: 14px;--post-core-font-size-16: 16px;--post-core-font-size-18: 18px;--post-core-font-size-20: 20px;--post-core-font-size-24: 24px;--post-core-font-size-28: 28px;--post-core-font-size-32: 32px;--post-core-font-size-36: 36px;--post-core-font-size-40: 40px;--post-core-line-height-100: 1;--post-core-line-height-120: 1.2;--post-core-line-height-150: 1.5;--post-core-letter-spacing-default: 0.0012em;--post-core-letter-spacing-none: 0px;--post-core-font-family-swiss-post: "Swiss Post Sans";--post-core-elevation-1: 0 1px 2px 0 rgba(0,0,0,0.16), 0 0 2px 0 rgba(0,0,0,0.16);--post-core-elevation-2: 0 2px 4px 0 rgba(0,0,0,0.16), 0 0 2px 0 rgba(0,0,0,0.16);--post-core-elevation-3: 0 4px 8px 0 rgba(0,0,0,0.16), 0 0 2px 0 rgba(0,0,0,0.16);--post-core-elevation-4: 0 8px 16px 0 rgba(0,0,0,0.16), 0 0 2px 0 rgba(0,0,0,0.16);--post-core-elevation-5: 0 14px 28px 0 rgba(0,0,0,0.24), 0 0 8px 0 rgba(0,0,0,0.24);--post-core-border-style-solid: solid;--post-core-border-style-dash: dashed;--post-core-text-decoration-underline: underline;--post-core-text-decoration-none: none;--post-core-bg-scheme-light: light;--post-core-bg-scheme-dark: dark}:root,[data-color-scheme=light]{--post-scheme-color-signal-success-dark: var(--post-core-color-notification-green);--post-scheme-color-signal-success-light: var(--post-core-color-notification-green-light);--post-scheme-color-signal-error-dark: var(--post-core-color-notification-red);--post-scheme-color-signal-error-light: var(--post-core-color-notification-red-light);--post-scheme-color-signal-warning-dark: var(--post-core-color-notification-orange);--post-scheme-color-signal-warning-light: var(--post-core-color-notification-orange-light);--post-scheme-color-signal-information-dark: var(--post-core-color-notification-blue);--post-scheme-color-signal-information-light: var(--post-core-color-notification-blue-light);--post-scheme-color-signal-neutral-dark: var(--post-core-color-sandgrey-100);--post-scheme-color-signal-neutral: var(--post-core-color-sandgrey-006);--post-scheme-color-signal-success-solo: var(--post-core-color-notification-green);--post-scheme-color-signal-error-solo: var(--post-core-color-notification-red);--post-scheme-color-interactive-button-primary-enabled-fg: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-enabled-bg: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-button-primary-enabled-stroke: var(--post-scheme-color-interactive-button-primary-enabled-bg);--post-scheme-color-interactive-button-primary-enabled-fg-inverted: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-button-primary-enabled-bg-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-enabled-stroke-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-hover-fg: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-hover-bg: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-button-primary-hover-stroke: var(--post-scheme-color-interactive-button-primary-hover-bg);--post-scheme-color-interactive-button-primary-hover-fg-inverted: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-button-primary-hover-bg-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-hover-stroke-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-disabled-fg: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-primary-disabled-bg: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-disabled-stroke: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-primary-disabled-fg-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-disabled-bg-inverted: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-primary-disabled-stroke-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-enabled-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-button-secondary-enabled-bg: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-enabled-stroke: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-button-secondary-enabled-fg-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-enabled-bg-inverted: var(--post-core-color-colorless);--post-scheme-color-interactive-button-secondary-enabled-stroke-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-hover-fg: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-button-secondary-hover-bg: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-hover-stroke: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-button-secondary-hover-fg-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-hover-bg-inverted: var(--post-core-color-sandgrey-alpha-lightsand-10);--post-scheme-color-interactive-button-secondary-hover-stroke-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-disabled-fg: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-secondary-disabled-bg: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-disabled-stroke: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-secondary-disabled-fg-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-disabled-bg-inverted: var(--post-core-color-sandgrey-alpha-lightsand-30);--post-scheme-color-interactive-button-secondary-disabled-stroke-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-tertiary-enabled-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-button-tertiary-enabled-bg: var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-enabled-stroke: var(--post-scheme-color-interactive-button-tertiary-enabled-bg);--post-scheme-color-interactive-button-tertiary-enabled-fg-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-tertiary-enabled-bg-inverted: var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-enabled-stroke-inverted: var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-hover-fg: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-button-tertiary-hover-bg: var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-hover-stroke: var(--post-scheme-color-interactive-button-tertiary-hover-bg);--post-scheme-color-interactive-button-tertiary-hover-fg-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-tertiary-hover-bg-inverted: var(--post-core-color-sandgrey-alpha-lightsand-10);--post-scheme-color-interactive-button-tertiary-hover-stroke-inverted: var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-disabled-fg: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-tertiary-disabled-bg: var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-disabled-stroke: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-tertiary-disabled-fg-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-tertiary-disabled-bg-inverted: var(--post-core-color-sandgrey-alpha-lightsand-30);--post-scheme-color-interactive-button-tertiary-disabled-stroke-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-focus-stroke: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-focus-stroke-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-enabled-bg1: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-enabled-fg1: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-enabled-fg2: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-enabled-stroke: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-enabled-fg3: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-enabled-bg2: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-enabled-stroke3: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-enabled-bg3: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-enabled-stroke4: var(--post-core-color-sandgrey-030);--post-scheme-color-interactive-primary-hover-bg: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-hover-fg1: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-primary-hover-stroke: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-primary-hover-fg3: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-hover-bg2: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-primary-hover-stroke3: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-hover-bg3: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-hover-bg4: var(--post-core-color-sandgrey-006);--post-scheme-color-interactive-primary-disabled-bg: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-disabled-fg1: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-disabled-stroke: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-disabled-fg3: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-disabled-stroke2: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-disabled-bg4: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-disabled-stroke3: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-disabled-bg5: var(--post-core-color-sandgrey-012);--post-scheme-color-interactive-primary-disabled-fg4: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-disabled-stroke4: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-disabled-bg6: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-selected-bg1: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-selected-fg1: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-selected-stroke1: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-selected-fg3: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-selected-bg2: var(--post-core-color-notification-green);--post-scheme-color-interactive-primary-selected-stroke4: var(--post-core-color-notification-green);--post-scheme-color-interactive-primary-selected-stroke3: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-selected-bg4: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-notification-info-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-notification-info-bg: var(--post-scheme-color-signal-information-light);--post-scheme-color-interactive-notification-info-icon: var(--post-scheme-color-signal-information-dark);--post-scheme-color-interactive-notification-info-stroke: var(--post-scheme-color-signal-information-dark);--post-scheme-color-interactive-notification-success-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-notification-success-bg: var(--post-scheme-color-signal-success-light);--post-scheme-color-interactive-notification-success-icon: var(--post-scheme-color-signal-success-dark);--post-scheme-color-interactive-notification-success-stroke: var(--post-scheme-color-signal-success-dark);--post-scheme-color-interactive-notification-warning-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-notification-warning-bg: var(--post-scheme-color-signal-warning-light);--post-scheme-color-interactive-notification-warning-icon: var(--post-scheme-color-signal-warning-dark);--post-scheme-color-interactive-notification-warning-stroke: var(--post-scheme-color-signal-warning-dark);--post-scheme-color-interactive-notification-error-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-notification-error-bg: var(--post-scheme-color-signal-error-light);--post-scheme-color-interactive-notification-error-icon: var(--post-scheme-color-signal-error-dark);--post-scheme-color-interactive-notification-error-stroke: var(--post-scheme-color-signal-error-dark);--post-scheme-color-interactive-input-enabled-bg: var(--post-core-color-brand-white);--post-scheme-color-interactive-input-enabled-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-input-enabled-border: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-input-hover-bg: var(--post-core-color-brand-white);--post-scheme-color-interactive-input-hover-fg: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-input-hover-border: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-input-disabled-bg: var(--post-core-color-colorless);--post-scheme-color-interactive-input-disabled-fg: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-input-disabled-border: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-card-hover-bg: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-card-hover-fg: var(--post-core-color-brand-white);--post-scheme-color-surface-default-bg: var(--post-core-color-sandgrey-002);--post-scheme-color-surface-default-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-surface-default-stroke: var(--post-core-color-sandgrey-100);--post-scheme-color-surface-accent1-bg: var(--post-core-color-brand-white);--post-scheme-color-surface-accent1-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-surface-alternate-bg: var(--post-core-color-sandgrey-006);--post-scheme-color-surface-alternate-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-surface-brand-bg: var(--post-core-color-brand-postyellow);--post-scheme-color-surface-brand-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-surface-accent-bg: var(--post-core-color-sandgrey-080);--post-scheme-color-surface-accent-fg: var(--post-core-color-brand-white);--post-scheme-color-surface-accent-fg-accent: var(--post-core-color-brand-postyellow);--post-scheme-color-notification-badge-bg: var(--post-core-color-notification-red);--post-scheme-color-notification-badge-fg: var(--post-core-color-brand-white);--post-scheme-color-notification-badge-stroke: var(--post-core-color-brand-white);--post-scheme-color-notification-popover-hover: var(--post-core-color-sandgrey-020);--post-scheme-accent-bg-scheme-1: var(--post-core-bg-scheme-light);--post-scheme-accent-bg-scheme-2: var(--post-core-bg-scheme-dark);--post-cargo-scheme-color-surface-default-bg: var(--post-core-color-sandgrey-002);--post-cargo-scheme-color-surface-default-fg: var(--post-core-color-sandgrey-100);--post-cargo-scheme-color-surface-default-stroke: var(--post-core-color-sandgrey-100);--post-cargo-scheme-color-surface-accent1-bg: var(--post-core-color-brand-white);--post-cargo-scheme-color-surface-accent1-fg: var(--post-core-color-sandgrey-100);--post-cargo-scheme-color-surface-alternate-bg: var(--post-core-color-sandgrey-006);--post-cargo-scheme-color-surface-alternate-fg: var(--post-core-color-sandgrey-100);--post-cargo-scheme-color-surface-brand-bg: var(--post-core-color-cargo-green);--post-cargo-scheme-color-surface-brand-fg: var(--post-core-color-brand-white);--post-cargo-scheme-color-surface-brand-fg-accent: var(--post-core-color-cargo-blue);--post-cargo-scheme-color-surface-accent-bg: var(--post-core-color-cargo-blue);--post-cargo-scheme-color-surface-accent-fg: var(--post-core-color-sandgrey-100);--post-cargo-scheme-color-surface-accent-fg-accent: var(--post-core-color-cargo-green)}[data-color-scheme=dark]{--post-scheme-color-signal-success-dark: var(--post-core-color-notification-green);--post-scheme-color-signal-success-light: var(--post-core-color-notification-green-light);--post-scheme-color-signal-error-dark: var(--post-core-color-notification-red);--post-scheme-color-signal-error-light: var(--post-core-color-notification-red-light);--post-scheme-color-signal-warning-dark: var(--post-core-color-notification-orange);--post-scheme-color-signal-warning-light: var(--post-core-color-notification-orange-light);--post-scheme-color-signal-information-dark: var(--post-core-color-notification-blue);--post-scheme-color-signal-information-light: var(--post-core-color-notification-blue-light);--post-scheme-color-signal-neutral-dark: var(--post-core-color-sandgrey-100);--post-scheme-color-signal-neutral: var(--post-core-color-sandgrey-006);--post-scheme-color-signal-success-solo: var(--post-core-color-notification-green-night);--post-scheme-color-signal-error-solo: var(--post-core-color-notification-red-night);--post-scheme-color-interactive-button-primary-enabled-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-button-primary-enabled-bg: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-enabled-stroke: var(--post-scheme-color-interactive-button-primary-enabled-bg);--post-scheme-color-interactive-button-primary-enabled-fg-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-enabled-bg-inverted: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-button-primary-enabled-stroke-inverted: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-button-primary-hover-fg: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-button-primary-hover-bg: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-hover-stroke: var(--post-scheme-color-interactive-button-primary-hover-bg);--post-scheme-color-interactive-button-primary-hover-fg-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-hover-bg-inverted: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-button-primary-hover-stroke-inverted: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-button-primary-disabled-fg: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-disabled-bg: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-primary-disabled-stroke: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-disabled-fg-inverted: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-primary-disabled-bg-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-primary-disabled-stroke-inverted: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-secondary-enabled-fg: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-enabled-bg: var(--post-core-color-colorless);--post-scheme-color-interactive-button-secondary-enabled-stroke: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-enabled-fg-inverted: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-button-secondary-enabled-bg-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-enabled-stroke-inverted: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-button-secondary-hover-fg: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-hover-bg: var(--post-core-color-sandgrey-alpha-lightsand-10);--post-scheme-color-interactive-button-secondary-hover-stroke: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-hover-fg-inverted: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-button-secondary-hover-bg-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-hover-stroke-inverted: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-button-secondary-disabled-fg: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-disabled-bg: var(--post-core-color-sandgrey-alpha-lightsand-30);--post-scheme-color-interactive-button-secondary-disabled-stroke: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-disabled-fg-inverted: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-secondary-disabled-bg-inverted: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-secondary-disabled-stroke-inverted: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-tertiary-enabled-fg: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-tertiary-enabled-bg: var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-enabled-stroke: var(--post-scheme-color-interactive-button-tertiary-enabled-bg);--post-scheme-color-interactive-button-tertiary-enabled-fg-inverted: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-button-tertiary-enabled-bg-inverted: var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-enabled-stroke-inverted: var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-hover-fg: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-tertiary-hover-bg: var(--post-core-color-sandgrey-alpha-lightsand-10);--post-scheme-color-interactive-button-tertiary-hover-stroke: var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-hover-fg-inverted: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-button-tertiary-hover-bg-inverted: var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-hover-stroke-inverted: var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-disabled-fg: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-tertiary-disabled-bg: var(--post-core-color-sandgrey-alpha-lightsand-30);--post-scheme-color-interactive-button-tertiary-disabled-stroke: var(--post-core-color-brand-white);--post-scheme-color-interactive-button-tertiary-disabled-fg-inverted: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-button-tertiary-disabled-bg-inverted: var(--post-core-color-colorless);--post-scheme-color-interactive-button-tertiary-disabled-stroke-inverted: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-focus-stroke: var(--post-core-color-brand-white);--post-scheme-color-interactive-focus-stroke-inverted: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-enabled-bg1: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-enabled-fg1: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-enabled-fg2: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-enabled-stroke: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-enabled-fg3: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-enabled-bg2: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-enabled-stroke3: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-enabled-bg3: var(--post-core-color-colorless);--post-scheme-color-interactive-primary-enabled-stroke4: var(--post-core-color-sandgrey-030);--post-scheme-color-interactive-primary-hover-bg: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-primary-hover-fg1: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-hover-stroke: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-hover-fg3: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-primary-hover-bg2: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-hover-stroke3: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-primary-hover-bg3: var(--post-core-color-sandgrey-alpha-lightsand-20);--post-scheme-color-interactive-primary-hover-bg4: var(--post-core-color-sandgrey-006);--post-scheme-color-interactive-primary-disabled-bg: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-disabled-fg1: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-disabled-stroke: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-disabled-fg3: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-disabled-stroke2: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-disabled-bg4: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-disabled-stroke3: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-primary-disabled-bg5: var(--post-core-color-sandgrey-alpha-lightsand-10);--post-scheme-color-interactive-primary-disabled-fg4: var(--post-core-color-sandgrey-alpha-lightsand-60);--post-scheme-color-interactive-primary-disabled-stroke4: var(--post-core-color-sandgrey-alpha-lightsand-60);--post-scheme-color-interactive-primary-disabled-bg6: var(--post-core-color-colorless);--post-scheme-color-interactive-primary-selected-bg1: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-selected-fg1: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-selected-stroke1: var(--post-core-color-brand-white);--post-scheme-color-interactive-primary-selected-fg3: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-selected-bg2: var(--post-core-color-notification-green-light);--post-scheme-color-interactive-primary-selected-stroke4: var(--post-core-color-notification-green-light);--post-scheme-color-interactive-primary-selected-stroke3: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-primary-selected-bg4: var(--post-core-color-brand-white);--post-scheme-color-interactive-notification-info-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-notification-info-bg: var(--post-scheme-color-signal-information-light);--post-scheme-color-interactive-notification-info-icon: var(--post-scheme-color-signal-information-dark);--post-scheme-color-interactive-notification-info-stroke: var(--post-scheme-color-signal-information-dark);--post-scheme-color-interactive-notification-success-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-notification-success-bg: var(--post-scheme-color-signal-success-light);--post-scheme-color-interactive-notification-success-icon: var(--post-scheme-color-signal-success-dark);--post-scheme-color-interactive-notification-success-stroke: var(--post-scheme-color-signal-success-dark);--post-scheme-color-interactive-notification-warning-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-notification-warning-bg: var(--post-scheme-color-signal-warning-light);--post-scheme-color-interactive-notification-warning-icon: var(--post-scheme-color-signal-warning-dark);--post-scheme-color-interactive-notification-warning-stroke: var(--post-scheme-color-signal-warning-dark);--post-scheme-color-interactive-notification-error-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-notification-error-bg: var(--post-scheme-color-signal-error-light);--post-scheme-color-interactive-notification-error-icon: var(--post-scheme-color-signal-error-dark);--post-scheme-color-interactive-notification-error-stroke: var(--post-scheme-color-signal-error-dark);--post-scheme-color-interactive-input-enabled-bg: var(--post-core-color-brand-white);--post-scheme-color-interactive-input-enabled-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-input-enabled-border: var(--post-core-color-sandgrey-100);--post-scheme-color-interactive-input-hover-bg: var(--post-core-color-brand-white);--post-scheme-color-interactive-input-hover-fg: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-input-hover-border: var(--post-core-color-sandgrey-070);--post-scheme-color-interactive-input-disabled-bg: var(--post-core-color-colorless);--post-scheme-color-interactive-input-disabled-fg: var(--post-core-color-sandgrey-alpha-lightsand-60);--post-scheme-color-interactive-input-disabled-border: var(--post-core-color-sandgrey-alpha-lightsand-60);--post-scheme-color-interactive-card-hover-bg: var(--post-core-color-sandgrey-060);--post-scheme-color-interactive-card-hover-fg: var(--post-core-color-brand-white);--post-scheme-color-surface-default-bg: var(--post-core-color-sandgrey-080);--post-scheme-color-surface-default-fg: var(--post-core-color-brand-white);--post-scheme-color-surface-default-stroke: var(--post-core-color-brand-white);--post-scheme-color-surface-accent1-bg: var(--post-core-color-sandgrey-100);--post-scheme-color-surface-accent1-fg: var(--post-core-color-brand-white);--post-scheme-color-surface-alternate-bg: var(--post-core-color-sandgrey-100);--post-scheme-color-surface-alternate-fg: var(--post-core-color-brand-white);--post-scheme-color-surface-brand-bg: var(--post-core-color-brand-postyellow);--post-scheme-color-surface-brand-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-surface-accent-bg: var(--post-core-color-sandgrey-002);--post-scheme-color-surface-accent-fg: var(--post-core-color-sandgrey-100);--post-scheme-color-surface-accent-fg-accent: var(--post-core-color-brand-postyellow);--post-scheme-color-notification-badge-bg: var(--post-core-color-notification-red);--post-scheme-color-notification-badge-fg: var(--post-core-color-brand-white);--post-scheme-color-notification-badge-stroke: var(--post-core-color-brand-white);--post-scheme-color-notification-popover-hover: var(--post-core-color-sandgrey-020);--post-scheme-accent-bg-scheme-1: var(--post-core-bg-scheme-dark);--post-scheme-accent-bg-scheme-2: var(--post-core-bg-scheme-light);--post-cargo-scheme-color-surface-default-bg: var(--post-core-color-sandgrey-080);--post-cargo-scheme-color-surface-default-fg: var(--post-core-color-brand-white);--post-cargo-scheme-color-surface-default-stroke: var(--post-core-color-brand-white);--post-cargo-scheme-color-surface-accent1-bg: var(--post-core-color-sandgrey-100);--post-cargo-scheme-color-surface-accent1-fg: var(--post-core-color-brand-white);--post-cargo-scheme-color-surface-alternate-bg: var(--post-core-color-sandgrey-100);--post-cargo-scheme-color-surface-alternate-fg: var(--post-core-color-brand-white);--post-cargo-scheme-color-surface-brand-bg: var(--post-core-color-cargo-green);--post-cargo-scheme-color-surface-brand-fg: var(--post-core-color-brand-white);--post-cargo-scheme-color-surface-brand-fg-accent: var(--post-core-color-cargo-blue);--post-cargo-scheme-color-surface-accent-bg: var(--post-core-color-cargo-blue);--post-cargo-scheme-color-surface-accent-fg: var(--post-core-color-sandgrey-100);--post-cargo-scheme-color-surface-accent-fg-accent: var(--post-core-color-cargo-green)}:root{--post-core-color-brand-postyellow: #ffcc00;--post-core-color-brand-black: #000000;--post-core-color-brand-white: #ffffff;--post-core-color-notification-green: #107800;--post-core-color-notification-red: #b20000;--post-core-color-notification-orange: #d93d00;--post-core-color-notification-blue: #0050a1;--post-core-color-notification-green-light: #c3ddbf;--post-core-color-notification-red-light: #ebbfbf;--post-core-color-notification-orange-light: #f5cebf;--post-core-color-notification-blue-light: #bfd3e7;--post-core-color-notification-green-night: #55e543;--post-core-color-notification-red-night: #ffc2c2;--post-core-color-sandgrey-100: #050400;--post-core-color-sandgrey-000: #fcfcfc;--post-core-color-sandgrey-002: #fafafa;--post-core-color-sandgrey-006: #f0efed;--post-core-color-sandgrey-012: #e1e0dc;--post-core-color-sandgrey-020: #cdccc8;--post-core-color-sandgrey-030: #b4b3af;--post-core-color-sandgrey-040: #9b9a96;--post-core-color-sandgrey-050: #82817d;--post-core-color-sandgrey-060: #696864;--post-core-color-sandgrey-070: #504f4b;--post-core-color-sandgrey-080: #373632;--post-core-color-sandgrey-090: #1e1d19;--post-core-color-sandgrey-alpha-darksand-10: rgba(5, 4, 0, 0.1);--post-core-color-sandgrey-alpha-darksand-20: rgba(5, 4, 0, 0.2);--post-core-color-sandgrey-alpha-darksand-30: rgba(5, 4, 0, 0.3);--post-core-color-sandgrey-alpha-darksand-40: rgba(5, 4, 0, 0.4);--post-core-color-sandgrey-alpha-darksand-50: rgba(5, 4, 0, 0.5);--post-core-color-sandgrey-alpha-darksand-60: rgba(5, 4, 0, 0.6);--post-core-color-sandgrey-alpha-darksand-70: rgba(5, 4, 0, 0.7);--post-core-color-sandgrey-alpha-darksand-80: rgba(5, 4, 0, 0.8);--post-core-color-sandgrey-alpha-darksand-90: rgba(5, 4, 0, 0.9);--post-core-color-sandgrey-alpha-lightsand-10: rgba(252, 252, 252, 0.1);--post-core-color-sandgrey-alpha-lightsand-20: rgba(252, 252, 252, 0.2);--post-core-color-sandgrey-alpha-lightsand-30: rgba(252, 252, 252, 0.3);--post-core-color-sandgrey-alpha-lightsand-40: rgba(252, 252, 252, 0.4);--post-core-color-sandgrey-alpha-lightsand-50: rgba(252, 252, 252, 0.5);--post-core-color-sandgrey-alpha-lightsand-60: rgba(252, 252, 252, 0.6);--post-core-color-sandgrey-alpha-lightsand-70: rgba(252, 252, 252, 0.7);--post-core-color-sandgrey-alpha-lightsand-80: rgba(252, 252, 252, 0.8);--post-core-color-sandgrey-alpha-lightsand-90: rgba(252, 252, 252, 0.9);--post-core-color-colorless: rgba(255, 255, 255, 0);--post-core-color-cargo-green: #00411c;--post-core-color-cargo-blue: #aadcff;--post-core-dimension-0: 0px;--post-core-dimension-1: 1px;--post-core-dimension-2: 2px;--post-core-dimension-3: 3px;--post-core-dimension-4: 4px;--post-core-dimension-5: 5px;--post-core-dimension-6: 6px;--post-core-dimension-7: 7px;--post-core-dimension-8: 8px;--post-core-dimension-9: 9px;--post-core-dimension-10: 10px;--post-core-dimension-11: 11px;--post-core-dimension-12: 12px;--post-core-dimension-13: 13px;--post-core-dimension-14: 14px;--post-core-dimension-15: 15px;--post-core-dimension-16: 16px;--post-core-dimension-17: 17px;--post-core-dimension-18: 18px;--post-core-dimension-19: 19px;--post-core-dimension-20: 20px;--post-core-dimension-22: 22px;--post-core-dimension-23: 23px;--post-core-dimension-24: 24px;--post-core-dimension-26: 26px;--post-core-dimension-28: 28px;--post-core-dimension-30: 30px;--post-core-dimension-32: 32px;--post-core-dimension-34: 34px;--post-core-dimension-36: 36px;--post-core-dimension-40: 40px;--post-core-dimension-48: 48px;--post-core-dimension-50: 50px;--post-core-dimension-56: 56px;--post-core-dimension-58: 58px;--post-core-dimension-64: 64px;--post-core-dimension-72: 72px;--post-core-dimension-78: 78px;--post-core-dimension-80: 80px;--post-core-dimension-82: 82px;--post-core-dimension-88: 88px;--post-core-dimension-96: 96px;--post-core-dimension-100: 100px;--post-core-dimension-104: 104px;--post-core-dimension-112: 112px;--post-core-dimension-164: 164px;--post-core-dimension-180: 180px;--post-core-dimension-188: 188px;--post-core-dimension-240: 240px;--post-core-dimension-312: 312px;--post-core-dimension-1280: 1280px;--post-core-dimension-5-5: 5.5px;--post-core-dimension-6-5: 6.5px;--post-core-dimension-4-5: 4.5px;--post-core-dimension-7-5: 7.5px;--post-core-dimension-1-5: 1.5px;--post-core-dimension-8-5: 8.5px;--post-core-dimension-3-5: 3.5px;--post-core-dimension-n2: -2px;--post-core-dimension-15-5: 15.5px;--post-core-dimension-16-5: 16.5px;--post-core-dimension-17-5: 17.5px;--post-core-dimension-26-5: 26.5px;--post-core-dimension-25-5: 25.5px;--post-core-dimension-24-5: 24.5px;--post-core-font-weight-400: 400;--post-core-font-weight-700: 700;--post-core-font-weight-900: 900;--post-core-font-size-10: 10px;--post-core-font-size-12: 12px;--post-core-font-size-14: 14px;--post-core-font-size-16: 16px;--post-core-font-size-18: 18px;--post-core-font-size-20: 20px;--post-core-font-size-24: 24px;--post-core-font-size-28: 28px;--post-core-font-size-32: 32px;--post-core-font-size-36: 36px;--post-core-font-size-40: 40px;--post-core-line-height-100: 1;--post-core-line-height-120: 1.2;--post-core-line-height-150: 1.5;--post-core-letter-spacing-default: 0.0012em;--post-core-letter-spacing-none: 0px;--post-core-font-family-swiss-post: "Swiss Post Sans";--post-core-elevation-1: 0 1px 2px 0 rgba(0,0,0,0.16), 0 0 2px 0 rgba(0,0,0,0.16);--post-core-elevation-2: 0 2px 4px 0 rgba(0,0,0,0.16), 0 0 2px 0 rgba(0,0,0,0.16);--post-core-elevation-3: 0 4px 8px 0 rgba(0,0,0,0.16), 0 0 2px 0 rgba(0,0,0,0.16);--post-core-elevation-4: 0 8px 16px 0 rgba(0,0,0,0.16), 0 0 2px 0 rgba(0,0,0,0.16);--post-core-elevation-5: 0 14px 28px 0 rgba(0,0,0,0.24), 0 0 8px 0 rgba(0,0,0,0.24);--post-core-border-style-solid: solid;--post-core-border-style-dash: dashed;--post-core-text-decoration-underline: underline;--post-core-text-decoration-none: none;--post-core-bg-scheme-light: light;--post-core-bg-scheme-dark: dark}@media screen and (max-width: 599.98px){:root{--post-device-font-size-1: var(--post-core-font-size-32);--post-device-font-size-2: var(--post-core-font-size-28);--post-device-font-size-3: var(--post-core-font-size-24);--post-device-font-size-4: var(--post-core-font-size-20);--post-device-font-size-5: var(--post-core-font-size-18);--post-device-font-size-6: var(--post-core-font-size-14);--post-device-font-size-7: var(--post-core-font-size-14);--post-device-font-size-8: var(--post-core-font-size-16);--post-device-font-size-9: var(--post-core-font-size-14);--post-device-font-size-10: var(--post-core-font-size-12);--post-device-font-size-11: var(--post-core-font-size-12);--post-device-elevation-100: var(--post-core-elevation-1);--post-device-elevation-200: var(--post-core-elevation-2);--post-device-elevation-300: var(--post-core-elevation-3);--post-device-elevation-400: var(--post-core-elevation-4);--post-device-elevation-500: var(--post-core-elevation-5);--post-device-font-family-default: var(--post-core-font-family-swiss-post);--post-device-spacing-gap-1: var(--post-core-dimension-8);--post-device-spacing-gap-2: var(--post-core-dimension-2);--post-device-spacing-gap-4: var(--post-core-dimension-8);--post-device-spacing-gap-6: var(--post-core-dimension-n2);--post-device-spacing-gap-7: var(--post-core-dimension-16);--post-device-spacing-gap-block-1: var(--post-core-dimension-4);--post-device-spacing-gap-block-2: var(--post-core-dimension-16);--post-device-spacing-gap-block-3: var(--post-core-dimension-8);--post-device-spacing-gap-inline-1: var(--post-core-dimension-6);--post-device-spacing-gap-inline-2: var(--post-core-dimension-8);--post-device-spacing-gap-inline-3: var(--post-core-dimension-12);--post-device-spacing-gap-inline-4: var(--post-core-dimension-4);--post-device-spacing-gap-inline-5: var(--post-core-dimension-2);--post-device-spacing-gap-inline-6: var(--post-core-dimension-16);--post-device-spacing-gap-inline-7: var(--post-core-dimension-12);--post-device-spacing-gap-inline-10: var(--post-core-dimension-4);--post-device-spacing-gap-inline-11: var(--post-core-dimension-4);--post-device-spacing-gap-inline-12: var(--post-core-dimension-4);--post-device-spacing-gap-inline-13: var(--post-core-dimension-0);--post-device-spacing-padding-1: var(--post-core-dimension-2);--post-device-spacing-padding-2: var(--post-core-dimension-2);--post-device-spacing-padding-3: var(--post-core-dimension-10);--post-device-spacing-padding-4: var(--post-core-dimension-2);--post-device-spacing-padding-5: var(--post-core-dimension-16);--post-device-spacing-padding-6: var(--post-core-dimension-32);--post-device-spacing-padding-7: var(--post-core-dimension-8-5);--post-device-spacing-padding-8: var(--post-core-dimension-5);--post-device-spacing-padding-9: var(--post-core-dimension-15);--post-device-spacing-padding-10: var(--post-core-dimension-14);--post-device-spacing-padding-11: var(--post-core-dimension-14);--post-device-spacing-padding-12: var(--post-core-dimension-1);--post-device-spacing-padding-15: var(--post-core-dimension-8);--post-device-spacing-padding-16: var(--post-core-dimension-2);--post-device-spacing-padding-17: var(--post-core-dimension-8);--post-device-spacing-padding-18: var(--post-core-dimension-4);--post-device-spacing-padding-19: var(--post-core-dimension-11);--post-device-spacing-padding-20: var(--post-core-dimension-16);--post-device-spacing-padding-inline-1: var(--post-core-dimension-14);--post-device-spacing-padding-inline-3: var(--post-core-dimension-12);--post-device-spacing-padding-inline-4: var(--post-core-dimension-12);--post-device-spacing-padding-inline-5: var(--post-core-dimension-14);--post-device-spacing-padding-inline-6: var(--post-core-dimension-12);--post-device-spacing-padding-inline-7: var(--post-core-dimension-8);--post-device-spacing-padding-inline-8: var(--post-core-dimension-0);--post-device-spacing-padding-inline-9: var(--post-core-dimension-0);--post-device-spacing-padding-block-1: var(--post-core-dimension-10);--post-device-spacing-padding-block-3: var(--post-core-dimension-6-5);--post-device-spacing-padding-block-5: var(--post-core-dimension-6);--post-device-spacing-padding-block-6: var(--post-core-dimension-1-5);--post-device-spacing-padding-block-7: var(--post-core-dimension-0);--post-device-spacing-padding-block-8: var(--post-core-dimension-4);--post-device-spacing-padding-block-9: var(--post-core-dimension-1-5);--post-device-spacing-padding-block-10: var(--post-core-dimension-16);--post-device-spacing-padding-block-12: var(--post-core-dimension-6);--post-device-spacing-padding-block-14: var(--post-core-dimension-6);--post-device-spacing-padding-block-15: var(--post-core-dimension-3-5);--post-device-spacing-padding-block-16: var(--post-core-dimension-8);--post-device-spacing-padding-block-17: var(--post-core-dimension-5);--post-device-spacing-padding-block-18: var(--post-core-dimension-0);--post-device-spacing-padding-block-19: var(--post-core-dimension-0);--post-device-spacing-padding-block-20: var(--post-core-dimension-1-5);--post-device-spacing-padding-block-21: var(--post-core-dimension-24);--post-device-spacing-padding-block-22: var(--post-core-dimension-12);--post-device-spacing-padding-block-23: var(--post-core-dimension-11);--post-device-spacing-padding-block-24: var(--post-core-dimension-2);--post-device-spacing-padding-block-25: var(--post-core-dimension-16);--post-device-spacing-padding-block-27: var(--post-core-dimension-17-5);--post-device-spacing-padding-block-28: var(--post-core-dimension-17-5);--post-device-spacing-padding-block-29: var(--post-core-dimension-24-5);--post-device-spacing-padding-block-30: var(--post-core-dimension-8-5);--post-device-spacing-margin-1: var(--post-core-dimension-24);--post-device-spacing-margin-2: var(--post-core-dimension-16);--post-device-spacing-margin-3: var(--post-core-dimension-8);--post-device-spacing-margin-4: var(--post-core-dimension-8);--post-device-spacing-margin-5: var(--post-core-dimension-24);--post-device-spacing-margin-6: var(--post-core-dimension-0);--post-device-sizing-interactive-icon-size: var(--post-core-dimension-20);--post-device-sizing-interactive-icon-size2: var(--post-core-dimension-20);--post-device-sizing-interactive-icon-size3: var(--post-core-dimension-40);--post-device-sizing-interactive-icon-size4: var(--post-core-dimension-16);--post-device-sizing-interactive-stepper-indicator: var(--post-core-dimension-32);--post-device-sizing-interactive-button-height-1: var(--post-core-dimension-32);--post-device-sizing-interactive-button-height-2: var(--post-core-dimension-40);--post-device-sizing-interactive-button-height-4: var(--post-core-dimension-28);--post-device-sizing-interactive-button-height-5: var(--post-core-dimension-40);--post-device-sizing-interactive-button-height-6: var(--post-core-dimension-56);--post-device-sizing-interactive-button-appstore-width-google: 135px;--post-device-sizing-interactive-button-appstore-width-apple: 119.66px;--post-device-sizing-interactive-button-icon-3: var(--post-core-dimension-18);--post-device-sizing-interactive-button-icon-4: var(--post-core-dimension-16);--post-device-sizing-interactive-button-icon-5: var(--post-core-dimension-14);--post-device-sizing-interactive-button-icon-6: var(--post-core-dimension-6);--post-device-sizing-notification-1: var(--post-core-dimension-24);--post-device-sizing-notification-2: var(--post-core-dimension-16);--post-device-sizing-notification-3: var(--post-core-dimension-16);--post-device-sizing-notification-icon-2: var(--post-core-dimension-40);--post-device-sizing-notification-icon-3: var(--post-core-dimension-24);--post-device-sizing-notification-icon-4: var(--post-core-dimension-32);--post-device-sizing-icon-1: var(--post-core-dimension-12);--post-device-sizing-icon-2: var(--post-core-dimension-24);--post-device-sizing-icon-3: var(--post-core-dimension-12);--post-device-sizing-logo-1: var(--post-core-dimension-56);--post-device-sizing-content-height-1: var(--post-core-dimension-180);--post-device-sizing-content-height-2: var(--post-core-dimension-188);--post-device-border-radius-1: var(--post-core-dimension-4);--post-device-border-radius-2: var(--post-core-dimension-8);--post-device-border-radius-3: var(--post-core-dimension-16);--post-device-border-radius-round: var(--post-core-dimension-100);--post-device-border-radius-focus: var(--post-core-dimension-4);--post-device-font-weight-bold: var(--post-core-font-weight-700);--post-device-font-weight-regular: var(--post-core-font-weight-400);--post-device-font-weight-black: var(--post-core-font-weight-900);--post-device-line-height-heading: var(--post-core-line-height-120);--post-device-line-height-content: var(--post-core-line-height-150);--post-device-line-height-legend: var(--post-core-line-height-120);--post-device-line-height-label: var(--post-core-line-height-150);--post-device-border-width-default: var(--post-core-dimension-2);--post-device-border-width-focus: var(--post-core-dimension-2);--post-device-border-width-alternative2: var(--post-core-dimension-3);--post-device-border-width-alternative1: var(--post-core-dimension-1);--post-device-border-width-quote: var(--post-core-dimension-4);--post-device-grid-sizing-gutter: var(--post-core-dimension-16);--post-device-grid-sizing-container-max-width: var(--post-core-dimension-1280);--post-device-grid-padding-inline-container: var(--post-core-dimension-16);--post-device-position-1: var(--post-core-dimension-16);--post-device-position-2: var(--post-core-dimension-16);--post-device-position-3: var(--post-core-dimension-48)}}@media screen and (min-width: 600px)and (max-width: 1023.98px){:root{--post-device-font-size-1: var(--post-core-font-size-36);--post-device-font-size-2: var(--post-core-font-size-32);--post-device-font-size-3: var(--post-core-font-size-28);--post-device-font-size-4: var(--post-core-font-size-24);--post-device-font-size-5: var(--post-core-font-size-20);--post-device-font-size-6: var(--post-core-font-size-16);--post-device-font-size-7: var(--post-core-font-size-16);--post-device-font-size-8: var(--post-core-font-size-16);--post-device-font-size-9: var(--post-core-font-size-14);--post-device-font-size-10: var(--post-core-font-size-12);--post-device-font-size-11: var(--post-core-font-size-12);--post-device-elevation-100: var(--post-core-elevation-1);--post-device-elevation-200: var(--post-core-elevation-2);--post-device-elevation-300: var(--post-core-elevation-3);--post-device-elevation-400: var(--post-core-elevation-4);--post-device-elevation-500: var(--post-core-elevation-5);--post-device-font-family-default: var(--post-core-font-family-swiss-post);--post-device-spacing-gap-1: var(--post-core-dimension-8);--post-device-spacing-gap-2: var(--post-core-dimension-2);--post-device-spacing-gap-4: var(--post-core-dimension-16);--post-device-spacing-gap-6: var(--post-core-dimension-0);--post-device-spacing-gap-7: var(--post-core-dimension-16);--post-device-spacing-gap-block-1: var(--post-core-dimension-4);--post-device-spacing-gap-block-2: var(--post-core-dimension-16);--post-device-spacing-gap-block-3: var(--post-core-dimension-8);--post-device-spacing-gap-inline-1: var(--post-core-dimension-8);--post-device-spacing-gap-inline-2: var(--post-core-dimension-12);--post-device-spacing-gap-inline-3: var(--post-core-dimension-12);--post-device-spacing-gap-inline-4: var(--post-core-dimension-4);--post-device-spacing-gap-inline-5: var(--post-core-dimension-2);--post-device-spacing-gap-inline-6: var(--post-core-dimension-16);--post-device-spacing-gap-inline-7: var(--post-core-dimension-16);--post-device-spacing-gap-inline-10: var(--post-core-dimension-6);--post-device-spacing-gap-inline-11: var(--post-core-dimension-6);--post-device-spacing-gap-inline-12: var(--post-core-dimension-6);--post-device-spacing-gap-inline-13: var(--post-core-dimension-1);--post-device-spacing-padding-1: var(--post-core-dimension-1);--post-device-spacing-padding-2: var(--post-core-dimension-2);--post-device-spacing-padding-3: var(--post-core-dimension-10);--post-device-spacing-padding-4: var(--post-core-dimension-0);--post-device-spacing-padding-5: var(--post-core-dimension-16);--post-device-spacing-padding-6: var(--post-core-dimension-32);--post-device-spacing-padding-7: var(--post-core-dimension-8-5);--post-device-spacing-padding-8: var(--post-core-dimension-5);--post-device-spacing-padding-9: var(--post-core-dimension-15);--post-device-spacing-padding-10: var(--post-core-dimension-22);--post-device-spacing-padding-11: var(--post-core-dimension-14);--post-device-spacing-padding-12: var(--post-core-dimension-1);--post-device-spacing-padding-15: var(--post-core-dimension-8);--post-device-spacing-padding-16: var(--post-core-dimension-4);--post-device-spacing-padding-17: var(--post-core-dimension-16);--post-device-spacing-padding-18: var(--post-core-dimension-0);--post-device-spacing-padding-19: var(--post-core-dimension-15);--post-device-spacing-padding-20: var(--post-core-dimension-24);--post-device-spacing-padding-inline-1: var(--post-core-dimension-14);--post-device-spacing-padding-inline-3: var(--post-core-dimension-12);--post-device-spacing-padding-inline-4: var(--post-core-dimension-12);--post-device-spacing-padding-inline-5: var(--post-core-dimension-18);--post-device-spacing-padding-inline-6: var(--post-core-dimension-14);--post-device-spacing-padding-inline-7: var(--post-core-dimension-10);--post-device-spacing-padding-inline-8: var(--post-core-dimension-2);--post-device-spacing-padding-inline-9: var(--post-core-dimension-2);--post-device-spacing-padding-block-1: var(--post-core-dimension-10);--post-device-spacing-padding-block-3: var(--post-core-dimension-5);--post-device-spacing-padding-block-5: var(--post-core-dimension-6);--post-device-spacing-padding-block-6: var(--post-core-dimension-0);--post-device-spacing-padding-block-7: var(--post-core-dimension-0);--post-device-spacing-padding-block-8: var(--post-core-dimension-8);--post-device-spacing-padding-block-9: var(--post-core-dimension-0);--post-device-spacing-padding-block-10: var(--post-core-dimension-16);--post-device-spacing-padding-block-12: var(--post-core-dimension-6);--post-device-spacing-padding-block-14: var(--post-core-dimension-8-5);--post-device-spacing-padding-block-15: var(--post-core-dimension-3-5);--post-device-spacing-padding-block-16: var(--post-core-dimension-12);--post-device-spacing-padding-block-17: var(--post-core-dimension-9);--post-device-spacing-padding-block-18: var(--post-core-dimension-0);--post-device-spacing-padding-block-19: var(--post-core-dimension-0);--post-device-spacing-padding-block-20: var(--post-core-dimension-0);--post-device-spacing-padding-block-21: var(--post-core-dimension-32);--post-device-spacing-padding-block-22: var(--post-core-dimension-16);--post-device-spacing-padding-block-23: var(--post-core-dimension-15);--post-device-spacing-padding-block-24: var(--post-core-dimension-0);--post-device-spacing-padding-block-25: var(--post-core-dimension-24);--post-device-spacing-padding-block-27: var(--post-core-dimension-12);--post-device-spacing-padding-block-28: var(--post-core-dimension-16);--post-device-spacing-padding-block-29: var(--post-core-dimension-23);--post-device-spacing-padding-block-30: var(--post-core-dimension-7);--post-device-spacing-margin-1: var(--post-core-dimension-40);--post-device-spacing-margin-2: var(--post-core-dimension-24);--post-device-spacing-margin-3: var(--post-core-dimension-16);--post-device-spacing-margin-4: var(--post-core-dimension-16);--post-device-spacing-margin-5: var(--post-core-dimension-32);--post-device-spacing-margin-6: var(--post-core-dimension-32);--post-device-sizing-interactive-icon-size: var(--post-core-dimension-22);--post-device-sizing-interactive-icon-size2: var(--post-core-dimension-24);--post-device-sizing-interactive-icon-size3: var(--post-core-dimension-40);--post-device-sizing-interactive-icon-size4: var(--post-core-dimension-16);--post-device-sizing-interactive-stepper-indicator: var(--post-core-dimension-32);--post-device-sizing-interactive-button-height-1: var(--post-core-dimension-40);--post-device-sizing-interactive-button-height-2: var(--post-core-dimension-48);--post-device-sizing-interactive-button-height-4: var(--post-core-dimension-34);--post-device-sizing-interactive-button-height-5: var(--post-core-dimension-40);--post-device-sizing-interactive-button-height-6: var(--post-core-dimension-56);--post-device-sizing-interactive-button-appstore-width-google: 135px;--post-device-sizing-interactive-button-appstore-width-apple: 119.66px;--post-device-sizing-interactive-button-icon-3: var(--post-core-dimension-20);--post-device-sizing-interactive-button-icon-4: var(--post-core-dimension-16);--post-device-sizing-interactive-button-icon-5: var(--post-core-dimension-14);--post-device-sizing-interactive-button-icon-6: var(--post-core-dimension-6);--post-device-sizing-notification-1: var(--post-core-dimension-24);--post-device-sizing-notification-2: var(--post-core-dimension-16);--post-device-sizing-notification-3: var(--post-core-dimension-8);--post-device-sizing-notification-icon-2: var(--post-core-dimension-48);--post-device-sizing-notification-icon-3: var(--post-core-dimension-24);--post-device-sizing-notification-icon-4: var(--post-core-dimension-40);--post-device-sizing-icon-1: var(--post-core-dimension-16);--post-device-sizing-icon-2: var(--post-core-dimension-24);--post-device-sizing-icon-3: var(--post-core-dimension-14);--post-device-sizing-logo-1: var(--post-core-dimension-64);--post-device-sizing-content-height-1: var(--post-core-dimension-180);--post-device-sizing-content-height-2: var(--post-core-dimension-240);--post-device-border-radius-1: var(--post-core-dimension-4);--post-device-border-radius-2: var(--post-core-dimension-8);--post-device-border-radius-3: var(--post-core-dimension-16);--post-device-border-radius-round: var(--post-core-dimension-100);--post-device-border-radius-focus: var(--post-core-dimension-4);--post-device-font-weight-bold: var(--post-core-font-weight-700);--post-device-font-weight-regular: var(--post-core-font-weight-400);--post-device-font-weight-black: var(--post-core-font-weight-900);--post-device-line-height-heading: var(--post-core-line-height-120);--post-device-line-height-content: var(--post-core-line-height-150);--post-device-line-height-legend: var(--post-core-line-height-120);--post-device-line-height-label: var(--post-core-line-height-150);--post-device-border-width-default: var(--post-core-dimension-2);--post-device-border-width-focus: var(--post-core-dimension-2);--post-device-border-width-alternative2: var(--post-core-dimension-3);--post-device-border-width-alternative1: var(--post-core-dimension-1);--post-device-border-width-quote: var(--post-core-dimension-6);--post-device-grid-sizing-gutter: var(--post-core-dimension-16);--post-device-grid-sizing-container-max-width: var(--post-core-dimension-1280);--post-device-grid-padding-inline-container: var(--post-core-dimension-24);--post-device-position-1: var(--post-core-dimension-40);--post-device-position-2: var(--post-core-dimension-16);--post-device-position-3: var(--post-core-dimension-48)}}@media screen and (min-width: 1024px){:root{--post-device-font-size-1: var(--post-core-font-size-40);--post-device-font-size-2: var(--post-core-font-size-36);--post-device-font-size-3: var(--post-core-font-size-32);--post-device-font-size-4: var(--post-core-font-size-28);--post-device-font-size-5: var(--post-core-font-size-24);--post-device-font-size-6: var(--post-core-font-size-20);--post-device-font-size-7: var(--post-core-font-size-16);--post-device-font-size-8: var(--post-core-font-size-16);--post-device-font-size-9: var(--post-core-font-size-14);--post-device-font-size-10: var(--post-core-font-size-14);--post-device-font-size-11: var(--post-core-font-size-12);--post-device-elevation-100: var(--post-core-elevation-1);--post-device-elevation-200: var(--post-core-elevation-2);--post-device-elevation-300: var(--post-core-elevation-3);--post-device-elevation-400: var(--post-core-elevation-4);--post-device-elevation-500: var(--post-core-elevation-5);--post-device-font-family-default: var(--post-core-font-family-swiss-post);--post-device-spacing-gap-1: var(--post-core-dimension-8);--post-device-spacing-gap-2: var(--post-core-dimension-2);--post-device-spacing-gap-4: var(--post-core-dimension-16);--post-device-spacing-gap-6: var(--post-core-dimension-0);--post-device-spacing-gap-7: var(--post-core-dimension-16);--post-device-spacing-gap-block-1: var(--post-core-dimension-8);--post-device-spacing-gap-block-2: var(--post-core-dimension-16);--post-device-spacing-gap-block-3: var(--post-core-dimension-16);--post-device-spacing-gap-inline-1: var(--post-core-dimension-8);--post-device-spacing-gap-inline-2: var(--post-core-dimension-16);--post-device-spacing-gap-inline-3: var(--post-core-dimension-12);--post-device-spacing-gap-inline-4: var(--post-core-dimension-4);--post-device-spacing-gap-inline-5: var(--post-core-dimension-2);--post-device-spacing-gap-inline-6: var(--post-core-dimension-24);--post-device-spacing-gap-inline-7: var(--post-core-dimension-18);--post-device-spacing-gap-inline-10: var(--post-core-dimension-8);--post-device-spacing-gap-inline-11: var(--post-core-dimension-6);--post-device-spacing-gap-inline-12: var(--post-core-dimension-8);--post-device-spacing-gap-inline-13: var(--post-core-dimension-1);--post-device-spacing-padding-1: var(--post-core-dimension-0);--post-device-spacing-padding-2: var(--post-core-dimension-2);--post-device-spacing-padding-3: var(--post-core-dimension-10);--post-device-spacing-padding-4: var(--post-core-dimension-0);--post-device-spacing-padding-5: var(--post-core-dimension-16);--post-device-spacing-padding-6: var(--post-core-dimension-32);--post-device-spacing-padding-7: var(--post-core-dimension-8-5);--post-device-spacing-padding-8: var(--post-core-dimension-5);--post-device-spacing-padding-9: var(--post-core-dimension-19);--post-device-spacing-padding-10: var(--post-core-dimension-22);--post-device-spacing-padding-11: var(--post-core-dimension-14);--post-device-spacing-padding-12: var(--post-core-dimension-1);--post-device-spacing-padding-15: var(--post-core-dimension-8);--post-device-spacing-padding-16: var(--post-core-dimension-4);--post-device-spacing-padding-17: var(--post-core-dimension-16);--post-device-spacing-padding-18: var(--post-core-dimension-0);--post-device-spacing-padding-19: var(--post-core-dimension-16-5);--post-device-spacing-padding-20: var(--post-core-dimension-24);--post-device-spacing-padding-inline-1: var(--post-core-dimension-14);--post-device-spacing-padding-inline-3: var(--post-core-dimension-16);--post-device-spacing-padding-inline-4: var(--post-core-dimension-12);--post-device-spacing-padding-inline-5: var(--post-core-dimension-22);--post-device-spacing-padding-inline-6: var(--post-core-dimension-18);--post-device-spacing-padding-inline-7: var(--post-core-dimension-14);--post-device-spacing-padding-inline-8: var(--post-core-dimension-2);--post-device-spacing-padding-inline-9: var(--post-core-dimension-0);--post-device-spacing-padding-block-1: var(--post-core-dimension-11);--post-device-spacing-padding-block-3: var(--post-core-dimension-4-5);--post-device-spacing-padding-block-5: var(--post-core-dimension-6);--post-device-spacing-padding-block-6: var(--post-core-dimension-1);--post-device-spacing-padding-block-7: var(--post-core-dimension-1);--post-device-spacing-padding-block-8: var(--post-core-dimension-8);--post-device-spacing-padding-block-9: var(--post-core-dimension-0);--post-device-spacing-padding-block-10: var(--post-core-dimension-24);--post-device-spacing-padding-block-12: var(--post-core-dimension-10);--post-device-spacing-padding-block-14: var(--post-core-dimension-8);--post-device-spacing-padding-block-15: var(--post-core-dimension-5);--post-device-spacing-padding-block-16: var(--post-core-dimension-13);--post-device-spacing-padding-block-17: var(--post-core-dimension-10);--post-device-spacing-padding-block-18: var(--post-core-dimension-3);--post-device-spacing-padding-block-19: var(--post-core-dimension-1);--post-device-spacing-padding-block-20: var(--post-core-dimension-0);--post-device-spacing-padding-block-21: var(--post-core-dimension-32);--post-device-spacing-padding-block-22: var(--post-core-dimension-17);--post-device-spacing-padding-block-23: var(--post-core-dimension-16);--post-device-spacing-padding-block-24: var(--post-core-dimension-3);--post-device-spacing-padding-block-25: var(--post-core-dimension-24);--post-device-spacing-padding-block-27: var(--post-core-dimension-17);--post-device-spacing-padding-block-28: var(--post-core-dimension-17);--post-device-spacing-padding-block-29: var(--post-core-dimension-25-5);--post-device-spacing-padding-block-30: var(--post-core-dimension-6-5);--post-device-spacing-margin-1: var(--post-core-dimension-40);--post-device-spacing-margin-2: var(--post-core-dimension-24);--post-device-spacing-margin-3: var(--post-core-dimension-16);--post-device-spacing-margin-4: var(--post-core-dimension-24);--post-device-spacing-margin-5: var(--post-core-dimension-40);--post-device-spacing-margin-6: var(--post-core-dimension-32);--post-device-sizing-interactive-icon-size: var(--post-core-dimension-24);--post-device-sizing-interactive-icon-size2: var(--post-core-dimension-24);--post-device-sizing-interactive-icon-size3: var(--post-core-dimension-40);--post-device-sizing-interactive-icon-size4: var(--post-core-dimension-16);--post-device-sizing-interactive-stepper-indicator: var(--post-core-dimension-40);--post-device-sizing-interactive-button-height-1: var(--post-core-dimension-48);--post-device-sizing-interactive-button-height-2: var(--post-core-dimension-56);--post-device-sizing-interactive-button-height-4: var(--post-core-dimension-40);--post-device-sizing-interactive-button-height-5: var(--post-core-dimension-48);--post-device-sizing-interactive-button-height-6: var(--post-core-dimension-64);--post-device-sizing-interactive-button-appstore-width-google: 162px;--post-device-sizing-interactive-button-appstore-width-apple: 143.6px;--post-device-sizing-interactive-button-icon-3: var(--post-core-dimension-24);--post-device-sizing-interactive-button-icon-4: var(--post-core-dimension-20);--post-device-sizing-interactive-button-icon-5: var(--post-core-dimension-16);--post-device-sizing-interactive-button-icon-6: var(--post-core-dimension-8);--post-device-sizing-notification-1: var(--post-core-dimension-24);--post-device-sizing-notification-2: var(--post-core-dimension-16);--post-device-sizing-notification-3: var(--post-core-dimension-8);--post-device-sizing-notification-icon-2: var(--post-core-dimension-64);--post-device-sizing-notification-icon-3: var(--post-core-dimension-32);--post-device-sizing-notification-icon-4: var(--post-core-dimension-48);--post-device-sizing-icon-1: var(--post-core-dimension-24);--post-device-sizing-icon-2: var(--post-core-dimension-30);--post-device-sizing-icon-3: var(--post-core-dimension-16);--post-device-sizing-logo-1: var(--post-core-dimension-72);--post-device-sizing-content-height-1: var(--post-core-dimension-164);--post-device-sizing-content-height-2: var(--post-core-dimension-312);--post-device-border-radius-1: var(--post-core-dimension-4);--post-device-border-radius-2: var(--post-core-dimension-8);--post-device-border-radius-3: var(--post-core-dimension-16);--post-device-border-radius-round: var(--post-core-dimension-100);--post-device-border-radius-focus: var(--post-core-dimension-4);--post-device-font-weight-bold: var(--post-core-font-weight-700);--post-device-font-weight-regular: var(--post-core-font-weight-400);--post-device-font-weight-black: var(--post-core-font-weight-900);--post-device-line-height-heading: var(--post-core-line-height-120);--post-device-line-height-content: var(--post-core-line-height-150);--post-device-line-height-legend: var(--post-core-line-height-120);--post-device-line-height-label: var(--post-core-line-height-150);--post-device-border-width-default: var(--post-core-dimension-2);--post-device-border-width-focus: var(--post-core-dimension-2);--post-device-border-width-alternative2: var(--post-core-dimension-3);--post-device-border-width-alternative1: var(--post-core-dimension-1);--post-device-border-width-quote: var(--post-core-dimension-8);--post-device-grid-sizing-gutter: var(--post-core-dimension-24);--post-device-grid-sizing-container-max-width: var(--post-core-dimension-1280);--post-device-grid-padding-inline-container: var(--post-core-dimension-40);--post-device-position-1: var(--post-core-dimension-40);--post-device-position-2: var(--post-core-dimension-16);--post-device-position-3: var(--post-core-dimension-48)}}:root{--post-core-color-brand-postyellow: #ffcc00;--post-core-color-brand-black: #000000;--post-core-color-brand-white: #ffffff;--post-core-color-notification-green: #107800;--post-core-color-notification-red: #b20000;--post-core-color-notification-orange: #d93d00;--post-core-color-notification-blue: #0050a1;--post-core-color-notification-green-light: #c3ddbf;--post-core-color-notification-red-light: #ebbfbf;--post-core-color-notification-orange-light: #f5cebf;--post-core-color-notification-blue-light: #bfd3e7;--post-core-color-notification-green-night: #55e543;--post-core-color-notification-red-night: #ffc2c2;--post-core-color-sandgrey-100: #050400;--post-core-color-sandgrey-000: #fcfcfc;--post-core-color-sandgrey-002: #fafafa;--post-core-color-sandgrey-006: #f0efed;--post-core-color-sandgrey-012: #e1e0dc;--post-core-color-sandgrey-020: #cdccc8;--post-core-color-sandgrey-030: #b4b3af;--post-core-color-sandgrey-040: #9b9a96;--post-core-color-sandgrey-050: #82817d;--post-core-color-sandgrey-060: #696864;--post-core-color-sandgrey-070: #504f4b;--post-core-color-sandgrey-080: #373632;--post-core-color-sandgrey-090: #1e1d19;--post-core-color-sandgrey-alpha-darksand-10: rgba(5, 4, 0, 0.1);--post-core-color-sandgrey-alpha-darksand-20: rgba(5, 4, 0, 0.2);--post-core-color-sandgrey-alpha-darksand-30: rgba(5, 4, 0, 0.3);--post-core-color-sandgrey-alpha-darksand-40: rgba(5, 4, 0, 0.4);--post-core-color-sandgrey-alpha-darksand-50: rgba(5, 4, 0, 0.5);--post-core-color-sandgrey-alpha-darksand-60: rgba(5, 4, 0, 0.6);--post-core-color-sandgrey-alpha-darksand-70: rgba(5, 4, 0, 0.7);--post-core-color-sandgrey-alpha-darksand-80: rgba(5, 4, 0, 0.8);--post-core-color-sandgrey-alpha-darksand-90: rgba(5, 4, 0, 0.9);--post-core-color-sandgrey-alpha-lightsand-10: rgba(252, 252, 252, 0.1);--post-core-color-sandgrey-alpha-lightsand-20: rgba(252, 252, 252, 0.2);--post-core-color-sandgrey-alpha-lightsand-30: rgba(252, 252, 252, 0.3);--post-core-color-sandgrey-alpha-lightsand-40: rgba(252, 252, 252, 0.4);--post-core-color-sandgrey-alpha-lightsand-50: rgba(252, 252, 252, 0.5);--post-core-color-sandgrey-alpha-lightsand-60: rgba(252, 252, 252, 0.6);--post-core-color-sandgrey-alpha-lightsand-70: rgba(252, 252, 252, 0.7);--post-core-color-sandgrey-alpha-lightsand-80: rgba(252, 252, 252, 0.8);--post-core-color-sandgrey-alpha-lightsand-90: rgba(252, 252, 252, 0.9);--post-core-color-colorless: rgba(255, 255, 255, 0);--post-core-color-cargo-green: #00411c;--post-core-color-cargo-blue: #aadcff;--post-core-dimension-0: 0px;--post-core-dimension-1: 1px;--post-core-dimension-2: 2px;--post-core-dimension-3: 3px;--post-core-dimension-4: 4px;--post-core-dimension-5: 5px;--post-core-dimension-6: 6px;--post-core-dimension-7: 7px;--post-core-dimension-8: 8px;--post-core-dimension-9: 9px;--post-core-dimension-10: 10px;--post-core-dimension-11: 11px;--post-core-dimension-12: 12px;--post-core-dimension-13: 13px;--post-core-dimension-14: 14px;--post-core-dimension-15: 15px;--post-core-dimension-16: 16px;--post-core-dimension-17: 17px;--post-core-dimension-18: 18px;--post-core-dimension-19: 19px;--post-core-dimension-20: 20px;--post-core-dimension-22: 22px;--post-core-dimension-23: 23px;--post-core-dimension-24: 24px;--post-core-dimension-26: 26px;--post-core-dimension-28: 28px;--post-core-dimension-30: 30px;--post-core-dimension-32: 32px;--post-core-dimension-34: 34px;--post-core-dimension-36: 36px;--post-core-dimension-40: 40px;--post-core-dimension-48: 48px;--post-core-dimension-50: 50px;--post-core-dimension-56: 56px;--post-core-dimension-58: 58px;--post-core-dimension-64: 64px;--post-core-dimension-72: 72px;--post-core-dimension-78: 78px;--post-core-dimension-80: 80px;--post-core-dimension-82: 82px;--post-core-dimension-88: 88px;--post-core-dimension-96: 96px;--post-core-dimension-100: 100px;--post-core-dimension-104: 104px;--post-core-dimension-112: 112px;--post-core-dimension-164: 164px;--post-core-dimension-180: 180px;--post-core-dimension-188: 188px;--post-core-dimension-240: 240px;--post-core-dimension-312: 312px;--post-core-dimension-1280: 1280px;--post-core-dimension-5-5: 5.5px;--post-core-dimension-6-5: 6.5px;--post-core-dimension-4-5: 4.5px;--post-core-dimension-7-5: 7.5px;--post-core-dimension-1-5: 1.5px;--post-core-dimension-8-5: 8.5px;--post-core-dimension-3-5: 3.5px;--post-core-dimension-n2: -2px;--post-core-dimension-15-5: 15.5px;--post-core-dimension-16-5: 16.5px;--post-core-dimension-17-5: 17.5px;--post-core-dimension-26-5: 26.5px;--post-core-dimension-25-5: 25.5px;--post-core-dimension-24-5: 24.5px;--post-core-font-weight-400: 400;--post-core-font-weight-700: 700;--post-core-font-weight-900: 900;--post-core-font-size-10: 10px;--post-core-font-size-12: 12px;--post-core-font-size-14: 14px;--post-core-font-size-16: 16px;--post-core-font-size-18: 18px;--post-core-font-size-20: 20px;--post-core-font-size-24: 24px;--post-core-font-size-28: 28px;--post-core-font-size-32: 32px;--post-core-font-size-36: 36px;--post-core-font-size-40: 40px;--post-core-line-height-100: 1;--post-core-line-height-120: 1.2;--post-core-line-height-150: 1.5;--post-core-letter-spacing-default: 0.0012em;--post-core-letter-spacing-none: 0px;--post-core-font-family-swiss-post: "Swiss Post Sans";--post-core-elevation-1: 0 1px 2px 0 rgba(0,0,0,0.16), 0 0 2px 0 rgba(0,0,0,0.16);--post-core-elevation-2: 0 2px 4px 0 rgba(0,0,0,0.16), 0 0 2px 0 rgba(0,0,0,0.16);--post-core-elevation-3: 0 4px 8px 0 rgba(0,0,0,0.16), 0 0 2px 0 rgba(0,0,0,0.16);--post-core-elevation-4: 0 8px 16px 0 rgba(0,0,0,0.16), 0 0 2px 0 rgba(0,0,0,0.16);--post-core-elevation-5: 0 14px 28px 0 rgba(0,0,0,0.24), 0 0 8px 0 rgba(0,0,0,0.24);--post-core-border-style-solid: solid;--post-core-border-style-dash: dashed;--post-core-text-decoration-underline: underline;--post-core-text-decoration-none: none;--post-core-bg-scheme-light: light;--post-core-bg-scheme-dark: dark}:root{--post-channel-sizing-interactive-height-filler: var(--post-core-dimension-24)}:root{--post-core-color-brand-postyellow: #ffcc00;--post-core-color-brand-black: #000000;--post-core-color-brand-white: #ffffff;--post-core-color-notification-green: #107800;--post-core-color-notification-red: #b20000;--post-core-color-notification-orange: #d93d00;--post-core-color-notification-blue: #0050a1;--post-core-color-notification-green-light: #c3ddbf;--post-core-color-notification-red-light: #ebbfbf;--post-core-color-notification-orange-light: #f5cebf;--post-core-color-notification-blue-light: #bfd3e7;--post-core-color-notification-green-night: #55e543;--post-core-color-notification-red-night: #ffc2c2;--post-core-color-sandgrey-100: #050400;--post-core-color-sandgrey-000: #fcfcfc;--post-core-color-sandgrey-002: #fafafa;--post-core-color-sandgrey-006: #f0efed;--post-core-color-sandgrey-012: #e1e0dc;--post-core-color-sandgrey-020: #cdccc8;--post-core-color-sandgrey-030: #b4b3af;--post-core-color-sandgrey-040: #9b9a96;--post-core-color-sandgrey-050: #82817d;--post-core-color-sandgrey-060: #696864;--post-core-color-sandgrey-070: #504f4b;--post-core-color-sandgrey-080: #373632;--post-core-color-sandgrey-090: #1e1d19;--post-core-color-sandgrey-alpha-darksand-10: rgba(5, 4, 0, 0.1);--post-core-color-sandgrey-alpha-darksand-20: rgba(5, 4, 0, 0.2);--post-core-color-sandgrey-alpha-darksand-30: rgba(5, 4, 0, 0.3);--post-core-color-sandgrey-alpha-darksand-40: rgba(5, 4, 0, 0.4);--post-core-color-sandgrey-alpha-darksand-50: rgba(5, 4, 0, 0.5);--post-core-color-sandgrey-alpha-darksand-60: rgba(5, 4, 0, 0.6);--post-core-color-sandgrey-alpha-darksand-70: rgba(5, 4, 0, 0.7);--post-core-color-sandgrey-alpha-darksand-80: rgba(5, 4, 0, 0.8);--post-core-color-sandgrey-alpha-darksand-90: rgba(5, 4, 0, 0.9);--post-core-color-sandgrey-alpha-lightsand-10: rgba(252, 252, 252, 0.1);--post-core-color-sandgrey-alpha-lightsand-20: rgba(252, 252, 252, 0.2);--post-core-color-sandgrey-alpha-lightsand-30: rgba(252, 252, 252, 0.3);--post-core-color-sandgrey-alpha-lightsand-40: rgba(252, 252, 252, 0.4);--post-core-color-sandgrey-alpha-lightsand-50: rgba(252, 252, 252, 0.5);--post-core-color-sandgrey-alpha-lightsand-60: rgba(252, 252, 252, 0.6);--post-core-color-sandgrey-alpha-lightsand-70: rgba(252, 252, 252, 0.7);--post-core-color-sandgrey-alpha-lightsand-80: rgba(252, 252, 252, 0.8);--post-core-color-sandgrey-alpha-lightsand-90: rgba(252, 252, 252, 0.9);--post-core-color-colorless: rgba(255, 255, 255, 0);--post-core-color-cargo-green: #00411c;--post-core-color-cargo-blue: #aadcff;--post-core-dimension-0: 0px;--post-core-dimension-1: 1px;--post-core-dimension-2: 2px;--post-core-dimension-3: 3px;--post-core-dimension-4: 4px;--post-core-dimension-5: 5px;--post-core-dimension-6: 6px;--post-core-dimension-7: 7px;--post-core-dimension-8: 8px;--post-core-dimension-9: 9px;--post-core-dimension-10: 10px;--post-core-dimension-11: 11px;--post-core-dimension-12: 12px;--post-core-dimension-13: 13px;--post-core-dimension-14: 14px;--post-core-dimension-15: 15px;--post-core-dimension-16: 16px;--post-core-dimension-17: 17px;--post-core-dimension-18: 18px;--post-core-dimension-19: 19px;--post-core-dimension-20: 20px;--post-core-dimension-22: 22px;--post-core-dimension-23: 23px;--post-core-dimension-24: 24px;--post-core-dimension-26: 26px;--post-core-dimension-28: 28px;--post-core-dimension-30: 30px;--post-core-dimension-32: 32px;--post-core-dimension-34: 34px;--post-core-dimension-36: 36px;--post-core-dimension-40: 40px;--post-core-dimension-48: 48px;--post-core-dimension-50: 50px;--post-core-dimension-56: 56px;--post-core-dimension-58: 58px;--post-core-dimension-64: 64px;--post-core-dimension-72: 72px;--post-core-dimension-78: 78px;--post-core-dimension-80: 80px;--post-core-dimension-82: 82px;--post-core-dimension-88: 88px;--post-core-dimension-96: 96px;--post-core-dimension-100: 100px;--post-core-dimension-104: 104px;--post-core-dimension-112: 112px;--post-core-dimension-164: 164px;--post-core-dimension-180: 180px;--post-core-dimension-188: 188px;--post-core-dimension-240: 240px;--post-core-dimension-312: 312px;--post-core-dimension-1280: 1280px;--post-core-dimension-5-5: 5.5px;--post-core-dimension-6-5: 6.5px;--post-core-dimension-4-5: 4.5px;--post-core-dimension-7-5: 7.5px;--post-core-dimension-1-5: 1.5px;--post-core-dimension-8-5: 8.5px;--post-core-dimension-3-5: 3.5px;--post-core-dimension-n2: -2px;--post-core-dimension-15-5: 15.5px;--post-core-dimension-16-5: 16.5px;--post-core-dimension-17-5: 17.5px;--post-core-dimension-26-5: 26.5px;--post-core-dimension-25-5: 25.5px;--post-core-dimension-24-5: 24.5px;--post-core-font-weight-400: 400;--post-core-font-weight-700: 700;--post-core-font-weight-900: 900;--post-core-font-size-10: 10px;--post-core-font-size-12: 12px;--post-core-font-size-14: 14px;--post-core-font-size-16: 16px;--post-core-font-size-18: 18px;--post-core-font-size-20: 20px;--post-core-font-size-24: 24px;--post-core-font-size-28: 28px;--post-core-font-size-32: 32px;--post-core-font-size-36: 36px;--post-core-font-size-40: 40px;--post-core-line-height-100: 1;--post-core-line-height-120: 1.2;--post-core-line-height-150: 1.5;--post-core-letter-spacing-default: 0.0012em;--post-core-letter-spacing-none: 0px;--post-core-font-family-swiss-post: "Swiss Post Sans";--post-core-elevation-1: 0 1px 2px 0 rgba(0,0,0,0.16), 0 0 2px 0 rgba(0,0,0,0.16);--post-core-elevation-2: 0 2px 4px 0 rgba(0,0,0,0.16), 0 0 2px 0 rgba(0,0,0,0.16);--post-core-elevation-3: 0 4px 8px 0 rgba(0,0,0,0.16), 0 0 2px 0 rgba(0,0,0,0.16);--post-core-elevation-4: 0 8px 16px 0 rgba(0,0,0,0.16), 0 0 2px 0 rgba(0,0,0,0.16);--post-core-elevation-5: 0 14px 28px 0 rgba(0,0,0,0.24), 0 0 8px 0 rgba(0,0,0,0.24);--post-core-border-style-solid: solid;--post-core-border-style-dash: dashed;--post-core-text-decoration-underline: underline;--post-core-text-decoration-none: none;--post-core-bg-scheme-light: light;--post-core-bg-scheme-dark: dark}:root{--post-theme-palettes-bg-scheme-brand: var(--post-core-bg-scheme-dark);--post-theme-palettes-bg-scheme-emphasis: var(--post-core-bg-scheme-light);--post-theme-palettes-bg-scheme-default: var(--post-scheme-accent-bg-scheme-1);--post-theme-palettes-bg-scheme-alternate: var(--post-scheme-accent-bg-scheme-1);--post-theme-color-palettes-default-bg: var(--post-cargo-scheme-color-surface-default-bg);--post-theme-color-palettes-default-fg: var(--post-cargo-scheme-color-surface-default-fg);--post-theme-color-palettes-brand-bg: var(--post-cargo-scheme-color-surface-brand-bg);--post-theme-color-palettes-brand-fg: var(--post-cargo-scheme-color-surface-brand-fg-accent);--post-theme-color-palettes-accent-bg: var(--post-cargo-scheme-color-surface-accent-bg);--post-theme-color-palettes-accent-fg: var(--post-cargo-scheme-color-surface-accent-fg-accent);--post-theme-color-palettes-alternate-bg: var(--post-cargo-scheme-color-surface-alternate-bg);--post-theme-color-palettes-alternate-fg: var(--post-cargo-scheme-color-surface-alternate-fg)}}
package/cargo-tokens-internal.scss ADDED
@@ -0,0 +1,8 @@
1
+ @use 'sass:meta';
2
+
3
+ @layer design-system {
4
+ @include meta.load-css('./tokens/schemes');
5
+ @include meta.load-css('./tokens/device');
6
+ @include meta.load-css('./tokens/internal');
7
+ @include meta.load-css('./tokens/cargo-theme');
8
+ }
package/components/_form-check.scss ADDED
@@ -0,0 +1,166 @@
1
+ @use '../variables/color';
2
+ @use '../variables/commons';
3
+ @use '../variables/type';
4
+ @use '../variables/spacing';
5
+ @use '../variables/animation';
6
+ @use '../variables/components/form-check';
7
+ @use '../mixins/color' as color-mx;
8
+ @use '../mixins/icons' as icons-mx;
9
+ @use '../mixins/utilities' as utility-mx;
10
+ @use '../tokens/components';
11
+ @use '../tokens/helpers';
12
+ @use '../functions/tokens';
13
+
14
+ .form-check {
15
+ display: flex;
16
+ flex-wrap: wrap;
17
+ align-items: flex-start;
18
+ width: fit-content;
19
+ border-radius: tokens.get('focus-border-radius', helpers.$post-focus);
20
+
21
+ &-inline {
22
+ display: inline-flex;
23
+ vertical-align: top;
24
+
25
+ fieldset > & {
26
+ &:not(:last-of-type) {
27
+ margin-right: form-check.$form-check-inline-margin-right;
28
+ }
29
+ }
30
+ }
31
+
32
+ &:has(> input:not(:only-child)) {
33
+ @include utility-mx.focus-style();
34
+
35
+ > input {
36
+ @include utility-mx.focus-style-none();
37
+ }
38
+ }
39
+
40
+ &:has(input[type='checkbox']):not(.form-switch) {
41
+ padding-block: tokens.get('checkbox-padding-block-single', components.$post-checkbox);
42
+
43
+ fieldset > & {
44
+ &:not(:last-of-type) {
45
+ margin-bottom: tokens.get('checkbox-gap-block-group', components.$post-checkbox);
46
+ }
47
+ }
48
+
49
+ > input[type='checkbox'] {
50
+ ~ label {
51
+ padding-block: tokens.get('checkbox-label-padding-block', components.$post-checkbox);
52
+ padding-inline-start: tokens.get(
53
+ 'checkbox-gap-inline-text-start',
54
+ components.$post-checkbox
55
+ );
56
+ color: tokens.get('checkbox-enabled-fg', components.$post-checkbox);
57
+ }
58
+
59
+ &:not([disabled]) {
60
+ ~ label {
61
+ cursor: pointer;
62
+ }
63
+
64
+ &:hover ~ label {
65
+ color: tokens.get('checkbox-hover-fg', components.$post-checkbox);
66
+
67
+ @include utility-mx.high-contrast-mode() {
68
+ color: Highlight;
69
+ }
70
+ }
71
+ }
72
+
73
+ &[disabled] ~ label {
74
+ color: tokens.get('checkbox-disabled-fg', components.$post-checkbox);
75
+
76
+ @include utility-mx.high-contrast-mode() {
77
+ color: GrayText;
78
+ }
79
+ }
80
+ }
81
+ }
82
+
83
+ &.form-switch {
84
+ > input[type='checkbox'] {
85
+ ~ label {
86
+ color: tokens.get('switch-text-enabled-fg', components.$post-switch);
87
+ }
88
+
89
+ &:not([disabled]) {
90
+ ~ label {
91
+ cursor: pointer;
92
+ }
93
+
94
+ &:hover ~ label {
95
+ color: tokens.get('switch-text-enabled-fg', components.$post-switch);
96
+
97
+ @include utility-mx.high-contrast-mode() {
98
+ color: Highlight;
99
+ }
100
+ }
101
+ }
102
+
103
+ &[disabled] ~ label {
104
+ color: tokens.get('switch-text-disabled-fg', components.$post-switch);
105
+ @include utility-mx.high-contrast-mode() {
106
+ color: GrayText;
107
+ }
108
+ }
109
+ }
110
+ }
111
+
112
+ &:has(input[type='radio']) {
113
+ padding-block: tokens.get('radio-button-padding-block-single', components.$post-radio-button);
114
+
115
+ fieldset > & {
116
+ &:not(:last-of-type) {
117
+ margin-bottom: tokens.get('radio-button-gap-block-group', components.$post-radio-button);
118
+ }
119
+ }
120
+
121
+ > input[type='radio'] {
122
+ ~ label {
123
+ padding-block: tokens.get(
124
+ 'radio-button-label-padding-block',
125
+ components.$post-radio-button
126
+ );
127
+ padding-inline-start: tokens.get(
128
+ 'radio-button-gap-inline-text-start',
129
+ components.$post-radio-button
130
+ );
131
+ color: tokens.get('radio-button-enabled-fg', components.$post-radio-button);
132
+ }
133
+
134
+ &:not([disabled]) {
135
+ ~ label {
136
+ cursor: pointer;
137
+ }
138
+
139
+ &:hover ~ label {
140
+ color: tokens.get('radio-button-hover-fg', components.$post-radio-button);
141
+
142
+ @include utility-mx.high-contrast-mode() {
143
+ color: Highlight;
144
+ }
145
+ }
146
+ }
147
+
148
+ &[disabled] ~ label {
149
+ color: tokens.get('radio-button-disabled-fg', components.$post-radio-button);
150
+
151
+ @include utility-mx.high-contrast-mode() {
152
+ color: GrayText;
153
+ }
154
+ }
155
+ }
156
+ }
157
+
158
+ > label {
159
+ transition: color #{animation.$transition-base-timing};
160
+ flex: 1;
161
+
162
+ @include utility-mx.high-contrast-mode {
163
+ transition: none;
164
+ }
165
+ }
166
+ }