@swisspost/design-system-styles 9.0.0-next.30 → 9.0.0-next.32

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 (69) hide show
  1. package/basics.css +1 -1
  2. package/cargo-compact.css +7 -0
  3. package/{cargo-external.scss → cargo-compact.scss} +2 -2
  4. package/{cargo-external.css → cargo-default.css} +3 -3
  5. package/{cargo-internal.scss → cargo-default.scss} +2 -2
  6. package/{post-tokens-internal.css → cargo-tokens-compact.css} +1 -1
  7. package/{cargo-tokens-external.scss → cargo-tokens-compact.scss} +2 -2
  8. package/{cargo-tokens-internal.scss → cargo-tokens-default.scss} +2 -2
  9. package/components/card-control.css +1 -1
  10. package/components/card-control.scss +2 -1
  11. package/components/card.css +1 -1
  12. package/components/card.scss +4 -5
  13. package/components/form-input.css +1 -1
  14. package/components/form-input.scss +6 -13
  15. package/components/form-textarea.css +1 -1
  16. package/components/form-textarea.scss +4 -9
  17. package/components/header/_mixins.scss +1 -1
  18. package/components/header/index.css +1 -1
  19. package/components/header/index.scss +1 -4
  20. package/components/pagination.css +1 -1
  21. package/components/pagination.scss +2 -1
  22. package/components/popover.css +1 -1
  23. package/components/product-card.css +1 -1
  24. package/components/product-card.scss +1 -50
  25. package/components/stepper.css +1 -1
  26. package/components/stepper.scss +2 -2
  27. package/components/timepicker.css +1 -1
  28. package/components/timepicker.scss +2 -2
  29. package/elements/anchor.css +1 -1
  30. package/elements/anchor.scss +2 -2
  31. package/elements.css +1 -1
  32. package/index.css +3 -3
  33. package/intranet.css +3 -3
  34. package/mixins/_forms.scss +0 -14
  35. package/package.json +4 -4
  36. package/post-compact.css +7 -0
  37. package/{post-external.scss → post-compact.scss} +2 -2
  38. package/{post-external.css → post-default.css} +3 -3
  39. package/{post-internal.scss → post-default.scss} +2 -2
  40. package/{cargo-tokens-internal.css → post-tokens-compact.css} +1 -1
  41. package/{post-tokens-external.scss → post-tokens-compact.scss} +2 -2
  42. package/{post-tokens-internal.scss → post-tokens-default.scss} +2 -2
  43. package/templates/_not-defined.template.scss +2 -2
  44. package/tokens/_device-compact.scss +15 -0
  45. package/tokens/temp/_channel.scss +1 -1
  46. package/tokens/temp/_components.scss +1 -1
  47. package/tokens/temp/_core.scss +1 -1
  48. package/tokens/temp/_device.scss +1 -1
  49. package/tokens/temp/_elements.scss +1 -1
  50. package/tokens/temp/_helpers.scss +1 -1
  51. package/tokens/temp/_index.scss +1 -1
  52. package/tokens/temp/_palettes.scss +1 -1
  53. package/tokens/temp/_scheme.scss +1 -1
  54. package/tokens/temp/_theme.scss +1 -1
  55. package/tokens/temp/_utilities-formatted.scss +1 -1
  56. package/tokens/temp/_utilities.scss +1 -1
  57. package/tokens/temp/palettes/_cargo-dark.scss +1 -1
  58. package/tokens/temp/palettes/_cargo-light.scss +1 -1
  59. package/tokens/temp/palettes/_post-dark.scss +1 -1
  60. package/tokens/temp/palettes/_post-light.scss +1 -1
  61. package/utilities/_not-defined.scss +35 -35
  62. package/variables/_type.scss +1 -1
  63. package/cargo-internal.css +0 -7
  64. package/post-internal.css +0 -7
  65. /package/{cargo-tokens-external.css → cargo-tokens-default.css} +0 -0
  66. /package/{post-tokens-external.css → post-tokens-default.css} +0 -0
  67. /package/tokens/{_internal.scss → _appearance-compact.scss} +0 -0
  68. /package/tokens/{_external.scss → _appearance-default.scss} +0 -0
  69. /package/tokens/{_device.scss → _device-default.scss} +0 -0
package/{cargo-internal.scss → cargo-default.scss} RENAMED
@@ -1,6 +1,6 @@
1
1
  @use './tokens/schemes';
2
- @use './tokens/device';
3
- @use './tokens/internal';
2
+ @use './tokens/device-default';
3
+ @use './tokens/appearance-default';
4
4
  @use './tokens/cargo-theme';
5
5
  @use './palettes/cargo-palettes';
6
6
  @use './layout';
package/{post-tokens-internal.css → cargo-tokens-compact.css} RENAMED
@@ -1 +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);--post-device-position-4: var(--post-core-dimension-16)}}@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);--post-device-position-4: var(--post-core-dimension-24)}}@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);--post-device-position-4: var(--post-core-dimension-32)}}: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-light);--post-theme-palettes-bg-scheme-emphasis: var(--post-scheme-accent-bg-scheme-2);--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-scheme-color-surface-default-bg);--post-theme-color-palettes-default-fg: var(--post-scheme-color-surface-default-fg);--post-theme-color-palettes-brand-bg: var(--post-scheme-color-surface-brand-bg);--post-theme-color-palettes-brand-fg: var(--post-scheme-color-surface-brand-fg);--post-theme-color-palettes-accent-bg: var(--post-scheme-color-surface-accent-bg);--post-theme-color-palettes-accent-fg: var(--post-scheme-color-surface-accent-fg);--post-theme-color-palettes-alternate-bg: var(--post-scheme-color-surface-alternate-bg);--post-theme-color-palettes-alternate-fg: var(--post-scheme-color-surface-alternate-fg)}}
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);--post-device-position-4: var(--post-core-dimension-16)}}@media screen and (min-width: 600px){: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);--post-device-position-4: 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-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 → cargo-tokens-compact.scss} RENAMED
@@ -2,7 +2,7 @@
2
2
 
3
3
  @layer design-system {
4
4
  @include meta.load-css('./tokens/schemes');
5
- @include meta.load-css('./tokens/device');
6
- @include meta.load-css('./tokens/external');
5
+ @include meta.load-css('./tokens/device-compact');
6
+ @include meta.load-css('./tokens/appearance-compact');
7
7
  @include meta.load-css('./tokens/cargo-theme');
8
8
  }
package/{cargo-tokens-internal.scss → cargo-tokens-default.scss} RENAMED
@@ -2,7 +2,7 @@
2
2
 
3
3
  @layer design-system {
4
4
  @include meta.load-css('./tokens/schemes');
5
- @include meta.load-css('./tokens/device');
6
- @include meta.load-css('./tokens/internal');
5
+ @include meta.load-css('./tokens/device-default');
6
+ @include meta.load-css('./tokens/appearance-default');
7
7
  @include meta.load-css('./tokens/cargo-theme');
8
8
  }
package/components/card-control.css CHANGED
@@ -1 +1 @@
1
- fieldset .radio-button-card:not(:last-child),fieldset .checkbox-button-card:not(:last-child){margin-bottom:var(--post-core-dimension-16)}.radio-button-card,.checkbox-button-card{--post-card-control-border-color: hsl(0, 0%, 40%);--post-card-control-bg: #fff;--post-card-control-color: hsl(0, 0%, 20%);--post-card-control-input-border-color: hsl(0, 0%, 20%);--post-card-control-input-bg: #fff;display:grid;grid-template:"input label icon" "input content content"/min-content auto min-content;align-items:center;gap:0 var(--post-core-dimension-8);position:relative;padding:var(--post-core-dimension-16);width:100%;background-color:var(--post-card-control-bg);border:var(--post-core-dimension-2) solid var(--post-card-control-border-color);border-radius:4px;color:var(--post-card-control-color);cursor:pointer}.radio-button-card>input,.checkbox-button-card>input{grid-area:input;position:relative;z-index:2;margin:var(--post-core-dimension-4) 0;background-color:var(--post-card-control-input-bg) !important;border-color:var(--post-card-control-input-border-color) !important;color:var(--post-card-control-input-border-color) !important;cursor:inherit;transition:none;outline:none !important}.radio-button-card>input:hover:not([disabled])~label,.checkbox-button-card>input:hover:not([disabled])~label{color:#000;background-color:rgba(0,0,0,0) !important}.radio-button-card>input:focus,.radio-button-card>input:focus-visible,.checkbox-button-card>input:focus,.checkbox-button-card>input:focus-visible{box-shadow:none}.radio-button-card>input~label,.checkbox-button-card>input~label{color:inherit !important}.radio-button-card label,.checkbox-button-card label{grid-area:label;margin:var(--post-core-dimension-4) 0;padding:0;border-radius:inherit;transition:none}.radio-button-card label::before,.checkbox-button-card label::before{display:block;content:"";position:absolute;inset:calc(var(--post-core-dimension-2)*-1);border-radius:inherit}.radio-button-card label>*,.checkbox-button-card label>*{display:block;position:relative;z-index:2}.radio-button-card label:not(:has(+post-icon)),.checkbox-button-card label:not(:has(+post-icon)){grid-area:1/label/1/icon}.radio-button-card .card-control--content,.checkbox-button-card .card-control--content{grid-area:content}.radio-button-card post-icon,.checkbox-button-card post-icon{grid-area:icon;width:var(--post-core-dimension-32);height:var(--post-core-dimension-32);pointer-events:none}.radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: #000;--post-card-control-bg: #fc0}.radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid),.checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid){--post-card-control-border-color: #a51728;--post-card-control-color: #a51728;--post-card-control-input-border-color: #a51728}.radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: hsl(0, 0%, 20%);--post-card-control-bg: hsl(0, 0%, 40%);--post-card-control-color: #fff;--post-card-control-input-border-color: #000}.radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before,.checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before{outline-offset:var(--post-core-dimension-2);outline:var(--post-core-dimension-2) solid #1976c8}.radio-button-card:where(:has(input:disabled),.disabled),.checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: hsl(0, 0%, 40%);--post-card-control-bg: transparent;--post-card-control-color: hsl(0, 0%, 40%);--post-card-control-input-border-color: hsl(0, 0%, 40%);--post-card-control-input-bg: transparent;border-style:dashed;cursor:default}.radio-button-card:where(:has(input:disabled),.disabled) input.form-check-input[type],.checkbox-button-card:where(:has(input:disabled),.disabled) input.form-check-input[type]{padding:2px}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.radio-button-card,.checkbox-button-card{--post-card-control-border-color: FieldText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: FieldText;--post-card-control-input-bg: Field;outline:var(--post-core-dimension-2) solid Field;outline-offset:calc(var(--post-core-dimension-2)*-2)}.radio-button-card input.form-check-input[type],.checkbox-button-card input.form-check-input[type]{outline:var(--post-core-dimension-2) solid Field;background-color:Field !important}.radio-button-card input.form-check-input[type]::after,.checkbox-button-card input.form-check-input[type]::after{border-color:Field !important}.radio-button-card label.form-check-label,.radio-button-card .card-control--content,.checkbox-button-card label.form-check-label,.checkbox-button-card .card-control--content{background-color:var(--post-card-control-bg) !important}.radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: FieldText;--post-card-control-bg: SelectedItem;--post-card-control-color: FieldText;--post-card-control-input-border-color: FieldText}.radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked) input.form-check-input[type]::after,.checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked) input.form-check-input[type]::after{background-color:FieldText !important}.radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: Highlight;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: Highlight}.radio-button-card:where(:has(input:disabled),.disabled),.checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: GrayText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: GrayText;--post-card-control-input-bg: Field}.radio-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked),.checkbox-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked){--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText;position:relative;background-color:Field}.radio-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked)::before,.checkbox-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked)::before{display:block;content:"";position:absolute;inset:var(--post-core-dimension-2);background-color:SelectedItem;z-index:1}.radio-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked)>*,.checkbox-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked)>*{position:relative;z-index:2}.radio-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked) input.form-check-input[type]::after,.checkbox-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked) input.form-check-input[type]::after{background-color:FieldText !important}}.bg-dark .radio-button-card,.bg-dark .checkbox-button-card{--post-card-control-border-color: #fff;--post-card-control-bg: transparent;--post-card-control-color: #fff;--post-card-control-input-border-color: #fff;--post-card-control-input-bg: transparent}.bg-dark .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.bg-dark .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: #fc0;--post-card-control-bg: #fc0;--post-card-control-color: hsl(0, 0%, 20%);--post-card-control-input-border-color: hsl(0, 0%, 20%);--post-card-control-input-bg: #fff}.bg-dark .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid),.bg-dark .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid){--post-card-control-border-color: #a51728;--post-card-control-bg: #ffdade;--post-card-control-color: #a51728;--post-card-control-input-border-color: #a51728;--post-card-control-input-bg: #fff}.bg-dark .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked),.bg-dark .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked){--post-card-control-bg: #fc0}.bg-dark .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.bg-dark .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: #000;--post-card-control-bg: hsl(0, 0%, 80%);--post-card-control-color: #000;--post-card-control-input-border-color: #000;--post-card-control-input-bg: #fff}.bg-dark .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before,.bg-dark .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before{outline-color:#fff}.bg-dark .radio-button-card:where(:has(input:disabled),.disabled),.bg-dark .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: color.$white-alpha-80;--post-card-control-bg: transparent;--post-card-control-color: color.$white-alpha-80;--post-card-control-input-border-color: color.$white-alpha-80;--post-card-control-input-bg: transparent}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.bg-dark .radio-button-card,.bg-dark .checkbox-button-card{--post-card-control-border-color: FieldText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: FieldText;--post-card-control-input-bg: Field}.bg-dark .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.bg-dark .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: FieldText;--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText;--post-card-control-input-border-color: FieldText}.bg-dark .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.bg-dark .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: Highlight;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: Highlight}.bg-dark .radio-button-card:where(:has(input:disabled),.disabled),.bg-dark .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: GrayText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: GrayText;--post-card-control-input-bg: Field}.bg-dark .radio-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked),.bg-dark .checkbox-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked){--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText}}.bg-black .radio-button-card,.bg-black .checkbox-button-card{--post-card-control-border-color: #fff;--post-card-control-bg: transparent;--post-card-control-color: #fff;--post-card-control-input-border-color: #fff;--post-card-control-input-bg: transparent}.bg-black .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.bg-black .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: #fc0;--post-card-control-bg: #fc0;--post-card-control-color: hsl(0, 0%, 20%);--post-card-control-input-border-color: hsl(0, 0%, 20%);--post-card-control-input-bg: #fff}.bg-black .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid),.bg-black .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid){--post-card-control-border-color: #a51728;--post-card-control-bg: #ffdade;--post-card-control-color: #a51728;--post-card-control-input-border-color: #a51728;--post-card-control-input-bg: #fff}.bg-black .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked),.bg-black .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked){--post-card-control-bg: #fc0}.bg-black .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.bg-black .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: #000;--post-card-control-bg: hsl(0, 0%, 80%);--post-card-control-color: #000;--post-card-control-input-border-color: #000;--post-card-control-input-bg: #fff}.bg-black .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before,.bg-black .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before{outline-color:#fff}.bg-black .radio-button-card:where(:has(input:disabled),.disabled),.bg-black .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: color.$white-alpha-80;--post-card-control-bg: transparent;--post-card-control-color: color.$white-alpha-80;--post-card-control-input-border-color: color.$white-alpha-80;--post-card-control-input-bg: transparent}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.bg-black .radio-button-card,.bg-black .checkbox-button-card{--post-card-control-border-color: FieldText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: FieldText;--post-card-control-input-bg: Field}.bg-black .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.bg-black .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: FieldText;--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText;--post-card-control-input-border-color: FieldText}.bg-black .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.bg-black .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: Highlight;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: Highlight}.bg-black .radio-button-card:where(:has(input:disabled),.disabled),.bg-black .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: GrayText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: GrayText;--post-card-control-input-bg: Field}.bg-black .radio-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked),.bg-black .checkbox-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked){--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText}}.bg-primary .radio-button-card,.bg-primary .checkbox-button-card{--post-card-control-border-color: #fff;--post-card-control-bg: transparent;--post-card-control-color: #fff;--post-card-control-input-border-color: #fff;--post-card-control-input-bg: transparent}.bg-primary .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.bg-primary .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: #fc0;--post-card-control-bg: #fc0;--post-card-control-color: hsl(0, 0%, 20%);--post-card-control-input-border-color: hsl(0, 0%, 20%);--post-card-control-input-bg: #fff}.bg-primary .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid),.bg-primary .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid){--post-card-control-border-color: #a51728;--post-card-control-bg: #ffdade;--post-card-control-color: #a51728;--post-card-control-input-border-color: #a51728;--post-card-control-input-bg: #fff}.bg-primary .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked),.bg-primary .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked){--post-card-control-bg: #fc0}.bg-primary .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.bg-primary .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: #000;--post-card-control-bg: hsl(0, 0%, 80%);--post-card-control-color: #000;--post-card-control-input-border-color: #000;--post-card-control-input-bg: #fff}.bg-primary .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before,.bg-primary .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before{outline-color:#fff}.bg-primary .radio-button-card:where(:has(input:disabled),.disabled),.bg-primary .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: color.$white-alpha-80;--post-card-control-bg: transparent;--post-card-control-color: color.$white-alpha-80;--post-card-control-input-border-color: color.$white-alpha-80;--post-card-control-input-bg: transparent}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.bg-primary .radio-button-card,.bg-primary .checkbox-button-card{--post-card-control-border-color: FieldText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: FieldText;--post-card-control-input-bg: Field}.bg-primary .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.bg-primary .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: FieldText;--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText;--post-card-control-input-border-color: FieldText}.bg-primary .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.bg-primary .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: Highlight;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: Highlight}.bg-primary .radio-button-card:where(:has(input:disabled),.disabled),.bg-primary .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: GrayText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: GrayText;--post-card-control-input-bg: Field}.bg-primary .radio-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked),.bg-primary .checkbox-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked){--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText}}.bg-secondary .radio-button-card,.bg-secondary .checkbox-button-card{--post-card-control-border-color: #fff;--post-card-control-bg: transparent;--post-card-control-color: #fff;--post-card-control-input-border-color: #fff;--post-card-control-input-bg: transparent}.bg-secondary .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.bg-secondary .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: #fc0;--post-card-control-bg: #fc0;--post-card-control-color: hsl(0, 0%, 20%);--post-card-control-input-border-color: hsl(0, 0%, 20%);--post-card-control-input-bg: #fff}.bg-secondary .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid),.bg-secondary .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid){--post-card-control-border-color: #a51728;--post-card-control-bg: #ffdade;--post-card-control-color: #a51728;--post-card-control-input-border-color: #a51728;--post-card-control-input-bg: #fff}.bg-secondary .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked),.bg-secondary .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked){--post-card-control-bg: #fc0}.bg-secondary .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.bg-secondary .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: #000;--post-card-control-bg: hsl(0, 0%, 80%);--post-card-control-color: #000;--post-card-control-input-border-color: #000;--post-card-control-input-bg: #fff}.bg-secondary .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before,.bg-secondary .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before{outline-color:#fff}.bg-secondary .radio-button-card:where(:has(input:disabled),.disabled),.bg-secondary .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: color.$white-alpha-80;--post-card-control-bg: transparent;--post-card-control-color: color.$white-alpha-80;--post-card-control-input-border-color: color.$white-alpha-80;--post-card-control-input-bg: transparent}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.bg-secondary .radio-button-card,.bg-secondary .checkbox-button-card{--post-card-control-border-color: FieldText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: FieldText;--post-card-control-input-bg: Field}.bg-secondary .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.bg-secondary .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: FieldText;--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText;--post-card-control-input-border-color: FieldText}.bg-secondary .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.bg-secondary .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: Highlight;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: Highlight}.bg-secondary .radio-button-card:where(:has(input:disabled),.disabled),.bg-secondary .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: GrayText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: GrayText;--post-card-control-input-bg: Field}.bg-secondary .radio-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked),.bg-secondary .checkbox-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked){--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText}}.bg-success .radio-button-card,.bg-success .checkbox-button-card{--post-card-control-border-color: #fff;--post-card-control-bg: transparent;--post-card-control-color: #fff;--post-card-control-input-border-color: #fff;--post-card-control-input-bg: transparent}.bg-success .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.bg-success .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: #fc0;--post-card-control-bg: #fc0;--post-card-control-color: hsl(0, 0%, 20%);--post-card-control-input-border-color: hsl(0, 0%, 20%);--post-card-control-input-bg: #fff}.bg-success .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid),.bg-success .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid){--post-card-control-border-color: #a51728;--post-card-control-bg: #ffdade;--post-card-control-color: #a51728;--post-card-control-input-border-color: #a51728;--post-card-control-input-bg: #fff}.bg-success .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked),.bg-success .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked){--post-card-control-bg: #fc0}.bg-success .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.bg-success .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: #000;--post-card-control-bg: hsl(0, 0%, 80%);--post-card-control-color: #000;--post-card-control-input-border-color: #000;--post-card-control-input-bg: #fff}.bg-success .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before,.bg-success .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before{outline-color:#fff}.bg-success .radio-button-card:where(:has(input:disabled),.disabled),.bg-success .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: color.$white-alpha-80;--post-card-control-bg: transparent;--post-card-control-color: color.$white-alpha-80;--post-card-control-input-border-color: color.$white-alpha-80;--post-card-control-input-bg: transparent}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.bg-success .radio-button-card,.bg-success .checkbox-button-card{--post-card-control-border-color: FieldText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: FieldText;--post-card-control-input-bg: Field}.bg-success .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.bg-success .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: FieldText;--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText;--post-card-control-input-border-color: FieldText}.bg-success .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.bg-success .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: Highlight;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: Highlight}.bg-success .radio-button-card:where(:has(input:disabled),.disabled),.bg-success .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: GrayText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: GrayText;--post-card-control-input-bg: Field}.bg-success .radio-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked),.bg-success .checkbox-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked){--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText}}.bg-error .radio-button-card,.bg-error .checkbox-button-card{--post-card-control-border-color: #fff;--post-card-control-bg: transparent;--post-card-control-color: #fff;--post-card-control-input-border-color: #fff;--post-card-control-input-bg: transparent}.bg-error .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.bg-error .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: #fc0;--post-card-control-bg: #fc0;--post-card-control-color: hsl(0, 0%, 20%);--post-card-control-input-border-color: hsl(0, 0%, 20%);--post-card-control-input-bg: #fff}.bg-error .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid),.bg-error .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid){--post-card-control-border-color: #a51728;--post-card-control-bg: #ffdade;--post-card-control-color: #a51728;--post-card-control-input-border-color: #a51728;--post-card-control-input-bg: #fff}.bg-error .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked),.bg-error .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked){--post-card-control-bg: #fc0}.bg-error .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.bg-error .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: #000;--post-card-control-bg: hsl(0, 0%, 80%);--post-card-control-color: #000;--post-card-control-input-border-color: #000;--post-card-control-input-bg: #fff}.bg-error .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before,.bg-error .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before{outline-color:#fff}.bg-error .radio-button-card:where(:has(input:disabled),.disabled),.bg-error .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: color.$white-alpha-80;--post-card-control-bg: transparent;--post-card-control-color: color.$white-alpha-80;--post-card-control-input-border-color: color.$white-alpha-80;--post-card-control-input-bg: transparent}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.bg-error .radio-button-card,.bg-error .checkbox-button-card{--post-card-control-border-color: FieldText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: FieldText;--post-card-control-input-bg: Field}.bg-error .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.bg-error .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: FieldText;--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText;--post-card-control-input-border-color: FieldText}.bg-error .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.bg-error .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: Highlight;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: Highlight}.bg-error .radio-button-card:where(:has(input:disabled),.disabled),.bg-error .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: GrayText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: GrayText;--post-card-control-input-bg: Field}.bg-error .radio-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked),.bg-error .checkbox-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked){--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText}}
1
+ fieldset .radio-button-card:not(:last-child),fieldset .checkbox-button-card:not(:last-child){margin-bottom:var(--post-core-dimension-16)}.radio-button-card,.checkbox-button-card{--post-card-control-border-color: hsl(0, 0%, 40%);--post-card-control-bg: #fff;--post-card-control-color: hsl(0, 0%, 20%);--post-card-control-input-border-color: hsl(0, 0%, 20%);--post-card-control-input-bg: #fff;display:grid;grid-template:"input label icon" "input content content"/min-content auto min-content;align-items:center;gap:0 var(--post-core-dimension-8);position:relative;padding:var(--post-core-dimension-16);width:100%;background-color:var(--post-card-control-bg);border:var(--post-core-dimension-2) solid var(--post-card-control-border-color);border-radius:4px;color:var(--post-card-control-color);cursor:pointer}.radio-button-card>input,.checkbox-button-card>input{grid-area:input;position:relative;z-index:2;margin:var(--post-core-dimension-4) 0;background-color:var(--post-card-control-input-bg) !important;border-color:var(--post-card-control-input-border-color) !important;color:var(--post-card-control-input-border-color) !important;cursor:inherit;transition:none;outline:none !important}.radio-button-card>input:hover:not([disabled])~label,.checkbox-button-card>input:hover:not([disabled])~label{color:#000;background-color:rgba(0,0,0,0) !important}.radio-button-card>input:focus,.radio-button-card>input:focus-visible,.checkbox-button-card>input:focus,.checkbox-button-card>input:focus-visible{box-shadow:none}.radio-button-card>input~label,.checkbox-button-card>input~label{color:var(--post-scheme-color-surface-default-fg) !important}.radio-button-card label,.checkbox-button-card label{grid-area:label;margin:var(--post-core-dimension-4) 0;padding:0;border-radius:inherit;transition:none}.radio-button-card label::before,.checkbox-button-card label::before{display:block;content:"";position:absolute;inset:calc(var(--post-core-dimension-2)*-1);border-radius:inherit}.radio-button-card label>*,.checkbox-button-card label>*{display:block;position:relative;z-index:2}.radio-button-card label:not(:has(+post-icon)),.checkbox-button-card label:not(:has(+post-icon)){grid-area:1/label/1/icon}.radio-button-card .card-control--content,.checkbox-button-card .card-control--content{grid-area:content}.radio-button-card post-icon,.checkbox-button-card post-icon{grid-area:icon;width:var(--post-core-dimension-32);height:var(--post-core-dimension-32);pointer-events:none}.radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: #000;--post-card-control-bg: #fc0}.radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid),.checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid){--post-card-control-border-color: #a51728;--post-card-control-color: #a51728;--post-card-control-input-border-color: #a51728}.radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: hsl(0, 0%, 20%);--post-card-control-bg: hsl(0, 0%, 40%);--post-card-control-color: #fff;--post-card-control-input-border-color: #000}.radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before,.checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before{outline-offset:var(--post-core-dimension-2);outline:var(--post-core-dimension-2) solid #1976c8}.radio-button-card:where(:has(input:disabled),.disabled),.checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: hsl(0, 0%, 40%);--post-card-control-bg: transparent;--post-card-control-color: hsl(0, 0%, 40%);--post-card-control-input-border-color: hsl(0, 0%, 40%);--post-card-control-input-bg: transparent;border-style:dashed;cursor:default}.radio-button-card:where(:has(input:disabled),.disabled) input.form-check-input[type],.checkbox-button-card:where(:has(input:disabled),.disabled) input.form-check-input[type]{padding:2px}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.radio-button-card,.checkbox-button-card{--post-card-control-border-color: FieldText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: FieldText;--post-card-control-input-bg: Field;outline:var(--post-core-dimension-2) solid Field;outline-offset:calc(var(--post-core-dimension-2)*-2)}.radio-button-card input.form-check-input[type],.checkbox-button-card input.form-check-input[type]{outline:var(--post-core-dimension-2) solid Field;background-color:Field !important}.radio-button-card input.form-check-input[type]::after,.checkbox-button-card input.form-check-input[type]::after{border-color:Field !important}.radio-button-card label.form-check-label,.radio-button-card .card-control--content,.checkbox-button-card label.form-check-label,.checkbox-button-card .card-control--content{background-color:var(--post-card-control-bg) !important}.radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: FieldText;--post-card-control-bg: SelectedItem;--post-card-control-color: FieldText;--post-card-control-input-border-color: FieldText}.radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked) input.form-check-input[type]::after,.checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked) input.form-check-input[type]::after{background-color:FieldText !important}.radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: Highlight;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: Highlight}.radio-button-card:where(:has(input:disabled),.disabled),.checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: GrayText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: GrayText;--post-card-control-input-bg: Field}.radio-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked),.checkbox-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked){--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText;position:relative;background-color:Field}.radio-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked)::before,.checkbox-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked)::before{display:block;content:"";position:absolute;inset:var(--post-core-dimension-2);background-color:SelectedItem;z-index:1}.radio-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked)>*,.checkbox-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked)>*{position:relative;z-index:2}.radio-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked) input.form-check-input[type]::after,.checkbox-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked) input.form-check-input[type]::after{background-color:FieldText !important}}.bg-dark .radio-button-card,.bg-dark .checkbox-button-card{--post-card-control-border-color: #fff;--post-card-control-bg: transparent;--post-card-control-color: #fff;--post-card-control-input-border-color: #fff;--post-card-control-input-bg: transparent}.bg-dark .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.bg-dark .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: #fc0;--post-card-control-bg: #fc0;--post-card-control-color: hsl(0, 0%, 20%);--post-card-control-input-border-color: hsl(0, 0%, 20%);--post-card-control-input-bg: #fff}.bg-dark .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid),.bg-dark .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid){--post-card-control-border-color: #a51728;--post-card-control-bg: #ffdade;--post-card-control-color: #a51728;--post-card-control-input-border-color: #a51728;--post-card-control-input-bg: #fff}.bg-dark .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked),.bg-dark .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked){--post-card-control-bg: #fc0}.bg-dark .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.bg-dark .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: #000;--post-card-control-bg: hsl(0, 0%, 80%);--post-card-control-color: #000;--post-card-control-input-border-color: #000;--post-card-control-input-bg: #fff}.bg-dark .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before,.bg-dark .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before{outline-color:#fff}.bg-dark .radio-button-card:where(:has(input:disabled),.disabled),.bg-dark .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: color.$white-alpha-80;--post-card-control-bg: transparent;--post-card-control-color: color.$white-alpha-80;--post-card-control-input-border-color: color.$white-alpha-80;--post-card-control-input-bg: transparent}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.bg-dark .radio-button-card,.bg-dark .checkbox-button-card{--post-card-control-border-color: FieldText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: FieldText;--post-card-control-input-bg: Field}.bg-dark .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.bg-dark .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: FieldText;--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText;--post-card-control-input-border-color: FieldText}.bg-dark .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.bg-dark .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: Highlight;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: Highlight}.bg-dark .radio-button-card:where(:has(input:disabled),.disabled),.bg-dark .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: GrayText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: GrayText;--post-card-control-input-bg: Field}.bg-dark .radio-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked),.bg-dark .checkbox-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked){--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText}}.bg-black .radio-button-card,.bg-black .checkbox-button-card{--post-card-control-border-color: #fff;--post-card-control-bg: transparent;--post-card-control-color: #fff;--post-card-control-input-border-color: #fff;--post-card-control-input-bg: transparent}.bg-black .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.bg-black .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: #fc0;--post-card-control-bg: #fc0;--post-card-control-color: hsl(0, 0%, 20%);--post-card-control-input-border-color: hsl(0, 0%, 20%);--post-card-control-input-bg: #fff}.bg-black .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid),.bg-black .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid){--post-card-control-border-color: #a51728;--post-card-control-bg: #ffdade;--post-card-control-color: #a51728;--post-card-control-input-border-color: #a51728;--post-card-control-input-bg: #fff}.bg-black .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked),.bg-black .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked){--post-card-control-bg: #fc0}.bg-black .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.bg-black .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: #000;--post-card-control-bg: hsl(0, 0%, 80%);--post-card-control-color: #000;--post-card-control-input-border-color: #000;--post-card-control-input-bg: #fff}.bg-black .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before,.bg-black .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before{outline-color:#fff}.bg-black .radio-button-card:where(:has(input:disabled),.disabled),.bg-black .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: color.$white-alpha-80;--post-card-control-bg: transparent;--post-card-control-color: color.$white-alpha-80;--post-card-control-input-border-color: color.$white-alpha-80;--post-card-control-input-bg: transparent}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.bg-black .radio-button-card,.bg-black .checkbox-button-card{--post-card-control-border-color: FieldText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: FieldText;--post-card-control-input-bg: Field}.bg-black .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.bg-black .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: FieldText;--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText;--post-card-control-input-border-color: FieldText}.bg-black .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.bg-black .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: Highlight;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: Highlight}.bg-black .radio-button-card:where(:has(input:disabled),.disabled),.bg-black .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: GrayText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: GrayText;--post-card-control-input-bg: Field}.bg-black .radio-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked),.bg-black .checkbox-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked){--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText}}.bg-primary .radio-button-card,.bg-primary .checkbox-button-card{--post-card-control-border-color: #fff;--post-card-control-bg: transparent;--post-card-control-color: #fff;--post-card-control-input-border-color: #fff;--post-card-control-input-bg: transparent}.bg-primary .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.bg-primary .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: #fc0;--post-card-control-bg: #fc0;--post-card-control-color: hsl(0, 0%, 20%);--post-card-control-input-border-color: hsl(0, 0%, 20%);--post-card-control-input-bg: #fff}.bg-primary .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid),.bg-primary .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid){--post-card-control-border-color: #a51728;--post-card-control-bg: #ffdade;--post-card-control-color: #a51728;--post-card-control-input-border-color: #a51728;--post-card-control-input-bg: #fff}.bg-primary .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked),.bg-primary .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked){--post-card-control-bg: #fc0}.bg-primary .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.bg-primary .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: #000;--post-card-control-bg: hsl(0, 0%, 80%);--post-card-control-color: #000;--post-card-control-input-border-color: #000;--post-card-control-input-bg: #fff}.bg-primary .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before,.bg-primary .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before{outline-color:#fff}.bg-primary .radio-button-card:where(:has(input:disabled),.disabled),.bg-primary .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: color.$white-alpha-80;--post-card-control-bg: transparent;--post-card-control-color: color.$white-alpha-80;--post-card-control-input-border-color: color.$white-alpha-80;--post-card-control-input-bg: transparent}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.bg-primary .radio-button-card,.bg-primary .checkbox-button-card{--post-card-control-border-color: FieldText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: FieldText;--post-card-control-input-bg: Field}.bg-primary .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.bg-primary .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: FieldText;--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText;--post-card-control-input-border-color: FieldText}.bg-primary .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.bg-primary .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: Highlight;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: Highlight}.bg-primary .radio-button-card:where(:has(input:disabled),.disabled),.bg-primary .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: GrayText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: GrayText;--post-card-control-input-bg: Field}.bg-primary .radio-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked),.bg-primary .checkbox-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked){--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText}}.bg-secondary .radio-button-card,.bg-secondary .checkbox-button-card{--post-card-control-border-color: #fff;--post-card-control-bg: transparent;--post-card-control-color: #fff;--post-card-control-input-border-color: #fff;--post-card-control-input-bg: transparent}.bg-secondary .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.bg-secondary .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: #fc0;--post-card-control-bg: #fc0;--post-card-control-color: hsl(0, 0%, 20%);--post-card-control-input-border-color: hsl(0, 0%, 20%);--post-card-control-input-bg: #fff}.bg-secondary .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid),.bg-secondary .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid){--post-card-control-border-color: #a51728;--post-card-control-bg: #ffdade;--post-card-control-color: #a51728;--post-card-control-input-border-color: #a51728;--post-card-control-input-bg: #fff}.bg-secondary .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked),.bg-secondary .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked){--post-card-control-bg: #fc0}.bg-secondary .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.bg-secondary .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: #000;--post-card-control-bg: hsl(0, 0%, 80%);--post-card-control-color: #000;--post-card-control-input-border-color: #000;--post-card-control-input-bg: #fff}.bg-secondary .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before,.bg-secondary .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before{outline-color:#fff}.bg-secondary .radio-button-card:where(:has(input:disabled),.disabled),.bg-secondary .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: color.$white-alpha-80;--post-card-control-bg: transparent;--post-card-control-color: color.$white-alpha-80;--post-card-control-input-border-color: color.$white-alpha-80;--post-card-control-input-bg: transparent}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.bg-secondary .radio-button-card,.bg-secondary .checkbox-button-card{--post-card-control-border-color: FieldText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: FieldText;--post-card-control-input-bg: Field}.bg-secondary .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.bg-secondary .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: FieldText;--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText;--post-card-control-input-border-color: FieldText}.bg-secondary .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.bg-secondary .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: Highlight;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: Highlight}.bg-secondary .radio-button-card:where(:has(input:disabled),.disabled),.bg-secondary .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: GrayText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: GrayText;--post-card-control-input-bg: Field}.bg-secondary .radio-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked),.bg-secondary .checkbox-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked){--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText}}.bg-success .radio-button-card,.bg-success .checkbox-button-card{--post-card-control-border-color: #fff;--post-card-control-bg: transparent;--post-card-control-color: #fff;--post-card-control-input-border-color: #fff;--post-card-control-input-bg: transparent}.bg-success .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.bg-success .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: #fc0;--post-card-control-bg: #fc0;--post-card-control-color: hsl(0, 0%, 20%);--post-card-control-input-border-color: hsl(0, 0%, 20%);--post-card-control-input-bg: #fff}.bg-success .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid),.bg-success .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid){--post-card-control-border-color: #a51728;--post-card-control-bg: #ffdade;--post-card-control-color: #a51728;--post-card-control-input-border-color: #a51728;--post-card-control-input-bg: #fff}.bg-success .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked),.bg-success .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked){--post-card-control-bg: #fc0}.bg-success .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.bg-success .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: #000;--post-card-control-bg: hsl(0, 0%, 80%);--post-card-control-color: #000;--post-card-control-input-border-color: #000;--post-card-control-input-bg: #fff}.bg-success .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before,.bg-success .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before{outline-color:#fff}.bg-success .radio-button-card:where(:has(input:disabled),.disabled),.bg-success .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: color.$white-alpha-80;--post-card-control-bg: transparent;--post-card-control-color: color.$white-alpha-80;--post-card-control-input-border-color: color.$white-alpha-80;--post-card-control-input-bg: transparent}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.bg-success .radio-button-card,.bg-success .checkbox-button-card{--post-card-control-border-color: FieldText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: FieldText;--post-card-control-input-bg: Field}.bg-success .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.bg-success .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: FieldText;--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText;--post-card-control-input-border-color: FieldText}.bg-success .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.bg-success .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: Highlight;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: Highlight}.bg-success .radio-button-card:where(:has(input:disabled),.disabled),.bg-success .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: GrayText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: GrayText;--post-card-control-input-bg: Field}.bg-success .radio-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked),.bg-success .checkbox-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked){--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText}}.bg-error .radio-button-card,.bg-error .checkbox-button-card{--post-card-control-border-color: #fff;--post-card-control-bg: transparent;--post-card-control-color: #fff;--post-card-control-input-border-color: #fff;--post-card-control-input-bg: transparent}.bg-error .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.bg-error .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: #fc0;--post-card-control-bg: #fc0;--post-card-control-color: hsl(0, 0%, 20%);--post-card-control-input-border-color: hsl(0, 0%, 20%);--post-card-control-input-bg: #fff}.bg-error .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid),.bg-error .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid){--post-card-control-border-color: #a51728;--post-card-control-bg: #ffdade;--post-card-control-color: #a51728;--post-card-control-input-border-color: #a51728;--post-card-control-input-bg: #fff}.bg-error .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked),.bg-error .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:invalid),:has(input[aria-invalid]),:has(input.is-invalid),.is-invalid):where(:has(input:checked),.checked){--post-card-control-bg: #fc0}.bg-error .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.bg-error .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: #000;--post-card-control-bg: hsl(0, 0%, 80%);--post-card-control-color: #000;--post-card-control-input-border-color: #000;--post-card-control-input-bg: #fff}.bg-error .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before,.bg-error .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)) input:focus-visible~label::before{outline-color:#fff}.bg-error .radio-button-card:where(:has(input:disabled),.disabled),.bg-error .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: color.$white-alpha-80;--post-card-control-bg: transparent;--post-card-control-color: color.$white-alpha-80;--post-card-control-input-border-color: color.$white-alpha-80;--post-card-control-input-bg: transparent}@media(forced-colors: active),(-ms-high-contrast: active),(-ms-high-contrast: white-on-black){.bg-error .radio-button-card,.bg-error .checkbox-button-card{--post-card-control-border-color: FieldText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: FieldText;--post-card-control-input-bg: Field}.bg-error .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked),.bg-error .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:has(input:checked),.checked){--post-card-control-border-color: FieldText;--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText;--post-card-control-input-border-color: FieldText}.bg-error .radio-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover),.bg-error .checkbox-button-card:where(:not(:has(input:disabled)),:not(.disabled)):where(:hover){--post-card-control-border-color: Highlight;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: Highlight}.bg-error .radio-button-card:where(:has(input:disabled),.disabled),.bg-error .checkbox-button-card:where(:has(input:disabled),.disabled){--post-card-control-border-color: GrayText;--post-card-control-bg: Field;--post-card-control-color: FieldText;--post-card-control-input-border-color: GrayText;--post-card-control-input-bg: Field}.bg-error .radio-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked),.bg-error .checkbox-button-card:where(:has(input:disabled),.disabled):where(:has(input:checked),.checked){--post-card-control-bg: SelectedItem;--post-card-control-color: SelectedItemText}}
package/components/card-control.scss CHANGED
@@ -5,6 +5,7 @@
5
5
  @use '../variables/components/form-check';
6
6
  @use '../mixins/utilities' as utilities-mx;
7
7
  @use '../functions/tokens';
8
+ @use '../tokens/elements';
8
9
  @use '../tokens/utilities';
9
10
 
10
11
  tokens.$default-map: utilities.$post-spacing;
@@ -67,7 +68,7 @@ fieldset {
67
68
  }
68
69
 
69
70
  ~ label {
70
- color: inherit !important;
71
+ color: tokens.get('body-color', elements.$post-body) !important;
71
72
  }
72
73
  }
73
74